[{"data":1,"prerenderedAt":1411},["ShallowReactive",2],{"navigation_docs":3,"-components-theme-select":353,"-components-theme-select-surround":637,"component-example-themeSelectBasicExample":642,"component-example-themeSelectUseThemeExample":645,"component-meta-MtThemeSelect":648,"component-example-ast-themeSelectBasicExample":688,"component-example-ast-themeSelectUseThemeExample":994},[4,114,302],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,93],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85,89],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92},"Motion","\u002Fdocumentation\u002Fdesign\u002Fmotion","1.documentation\u002F3.design\u002F8.motion",{"title":94,"path":95,"stem":96,"children":97,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[98,102,106,110],{"title":99,"path":100,"stem":101},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":103,"path":104,"stem":105},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":107,"path":108,"stem":109},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":111,"path":112,"stem":113},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":115,"stem":116,"children":117,"page":34},"\u002Fcomponents","2.components",[118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298],{"title":119,"path":120,"stem":121},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":123,"path":124,"stem":125},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":127,"path":128,"stem":129},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":131,"path":132,"stem":133},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":135,"path":136,"stem":137},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":139,"path":140,"stem":141},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":143,"path":144,"stem":145},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":147,"path":148,"stem":149},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":151,"path":152,"stem":153},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":155,"path":156,"stem":157},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":159,"path":160,"stem":161},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":163,"path":164,"stem":165},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":167,"path":168,"stem":169},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":171,"path":172,"stem":173},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":175,"path":176,"stem":177},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":179,"path":180,"stem":181},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":183,"path":184,"stem":185},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":187,"path":188,"stem":189},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":191,"path":192,"stem":193},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":195,"path":196,"stem":197},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":199,"path":200,"stem":201},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":203,"path":204,"stem":205},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":207,"path":208,"stem":209},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":211,"path":212,"stem":213},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":215,"path":216,"stem":217},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":219,"path":220,"stem":221},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":223,"path":224,"stem":225},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":227,"path":228,"stem":229},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":231,"path":232,"stem":233},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":235,"path":236,"stem":237},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":239,"path":240,"stem":241},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":243,"path":244,"stem":245},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":247,"path":248,"stem":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":251,"path":252,"stem":253},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":255,"path":256,"stem":257},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":259,"path":260,"stem":261},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":263,"path":264,"stem":265},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":267,"path":268,"stem":269},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":271,"path":272,"stem":273},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":275,"path":276,"stem":277},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":279,"path":280,"stem":281},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":283,"path":284,"stem":285},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":287,"path":288,"stem":289},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":291,"path":292,"stem":293},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":295,"path":296,"stem":297},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":299,"path":300,"stem":301},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":303,"path":304,"stem":305,"children":306,"page":34},"Utilities","\u002Futilities","3.utilities",[307,319,336,344],{"title":53,"path":308,"stem":309,"children":310,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[311,315],{"title":312,"path":313,"stem":314},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":316,"path":317,"stem":318},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":320,"path":321,"stem":322,"children":323,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[324,328,332],{"title":325,"path":326,"stem":327},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":329,"path":330,"stem":331},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":333,"path":334,"stem":335},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":337,"path":338,"stem":339,"children":340,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[341],{"title":291,"path":342,"stem":343},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":345,"path":346,"stem":347,"children":348,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[349],{"title":350,"path":351,"stem":352},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":354,"title":283,"body":355,"description":630,"extension":631,"links":632,"meta":633,"navigation":634,"path":284,"seo":635,"stem":285,"__hash__":636},"docs\u002F2.components\u002Ftheme-select.md",{"type":356,"value":357,"toc":617},"minimark",[358,363,368,380,412,416,421,446,449,453,456,460,509,513,570,573,593,597,613],[359,360],"component-example",{":full-width":361,"name":362},"true","theme-select-basic-example",[364,365,367],"h2",{"id":366},"usage","Usage",[369,370,371,374,375,379],"p",{},[372,373,283],"strong",{}," lets users choose the application color theme: light, dark, or following the operating system preference. Use it in settings screens, profile pages, or anywhere a theme preference belongs. It is a controlled component: it only reports the chosen theme through ",[376,377,378],"code",{},"v-model"," and does not apply or persist the theme itself, which keeps the host application in charge of how the choice takes effect.",[381,382,387],"pre",{"className":383,"code":384,"language":385,"meta":386,"style":386},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtThemeSelect } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[376,388,389],{"__ignoreMap":386},[390,391,394,398,402,405,409],"span",{"class":392,"line":393},"line",1,[390,395,397],{"class":396},"sLfaJ","import",[390,399,401],{"class":400},"sSgjj"," { MtThemeSelect } ",[390,403,404],{"class":396},"from",[390,406,408],{"class":407},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[390,410,411],{"class":400},";\n",[364,413,415],{"id":414},"examples","Examples",[417,418,420],"h3",{"id":419},"pairing-with-usetheme","Pairing with useTheme",[369,422,423,424,429,430,433,434,437,438,441,442,445],{},"The ",[425,426,427],"a",{"href":334},[372,428,333],{}," composable resolves the ",[376,431,432],{},"system"," option against ",[376,435,436],{},"prefers-color-scheme",", applies the resolved value as ",[376,439,440],{},"data-theme",", and persists the choice. Binding its ",[376,443,444],{},"theme"," ref to the select is all a typical app needs.",[359,447],{":full-width":361,"name":448},"theme-select-use-theme-example",[364,450,452],{"id":451},"api-reference","API reference",[454,455],"component-api",{},[364,457,459],{"id":458},"best-practices","Best practices",[461,462,463,495],"do-dont",{":vertical":361},[464,465,466],"template",{"v-slot:do":386},[467,468,469,476,484],"ul",{},[470,471,472,473,475],"li",{},"Default to ",[376,474,432],{}," so the application respects the operating system preference.",[470,477,478,479,483],{},"Pair the select with ",[425,480,481],{"href":334},[372,482,333],{}," so the choice is applied and persisted consistently.",[470,485,486,487,490,491,494],{},"Give the field a label that describes the setting, such as ",[376,488,489],{},"Color theme"," or ",[376,492,493],{},"Appearance",".",[464,496,497,503],{"v-slot:dont":386},[470,498,499,500,502],{},"Do not use ",[372,501,283],{}," for unrelated multi-option settings; it is purpose-built for color themes.",[470,504,505,506,508],{},"Do not apply the theme from multiple places at once. Keep one owner for the ",[376,507,440],{}," attribute.",[364,510,512],{"id":511},"behavior","Behavior",[467,514,515,538,552,555],{},[470,516,517,519,520,523,524,527,528,531,532,535,536,494],{},[372,518,283],{}," accepts and emits one of three values through ",[376,521,522],{},"modelValue",": ",[376,525,526],{},"\"light\"",", ",[376,529,530],{},"\"dark\"",", or ",[376,533,534],{},"\"system\"",", and defaults to ",[376,537,534],{},[470,539,540,541,543,544,546,547,551],{},"The component is purely presentational. Resolving ",[376,542,432],{},", writing ",[376,545,440],{},", and persisting the choice is the host's responsibility, which ",[425,548,549],{"href":334},[372,550,333],{}," handles out of the box.",[470,553,554],{},"Option labels are localized (English and German) through the library's i18n setup.",[470,556,557,558,562,563,490,566,569],{},"Additional ",[425,559,560],{"href":240},[372,561,239],{}," props such as ",[376,564,565],{},"small",[376,567,568],{},"error"," fall through to the underlying select.",[364,571,45],{"id":572},"accessibility",[467,574,575,583,586],{},[470,576,577,578,582],{},"Keyboard and screen reader behavior follow the underlying ",[425,579,580],{"href":240},[372,581,239],{}," component.",[470,584,585],{},"Each option is labelled with text, so the choice never relies on color or iconography.",[470,587,588,589,592],{},"Provide a visible ",[376,590,591],{},"label"," so the setting is announced with its purpose.",[364,594,596],{"id":595},"related-components","Related components",[467,598,599,606],{},[470,600,601,605],{},[425,602,603],{"href":240},[372,604,239],{},": the general-purpose select this component builds on, for arbitrary option sets.",[470,607,608,612],{},[425,609,610],{"href":334},[372,611,333],{},": the composable that resolves, applies, and persists the theme this component selects.",[614,615,616],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":386,"searchDepth":618,"depth":618,"links":619},2,[620,621,625,626,627,628,629],{"id":366,"depth":618,"text":367},{"id":414,"depth":618,"text":415,"children":622},[623],{"id":419,"depth":624,"text":420},3,{"id":451,"depth":618,"text":452},{"id":458,"depth":618,"text":459},{"id":511,"depth":618,"text":512},{"id":572,"depth":618,"text":45},{"id":595,"depth":618,"text":596},"A select control for choosing the application color theme, either light, dark, or following the system preference.","md",null,{},true,{"title":283,"description":630},"Jvvywt2Ctvw6tHFyqdN0EF3Le4ert4E0l5mUWLSAx9M",[638,640],{"title":279,"path":280,"stem":281,"description":639,"children":-1},"A multi-line input for longer free-form text in a form.",{"title":287,"path":288,"stem":289,"description":641,"children":-1},"Short-lived, action-bound feedback that appears briefly to confirm or report the result of something the user just did.",{"code":643,"pascalName":644},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport MtThemeSelect from \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\";\nimport type { Theme } from \"@shopware-ag\u002Fmeteor-component-library\";\n\nconst theme = ref\u003CTheme>(\"system\");\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-theme-select v-model=\"theme\" label=\"Color theme\" \u002F>\n\u003C\u002Ftemplate>\n","ThemeSelectBasicExample",{"code":646,"pascalName":647},"\u003Cscript setup lang=\"ts\">\nimport MtThemeSelect from \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\";\nimport MtText from \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\";\n\u002F\u002F useTheme has no subpath export, so it is imported from the barrel.\nimport { useTheme } from \"@shopware-ag\u002Fmeteor-component-library\";\n\n\u002F\u002F Persistence and global application are disabled so the docs page itself\n\u002F\u002F stays untouched. Omit these options in your app.\nconst { theme, resolvedTheme } = useTheme({\n  storageKey: null,\n  applyToTarget: false,\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv style=\"display: flex; flex-direction: column; gap: 16px\">\n    \u003Cmt-theme-select v-model=\"theme\" label=\"Color theme\" \u002F>\n\n    \u003Cmt-text>Resolved theme: {{ resolvedTheme }}\u003C\u002Fmt-text>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n","ThemeSelectUseThemeExample",{"pascalName":649,"kebabName":650,"filePath":651,"meta":652},"MtThemeSelect","mt-theme-select","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-theme-select\u002Fmt-theme-select.vue",{"type":393,"props":653,"slots":674,"events":675,"exposed":686,"hash":687},[654,663,671],{"name":591,"global":34,"description":655,"tags":656,"required":34,"type":657,"schema":658},"The label for the select field itself.",[],"string | undefined",{"kind":659,"type":657,"schema":660},"enum",{"0":661,"1":662},"undefined","string",{"name":664,"global":34,"description":665,"tags":666,"required":34,"type":667,"schema":668},"disabled","Disables the select field.",[],"boolean | undefined",{"kind":659,"type":667,"schema":669},{"0":661,"1":670,"2":361},"false",{"name":522,"global":34,"default":534,"description":386,"tags":672,"required":34,"type":673,"schema":673},[],"any",[],[676],{"name":677,"description":386,"tags":678,"type":679,"signature":680,"schema":681},"update:modelValue",[],"[value: Theme]","(event: \"update:modelValue\", value: Theme): void",[682],{"kind":683,"type":684,"schema":685},"array","Theme",[],[],"TW4HXihgfaBWbqOEAiMdmUiVKUBm1jB5u3logR4L9zY",{"data":689,"body":690,"toc":992},{"title":386,"description":386},{"type":691,"children":692},"root",[693,987],{"type":694,"tag":381,"props":695,"children":698},"element",{"className":696,"code":643,"language":697,"meta":386,"style":386},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[699],{"type":694,"tag":376,"props":700,"children":701},{"__ignoreMap":386},[702,745,771,796,826,835,884,901,909,925,971],{"type":694,"tag":390,"props":703,"children":704},{"class":392,"line":393},[705,712,718,724,729,734,740],{"type":694,"tag":390,"props":706,"children":708},{"style":707},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[709],{"type":710,"value":711},"text","\u003C",{"type":694,"tag":390,"props":713,"children":715},{"style":714},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[716],{"type":710,"value":717},"script",{"type":694,"tag":390,"props":719,"children":721},{"style":720},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[722],{"type":710,"value":723}," setup",{"type":694,"tag":390,"props":725,"children":726},{"style":720},[727],{"type":710,"value":728}," lang",{"type":694,"tag":390,"props":730,"children":731},{"style":707},[732],{"type":710,"value":733},"=",{"type":694,"tag":390,"props":735,"children":737},{"style":736},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[738],{"type":710,"value":739},"\"ts\"",{"type":694,"tag":390,"props":741,"children":742},{"style":707},[743],{"type":710,"value":744},">\n",{"type":694,"tag":390,"props":746,"children":747},{"class":392,"line":618},[748,753,758,762,767],{"type":694,"tag":390,"props":749,"children":751},{"style":750},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[752],{"type":710,"value":397},{"type":694,"tag":390,"props":754,"children":755},{"style":707},[756],{"type":710,"value":757}," { ref } ",{"type":694,"tag":390,"props":759,"children":760},{"style":750},[761],{"type":710,"value":404},{"type":694,"tag":390,"props":763,"children":764},{"style":736},[765],{"type":710,"value":766}," \"vue\"",{"type":694,"tag":390,"props":768,"children":769},{"style":707},[770],{"type":710,"value":411},{"type":694,"tag":390,"props":772,"children":773},{"class":392,"line":624},[774,778,783,787,792],{"type":694,"tag":390,"props":775,"children":776},{"style":750},[777],{"type":710,"value":397},{"type":694,"tag":390,"props":779,"children":780},{"style":707},[781],{"type":710,"value":782}," MtThemeSelect ",{"type":694,"tag":390,"props":784,"children":785},{"style":750},[786],{"type":710,"value":404},{"type":694,"tag":390,"props":788,"children":789},{"style":736},[790],{"type":710,"value":791}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtThemeSelect\"",{"type":694,"tag":390,"props":793,"children":794},{"style":707},[795],{"type":710,"value":411},{"type":694,"tag":390,"props":797,"children":799},{"class":392,"line":798},4,[800,804,809,814,818,822],{"type":694,"tag":390,"props":801,"children":802},{"style":750},[803],{"type":710,"value":397},{"type":694,"tag":390,"props":805,"children":806},{"style":750},[807],{"type":710,"value":808}," type",{"type":694,"tag":390,"props":810,"children":811},{"style":707},[812],{"type":710,"value":813}," { Theme } ",{"type":694,"tag":390,"props":815,"children":816},{"style":750},[817],{"type":710,"value":404},{"type":694,"tag":390,"props":819,"children":820},{"style":736},[821],{"type":710,"value":408},{"type":694,"tag":390,"props":823,"children":824},{"style":707},[825],{"type":710,"value":411},{"type":694,"tag":390,"props":827,"children":829},{"class":392,"line":828},5,[830],{"type":694,"tag":390,"props":831,"children":832},{"emptyLinePlaceholder":634},[833],{"type":710,"value":834},"\n",{"type":694,"tag":390,"props":836,"children":838},{"class":392,"line":837},6,[839,844,850,855,861,865,870,875,879],{"type":694,"tag":390,"props":840,"children":841},{"style":750},[842],{"type":710,"value":843},"const",{"type":694,"tag":390,"props":845,"children":847},{"style":846},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[848],{"type":710,"value":849}," theme",{"type":694,"tag":390,"props":851,"children":852},{"style":750},[853],{"type":710,"value":854}," =",{"type":694,"tag":390,"props":856,"children":858},{"style":857},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[859],{"type":710,"value":860}," ref",{"type":694,"tag":390,"props":862,"children":863},{"style":707},[864],{"type":710,"value":711},{"type":694,"tag":390,"props":866,"children":868},{"style":867},"--shiki-light:#6F42C1;--shiki-default:#FFA657;--shiki-dark:#FFA657",[869],{"type":710,"value":684},{"type":694,"tag":390,"props":871,"children":872},{"style":707},[873],{"type":710,"value":874},">(",{"type":694,"tag":390,"props":876,"children":877},{"style":736},[878],{"type":710,"value":534},{"type":694,"tag":390,"props":880,"children":881},{"style":707},[882],{"type":710,"value":883},");\n",{"type":694,"tag":390,"props":885,"children":887},{"class":392,"line":886},7,[888,893,897],{"type":694,"tag":390,"props":889,"children":890},{"style":707},[891],{"type":710,"value":892},"\u003C\u002F",{"type":694,"tag":390,"props":894,"children":895},{"style":714},[896],{"type":710,"value":717},{"type":694,"tag":390,"props":898,"children":899},{"style":707},[900],{"type":710,"value":744},{"type":694,"tag":390,"props":902,"children":904},{"class":392,"line":903},8,[905],{"type":694,"tag":390,"props":906,"children":907},{"emptyLinePlaceholder":634},[908],{"type":710,"value":834},{"type":694,"tag":390,"props":910,"children":912},{"class":392,"line":911},9,[913,917,921],{"type":694,"tag":390,"props":914,"children":915},{"style":707},[916],{"type":710,"value":711},{"type":694,"tag":390,"props":918,"children":919},{"style":714},[920],{"type":710,"value":464},{"type":694,"tag":390,"props":922,"children":923},{"style":707},[924],{"type":710,"value":744},{"type":694,"tag":390,"props":926,"children":928},{"class":392,"line":927},10,[929,934,938,943,947,952,957,961,966],{"type":694,"tag":390,"props":930,"children":931},{"style":707},[932],{"type":710,"value":933},"  \u003C",{"type":694,"tag":390,"props":935,"children":936},{"style":714},[937],{"type":710,"value":650},{"type":694,"tag":390,"props":939,"children":940},{"style":720},[941],{"type":710,"value":942}," v-model",{"type":694,"tag":390,"props":944,"children":945},{"style":707},[946],{"type":710,"value":733},{"type":694,"tag":390,"props":948,"children":949},{"style":736},[950],{"type":710,"value":951},"\"theme\"",{"type":694,"tag":390,"props":953,"children":954},{"style":720},[955],{"type":710,"value":956}," label",{"type":694,"tag":390,"props":958,"children":959},{"style":707},[960],{"type":710,"value":733},{"type":694,"tag":390,"props":962,"children":963},{"style":736},[964],{"type":710,"value":965},"\"Color theme\"",{"type":694,"tag":390,"props":967,"children":968},{"style":707},[969],{"type":710,"value":970}," \u002F>\n",{"type":694,"tag":390,"props":972,"children":974},{"class":392,"line":973},11,[975,979,983],{"type":694,"tag":390,"props":976,"children":977},{"style":707},[978],{"type":710,"value":892},{"type":694,"tag":390,"props":980,"children":981},{"style":714},[982],{"type":710,"value":464},{"type":694,"tag":390,"props":984,"children":985},{"style":707},[986],{"type":710,"value":744},{"type":694,"tag":614,"props":988,"children":989},{},[990],{"type":710,"value":991},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":386,"searchDepth":618,"depth":618,"links":993},[],{"data":995,"body":996,"toc":1409},{"title":386,"description":386},{"type":691,"children":997},[998,1405],{"type":694,"tag":381,"props":999,"children":1000},{"className":696,"code":646,"language":697,"meta":386,"style":386},[1001],{"type":694,"tag":376,"props":1002,"children":1003},{"__ignoreMap":386},[1004,1035,1058,1083,1092,1116,1123,1131,1139,1183,1201,1217,1226,1242,1250,1266,1297,1338,1346,1372,1389],{"type":694,"tag":390,"props":1005,"children":1006},{"class":392,"line":393},[1007,1011,1015,1019,1023,1027,1031],{"type":694,"tag":390,"props":1008,"children":1009},{"style":707},[1010],{"type":710,"value":711},{"type":694,"tag":390,"props":1012,"children":1013},{"style":714},[1014],{"type":710,"value":717},{"type":694,"tag":390,"props":1016,"children":1017},{"style":720},[1018],{"type":710,"value":723},{"type":694,"tag":390,"props":1020,"children":1021},{"style":720},[1022],{"type":710,"value":728},{"type":694,"tag":390,"props":1024,"children":1025},{"style":707},[1026],{"type":710,"value":733},{"type":694,"tag":390,"props":1028,"children":1029},{"style":736},[1030],{"type":710,"value":739},{"type":694,"tag":390,"props":1032,"children":1033},{"style":707},[1034],{"type":710,"value":744},{"type":694,"tag":390,"props":1036,"children":1037},{"class":392,"line":618},[1038,1042,1046,1050,1054],{"type":694,"tag":390,"props":1039,"children":1040},{"style":750},[1041],{"type":710,"value":397},{"type":694,"tag":390,"props":1043,"children":1044},{"style":707},[1045],{"type":710,"value":782},{"type":694,"tag":390,"props":1047,"children":1048},{"style":750},[1049],{"type":710,"value":404},{"type":694,"tag":390,"props":1051,"children":1052},{"style":736},[1053],{"type":710,"value":791},{"type":694,"tag":390,"props":1055,"children":1056},{"style":707},[1057],{"type":710,"value":411},{"type":694,"tag":390,"props":1059,"children":1060},{"class":392,"line":624},[1061,1065,1070,1074,1079],{"type":694,"tag":390,"props":1062,"children":1063},{"style":750},[1064],{"type":710,"value":397},{"type":694,"tag":390,"props":1066,"children":1067},{"style":707},[1068],{"type":710,"value":1069}," MtText ",{"type":694,"tag":390,"props":1071,"children":1072},{"style":750},[1073],{"type":710,"value":404},{"type":694,"tag":390,"props":1075,"children":1076},{"style":736},[1077],{"type":710,"value":1078}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtText\"",{"type":694,"tag":390,"props":1080,"children":1081},{"style":707},[1082],{"type":710,"value":411},{"type":694,"tag":390,"props":1084,"children":1085},{"class":392,"line":798},[1086],{"type":694,"tag":390,"props":1087,"children":1089},{"style":1088},"--shiki-light:#6A737D;--shiki-default:#8B949E;--shiki-dark:#8B949E",[1090],{"type":710,"value":1091},"\u002F\u002F useTheme has no subpath export, so it is imported from the barrel.\n",{"type":694,"tag":390,"props":1093,"children":1094},{"class":392,"line":828},[1095,1099,1104,1108,1112],{"type":694,"tag":390,"props":1096,"children":1097},{"style":750},[1098],{"type":710,"value":397},{"type":694,"tag":390,"props":1100,"children":1101},{"style":707},[1102],{"type":710,"value":1103}," { useTheme } ",{"type":694,"tag":390,"props":1105,"children":1106},{"style":750},[1107],{"type":710,"value":404},{"type":694,"tag":390,"props":1109,"children":1110},{"style":736},[1111],{"type":710,"value":408},{"type":694,"tag":390,"props":1113,"children":1114},{"style":707},[1115],{"type":710,"value":411},{"type":694,"tag":390,"props":1117,"children":1118},{"class":392,"line":837},[1119],{"type":694,"tag":390,"props":1120,"children":1121},{"emptyLinePlaceholder":634},[1122],{"type":710,"value":834},{"type":694,"tag":390,"props":1124,"children":1125},{"class":392,"line":886},[1126],{"type":694,"tag":390,"props":1127,"children":1128},{"style":1088},[1129],{"type":710,"value":1130},"\u002F\u002F Persistence and global application are disabled so the docs page itself\n",{"type":694,"tag":390,"props":1132,"children":1133},{"class":392,"line":903},[1134],{"type":694,"tag":390,"props":1135,"children":1136},{"style":1088},[1137],{"type":710,"value":1138},"\u002F\u002F stays untouched. Omit these options in your app.\n",{"type":694,"tag":390,"props":1140,"children":1141},{"class":392,"line":911},[1142,1146,1151,1155,1159,1164,1169,1173,1178],{"type":694,"tag":390,"props":1143,"children":1144},{"style":750},[1145],{"type":710,"value":843},{"type":694,"tag":390,"props":1147,"children":1148},{"style":707},[1149],{"type":710,"value":1150}," { ",{"type":694,"tag":390,"props":1152,"children":1153},{"style":846},[1154],{"type":710,"value":444},{"type":694,"tag":390,"props":1156,"children":1157},{"style":707},[1158],{"type":710,"value":527},{"type":694,"tag":390,"props":1160,"children":1161},{"style":846},[1162],{"type":710,"value":1163},"resolvedTheme",{"type":694,"tag":390,"props":1165,"children":1166},{"style":707},[1167],{"type":710,"value":1168}," } ",{"type":694,"tag":390,"props":1170,"children":1171},{"style":750},[1172],{"type":710,"value":733},{"type":694,"tag":390,"props":1174,"children":1175},{"style":857},[1176],{"type":710,"value":1177}," useTheme",{"type":694,"tag":390,"props":1179,"children":1180},{"style":707},[1181],{"type":710,"value":1182},"({\n",{"type":694,"tag":390,"props":1184,"children":1185},{"class":392,"line":927},[1186,1191,1196],{"type":694,"tag":390,"props":1187,"children":1188},{"style":707},[1189],{"type":710,"value":1190},"  storageKey: ",{"type":694,"tag":390,"props":1192,"children":1193},{"style":846},[1194],{"type":710,"value":1195},"null",{"type":694,"tag":390,"props":1197,"children":1198},{"style":707},[1199],{"type":710,"value":1200},",\n",{"type":694,"tag":390,"props":1202,"children":1203},{"class":392,"line":973},[1204,1209,1213],{"type":694,"tag":390,"props":1205,"children":1206},{"style":707},[1207],{"type":710,"value":1208},"  applyToTarget: ",{"type":694,"tag":390,"props":1210,"children":1211},{"style":846},[1212],{"type":710,"value":670},{"type":694,"tag":390,"props":1214,"children":1215},{"style":707},[1216],{"type":710,"value":1200},{"type":694,"tag":390,"props":1218,"children":1220},{"class":392,"line":1219},12,[1221],{"type":694,"tag":390,"props":1222,"children":1223},{"style":707},[1224],{"type":710,"value":1225},"});\n",{"type":694,"tag":390,"props":1227,"children":1229},{"class":392,"line":1228},13,[1230,1234,1238],{"type":694,"tag":390,"props":1231,"children":1232},{"style":707},[1233],{"type":710,"value":892},{"type":694,"tag":390,"props":1235,"children":1236},{"style":714},[1237],{"type":710,"value":717},{"type":694,"tag":390,"props":1239,"children":1240},{"style":707},[1241],{"type":710,"value":744},{"type":694,"tag":390,"props":1243,"children":1245},{"class":392,"line":1244},14,[1246],{"type":694,"tag":390,"props":1247,"children":1248},{"emptyLinePlaceholder":634},[1249],{"type":710,"value":834},{"type":694,"tag":390,"props":1251,"children":1253},{"class":392,"line":1252},15,[1254,1258,1262],{"type":694,"tag":390,"props":1255,"children":1256},{"style":707},[1257],{"type":710,"value":711},{"type":694,"tag":390,"props":1259,"children":1260},{"style":714},[1261],{"type":710,"value":464},{"type":694,"tag":390,"props":1263,"children":1264},{"style":707},[1265],{"type":710,"value":744},{"type":694,"tag":390,"props":1267,"children":1269},{"class":392,"line":1268},16,[1270,1274,1279,1284,1288,1293],{"type":694,"tag":390,"props":1271,"children":1272},{"style":707},[1273],{"type":710,"value":933},{"type":694,"tag":390,"props":1275,"children":1276},{"style":714},[1277],{"type":710,"value":1278},"div",{"type":694,"tag":390,"props":1280,"children":1281},{"style":720},[1282],{"type":710,"value":1283}," style",{"type":694,"tag":390,"props":1285,"children":1286},{"style":707},[1287],{"type":710,"value":733},{"type":694,"tag":390,"props":1289,"children":1290},{"style":736},[1291],{"type":710,"value":1292},"\"display: flex; flex-direction: column; gap: 16px\"",{"type":694,"tag":390,"props":1294,"children":1295},{"style":707},[1296],{"type":710,"value":744},{"type":694,"tag":390,"props":1298,"children":1300},{"class":392,"line":1299},17,[1301,1306,1310,1314,1318,1322,1326,1330,1334],{"type":694,"tag":390,"props":1302,"children":1303},{"style":707},[1304],{"type":710,"value":1305},"    \u003C",{"type":694,"tag":390,"props":1307,"children":1308},{"style":714},[1309],{"type":710,"value":650},{"type":694,"tag":390,"props":1311,"children":1312},{"style":720},[1313],{"type":710,"value":942},{"type":694,"tag":390,"props":1315,"children":1316},{"style":707},[1317],{"type":710,"value":733},{"type":694,"tag":390,"props":1319,"children":1320},{"style":736},[1321],{"type":710,"value":951},{"type":694,"tag":390,"props":1323,"children":1324},{"style":720},[1325],{"type":710,"value":956},{"type":694,"tag":390,"props":1327,"children":1328},{"style":707},[1329],{"type":710,"value":733},{"type":694,"tag":390,"props":1331,"children":1332},{"style":736},[1333],{"type":710,"value":965},{"type":694,"tag":390,"props":1335,"children":1336},{"style":707},[1337],{"type":710,"value":970},{"type":694,"tag":390,"props":1339,"children":1341},{"class":392,"line":1340},18,[1342],{"type":694,"tag":390,"props":1343,"children":1344},{"emptyLinePlaceholder":634},[1345],{"type":710,"value":834},{"type":694,"tag":390,"props":1347,"children":1349},{"class":392,"line":1348},19,[1350,1354,1359,1364,1368],{"type":694,"tag":390,"props":1351,"children":1352},{"style":707},[1353],{"type":710,"value":1305},{"type":694,"tag":390,"props":1355,"children":1356},{"style":714},[1357],{"type":710,"value":1358},"mt-text",{"type":694,"tag":390,"props":1360,"children":1361},{"style":707},[1362],{"type":710,"value":1363},">Resolved theme: {{ resolvedTheme }}\u003C\u002F",{"type":694,"tag":390,"props":1365,"children":1366},{"style":714},[1367],{"type":710,"value":1358},{"type":694,"tag":390,"props":1369,"children":1370},{"style":707},[1371],{"type":710,"value":744},{"type":694,"tag":390,"props":1373,"children":1375},{"class":392,"line":1374},20,[1376,1381,1385],{"type":694,"tag":390,"props":1377,"children":1378},{"style":707},[1379],{"type":710,"value":1380},"  \u003C\u002F",{"type":694,"tag":390,"props":1382,"children":1383},{"style":714},[1384],{"type":710,"value":1278},{"type":694,"tag":390,"props":1386,"children":1387},{"style":707},[1388],{"type":710,"value":744},{"type":694,"tag":390,"props":1390,"children":1392},{"class":392,"line":1391},21,[1393,1397,1401],{"type":694,"tag":390,"props":1394,"children":1395},{"style":707},[1396],{"type":710,"value":892},{"type":694,"tag":390,"props":1398,"children":1399},{"style":714},[1400],{"type":710,"value":464},{"type":694,"tag":390,"props":1402,"children":1403},{"style":707},[1404],{"type":710,"value":744},{"type":694,"tag":614,"props":1406,"children":1407},{},[1408],{"type":710,"value":991},{"title":386,"searchDepth":618,"depth":618,"links":1410},[],1787065089854]