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