@histoire/controls 0.7.4 → 0.7.7

package/.histoire/dist/assets/{SearchPane.daa2675c.js → SearchPane.37a81ba7.js}

@@ -1,8 +1,8 @@
-import { _ as __vitePreload } from "./global-components.6736b2a9.js";
-import { a9 as markRaw, d as defineComponent, r as ref, ah as useFocus, w as watch, ai as refDebounced, c as computed, a as openBlock, b as createElementBlock, e as createBaseVNode, l as createVNode, i as unref, I as Icon, M as withDirectives, Z as vModelText, v as withKeys, g as withModifiers, j as createBlock, k as withCtx, F as Fragment, J as renderList, m as createCommentVNode, R as createTextVNode, aj as flexsearch, Q as useCssVars, ak as toRefs, al as useRouter, n as normalizeClass, t as toDisplayString } from "./vendor.2833ae3d.js";
-import { u as useStoryStore, _ as _export_sfc, a as useScrollOnActive, o as onKeyboardShortcut, B as BaseListItemLink } from "./bundle-main.784e5bf7.js";
-import { B as BaseEmpty } from "./BaseEmpty.d30f3079.js";
-let searchData$1 = { "index": { "reg": '{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1,"26":1,"27":1,"28":1,"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1}', "text.cfg": '{"doc":0,"opt":1}', "text.map": '[{"s":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25],"st":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25],"t":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"ta":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"tal":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"talf":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"talfe":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"talfem":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"talfemt":[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42]},{"k":[0,1,2,3,4,5,6,7,8],"ke":[0,1],"kek":[0,1],"kekp":[0,1],"kekpo":[0,1],"kekpos":[0,1],"ko":[2,3,4,5,6,7,8],"kol":[2,3,4,5,6,7,8],"kolo":[2,3,4,5,6,7,8],"kolor":[2,3,4,5,6,7,8],"t":[9,10,11,12,21,22,23,24,25],"to":[9,10,11,12],"tok":[9,10,11,12],"toke":[9,10,11,12],"tokem":[9,10,11,12],"m":[13,14,31],"mo":[13,14],"mom":[13,14],"momp":[13,14],"mompe":[13,14],"momper":[13,14],"se":[15,16,17,18,19,20],"sel":[15,16,17,18,19,20],"sele":[15,16,17,18,19,20],"selek":[15,16,17,18,19,20],"selekt":[15,16,17,18,19,20],"te":[21,22,23,24,25,28],"tes":[21,22,23,24,25,28],"test":[21,22,23,24,25,28],"testa":[21,22],"testar":[21,22],"testare":[21,22],"testarea":[21,22],"p":[27,29,30,38,39],"pa":[27,30],"pak":[27],"pakr":[27],"pakro":[27],"pakrom":[27],"pakromt":[27],"po":[29,38,39],"por":[29,38,39],"port":[29,38,39],"porte":[29,38,39],"porter":[29,38,39],"pat":[30],"pate":[30],"patem":[30],"patemk":[30],"ma":[31],"mar":[31],"mark":[31],"marke":[31],"markem":[31],"f":[32,33,34,40,42],"fo":[32,33,34,42],"fom":[32,33,34],"fomt":[32,33,34],"l":[35,36],"le":[35,36],"let":[35],"lete":[35],"leter":[35],"lem":[36],"leme":[36],"tr":[37],"tro":[37],"trop":[37],"fe":[40],"fet":[40],"e":[41],"ek":[41],"ekt":[41],"fol":[42]},{"p":[1],"pl":[1],"pla":[1],"plak":[1],"plakr":[1],"plakro":[1],"plakrom":[1],"plakromt":[1],"sa":[2,3,4,5,6,7,8,37],"sat":[2,3,4,5,6,7,8,37],"sate":[2,3,4,5,6,7,8],"sates":[2,3,4,5,6,7,8],"k":[9,10,27,28,29,42],"kr":[9,10],"kre":[9,10],"kret":[9,10],"l":[11,12],"le":[11,12],"les":[11,12],"lest":[11,12],"t":[14,16],"te":[14,16],"tef":[14,16,22,24],"tefa":[14,16,22,24],"tefao":[14,16,22,24],"tefaol":[14,16,22,24],"tefaolt":[14,16,22,24],"m":[17,25],"mo":[17,25],"o":[18,19,20],"op":[18,19,20],"opt":[18,19,20],"opte":[18,19,20],"opteo":[18,19,20],"opteom":[18,19,20],"opteoms":[18,19,20],"ko":[27,28,29,42],"kol":[27,28,29],"kolo":[27,28,29],"kolor":[27,28,29],"s":[32,35,37],"se":[32],"ses":[32],"sese":[32],"fe":[33,39],"fek":[33],"fekt":[33],"fa":[34],"fam":[34],"fame":[34],"famel":[34],"famele":[34],"sp":[35],"spa":[35],"spak":[35],"spake":[35],"spakem":[35],"spakemk":[35],"e":[36],"ek":[36],"ekt":[36],"sato":[37],"satof":[37],"r":[38],"ra":[38],"rat":[38],"rate":[38],"rateo":[38],"rateos":[38],"f":[39],"fet":[39],"kom":[42],"komf":[42],"komfe":[42],"komfek":[42]},{"t":[3,5],"te":[3,5,10,12],"tef":[3,10,12],"tefa":[3,10,12],"tefao":[3,10,12],"tefaol":[3,10,12],"tefaolt":[3,10,12],"p":[4,6],"pa":[4],"pak":[4],"pakr":[4],"pakro":[4],"pakrom":[4],"pakromt":[4],"tes":[5],"test":[5],"po":[6],"por":[6],"port":[6],"porte":[6],"porter":[6],"f":[7],"fe":[7],"fet":[7],"l":[8,17,25],"lo":[8],"lom":[8],"lomk":[8],"la":[17,25],"lap":[17,25],"lape":[17,25],"lapel":[17,25],"a":[18,19,20],"as":[18,19,20]},{"se":[7],"sea":[7],"sear":[7],"seark":[7],"m":[8],"ma":[8],"mam":[8],"mame":[8],"mames":[8],"opk":[18],"opke":[18],"opkek":[18],"opkekt":[18],"ar":[19,20],"ara":[19,20]},{"of":[19,20]},{"opk":[19],"opke":[19],"opkek":[19],"opkekt":[19],"opkekts":[19],"str":[20],"stre":[20],"strem":[20],"stremk":[20],"stremks":[20]},{},{}]', "text.ctx": "[{}]" }, "idMap": { "0": { "id": "src-components-checkbox-hstcheckbox-story-vue", "kind": "story" }, "1": { "id": "src-components-checkbox-hstcheckbox-story-vue:src-components-checkbox-hstcheckbox-story-vue-0", "kind": "variant" }, "2": { "id": "src-components-design-tokens-hstcolorshades-story-vue", "kind": "story" }, "3": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-0", "kind": "variant" }, "4": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-1", "kind": "variant" }, "5": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-2", "kind": "variant" }, "6": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-3", "kind": "variant" }, "7": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-4", "kind": "variant" }, "8": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-5", "kind": "variant" }, "9": { "id": "src-components-design-tokens-hsttokengrid-story-vue", "kind": "story" }, "10": { "id": "src-components-design-tokens-hsttokengrid-story-vue:src-components-design-tokens-hsttokengrid-story-vue-0", "kind": "variant" }, "11": { "id": "src-components-design-tokens-hsttokenlist-story-vue", "kind": "story" }, "12": { "id": "src-components-design-tokens-hsttokenlist-story-vue:src-components-design-tokens-hsttokenlist-story-vue-0", "kind": "variant" }, "13": { "id": "src-components-number-hstnumber-story-vue", "kind": "story" }, "14": { "id": "src-components-number-hstnumber-story-vue:src-components-number-hstnumber-story-vue-0", "kind": "variant" }, "15": { "id": "src-components-select-hstselect-story-vue", "kind": "story" }, "16": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-0", "kind": "variant" }, "17": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-1", "kind": "variant" }, "18": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-2", "kind": "variant" }, "19": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-3", "kind": "variant" }, "20": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-4", "kind": "variant" }, "21": { "id": "src-components-textarea-hsttextarea-story-vue", "kind": "story" }, "22": { "id": "src-components-textarea-hsttextarea-story-vue:src-components-textarea-hsttextarea-story-vue-0", "kind": "variant" }, "23": { "id": "src-components-text-hsttext-story-vue", "kind": "story" }, "24": { "id": "src-components-text-hsttext-story-vue:src-components-text-hsttext-story-vue-0", "kind": "variant" }, "25": { "id": "src-components-text-hsttext-story-vue:src-components-text-hsttext-story-vue-1", "kind": "variant" }, "26": { "id": "tailwind", "kind": "story" }, "27": { "id": "tailwind:background-color", "kind": "variant" }, "28": { "id": "tailwind:text-color", "kind": "variant" }, "29": { "id": "tailwind:border-color", "kind": "variant" }, "30": { "id": "tailwind:padding", "kind": "variant" }, "31": { "id": "tailwind:margin", "kind": "variant" }, "32": { "id": "tailwind:font-size", "kind": "variant" }, "33": { "id": "tailwind:font-weight", "kind": "variant" }, "34": { "id": "tailwind:font-family", "kind": "variant" }, "35": { "id": "tailwind:letter-spacing", "kind": "variant" }, "36": { "id": "tailwind:line-height", "kind": "variant" }, "37": { "id": "tailwind:drop-shadow", "kind": "variant" }, "38": { "id": "tailwind:border-radius", "kind": "variant" }, "39": { "id": "tailwind:border-width", "kind": "variant" }, "40": { "id": "tailwind:width", "kind": "variant" }, "41": { "id": "tailwind:height", "kind": "variant" }, "42": { "id": "tailwind:full-config", "kind": "variant" } } };
+import { _ as __vitePreload } from "./global-components.d165b38c.js";
+import { a9 as markRaw, d as defineComponent, r as ref, ah as useFocus, w as watch, ai as refDebounced, c as computed, a as openBlock, b as createElementBlock, e as createBaseVNode, l as createVNode, i as unref, I as Icon, M as withDirectives, Z as vModelText, v as withKeys, g as withModifiers, j as createBlock, k as withCtx, F as Fragment, J as renderList, m as createCommentVNode, R as createTextVNode, aj as flexsearch, Q as useCssVars, ak as toRefs, al as useRouter, n as normalizeClass, t as toDisplayString } from "./vendor.31c91490.js";
+import { u as useStoryStore, _ as _export_sfc, a as useScrollOnActive, o as onKeyboardShortcut, B as BaseListItemLink } from "./bundle-main.c70a2b14.js";
+import { B as BaseEmpty } from "./BaseEmpty.c5ebb434.js";
+let searchData$1 = { "index": { "reg": '{"0":1,"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1,"10":1,"11":1,"12":1,"13":1,"14":1,"15":1,"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1,"26":1,"27":1,"28":1,"29":1,"30":1,"31":1,"32":1,"33":1,"34":1,"35":1,"36":1,"37":1,"38":1,"39":1,"40":1,"41":1,"42":1,"43":1,"44":1}', "text.cfg": '{"doc":0,"opt":1}', "text.map": '[{"s":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27],"st":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27],"t":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"ta":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"tal":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"talf":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"talfe":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"talfem":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"talfemt":[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44]},{"k":[0,1,2,3,4,5,6,7,8],"ke":[0,1],"kek":[0,1],"kekp":[0,1],"kekpo":[0,1],"kekpos":[0,1],"ko":[2,3,4,5,6,7,8],"kol":[2,3,4,5,6,7,8],"kolo":[2,3,4,5,6,7,8],"kolor":[2,3,4,5,6,7,8],"t":[9,10,11,12,23,24,25,26,27],"to":[9,10,11,12],"tok":[9,10,11,12],"toke":[9,10,11,12],"tokem":[9,10,11,12],"m":[13,14,33],"mo":[13,14],"mom":[13,14],"momp":[13,14],"mompe":[13,14],"momper":[13,14],"se":[15,16,17,18,19,20],"sel":[15,16,17,18,19,20],"sele":[15,16,17,18,19,20],"selek":[15,16,17,18,19,20],"selekt":[15,16,17,18,19,20],"sl":[21,22],"sle":[21,22],"slet":[21,22],"slete":[21,22],"sleter":[21,22],"te":[23,24,25,26,27,30],"tes":[23,24,25,26,27,30],"test":[23,24,25,26,27,30],"testa":[26,27],"testar":[26,27],"testare":[26,27],"testarea":[26,27],"p":[29,31,32,40,41],"pa":[29,32],"pak":[29],"pakr":[29],"pakro":[29],"pakrom":[29],"pakromt":[29],"po":[31,40,41],"por":[31,40,41],"port":[31,40,41],"porte":[31,40,41],"porter":[31,40,41],"pat":[32],"pate":[32],"patem":[32],"patemk":[32],"ma":[33],"mar":[33],"mark":[33],"marke":[33],"markem":[33],"f":[34,35,36,42,44],"fo":[34,35,36,44],"fom":[34,35,36],"fomt":[34,35,36],"l":[37,38],"le":[37,38],"let":[37],"lete":[37],"leter":[37],"lem":[38],"leme":[38],"tr":[39],"tro":[39],"trop":[39],"fe":[42],"fet":[42],"e":[43],"ek":[43],"ekt":[43],"fol":[44]},{"p":[1],"pl":[1],"pla":[1],"plak":[1],"plakr":[1],"plakro":[1],"plakrom":[1],"plakromt":[1],"sa":[2,3,4,5,6,7,8,39],"sat":[2,3,4,5,6,7,8,39],"sate":[2,3,4,5,6,7,8],"sates":[2,3,4,5,6,7,8],"k":[9,10,29,30,31,44],"kr":[9,10],"kre":[9,10],"kret":[9,10],"l":[11,12],"le":[11,12],"les":[11,12],"lest":[11,12],"t":[14,16,22],"te":[14,16,22],"tef":[14,16,22,24,27],"tefa":[14,16,22,24,27],"tefao":[14,16,22,24,27],"tefaol":[14,16,22,24,27],"tefaolt":[14,16,22,24,27],"m":[17,25],"mo":[17,25],"o":[18,19,20],"op":[18,19,20],"opt":[18,19,20],"opte":[18,19,20],"opteo":[18,19,20],"opteom":[18,19,20],"opteoms":[18,19,20],"ko":[29,30,31,44],"kol":[29,30,31],"kolo":[29,30,31],"kolor":[29,30,31],"s":[34,37,39],"se":[34],"ses":[34],"sese":[34],"fe":[35,41],"fek":[35],"fekt":[35],"fa":[36],"fam":[36],"fame":[36],"famel":[36],"famele":[36],"sp":[37],"spa":[37],"spak":[37],"spake":[37],"spakem":[37],"spakemk":[37],"e":[38],"ek":[38],"ekt":[38],"sato":[39],"satof":[39],"r":[40],"ra":[40],"rat":[40],"rate":[40],"rateo":[40],"rateos":[40],"f":[41],"fet":[41],"kom":[44],"komf":[44],"komfe":[44],"komfek":[44]},{"t":[3,5],"te":[3,5,10,12],"tef":[3,10,12],"tefa":[3,10,12],"tefao":[3,10,12],"tefaol":[3,10,12],"tefaolt":[3,10,12],"p":[4,6],"pa":[4],"pak":[4],"pakr":[4],"pakro":[4],"pakrom":[4],"pakromt":[4],"tes":[5],"test":[5],"po":[6],"por":[6],"port":[6],"porte":[6],"porter":[6],"f":[7],"fe":[7],"fet":[7],"l":[8,17,25],"lo":[8],"lom":[8],"lomk":[8],"la":[17,25],"lap":[17,25],"lape":[17,25],"lapel":[17,25],"a":[18,19,20],"as":[18,19,20]},{"se":[7],"sea":[7],"sear":[7],"seark":[7],"m":[8],"ma":[8],"mam":[8],"mame":[8],"mames":[8],"opk":[18],"opke":[18],"opkek":[18],"opkekt":[18],"ar":[19,20],"ara":[19,20]},{"of":[19,20]},{"opk":[19],"opke":[19],"opkek":[19],"opkekt":[19],"opkekts":[19],"str":[20],"stre":[20],"strem":[20],"stremk":[20],"stremks":[20]},{},{}]', "text.ctx": "[{}]" }, "idMap": { "0": { "id": "src-components-checkbox-hstcheckbox-story-vue", "kind": "story" }, "1": { "id": "src-components-checkbox-hstcheckbox-story-vue:src-components-checkbox-hstcheckbox-story-vue-0", "kind": "variant" }, "2": { "id": "src-components-design-tokens-hstcolorshades-story-vue", "kind": "story" }, "3": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-0", "kind": "variant" }, "4": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-1", "kind": "variant" }, "5": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-2", "kind": "variant" }, "6": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-3", "kind": "variant" }, "7": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-4", "kind": "variant" }, "8": { "id": "src-components-design-tokens-hstcolorshades-story-vue:src-components-design-tokens-hstcolorshades-story-vue-5", "kind": "variant" }, "9": { "id": "src-components-design-tokens-hsttokengrid-story-vue", "kind": "story" }, "10": { "id": "src-components-design-tokens-hsttokengrid-story-vue:src-components-design-tokens-hsttokengrid-story-vue-0", "kind": "variant" }, "11": { "id": "src-components-design-tokens-hsttokenlist-story-vue", "kind": "story" }, "12": { "id": "src-components-design-tokens-hsttokenlist-story-vue:src-components-design-tokens-hsttokenlist-story-vue-0", "kind": "variant" }, "13": { "id": "src-components-number-hstnumber-story-vue", "kind": "story" }, "14": { "id": "src-components-number-hstnumber-story-vue:src-components-number-hstnumber-story-vue-0", "kind": "variant" }, "15": { "id": "src-components-select-hstselect-story-vue", "kind": "story" }, "16": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-0", "kind": "variant" }, "17": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-1", "kind": "variant" }, "18": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-2", "kind": "variant" }, "19": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-3", "kind": "variant" }, "20": { "id": "src-components-select-hstselect-story-vue:src-components-select-hstselect-story-vue-4", "kind": "variant" }, "21": { "id": "src-components-slider-hstslider-story-vue", "kind": "story" }, "22": { "id": "src-components-slider-hstslider-story-vue:_default", "kind": "variant" }, "23": { "id": "src-components-text-hsttext-story-vue", "kind": "story" }, "24": { "id": "src-components-text-hsttext-story-vue:src-components-text-hsttext-story-vue-0", "kind": "variant" }, "25": { "id": "src-components-text-hsttext-story-vue:src-components-text-hsttext-story-vue-1", "kind": "variant" }, "26": { "id": "src-components-textarea-hsttextarea-story-vue", "kind": "story" }, "27": { "id": "src-components-textarea-hsttextarea-story-vue:src-components-textarea-hsttextarea-story-vue-0", "kind": "variant" }, "28": { "id": "tailwind", "kind": "story" }, "29": { "id": "tailwind:background-color", "kind": "variant" }, "30": { "id": "tailwind:text-color", "kind": "variant" }, "31": { "id": "tailwind:border-color", "kind": "variant" }, "32": { "id": "tailwind:padding", "kind": "variant" }, "33": { "id": "tailwind:margin", "kind": "variant" }, "34": { "id": "tailwind:font-size", "kind": "variant" }, "35": { "id": "tailwind:font-weight", "kind": "variant" }, "36": { "id": "tailwind:font-family", "kind": "variant" }, "37": { "id": "tailwind:letter-spacing", "kind": "variant" }, "38": { "id": "tailwind:line-height", "kind": "variant" }, "39": { "id": "tailwind:drop-shadow", "kind": "variant" }, "40": { "id": "tailwind:border-radius", "kind": "variant" }, "41": { "id": "tailwind:border-width", "kind": "variant" }, "42": { "id": "tailwind:width", "kind": "variant" }, "43": { "id": "tailwind:height", "kind": "variant" }, "44": { "id": "tailwind:full-config", "kind": "variant" } } };
 function pipeline(a, b, c, d) {
   if (a && (b && (a = replace(a, b)), this.matcher && (a = replace(a, this.matcher)), this.stemmer && 1 < a.length && (a = replace(a, this.stemmer)), d && 1 < a.length && (a = collapse(a)), c || c === "")) {
     const b2 = a.split(c);
@@ -192,7 +192,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { emit }) {
     const props = __props;
-    const DocSearchData = () => __vitePreload(() => import("./search-docs-data.b9a75539.js"), true ? ["assets/search-docs-data.b9a75539.js","assets/vendor.2833ae3d.js"] : void 0);
+    const DocSearchData = () => __vitePreload(() => import("./search-docs-data.2e7ad186.js"), true ? ["assets/search-docs-data.2e7ad186.js","assets/vendor.31c91490.js"] : void 0);
     function close() {
       emit("close");
     }

package/.histoire/dist/assets/{StoryView.2f64dad1.js → StoryView.2c1f1961.js}

@@ -1,8 +1,8 @@
-import { A as defineStore, S as reactive, r as ref, w as watch, d as defineComponent, al as useRouter, U as useRoute, i as unref, a as openBlock, j as createBlock, k as withCtx, b as createElementBlock, l as createVNode, am as watchEffect, I as Icon, H as useStorage, R as createTextVNode, c as computed, e as createBaseVNode, C as resolveDynamicComponent, Q as useCssVars, m as createCommentVNode, F as Fragment, J as renderList, p as onMounted, $ as nextTick, t as toDisplayString, an as useResizeObserver, h as normalizeStyle, ao as useTimeoutFn, ap as onClickOutside, L as resolveDirective, M as withDirectives, Z as vModelText, g as withModifiers, P as isRef, v as withKeys, n as normalizeClass, q as resolveComponent, aq as shallowRef, ar as getHighlighter, f as renderSlot, ak as toRefs, x as mergeProps, as as Dropdown, V as pushScopeId, W as popScopeId, T as Transition, _ as h, at as setCDN, au as onBeforeUnmount, K as useEventListener, av as toRaw, o as onUnmounted, aw as createStaticVNode } from "./vendor.2833ae3d.js";
-import { u as useStoryStore, i as isMobile, b as BaseSplitPane, _ as _export_sfc, c as _sfc_main$v, a as useScrollOnActive, B as BaseListItemLink, d as base } from "./bundle-main.784e5bf7.js";
-import { B as BaseEmpty } from "./BaseEmpty.d30f3079.js";
-import { _ as _sfc_main$w, u as unindent, g as generateSourceCode, a as SANDBOX_READY, E as EVENT_SEND, S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC } from "./const.268165fd.js";
-import { e as clone, o as omit, b as toRawDeep, i as isDark, H as HstCopyIcon, d as applyStateToVariant, h as histoireConfig } from "./global-components.6736b2a9.js";
+import { A as defineStore, S as reactive, r as ref, w as watch, d as defineComponent, al as useRouter, U as useRoute, i as unref, a as openBlock, j as createBlock, k as withCtx, b as createElementBlock, l as createVNode, am as watchEffect, I as Icon, H as useStorage, R as createTextVNode, c as computed, e as createBaseVNode, C as resolveDynamicComponent, Q as useCssVars, m as createCommentVNode, F as Fragment, J as renderList, p as onMounted, $ as nextTick, t as toDisplayString, an as useResizeObserver, h as normalizeStyle, ao as useTimeoutFn, ap as onClickOutside, L as resolveDirective, M as withDirectives, Z as vModelText, g as withModifiers, P as isRef, v as withKeys, n as normalizeClass, q as resolveComponent, aq as shallowRef, ar as getHighlighter, f as renderSlot, ak as toRefs, x as mergeProps, as as Dropdown, V as pushScopeId, W as popScopeId, T as Transition, _ as h, at as setCDN, au as onBeforeUnmount, K as useEventListener, av as toRaw, o as onUnmounted, aw as createStaticVNode } from "./vendor.31c91490.js";
+import { u as useStoryStore, i as isMobile, b as BaseSplitPane, _ as _export_sfc, c as _sfc_main$v, a as useScrollOnActive, B as BaseListItemLink, d as base } from "./bundle-main.c70a2b14.js";
+import { B as BaseEmpty } from "./BaseEmpty.c5ebb434.js";
+import { _ as _sfc_main$w, u as unindent, g as generateSourceCode, a as SANDBOX_READY, E as EVENT_SEND, S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC } from "./const.36730b48.js";
+import { e as clone, o as omit, b as toRawDeep, i as isDark, H as HstCopyIcon, d as applyStateToVariant, h as histoireConfig } from "./global-components.d165b38c.js";
 const useEventsStore = defineStore("events", () => {
   const storyStore = useStoryStore();
   const events = reactive([]);
@@ -1056,11 +1056,14 @@ const _hoisted_6$3 = {
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   name: "StoryVariantSingle",
+  emits: {
+    "open-variant-menu": () => true
+  },
   setup(__props) {
     useCssVars((_ctx) => {
       var _a;
       return {
-        "ffdba94a": (_a = unref(variant)) == null ? void 0 : _a.iconColor
+        "22451fc3": (_a = unref(variant)) == null ? void 0 : _a.iconColor
       };
     });
     const storyStore = useStoryStore();
@@ -1069,10 +1072,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       return ((_a = storyStore.currentStory) == null ? void 0 : _a.variants.length) === 1;
     });
     const variant = computed(() => storyStore.currentVariant);
-    const isMenuOpened = ref(false);
-    function openMenu() {
-      isMenuOpened.value = true;
-    }
     return (_ctx, _cache) => {
       var _a;
       return unref(hasSingleVariant) && unref(storyStore).currentVariant ? (openBlock(), createElementBlock("div", _hoisted_1$f, [
@@ -1084,8 +1083,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         unref(isMobile) ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createBaseVNode("a", {
-            class: "htw-px-6 htw-h-12 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer htw-flex htw-gap-2 htw-flex-wrap htw-w-full htw-items-center",
-            onClick: openMenu
+            class: "htw-px-6 htw-h-12 hover:htw-text-primary-500 dark:hover:htw-text-primary-400 htw-cursor-pointer htw-flex htw-gap-2 htw-flex-wrap htw-w-full htw-items-center htw-flex-none",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("open-variant-menu"))
           }, [
             unref(variant) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               createVNode(unref(Icon), {
@@ -1142,7 +1141,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var StoryVariantSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-a52efa6c"]]);
+var StoryVariantSingle = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-39eaa600"]]);
 const _hoisted_1$e = { class: "htw-bg-gray-50 htw-h-full dark:htw-bg-gray-750" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   name: "StoryViewer",
@@ -1150,7 +1149,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     useCssVars((_ctx) => {
       var _a;
       return {
-        "4ecaabeb": (_a = unref(variant)) == null ? void 0 : _a.iconColor
+        "d1b61db4": (_a = unref(variant)) == null ? void 0 : _a.iconColor
       };
     });
     const storyStore = useStoryStore();
@@ -1165,7 +1164,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createBaseVNode("div", _hoisted_1$e, [
-          unref(storyStore).currentStory.layout.type === "grid" ? (openBlock(), createBlock(_sfc_main$s, { key: 0 })) : unref(storyStore).currentStory.layout.type === "single" ? (openBlock(), createBlock(StoryVariantSingle, { key: 1 })) : createCommentVNode("", true)
+          unref(storyStore).currentStory.layout.type === "grid" ? (openBlock(), createBlock(_sfc_main$s, { key: 0 })) : unref(storyStore).currentStory.layout.type === "single" ? (openBlock(), createBlock(StoryVariantSingle, {
+            key: 1,
+            onOpenVariantMenu: _cache[0] || (_cache[0] = ($event) => isMenuOpened.value = true)
+          })) : createCommentVNode("", true)
         ]),
         createVNode(_sfc_main$v, {
           title: "Select a variant",
@@ -1186,7 +1188,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var StoryViewer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-141c6b20"]]);
+var StoryViewer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3c153cb8"]]);
 const _hoisted_1$d = { class: "htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal" };
 const _hoisted_2$d = { class: "htw-flex-1 htw-truncate" };
 const _hoisted_3$7 = { class: "htw-flex htw-flex-col htw-bg-gray-50 dark:htw-bg-gray-700" };

package/.histoire/dist/assets/{bundle-main.784e5bf7.js → bundle-main.c70a2b14.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, u as useMediaQuery, r as ref, w as watch, c as computed, o as onUnmounted, a as openBlock, b as createElementBlock, e as createBaseVNode, f as renderSlot, n as normalizeClass, g as withModifiers, h as normalizeStyle, i as unref, j as createBlock, k as withCtx, t as toDisplayString, l as createVNode, I as Icon, m as createCommentVNode, T as Transition, s as scrollIntoView, p as onMounted, q as resolveComponent, v as withKeys, x as mergeProps, y as createRouter, z as createWebHistory, A as defineStore, B as useTitle, C as resolveDynamicComponent, F as Fragment, D as createApp, E as createPinia, G as plugin, H as useStorage, J as renderList, K as useEventListener, L as resolveDirective, M as withDirectives, N as defineAsyncComponent, O as vShow, P as isRef, Q as useCssVars, R as createTextVNode, S as reactive, U as useRoute, V as pushScopeId, W as popScopeId } from "./vendor.2833ae3d.js";
-import { _ as __vitePreload, f as files, m as mapFile, r as registerGlobalComponents, i as isDark, h as histoireConfig, t as toggleDark, a as tree, c as customLogos } from "./global-components.6736b2a9.js";
+import { d as defineComponent, u as useMediaQuery, r as ref, w as watch, c as computed, o as onUnmounted, a as openBlock, b as createElementBlock, e as createBaseVNode, f as renderSlot, n as normalizeClass, g as withModifiers, h as normalizeStyle, i as unref, j as createBlock, k as withCtx, t as toDisplayString, l as createVNode, I as Icon, m as createCommentVNode, T as Transition, s as scrollIntoView, p as onMounted, q as resolveComponent, v as withKeys, x as mergeProps, y as createRouter, z as createWebHistory, A as defineStore, B as useTitle, C as resolveDynamicComponent, F as Fragment, D as createApp, E as createPinia, G as plugin, H as useStorage, J as renderList, K as useEventListener, L as resolveDirective, M as withDirectives, N as defineAsyncComponent, O as vShow, P as isRef, Q as useCssVars, R as createTextVNode, S as reactive, U as useRoute, V as pushScopeId, W as popScopeId } from "./vendor.31c91490.js";
+import { _ as __vitePreload, f as files, m as mapFile, r as registerGlobalComponents, i as isDark, h as histoireConfig, t as toggleDark, a as tree, c as customLogos } from "./global-components.d165b38c.js";
 var style = "";
 var $histoireThemeResolved = "";
 var _export_sfc = (sfc, props) => {
@@ -259,7 +259,7 @@ const _sfc_main$1$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var BaseSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-4de97f66"]]);
+var BaseSplitPane = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-4cd3cd6c"]]);
 const isMobile = useMediaQuery("(max-width: 640px)");
 const _hoisted_1$b = {
   key: 0,
@@ -306,12 +306,12 @@ const router = createRouter({
     {
       path: "/",
       name: "home",
-      component: () => __vitePreload(() => import("./HomeView.8e044be6.js"), true ? ["assets/HomeView.8e044be6.js","assets/vendor.2833ae3d.js","assets/global-components.6736b2a9.js"] : void 0)
+      component: () => __vitePreload(() => import("./HomeView.2d2d0dfe.js"), true ? ["assets/HomeView.2d2d0dfe.js","assets/vendor.31c91490.js","assets/global-components.d165b38c.js"] : void 0)
     },
     {
       path: "/story/:storyId",
       name: "story",
-      component: () => __vitePreload(() => import("./StoryView.2f64dad1.js"), true ? ["assets/StoryView.2f64dad1.js","assets/vendor.2833ae3d.js","assets/BaseEmpty.d30f3079.js","assets/const.268165fd.js","assets/global-components.6736b2a9.js"] : void 0)
+      component: () => __vitePreload(() => import("./StoryView.2c1f1961.js"), true ? ["assets/StoryView.2c1f1961.js","assets/vendor.31c91490.js","assets/BaseEmpty.c5ebb434.js","assets/const.36730b48.js","assets/global-components.d165b38c.js"] : void 0)
     }
   ]
 });
@@ -950,7 +950,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { emit }) {
     const SearchPane = defineAsyncComponent({
-      loader: () => __vitePreload(() => import("./SearchPane.daa2675c.js"), true ? ["assets/SearchPane.daa2675c.js","assets/global-components.6736b2a9.js","assets/vendor.2833ae3d.js","assets/BaseEmpty.d30f3079.js"] : void 0),
+      loader: () => __vitePreload(() => import("./SearchPane.37a81ba7.js"), true ? ["assets/SearchPane.37a81ba7.js","assets/global-components.d165b38c.js","assets/vendor.31c91490.js","assets/BaseEmpty.c5ebb434.js"] : void 0),
       loadingComponent: _sfc_main$3,
       delay: 0
     });

package/.histoire/dist/assets/{bundle-sandbox.5e153933.js → bundle-sandbox.f56c0808.js}

@@ -1,6 +1,6 @@
-import { S as reactive, aa as parseQuery, r as ref, D as createApp, E as createPinia, w as watch, c as computed, p as onMounted, _ as h } from "./vendor.2833ae3d.js";
-import { m as mapFile, f as files, r as registerGlobalComponents, b as toRawDeep, h as histoireConfig, i as isDark, d as applyStateToVariant } from "./global-components.6736b2a9.js";
-import { S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC, a as SANDBOX_READY, _ as _sfc_main } from "./const.268165fd.js";
+import { S as reactive, aa as parseQuery, r as ref, D as createApp, E as createPinia, w as watch, c as computed, p as onMounted, _ as h } from "./vendor.31c91490.js";
+import { m as mapFile, f as files, r as registerGlobalComponents, b as toRawDeep, h as histoireConfig, i as isDark, d as applyStateToVariant } from "./global-components.d165b38c.js";
+import { S as STATE_SYNC, P as PREVIEW_SETTINGS_SYNC, a as SANDBOX_READY, _ as _sfc_main } from "./const.36730b48.js";
 var sandbox = "";
 const receivedSettings = reactive({});
 function applyPreviewSettings(settings) {

package/.histoire/dist/assets/{const.268165fd.js → const.36730b48.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, p as onMounted, w as watch, o as onUnmounted, a as openBlock, b as createElementBlock, D as createApp, ab as Case, ac as Text, Z as vModelText, ad as vModelSelect, ae as vModelRadio, af as vModelCheckbox, ag as vModelDynamic } from "./vendor.2833ae3d.js";
-import { d as applyStateToVariant } from "./global-components.6736b2a9.js";
+import { d as defineComponent, c as computed, _ as h, r as ref, p as onMounted, w as watch, o as onUnmounted, a as openBlock, b as createElementBlock, D as createApp, ab as Case, ac as Text, Z as vModelText, ad as vModelSelect, ae as vModelRadio, af as vModelCheckbox, ag as vModelDynamic } from "./vendor.31c91490.js";
+import { d as applyStateToVariant } from "./global-components.d165b38c.js";
 var main = "";
 var histoireSetup = () => {
 };
@@ -7,6 +7,9 @@ var setup = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   __proto__: null,
   "default": histoireSetup
 }, Symbol.toStringTag, { value: "Module" }));
+var generatedSetup = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
+}, Symbol.toStringTag, { value: "Module" }));
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -513,6 +516,45 @@ function serializeAndCleanJs(value) {
 function cleanupExpression(expr) {
   return expr.replace(/\$setup\./g, "");
 }
+const defaultRoute = {
+  path: "/",
+  name: void 0,
+  redirectedFrom: void 0,
+  params: {},
+  query: {},
+  hash: "",
+  fullPath: "/",
+  matched: [],
+  meta: {},
+  href: "/"
+};
+const RouterLinkStub = defineComponent({
+  name: "RouterLinkStub",
+  compatConfig: { MODE: 3 },
+  props: {
+    to: {
+      type: [String, Object],
+      required: true
+    },
+    custom: {
+      type: Boolean,
+      default: false
+    }
+  },
+  render() {
+    var _a, _b;
+    const route = computed(() => defaultRoute);
+    const children = (_b = (_a = this.$slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a, {
+      route,
+      href: computed(() => route.value.href),
+      isActive: computed(() => false),
+      isExactActive: computed(() => false),
+      navigate: async () => {
+      }
+    });
+    return this.custom ? children : h("a", void 0, children);
+  }
+});
 const _sfc_main = /* @__PURE__ */ defineComponent({
   name: "SandboxVue3",
   props: {
@@ -585,7 +627,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   default: defaultValue
                 });
                 if ((_c2 = (_b2 = (_a2 = props.variant.state) == null ? void 0 : _a2._hPropState) == null ? void 0 : _b2[index]) == null ? void 0 : _c2[key]) {
+                  if (!vnode.props) {
+                    vnode.props = {};
+                  }
                   vnode.props[key] = props.variant.state._hPropState[index][key];
+                  if (!vnode.dynamicProps) {
+                    vnode.dynamicProps = [];
+                  }
+                  if (!vnode.dynamicProps.includes(key)) {
+                    vnode.dynamicProps.push(key);
+                  }
                 }
               }
               return {
@@ -610,6 +661,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return vnodes;
         }
       });
+      app.component("RouterLink", RouterLinkStub);
+      if (typeof (generatedSetup == null ? void 0 : void 0) === "function") {
+        await (void 0)({
+          app,
+          story: props.story,
+          variant: props.variant
+        });
+      }
       if (typeof (setup == null ? void 0 : void 0) === "function") {
         await (void 0)({
           app,