@bobbykim/manguito-theme 1.4.0 → 1.6.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log
 
+## 1.6.0
+
+### Minor Changes
+
+- b54519d: New two-tone keyboard focus ring. A focused `.btn` now shows a 3px outline in `--mcl-focus-color` (default `dark-3`) with a 2px halo in `--mcl-focus-halo` (default `light-1`) instead of an outline in the button's own colour, so the ring contrasts with any background (the old ring was as low as 1.37:1 on light pages). It follows `:focus-visible`: clicking a button no longer leaves a ring, and the progress fill and button-group lift also react to keyboard focus only. The same ring is available as the `mcl-focus-ring` utility (`focus-visible:mcl-focus-ring`). `btn-no-ring` is deprecated and no longer hides keyboard focus; buttons that used it now show the ring when reached with Tab.
+
+## 1.5.0
+
+### Minor Changes
+
+- 8a4d9d5: New `useCollapseTrigger` composable (from `@bobbykim/manguito-theme/composable`) gives a hand-built trigger for the base `Collapse` its `aria-expanded` and `aria-controls`. Pass it the Collapse's template ref and `id` (and `visible`, if it starts open); bind the returned `attrs` on the button and call `toggle` on click. `aria-expanded` follows the panel, including inside an `AccordionGroup`, and is already correct in server-rendered HTML.
+
+### Patch Changes
+
+- 54ca461: Decorative inline SVGs (chevrons, arrows, close icons, section dividers) now have `aria-hidden="true"` and `focusable="false"`, so screen readers skip them and they never take keyboard focus. Every one sits in a control that is already named, or is pure decoration, so no accessible name changes.
+- fbb2d62: Animated components respect `prefers-reduced-motion: reduce`. `Modal`, `Sidebar`, `DropdownContent`, `CarouselContainer`, `TabContainer`, `HeaderVertical`'s mobile menu and `MclSelect`'s options fade in place instead of sliding. `Collapse` and `HeaderHorizontal`'s mobile menu open and close instantly. `MclCardD`'s spinning border gradient holds still. Nothing changes for users without the setting.
+
 ## 1.4.0
 
 ### Minor Changes

package/README.md

@@ -128,6 +128,25 @@ Users can implement theme switching by changing CSS variables dynamically:
 @import '@bobbykim/manguito-theme/mcl-theme-v4.css';
 ```
 
+### Keyboard focus ring
+
+Buttons, form controls and carousel arrows share one keyboard focus ring: a
+3px outline in `--mcl-focus-color` (default `dark-3`) with a 2px halo in
+`--mcl-focus-halo` (default `light-1`) between it and the control. One of the
+two always contrasts with the background. It follows `:focus-visible`, so
+buttons show it for keyboard focus only. Override the variables like any
+other, for example per theme:
+
+```css
+[data-theme='dark'] {
+  --mcl-focus-color: #f1ac18;
+}
+```
+
+Use it on your own controls with the `mcl-focus-ring` utility and a variant,
+e.g. `focus-visible:mcl-focus-ring`. `btn-no-ring` is deprecated and no longer
+hides it.
+
 ## Usage
 
 `import generateClass from '@bobbykim/manguito-theme'`

package/dist/composable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useModalScrollLock-X2enYbzG.cjs");exports.observeVisibleAttr=e.observeVisibleAttr;exports.provideAccordion=e.provideAccordion;exports.useCollapseState=e.useCollapseState;exports.useModalScrollLock=e.useModalScrollLock;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useModalScrollLock-X2enYbzG.cjs"),o=require("vue"),s=(t,l)=>{const r=o.computed(()=>t.value?.isOpen??o.toValue(l.visible)??!1);return{attrs:o.computed(()=>({"aria-expanded":r.value,"aria-controls":l.id})),isOpen:r,toggle:()=>t.value?.toggle()}};exports.observeVisibleAttr=e.observeVisibleAttr;exports.provideAccordion=e.provideAccordion;exports.useCollapseState=e.useCollapseState;exports.useModalScrollLock=e.useModalScrollLock;exports.useCollapseTrigger=s;

package/dist/composable.d.ts

@@ -1,6 +1,29 @@
 import { ComputedRef } from 'vue';
+import { MaybeRefOrGetter } from 'vue';
 import { Ref } from 'vue';
 
+export declare interface CollapseTriggerAttrs {
+    'aria-expanded': boolean;
+    'aria-controls': string;
+}
+
+export declare interface CollapseTriggerOptions {
+    /** The `id` given to the `Collapse`; the trigger's `aria-controls` points at it. */
+    id: string;
+    /**
+     * The `visible` given to the `Collapse`. Used until the Collapse is mounted
+     * (and on the server, where template refs are empty), so server html already
+     * carries the right `aria-expanded`.
+     */
+    visible?: MaybeRefOrGetter<boolean>;
+}
+
+/** The parts of a `Collapse` instance (its template ref) the trigger reads. */
+export declare interface CollapseTriggerTarget {
+    isOpen: boolean;
+    toggle: () => void;
+}
+
 /**
  * Return type with stop function
  */
@@ -51,6 +74,25 @@ export declare const useCollapseState: (id: string, initialOpen?: Ref<boolean> |
     close: () => void;
 };
 
+/**
+ * ARIA wiring for a hand-built button that opens and closes a base `Collapse`.
+ *
+ * @example
+ * const panel = ref()
+ * // Destructure: templates only unwrap top-level refs.
+ * const { attrs, toggle } = useCollapseTrigger(panel, { id: 'faq-1' })
+ * // <button v-bind="attrs" @click="toggle">Shipping</button>
+ * // <Collapse ref="panel" id="faq-1">…</Collapse>
+ */
+export declare const useCollapseTrigger: (collapseRef: Ref<CollapseTriggerTarget | null | undefined>, options: CollapseTriggerOptions) => {
+    /** Bind on the trigger: `aria-expanded` and `aria-controls`. */
+    attrs: ComputedRef<CollapseTriggerAttrs>;
+    /** Whether the panel is open. */
+    isOpen: ComputedRef<boolean>;
+    /** Opens or closes the panel. */
+    toggle: () => void;
+};
+
 export declare const useModalScrollLock: (isOpen: Ref<boolean>) => void;
 
 /**

package/dist/composable.js

@@ -1,7 +1,18 @@
-import { o as s, p as a, u as r, a as l } from "./useModalScrollLock-ONrBOk5v.js";
+import { o as p, p as g, u as d, a as v } from "./useModalScrollLock-ONrBOk5v.js";
+import { computed as a, toValue as s } from "vue";
+const u = (e, o) => {
+  const t = a(
+    () => e.value?.isOpen ?? s(o.visible) ?? !1
+  );
+  return { attrs: a(() => ({
+    "aria-expanded": t.value,
+    "aria-controls": o.id
+  })), isOpen: t, toggle: () => e.value?.toggle() };
+};
 export {
-  s as observeVisibleAttr,
-  a as provideAccordion,
-  r as useCollapseState,
-  l as useModalScrollLock
+  p as observeVisibleAttr,
+  g as provideAccordion,
+  d as useCollapseState,
+  u as useCollapseTrigger,
+  v as useModalScrollLock
 };

package/dist/core.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-prev-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-prev-enter-from[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-next-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-next-enter-from[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-7c910f65],.collapse-leave-active[data-v-7c910f65]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-dd0b7b7b]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-dd0b7b7b],.dropdown-content-leave-active[data-v-dd0b7b7b]{transition:all .3s}.dropdown-content-enter-from[data-v-dd0b7b7b],.dropdown-content-leave-to[data-v-dd0b7b7b]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-5904b04a]:before,.hamburger__icon[data-v-5904b04a]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-5904b04a]:before{top:-.5rem}.hamburger__icon[data-v-5904b04a]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-5904b04a],.hamburger__button:hover .hamburger__icon[data-v-5904b04a]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-fb1e97dd]{transition:height .5s ease-in}.collapse-leave-active[data-v-fb1e97dd]{transition:height .5s ease-out}.header-desktop[data-v-a2d7d11b]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-a2d7d11b]{width:var(--header-width)}}.slide-down-enter-active[data-v-a2d7d11b]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-a2d7d11b]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-a2d7d11b],.slide-down-leave-to[data-v-a2d7d11b]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-9730e4f1]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-9730e4f1],.fade-leave-active[data-v-9730e4f1]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-9730e4f1],.fade-leave-to[data-v-9730e4f1]{opacity:0}.slide-down-enter-active[data-v-9730e4f1]{animation:slide-down-9730e4f1 .3s ease}.slide-down-leave-active[data-v-9730e4f1]{animation:slide-down-9730e4f1 reverse .3s ease}@keyframes slide-down-9730e4f1{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-658499cf]{width:100%}.sidebar-body-height[data-v-658499cf]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-658499cf],.fade-leave-active[data-v-658499cf]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-658499cf],.fade-leave-to[data-v-658499cf]{opacity:0}.sidebar-left-enter-active[data-v-658499cf],.sidebar-left-leave-active[data-v-658499cf],.sidebar-right-enter-active[data-v-658499cf],.sidebar-right-leave-active[data-v-658499cf]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-658499cf],.sidebar-left-leave-to[data-v-658499cf]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-658499cf],.sidebar-right-leave-to[data-v-658499cf]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-658499cf]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-658499cf],.sidebar-left-leave-to[data-v-658499cf]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-658499cf],.sidebar-right-leave-to[data-v-658499cf]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-2d9322d9]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-prev-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-prev-enter-from[data-v-2d9322d9]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-next-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-next-enter-from[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-2d9322d9]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./index-CsKLajvY.cjs"),e=require("vue"),R=require("@vueuse/core"),E=require("./useModalScrollLock-X2enYbzG.cjs"),G=require("./getGlassmorphismClass-DqCdKnYl.cjs"),z=require("./index-BjeE_nEZ.cjs"),I=require("@vueuse/integrations/useFocusTrap"),j=(t,o)=>{switch(t){case"BGCOLOR":return a.bgColorVariant({color:o});case"HVBGCOLOR":return a.hoverBgColorVariant({color:o});case"FCBGCOLOR":return a.focusBgColorVariant({color:o});case"BEFOREBG":return a.beforeBgColorVariant({color:o});case"AFTERBG":return a.afterBgColorVariant({color:o});case"ACTIVEBG":return a.activeBgColorVariant({color:o});case"TEXTCOLOR":return a.textColorVariant({color:o});case"HVTEXTCOLOR":return a.hoverTextColorVariant({color:o});case"FCTEXTCOLOR":return a.focusTextColorVariant({color:o});case"DISABLEDTEXTCOLOR":return a.disabledTextColorVariant({color:o});case"SVGFILL":return a.svgFillColorVariant({color:o});case"RINGCOLOR":return a.ringColorVariant({color:o});case"FOCUSRING":return a.focusRingColorVariant({color:o});case"ACTIVERING":return a.activeRingColorVariant({color:o});case"OFFSETRING":return a.ringOffsetColorVariant({color:o});case"OUTLINE":return a.outlineColorVariant({color:o});case"FOCUSOUTLINE":return a.focusOutlineColorVariant({color:o});case"ACTIVEOUTLINE":return a.activeOutlineColorVariant({color:o});case"BTNCOLOR":return a.btnColorVariant({color:o});case"LISTCOLOR":return a.listColorVariant({color:o});case"BORDER":return a.borderColorVariant({color:o});case"BORDERX":return a.borderXColorVariant({color:o});case"BORDERY":return a.borderYColorVariant({color:o});case"BORDERT":return a.borderTopColorVariant({color:o});case"BORDERB":return a.borderBottomColorVariant({color:o});case"BORDERL":return a.borderLeftColorVariant({color:o});case"BORDERR":return a.borderRightColorVariant({color:o});case"H1":return a.h1Variant({size:o});case"H2":return a.h2Variant({size:o});case"H3":return a.h3Variant({size:o});case"H4":return a.h4Variant({size:o});case"BODYTEXT":return a.bodyTextVariant({size:o});case"FONTWEIGHT":return a.fontWeightVariant({weight:o});case"TEXTALIGN":return a.textAlignVariant({align:o});case"BORDERW":return a.borderWidthVariant({width:o});case"BORDERXW":return a.borderXWidthVariant({width:o});case"BORDERYW":return a.borderYWidthVariant({width:o});case"BORDERTW":return a.borderTopWidthVariant({width:o});case"BORDERBW":return a.borderBottomWidthVariant({width:o});case"BORDERLW":return a.borderLeftWidthVariant({width:o});case"BORDERRW":return a.borderRightWidthVariant({width:o});case"OPACITY":return a.opacityVariant({opacity:o});case"BGOPACITY":return a.bgOpacityVariant({opacity:o});case"OUTLINEOPACITY":return a.outlineOpacityVariant({opacity:o});case"MARGIN":return a.marginVariant({spacing:o});case"MARGINX":return a.marginXVariant({spacing:o});case"MARGINY":return a.marginYVariant({spacing:o});case"MARGINT":return a.marginTopVariant({spacing:o});case"MARGINB":return a.marginBottomVariant({spacing:o});case"MARGINL":return a.marginLeftVariant({spacing:o});case"MARGINR":return a.marginRightVariant({spacing:o});case"PADDING":return a.paddingVariant({spacing:o});case"PADDINGX":return a.paddingXVariant({spacing:o});case"PADDINGY":return a.paddingYVariant({spacing:o});case"PADDINGT":return a.paddingTopVariant({spacing:o});case"PADDINGB":return a.paddingBottomVariant({spacing:o});case"PADDINGL":return a.paddingLeftVariant({spacing:o});case"PADDINGR":return a.paddingRightVariant({spacing:o});case"GAP":return a.gapVariant({spacing:o});default:return""}},W=e.defineComponent({__name:"AccordionGroup",setup(t){return E.provideAccordion(),(o,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(o.$slots,"default")]))}}),_={class:"flex w-full justify-between gap-2xs"},F={class:"w-full"},P=["aria-label"],X=e.defineComponent({__name:"Alert",props:{color:{default:"danger"},rounded:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},show:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!1},dismissLabel:{default:"Dismiss"}},emits:["close"],setup(t,{expose:o,emit:u}){const s=t,l=u,d=e.ref(s.show),r=e.computed(()=>{const{color:c,rounded:m,shadow:h}=s,f=[a.generateClass.bgColorVariant({color:c})];return m&&f.push("rounded-md"),h&&f.push("drop-shadow-md"),f.join(" ")}),i=c=>{d.value=!1,l("close",c)},n=()=>{d.value=!1};return e.watch(()=>s.show,c=>{d.value=c}),o({close:n}),(c,m)=>d.value?(e.openBlock(),e.createElementBlock("div",{key:0,role:"alert","aria-live":"polite","aria-atomic":"true",class:e.normalizeClass(["relative px-[1.25rem] py-[0.75rem]",[r.value]])},[e.createElementVNode("div",_,[e.createElementVNode("div",F,[e.renderSlot(c.$slots,"default")]),t.dismissible?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":t.dismissLabel,onClick:i,class:"flex items-center opacity-60 transition-opacity duration-300 ease-linear hover:opacity-40"},[...m[0]||(m[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor","aria-hidden":"true",focusable:"false",class:"h-xs"},[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})],-1)])],8,P)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0)}}),Y=["src","alt"],q={key:2,class:"flex-1 px-xs pt-xs pb-2xs"},U={key:3,class:"flex-1"},K=e.defineComponent({__name:"Card",props:{variant:{default:"light-1"},border:{type:Boolean,default:!1},borderVariant:{default:"light-4"},rounded:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:10},imageSrc:{},imageAlt:{},noImage:{type:Boolean,default:!1},noBody:{type:Boolean,default:!1},header:{},footer:{},title:{},titleVariant:{default:"dark-4"},titleSize:{default:"md"},cardClass:{default:""}},setup(t){const o=t,u=e.useSlots(),s=e.computed(()=>{const{variant:i,rounded:n,shadow:c,border:m,borderVariant:h,glass:f,glassBlur:g,glassOpacity:y}=o;return[a.generateClass.bgColorVariant({color:i}),n?"rounded-lg":"rounded-sm",c&&"drop-shadow-md",m&&"border",m&&a.generateClass.borderColorVariant({color:h}),f&&G.getGlassmorphismClass(i,g,y)].filter(Boolean).join(" ")}),l=e.computed(()=>{const{titleVariant:i,titleSize:n}=o;return[a.generateClass.textColorVariant({color:i}),a.generateClass.h3Variant({size:n})].join(" ")}),d=e.computed(()=>{const{border:i,borderVariant:n,titleVariant:c}=o;return[a.generateClass.textColorVariant({color:c}),i&&"border-b",a.generateClass.borderColorVariant({color:n})].filter(Boolean).join(" ")}),r=e.computed(()=>{const{border:i,borderVariant:n}=o;return[i&&"border-t",i&&a.generateClass.borderColorVariant({color:n})].filter(Boolean).join(" ")});return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex h-full w-full flex-col overflow-hidden",[s.value,t.cardClass]])},[t.header||u.header?e.renderSlot(i.$slots,"header",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass([[d.value],"px-xs py-2xs font-bold"])},[e.createElementVNode("p",null,e.toDisplayString(t.header),1)],2)]):e.createCommentVNode("",!0),t.imageSrc&&!t.noImage?(e.openBlock(),e.createElementBlock("img",{key:1,src:t.imageSrc,alt:t.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,Y)):e.createCommentVNode("",!0),t.noBody?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("h3",{class:e.normalizeClass([[l.value],"mb-xs"])},e.toDisplayString(t.title),3),u.body?e.renderSlot(i.$slots,"body",{key:0}):e.createCommentVNode("",!0)])),t.noBody&&u.default?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(i.$slots,"default")])):e.createCommentVNode("",!0),t.footer||u.footer?e.renderSlot(i.$slots,"footer",{key:4},()=>[e.createElementVNode("div",{class:e.normalizeClass(["px-xs py-2xs",[r.value]])},[e.createElementVNode("p",null,e.toDisplayString(t.footer),1)],2)]):e.createCommentVNode("",!0)],2))}}),A=Symbol(),J=e.defineComponent({__name:"CarouselContainer",props:{bodyClass:{default:""},contentContainerClass:{default:""},controllerTopClass:{default:""},controllerBottomClass:{default:""},loop:{type:Boolean,default:!1}},setup(t,{expose:o}){const u=t,s=e.useSlots(),l=e.ref(0),d=e.ref([]),r=e.ref(0),i=e.ref("slide-next"),n=f=>{d.value.push(f),r.value=[...new Set(d.value)].length},c=f=>{l.value=f};e.provide(A,{activeIdx:l,setSlide:n});const m=()=>{const{loop:f}=u;f&&l.value===r.value-1?l.value=0:l.value<r.value-1&&(l.value=l.value+1)},h=()=>{const{loop:f}=u;f&&l.value===0?l.value=r.value-1:l.value>0&&(l.value=l.value-1)};return e.watch(()=>l.value,(f,g)=>{f>g||f===0&&g===r.value-1?i.value="slide-next":i.value="slide-prev"}),o({numberOfSlides:r,prev:h,next:m,setActive:c}),(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.bodyClass,"relative overflow-x-hidden"])},[s["controller-top"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.controllerTopClass)},[e.renderSlot(f.$slots,"controller-top",{next:m,prev:h,setActive:c,activeSlide:l.value,numberOfSlides:r.value},void 0,!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["grid grid-cols-1 grid-rows-1",t.contentContainerClass])},[e.createVNode(e.Transition,{name:i.value},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("div",{key:l.value,class:"col-start-1 col-end-1 row-start-1 row-end-1"},[e.renderSlot(f.$slots,"content",{},void 0,!0)]))]),_:3},8,["name"])],2),s["controller-bottom"]?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.controllerBottomClass)},[e.renderSlot(f.$slots,"controller-bottom",{next:m,prev:h,setActive:c,activeSlide:l.value,numberOfSlides:r.value},void 0,!0)],2)):e.createCommentVNode("",!0)],2))}}),w=(t,o)=>{const u=t.__vccOpts||t;for(const[s,l]of o)u[s]=l;return u},Q=w(J,[["__scopeId","data-v-e9caba8a"]]),Z=["id"],ee=e.defineComponent({__name:"CarouselContent",props:{slideNumber:{},id:{},slideClass:{default:""}},setup(t){const o=t,{activeIdx:u,setSlide:s}=e.inject(A);s(o.slideNumber);const l=e.computed(()=>{const{slideNumber:d}=o;return u.value===d});return(d,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"slideRef",id:t.id,class:e.normalizeClass([t.slideClass,"w-full"]),role:"tabpanel",tabindex:"-1"},[e.renderSlot(d.$slots,"default")],10,Z)),[[e.vShow,l.value]])}}),te=["id"],oe=e.defineComponent({__name:"Collapse",props:{id:{},customClass:{default:""},visible:{type:Boolean,default:!1}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=u,d=s.id??e.useId(),{isOpen:r,toggle:i,open:n,close:c}=E.useCollapseState(d,e.toRef(s,"visible")),m=g=>{g.style.height="auto",g.style.opacity="0";const y=getComputedStyle(g).height;g.style.height="0px",g.offsetHeight,g.style.height=y,g.style.opacity="1"},h=g=>{g.style.height="auto",g.style.opacity="1"},f=g=>{g.style.height=getComputedStyle(g).height,g.offsetHeight,g.style.height="0px",g.style.opacity="0"};return e.watch(r,g=>{g?l("open",!0):l("close",!1)}),o({isOpen:r,toggle:i,open:n,close:c}),(g,y)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d)},[e.createVNode(e.Transition,{name:"collapse",tag:"div",onEnter:m,onAfterEnter:h,onLeave:f,class:"overflow-y-clip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass(t.customClass)},[e.renderSlot(g.$slots,"default",{},void 0,!0)],2)],512),[[e.vShow,e.unref(r)]])]),_:3})],8,te))}}),ae=w(oe,[["__scopeId","data-v-7c910f65"]]),H=Symbol(),le=e.defineComponent({__name:"DropdownContainer",emits:["click-outside","toggle"],setup(t,{emit:o}){const u=o,s=e.ref(),l=e.ref(!1),d=e.ref(0),r=()=>{l.value=!1};e.provide(H,{active:l,buttonHeight:d,closeDropdown:r});const i=m=>{l.value=!l.value,u("toggle",m)},n=m=>{l.value=!1,u("click-outside",m)},c=()=>{l.value=!1};return e.onMounted(()=>{d.value=s.value.scrollHeight}),(m,h)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"relative",ref_key:"dropdownTarget",ref:s,onKeyup:e.withKeys(c,["esc"])},[e.renderSlot(m.$slots,"toggler",{toggle:i,dropdownState:l.value}),e.renderSlot(m.$slots,"default")],32)),[[e.unref(z.vClickOutside),n]])}}),re=e.defineComponent({__name:"DropdownContent",props:{customClass:{default:""}},setup(t){const{height:o}=R.useWindowSize(),u=e.ref(),{active:s,buttonHeight:l,closeDropdown:d}=e.inject(H),r=e.computed(()=>({"--button-height":`${l}px`})),i=e.computed(()=>{if(!(!s||!u.value)&&o.value-u.value.getBoundingClientRect().bottom<0)return"dropup-bottom"});return(n,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dropdown-content"},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"contentRef",ref:u,class:e.normalizeClass(["absolute my-2xs w-max max-w-[14rem] overflow-hidden",[i.value,t.customClass]]),style:e.normalizeStyle(r.value)},[e.renderSlot(n.$slots,"default",{itemClick:e.unref(d)},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3}))}}),ne=w(re,[["__scopeId","data-v-dd0b7b7b"]]),se=["aria-label","aria-expanded"],ce=e.defineComponent({__name:"NavDrawer",props:{color:{default:"dark-2"},showBorder:{type:Boolean,default:!0},toggle:{type:Boolean},bgColor:{},label:{default:"Menu"}},emits:["hbg-click"],setup(t,{emit:o}){const u=t,s=o,l=n=>{s("hbg-click",n)},d=e.computed({get(){return u.toggle},set(n){return n}}),r=(n,c,m)=>{const h=[a.generateClass.ringColorVariant({color:n}),a.generateClass.ringOffsetColorVariant({color:m})];return c&&(h.push(a.generateClass.borderColorVariant({color:n})),h.push("border")),h.join(" ")},i=n=>[a.generateClass.bgColorVariant({color:n}),a.generateClass.beforeBgColorVariant({color:n}),a.generateClass.afterBgColorVariant({color:n})].join(" ");return(n,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["hamburger__button aspect-square rounded-md p-3xs ring-offset-2 transition-all duration-300 ease-linear outline-none hover:opacity-70 focus:opacity-70 focus:ring-4",r(t.color,t.showBorder,t.bgColor)]),onClick:l,"aria-label":t.label,"aria-expanded":t.toggle},[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[0]||(c[0]=m=>d.value=m),class:"hamburger__checkbox hidden"},null,512),[[e.vModelCheckbox,d.value]]),e.createElementVNode("div",{class:e.normalizeClass(["hamburger__icon relative h-[3px] w-sm transition-all duration-300 ease-linear before:h-[3px] before:w-sm after:h-[3px] after:w-sm",i(t.color)])},null,2)],10,se))}}),D=w(ce,[["__scopeId","data-v-5904b04a"]]),ie=["aria-label"],de={class:"min-h-[24px]"},ue={class:"ml-auto"},me={key:0,class:"hidden lg:block"},fe={class:"overflow-hidden lg:hidden"},ge={key:0,class:"overflow-hidden"},he={key:0},Ce=e.defineComponent({__name:"HeaderHorizontal",props:{bgColor:{default:"light-1"},navLabel:{default:"Main"},menuLabel:{default:"Menu"},mobileMenuBgColor:{default:"light-2"},drawerBtnColor:{default:"dark-1"},showDrawerBorder:{type:Boolean,default:!0},fadeInOnScroll:{type:Boolean,default:!0},scrollDistance:{default:50},sticky:{default:"all"}},emits:["toggle-drawer"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=e.ref(!1),{y:r}=R.useWindowScroll(),i=u,n=()=>{d.value=!1},c=C=>{d.value=!d.value,i("toggle-drawer",C,d.value)},m=C=>{C.style.height="auto";const k=getComputedStyle(C).height;C.style.height="0px",C.offsetHeight,C.style.height=k},h=C=>{C.style.height="auto"},f=C=>{C.style.height=getComputedStyle(C).height,C.offsetHeight,C.style.height="0px"},g=e.computed(()=>{const{bgColor:C,sticky:k}=s,v=[a.generateClass.bgColorVariant({color:C})];return k==="all"?(v.push("sticky top-0"),v.join(" ")):k==="tablet"?(v.push("md:sticky top-0"),v.join(" ")):(k==="pc"&&v.push("lg:sticky top-0"),v.join(" "))}),y=e.computed(()=>{const{fadeInOnScroll:C,scrollDistance:k}=s;return C?r.value>=k?"lg:shadow-md bg-opacity-70":"bg-opacity-100":""});return o({headerClose:n}),(C,k)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["z-50 w-full items-center transition delay-150 duration-500 ease-in",[y.value,g.value]])},[e.createElementVNode("nav",{"aria-label":t.navLabel,class:"mx-xs flex flex-wrap items-center justify-between py-xs align-middle sm:max-w-[640px] md:mx-sm md:max-w-[768px] md:py-2xs lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]"},[e.createElementVNode("div",de,[e.renderSlot(C.$slots,"content",{},void 0,!0)]),e.createElementVNode("div",ue,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"block lg:hidden",onHbgClick:c,toggle:d.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"]),l["content-right"]?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(C.$slots,"content-right",{},void 0,!0)])):e.createCommentVNode("",!0)])],8,ie),e.createElementVNode("div",fe,[e.createVNode(e.Transition,{name:"collapse",onEnter:m,onAfterEnter:h,onLeave:f},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",{class:e.normalizeClass(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80",e.unref(a.generateClass).bgColorVariant({color:t.mobileMenuBgColor})])},[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(C.$slots,"mobile-content",{headerClose:n},void 0,!0)])):e.createCommentVNode("",!0)],2)])):e.createCommentVNode("",!0)]),_:3})])],2))}}),ve=w(Ce,[["__scopeId","data-v-fb1e97dd"]]),pe=["aria-label"],be={class:"flex h-full flex-col justify-between"},ye={key:0},ke={key:0,class:"fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"},Be={class:"relative z-40 block lg:hidden"},Ve={key:0,class:"fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"},we=["aria-label"],xe={key:0,class:"h-full"},Ee=e.defineComponent({__name:"HeaderVertical",props:{bgColor:{default:"light-1"},navLabel:{default:"Main"},menuLabel:{default:"Menu"},drawerBtnColor:{default:"dark-1"},showDrawerBorder:{type:Boolean,default:!0},headerWidth:{default:160}},emits:["toggle-drawer"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(!1),i=e.ref(!1),n=h=>{r.value=!r.value,d("toggle-drawer",h,r.value)},c=()=>{r.value=!1},m=e.computed(()=>({"--header-width":`${s.headerWidth}px`}));return e.onMounted(()=>{i.value=!0;const h=R.useScrollLock(document);e.watch(r,f=>{h.value=f})}),o({headerClose:c}),(h,f)=>(e.openBlock(),e.createElementBlock("header",{class:"relative",style:e.normalizeStyle(m.value)},[e.createElementVNode("nav",{"aria-label":t.navLabel,class:e.normalizeClass(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]",[e.unref(a.generateClass).bgColorVariant({color:t.bgColor})]])},[e.createElementVNode("div",be,[e.createElementVNode("div",null,[e.renderSlot(h.$slots,"content",{},void 0,!0)]),l["content-bottom"]?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(h.$slots,"content-bottom",{},void 0,!0)])):e.createCommentVNode("",!0)])],10,pe),l["mobile-content"]&&!i.value?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"relative block lg:hidden",onHbgClick:n,toggle:r.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"])])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:"body"},[e.createElementVNode("div",Be,[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"relative block lg:hidden",onHbgClick:n,toggle:r.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"])])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"slide-down",appear:""},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("nav",{key:0,"aria-label":t.navLabel,class:e.normalizeClass(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg",e.unref(a.generateClass).bgColorVariant({color:t.bgColor})])},[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(h.$slots,"mobile-content",{headerClose:c},void 0,!0)])):e.createCommentVNode("",!0)],10,we)):e.createCommentVNode("",!0)]),_:3})])])):e.createCommentVNode("",!0)],4))}}),Ne=w(Ee,[["__scopeId","data-v-a2d7d11b"]]),Se=["visible"],Re={key:0,class:"sticky top-0"},Oe=["id"],$e={key:1,class:"sticky bottom-0"},Le=e.defineComponent({__name:"Modal",props:{title:{},ariaLabel:{},titleColor:{default:"dark-3"},customClass:{default:""},visible:{type:Boolean,default:!1},showBackdrop:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},color:{default:"light-1"},backdropColor:{default:"dark-4"},placement:{default:"center"},width:{default:"small"}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(),i=e.ref(),n=e.ref(s.visible),c=e.ref(!1),m=e.useId(),h=()=>s.showHeader&&(l.header?!s.ariaLabel:!!s.title)?{"aria-labelledby":m}:{"aria-label":s.ariaLabel};let f=null;const{activate:g,deactivate:y}=I.useFocusTrap(i,{immediate:!1,allowOutsideClick:!0,escapeDeactivates:()=>(v(),!1)}),C=()=>{n.value=!n.value},k=()=>{n.value=!0},v=()=>{c.value===!0&&(n.value=!1)},O=()=>{d("open",!0)},B=()=>{d("close",!1)},$=e.computed(()=>{const p={top:25,center:50,bottom:75},{placement:V}=s;return{"--vertical-placement":(p[V]??p.center)+"%"}}),L=e.computed(()=>{const{width:p}=s,V={small:"max-w-[28rem]",medium:"max-w-[28rem] md:max-w-[36rem]",large:"max-w-[28rem] md:max-w-[56rem]"};return V[p]??V.small}),N=()=>{c.value=!0,i.value&&g()},T=()=>{c.value=!1};e.onMounted(()=>{n.value&&!c.value&&N()});const S=(p=!1)=>{n.value=p};return E.observeVisibleAttr(r,S),e.watch(()=>s.visible,p=>{n.value=p}),e.watch(n,p=>{p===!0?(typeof document<"u"&&(f=document.activeElement),O()):p===!1&&(y(),f?.focus(),f=null,c.value===!0&&B())}),E.useModalScrollLock(n),o({toggle:C,close:v,open:k}),(p,V)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle($.value),visible:n.value,ref_key:"modalRef",ref:r},[t.showBackdrop?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:v,"aria-hidden":"true",class:e.normalizeClass(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",e.unref(a.generateClass).bgColorVariant({color:t.backdropColor})])},null,2)):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"slide-down",tag:"div",onAfterEnter:N,onAfterLeave:T,appear:""},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["vertical-placement fixed z-[110] w-full px-xs",L.value])},[e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"dialogRef",ref:i,role:"dialog","aria-modal":"true"},h(),{class:[[e.unref(a.generateClass).bgColorVariant({color:t.color}),t.customClass],"relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"]}),[t.showHeader?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(p.$slots,"header",{close:v,status:n.value,titleId:e.unref(m)},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between border-b-2 border-b-light-4 p-xs",e.unref(a.generateClass).bgColorVariant({color:t.color})])},[t.title?(e.openBlock(),e.createElementBlock("h3",{key:0,id:e.unref(m),class:e.normalizeClass(["h3-md",e.unref(a.generateClass).textColorVariant({color:t.titleColor})])},e.toDisplayString(t.title),11,Oe)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button","aria-label":"Close",onClick:v},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...V[0]||(V[0]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])],2)],!0)])):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"body",{close:v,status:n.value},void 0,!0),l.footer?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(p.$slots,"footer",{close:v,status:n.value},void 0,!0)])):e.createCommentVNode("",!0)],16)),[[e.unref(z.vClickOutside),v]])],2)):e.createCommentVNode("",!0)]),_:3})],12,Se))}}),Te=w(Le,[["__scopeId","data-v-9730e4f1"]]),De=["visible"],ze=["id"],Ie={class:"sidebar-body-height"},Ae=e.defineComponent({__name:"Sidebar",props:{title:{},ariaLabel:{},titleColor:{default:"dark-3"},customClass:{default:""},visible:{type:Boolean,default:!1},showBackdrop:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},color:{default:"light-1"},backdropColor:{default:"dark-4"},placement:{default:"left"},width:{default:300}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(s.visible),i=e.ref(!1),n=e.ref(),c=e.ref(),m=e.ref(),h=e.ref(),f=e.useId(),g=()=>s.showHeader&&(l.header?!s.ariaLabel:!!s.title)?{"aria-labelledby":f}:{"aria-label":s.ariaLabel};let y=null;const{activate:C,deactivate:k}=I.useFocusTrap(c,{immediate:!1,allowOutsideClick:!0,escapeDeactivates:()=>(B(),!1)}),v=()=>{r.value=!r.value},O=()=>{r.value=!0},B=()=>{i.value===!0&&(r.value=!1)},$=()=>{d("open",!0)},L=()=>{d("close",!1)},N=e.computed(()=>{const b=x=>x&&r.value?`${x.scrollHeight}px`:"0px";return{"--sidebar-width":`${s.width}px`,"--header-height":b(m.value),"--footer-height":b(h.value)}}),T=e.computed(()=>s.placement==="left"?"sidebar-left":"sidebar-right"),S=()=>{i.value=!0,c.value&&C()},p=()=>{i.value=!1};e.onMounted(()=>{r.value&&!i.value&&S()});const V=(b=!1)=>{r.value=b};return E.observeVisibleAttr(n,V),e.watch(()=>s.visible,b=>{r.value=b}),e.watch(r,b=>{b===!0?(typeof document<"u"&&(y=document.activeElement),$()):b===!1&&(k(),y?.focus(),y=null,i.value===!0&&L())}),E.useModalScrollLock(r),o({toggle:v,open:O,close:B}),(b,x)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(N.value),visible:r.value,ref_key:"sidebarRef",ref:n},[t.showBackdrop?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:B,"aria-hidden":"true",class:e.normalizeClass(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",e.unref(a.generateClass).bgColorVariant({color:t.backdropColor})])},null,2)):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:T.value,onAfterEnter:S,onAfterLeave:p,appear:""},{default:e.withCtx(()=>[r.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,ref_key:"dialogRef",ref:c,role:"dialog","aria-modal":"true"},g(),{class:["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow",[t.placement==="left"?"left-0":"right-0"]]}),[e.createElementVNode("div",{class:e.normalizeClass(["relative h-full overflow-y-scroll overscroll-contain",[e.unref(a.generateClass).bgColorVariant({color:t.color}),t.customClass]])},[t.showHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:"sticky top-0 z-10",ref_key:"headerRef",ref:m},[e.renderSlot(b.$slots,"header",{close:B,status:r.value,titleId:e.unref(f)},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between p-xs",e.unref(a.generateClass).bgColorVariant({color:t.color})])},[t.placement==="right"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Close",onClick:B},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...x[0]||(x[0]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("h3",{key:1,id:e.unref(f),class:e.normalizeClass(["h3-md",e.unref(a.generateClass).textColorVariant({color:t.titleColor})])},e.toDisplayString(t.title),11,ze)):e.createCommentVNode("",!0),t.placement==="left"?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button","aria-label":"Close",onClick:B},[(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...x[1]||(x[1]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])):e.createCommentVNode("",!0)],2)],!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[e.renderSlot(b.$slots,"body",{close:B,status:r.value},void 0,!0)]),l.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:"sticky bottom-0",ref_key:"footerRef",ref:h},[e.renderSlot(b.$slots,"footer",{close:B,status:r.value},void 0,!0)],512)):e.createCommentVNode("",!0)],2)],16)),[[e.unref(z.vClickOutside),B]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],12,De))}}),He=w(Ae,[["__scopeId","data-v-658499cf"]]),M=Symbol(),Me={class:"container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300"},Ge=e.defineComponent({__name:"TabContainer",props:{bodyClass:{default:""},btnContainerClass:{default:""},contentContainerClass:{default:""}},setup(t,{expose:o}){const u=e.ref(0),s=e.ref(0),l=e.ref(!1),d=e.ref("slide-next"),r=c=>{c>0&&(l.value=!0),s.value=c};e.provide(M,{activeTabIdx:u,containerHeight:s,updateHeight:r});const i=c=>{u.value=c},n=e.computed(()=>l.value?{"--container-hts":`${s.value}px`}:void 0);return o({update:i}),e.watch(()=>u.value,(c,m)=>{c>m?d.value="slide-next":d.value="slide-prev"}),(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.bodyClass),style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{class:e.normalizeClass(t.btnContainerClass),role:"tablist"},[e.renderSlot(c.$slots,"tab-button",{update:i,activeTab:u.value},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass(t.contentContainerClass)},[e.createElementVNode("div",Me,[e.createVNode(e.Transition,{name:d.value},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("div",{key:u.value,class:"relative col-start-1 col-end-1 row-start-1 row-end-1"},[e.renderSlot(c.$slots,"tab-content",{},void 0,!0)]))]),_:3},8,["name"])])],2)],6))}}),je=w(Ge,[["__scopeId","data-v-2d9322d9"]]),We=["id"],_e=e.defineComponent({__name:"TabContent",props:{tabNumber:{},id:{},tabClass:{default:""}},setup(t){const o=t,{activeTabIdx:u,updateHeight:s}=e.inject(M),l=e.ref(null),{height:d}=R.useElementSize(l),r=e.computed(()=>u.value===o.tabNumber?(s(d.value),!0):!1);return(i,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"slotRef",ref:l,id:t.id,class:e.normalizeClass([t.tabClass,"w-full"]),role:"tabpanel",tabindex:"-1"},[e.renderSlot(i.$slots,"default")],10,We)),[[e.vShow,r.value]])}});exports.generateClass=a.generateClass;exports.AccordionGroup=W;exports.Alert=X;exports.Card=K;exports.CarouselContainer=Q;exports.CarouselContent=ee;exports.Collapse=ae;exports.DropdownContainer=le;exports.DropdownContent=ne;exports.HeaderHorizontal=ve;exports.HeaderVertical=Ne;exports.Modal=Te;exports.Sidebar=He;exports.TabContainer=je;exports.TabContent=_e;exports.default=j;
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-prev-leave-active[data-v-db4ab321]{transition:all .5s}.slide-prev-enter-from[data-v-db4ab321]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-next-leave-active[data-v-db4ab321]{transition:all .5s}.slide-next-enter-from[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-db4ab321]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-db4ab321],.slide-prev-leave-active[data-v-db4ab321],.slide-next-enter-active[data-v-db4ab321],.slide-next-leave-active[data-v-db4ab321]{transition-property:opacity}.slide-prev-enter-from[data-v-db4ab321],.slide-prev-leave-to[data-v-db4ab321],.slide-next-enter-from[data-v-db4ab321],.slide-next-leave-to[data-v-db4ab321]{transform:none}}.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition:none}}.dropup-bottom[data-v-504baea4]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition:all .3s}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{opacity:0;transform:translateY(-10px)}@media(prefers-reduced-motion:reduce){.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition-property:opacity}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{transform:none}}.hamburger__icon[data-v-5904b04a]:before,.hamburger__icon[data-v-5904b04a]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-5904b04a]:before{top:-.5rem}.hamburger__icon[data-v-5904b04a]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-5904b04a],.hamburger__button:hover .hamburger__icon[data-v-5904b04a]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-3b12c474]{transition:height .5s ease-in}.collapse-leave-active[data-v-3b12c474]{transition:height .5s ease-out}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-3b12c474],.collapse-leave-active[data-v-3b12c474]{transition:none}}.header-desktop[data-v-7325b802]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-7325b802]{width:var(--header-width)}}.slide-down-enter-active[data-v-7325b802]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-7325b802]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{opacity:0;transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-7325b802],.slide-down-leave-active[data-v-7325b802]{transition:opacity .3s ease-in}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{transform:none}}.vertical-placement[data-v-ea332268]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-ea332268],.fade-leave-active[data-v-ea332268]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-ea332268],.fade-leave-to[data-v-ea332268]{opacity:0}.slide-down-enter-active[data-v-ea332268]{animation:slide-down-ea332268 .3s ease}.slide-down-leave-active[data-v-ea332268]{animation:slide-down-ea332268 reverse .3s ease}@keyframes slide-down-ea332268{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-ea332268],.slide-down-leave-active[data-v-ea332268]{animation:none;transition:opacity .3s linear}.slide-down-enter-from[data-v-ea332268],.slide-down-leave-to[data-v-ea332268]{opacity:0}}.sidebar-body[data-v-6f379e4b]{width:100%}.sidebar-body-height[data-v-6f379e4b]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-6f379e4b],.fade-leave-active[data-v-6f379e4b]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-6f379e4b],.fade-leave-to[data-v-6f379e4b]{opacity:0}.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-6f379e4b]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(var(--sidebar-width))}}@media(prefers-reduced-motion:reduce){.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:opacity}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b],.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:none;opacity:0}}.container-hts[data-v-ee1145fc]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-prev-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-prev-enter-from[data-v-ee1145fc]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-next-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-next-enter-from[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-ee1145fc]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-ee1145fc],.slide-prev-leave-active[data-v-ee1145fc],.slide-next-enter-active[data-v-ee1145fc],.slide-next-leave-active[data-v-ee1145fc]{transition-property:opacity}.slide-prev-enter-from[data-v-ee1145fc],.slide-prev-leave-to[data-v-ee1145fc],.slide-next-enter-from[data-v-ee1145fc],.slide-next-leave-to[data-v-ee1145fc]{transform:none}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./index-CsKLajvY.cjs"),e=require("vue"),R=require("@vueuse/core"),E=require("./useModalScrollLock-X2enYbzG.cjs"),G=require("./getGlassmorphismClass-DqCdKnYl.cjs"),z=require("./index-BjeE_nEZ.cjs"),I=require("@vueuse/integrations/useFocusTrap"),j=(t,o)=>{switch(t){case"BGCOLOR":return a.bgColorVariant({color:o});case"HVBGCOLOR":return a.hoverBgColorVariant({color:o});case"FCBGCOLOR":return a.focusBgColorVariant({color:o});case"BEFOREBG":return a.beforeBgColorVariant({color:o});case"AFTERBG":return a.afterBgColorVariant({color:o});case"ACTIVEBG":return a.activeBgColorVariant({color:o});case"TEXTCOLOR":return a.textColorVariant({color:o});case"HVTEXTCOLOR":return a.hoverTextColorVariant({color:o});case"FCTEXTCOLOR":return a.focusTextColorVariant({color:o});case"DISABLEDTEXTCOLOR":return a.disabledTextColorVariant({color:o});case"SVGFILL":return a.svgFillColorVariant({color:o});case"RINGCOLOR":return a.ringColorVariant({color:o});case"FOCUSRING":return a.focusRingColorVariant({color:o});case"ACTIVERING":return a.activeRingColorVariant({color:o});case"OFFSETRING":return a.ringOffsetColorVariant({color:o});case"OUTLINE":return a.outlineColorVariant({color:o});case"FOCUSOUTLINE":return a.focusOutlineColorVariant({color:o});case"ACTIVEOUTLINE":return a.activeOutlineColorVariant({color:o});case"BTNCOLOR":return a.btnColorVariant({color:o});case"LISTCOLOR":return a.listColorVariant({color:o});case"BORDER":return a.borderColorVariant({color:o});case"BORDERX":return a.borderXColorVariant({color:o});case"BORDERY":return a.borderYColorVariant({color:o});case"BORDERT":return a.borderTopColorVariant({color:o});case"BORDERB":return a.borderBottomColorVariant({color:o});case"BORDERL":return a.borderLeftColorVariant({color:o});case"BORDERR":return a.borderRightColorVariant({color:o});case"H1":return a.h1Variant({size:o});case"H2":return a.h2Variant({size:o});case"H3":return a.h3Variant({size:o});case"H4":return a.h4Variant({size:o});case"BODYTEXT":return a.bodyTextVariant({size:o});case"FONTWEIGHT":return a.fontWeightVariant({weight:o});case"TEXTALIGN":return a.textAlignVariant({align:o});case"BORDERW":return a.borderWidthVariant({width:o});case"BORDERXW":return a.borderXWidthVariant({width:o});case"BORDERYW":return a.borderYWidthVariant({width:o});case"BORDERTW":return a.borderTopWidthVariant({width:o});case"BORDERBW":return a.borderBottomWidthVariant({width:o});case"BORDERLW":return a.borderLeftWidthVariant({width:o});case"BORDERRW":return a.borderRightWidthVariant({width:o});case"OPACITY":return a.opacityVariant({opacity:o});case"BGOPACITY":return a.bgOpacityVariant({opacity:o});case"OUTLINEOPACITY":return a.outlineOpacityVariant({opacity:o});case"MARGIN":return a.marginVariant({spacing:o});case"MARGINX":return a.marginXVariant({spacing:o});case"MARGINY":return a.marginYVariant({spacing:o});case"MARGINT":return a.marginTopVariant({spacing:o});case"MARGINB":return a.marginBottomVariant({spacing:o});case"MARGINL":return a.marginLeftVariant({spacing:o});case"MARGINR":return a.marginRightVariant({spacing:o});case"PADDING":return a.paddingVariant({spacing:o});case"PADDINGX":return a.paddingXVariant({spacing:o});case"PADDINGY":return a.paddingYVariant({spacing:o});case"PADDINGT":return a.paddingTopVariant({spacing:o});case"PADDINGB":return a.paddingBottomVariant({spacing:o});case"PADDINGL":return a.paddingLeftVariant({spacing:o});case"PADDINGR":return a.paddingRightVariant({spacing:o});case"GAP":return a.gapVariant({spacing:o});default:return""}},W=e.defineComponent({__name:"AccordionGroup",setup(t){return E.provideAccordion(),(o,u)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(o.$slots,"default")]))}}),_={class:"flex w-full justify-between gap-2xs"},F={class:"w-full"},P=["aria-label"],X=e.defineComponent({__name:"Alert",props:{color:{default:"danger"},rounded:{type:Boolean,default:!0},shadow:{type:Boolean,default:!0},show:{type:Boolean,default:!1},dismissible:{type:Boolean,default:!1},dismissLabel:{default:"Dismiss"}},emits:["close"],setup(t,{expose:o,emit:u}){const s=t,l=u,d=e.ref(s.show),r=e.computed(()=>{const{color:c,rounded:m,shadow:h}=s,f=[a.generateClass.bgColorVariant({color:c})];return m&&f.push("rounded-md"),h&&f.push("drop-shadow-md"),f.join(" ")}),i=c=>{d.value=!1,l("close",c)},n=()=>{d.value=!1};return e.watch(()=>s.show,c=>{d.value=c}),o({close:n}),(c,m)=>d.value?(e.openBlock(),e.createElementBlock("div",{key:0,role:"alert","aria-live":"polite","aria-atomic":"true",class:e.normalizeClass(["relative px-[1.25rem] py-[0.75rem]",[r.value]])},[e.createElementVNode("div",_,[e.createElementVNode("div",F,[e.renderSlot(c.$slots,"default")]),t.dismissible?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":t.dismissLabel,onClick:i,class:"flex items-center opacity-60 transition-opacity duration-300 ease-linear hover:opacity-40"},[...m[0]||(m[0]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor","aria-hidden":"true",focusable:"false",class:"h-xs"},[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})],-1)])],8,P)):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0)}}),Y=["src","alt"],q={key:2,class:"flex-1 px-xs pt-xs pb-2xs"},U={key:3,class:"flex-1"},K=e.defineComponent({__name:"Card",props:{variant:{default:"light-1"},border:{type:Boolean,default:!1},borderVariant:{default:"light-4"},rounded:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:10},imageSrc:{},imageAlt:{},noImage:{type:Boolean,default:!1},noBody:{type:Boolean,default:!1},header:{},footer:{},title:{},titleVariant:{default:"dark-4"},titleSize:{default:"md"},cardClass:{default:""}},setup(t){const o=t,u=e.useSlots(),s=e.computed(()=>{const{variant:i,rounded:n,shadow:c,border:m,borderVariant:h,glass:f,glassBlur:g,glassOpacity:y}=o;return[a.generateClass.bgColorVariant({color:i}),n?"rounded-lg":"rounded-sm",c&&"drop-shadow-md",m&&"border",m&&a.generateClass.borderColorVariant({color:h}),f&&G.getGlassmorphismClass(i,g,y)].filter(Boolean).join(" ")}),l=e.computed(()=>{const{titleVariant:i,titleSize:n}=o;return[a.generateClass.textColorVariant({color:i}),a.generateClass.h3Variant({size:n})].join(" ")}),d=e.computed(()=>{const{border:i,borderVariant:n,titleVariant:c}=o;return[a.generateClass.textColorVariant({color:c}),i&&"border-b",a.generateClass.borderColorVariant({color:n})].filter(Boolean).join(" ")}),r=e.computed(()=>{const{border:i,borderVariant:n}=o;return[i&&"border-t",i&&a.generateClass.borderColorVariant({color:n})].filter(Boolean).join(" ")});return(i,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex h-full w-full flex-col overflow-hidden",[s.value,t.cardClass]])},[t.header||u.header?e.renderSlot(i.$slots,"header",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass([[d.value],"px-xs py-2xs font-bold"])},[e.createElementVNode("p",null,e.toDisplayString(t.header),1)],2)]):e.createCommentVNode("",!0),t.imageSrc&&!t.noImage?(e.openBlock(),e.createElementBlock("img",{key:1,src:t.imageSrc,alt:t.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,Y)):e.createCommentVNode("",!0),t.noBody?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("h3",{class:e.normalizeClass([[l.value],"mb-xs"])},e.toDisplayString(t.title),3),u.body?e.renderSlot(i.$slots,"body",{key:0}):e.createCommentVNode("",!0)])),t.noBody&&u.default?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(i.$slots,"default")])):e.createCommentVNode("",!0),t.footer||u.footer?e.renderSlot(i.$slots,"footer",{key:4},()=>[e.createElementVNode("div",{class:e.normalizeClass(["px-xs py-2xs",[r.value]])},[e.createElementVNode("p",null,e.toDisplayString(t.footer),1)],2)]):e.createCommentVNode("",!0)],2))}}),A=Symbol(),J=e.defineComponent({__name:"CarouselContainer",props:{bodyClass:{default:""},contentContainerClass:{default:""},controllerTopClass:{default:""},controllerBottomClass:{default:""},loop:{type:Boolean,default:!1}},setup(t,{expose:o}){const u=t,s=e.useSlots(),l=e.ref(0),d=e.ref([]),r=e.ref(0),i=e.ref("slide-next"),n=f=>{d.value.push(f),r.value=[...new Set(d.value)].length},c=f=>{l.value=f};e.provide(A,{activeIdx:l,setSlide:n});const m=()=>{const{loop:f}=u;f&&l.value===r.value-1?l.value=0:l.value<r.value-1&&(l.value=l.value+1)},h=()=>{const{loop:f}=u;f&&l.value===0?l.value=r.value-1:l.value>0&&(l.value=l.value-1)};return e.watch(()=>l.value,(f,g)=>{f>g||f===0&&g===r.value-1?i.value="slide-next":i.value="slide-prev"}),o({numberOfSlides:r,prev:h,next:m,setActive:c}),(f,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.bodyClass,"relative overflow-x-hidden"])},[s["controller-top"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.controllerTopClass)},[e.renderSlot(f.$slots,"controller-top",{next:m,prev:h,setActive:c,activeSlide:l.value,numberOfSlides:r.value},void 0,!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["grid grid-cols-1 grid-rows-1",t.contentContainerClass])},[e.createVNode(e.Transition,{name:i.value},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("div",{key:l.value,class:"col-start-1 col-end-1 row-start-1 row-end-1"},[e.renderSlot(f.$slots,"content",{},void 0,!0)]))]),_:3},8,["name"])],2),s["controller-bottom"]?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.controllerBottomClass)},[e.renderSlot(f.$slots,"controller-bottom",{next:m,prev:h,setActive:c,activeSlide:l.value,numberOfSlides:r.value},void 0,!0)],2)):e.createCommentVNode("",!0)],2))}}),w=(t,o)=>{const u=t.__vccOpts||t;for(const[s,l]of o)u[s]=l;return u},Q=w(J,[["__scopeId","data-v-db4ab321"]]),Z=["id"],ee=e.defineComponent({__name:"CarouselContent",props:{slideNumber:{},id:{},slideClass:{default:""}},setup(t){const o=t,{activeIdx:u,setSlide:s}=e.inject(A);s(o.slideNumber);const l=e.computed(()=>{const{slideNumber:d}=o;return u.value===d});return(d,r)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"slideRef",id:t.id,class:e.normalizeClass([t.slideClass,"w-full"]),role:"tabpanel",tabindex:"-1"},[e.renderSlot(d.$slots,"default")],10,Z)),[[e.vShow,l.value]])}}),te=["id"],oe=e.defineComponent({__name:"Collapse",props:{id:{},customClass:{default:""},visible:{type:Boolean,default:!1}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=u,d=s.id??e.useId(),{isOpen:r,toggle:i,open:n,close:c}=E.useCollapseState(d,e.toRef(s,"visible")),m=g=>{g.style.height="auto",g.style.opacity="0";const y=getComputedStyle(g).height;g.style.height="0px",g.offsetHeight,g.style.height=y,g.style.opacity="1"},h=g=>{g.style.height="auto",g.style.opacity="1"},f=g=>{g.style.height=getComputedStyle(g).height,g.offsetHeight,g.style.height="0px",g.style.opacity="0"};return e.watch(r,g=>{g?l("open",!0):l("close",!1)}),o({isOpen:r,toggle:i,open:n,close:c}),(g,y)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(d)},[e.createVNode(e.Transition,{name:"collapse",tag:"div",onEnter:m,onAfterEnter:h,onLeave:f,class:"overflow-y-clip"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",{class:e.normalizeClass(t.customClass)},[e.renderSlot(g.$slots,"default",{},void 0,!0)],2)],512),[[e.vShow,e.unref(r)]])]),_:3})],8,te))}}),ae=w(oe,[["__scopeId","data-v-2762b9c9"]]),H=Symbol(),le=e.defineComponent({__name:"DropdownContainer",emits:["click-outside","toggle"],setup(t,{emit:o}){const u=o,s=e.ref(),l=e.ref(!1),d=e.ref(0),r=()=>{l.value=!1};e.provide(H,{active:l,buttonHeight:d,closeDropdown:r});const i=m=>{l.value=!l.value,u("toggle",m)},n=m=>{l.value=!1,u("click-outside",m)},c=()=>{l.value=!1};return e.onMounted(()=>{d.value=s.value.scrollHeight}),(m,h)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"relative",ref_key:"dropdownTarget",ref:s,onKeyup:e.withKeys(c,["esc"])},[e.renderSlot(m.$slots,"toggler",{toggle:i,dropdownState:l.value}),e.renderSlot(m.$slots,"default")],32)),[[e.unref(z.vClickOutside),n]])}}),re=e.defineComponent({__name:"DropdownContent",props:{customClass:{default:""}},setup(t){const{height:o}=R.useWindowSize(),u=e.ref(),{active:s,buttonHeight:l,closeDropdown:d}=e.inject(H),r=e.computed(()=>({"--button-height":`${l}px`})),i=e.computed(()=>{if(!(!s||!u.value)&&o.value-u.value.getBoundingClientRect().bottom<0)return"dropup-bottom"});return(n,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"dropdown-content"},{default:e.withCtx(()=>[e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"contentRef",ref:u,class:e.normalizeClass(["absolute my-2xs w-max max-w-[14rem] overflow-hidden",[i.value,t.customClass]]),style:e.normalizeStyle(r.value)},[e.renderSlot(n.$slots,"default",{itemClick:e.unref(d)},void 0,!0)],6)):e.createCommentVNode("",!0)]),_:3}))}}),ne=w(re,[["__scopeId","data-v-504baea4"]]),se=["aria-label","aria-expanded"],ce=e.defineComponent({__name:"NavDrawer",props:{color:{default:"dark-2"},showBorder:{type:Boolean,default:!0},toggle:{type:Boolean},bgColor:{},label:{default:"Menu"}},emits:["hbg-click"],setup(t,{emit:o}){const u=t,s=o,l=n=>{s("hbg-click",n)},d=e.computed({get(){return u.toggle},set(n){return n}}),r=(n,c,m)=>{const h=[a.generateClass.ringColorVariant({color:n}),a.generateClass.ringOffsetColorVariant({color:m})];return c&&(h.push(a.generateClass.borderColorVariant({color:n})),h.push("border")),h.join(" ")},i=n=>[a.generateClass.bgColorVariant({color:n}),a.generateClass.beforeBgColorVariant({color:n}),a.generateClass.afterBgColorVariant({color:n})].join(" ");return(n,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["hamburger__button aspect-square rounded-md p-3xs ring-offset-2 transition-all duration-300 ease-linear outline-none hover:opacity-70 focus:opacity-70 focus:ring-4",r(t.color,t.showBorder,t.bgColor)]),onClick:l,"aria-label":t.label,"aria-expanded":t.toggle},[e.withDirectives(e.createElementVNode("input",{type:"checkbox","onUpdate:modelValue":c[0]||(c[0]=m=>d.value=m),class:"hamburger__checkbox hidden"},null,512),[[e.vModelCheckbox,d.value]]),e.createElementVNode("div",{class:e.normalizeClass(["hamburger__icon relative h-[3px] w-sm transition-all duration-300 ease-linear before:h-[3px] before:w-sm after:h-[3px] after:w-sm",i(t.color)])},null,2)],10,se))}}),D=w(ce,[["__scopeId","data-v-5904b04a"]]),ie=["aria-label"],de={class:"min-h-[24px]"},ue={class:"ml-auto"},me={key:0,class:"hidden lg:block"},fe={class:"overflow-hidden lg:hidden"},ge={key:0,class:"overflow-hidden"},he={key:0},Ce=e.defineComponent({__name:"HeaderHorizontal",props:{bgColor:{default:"light-1"},navLabel:{default:"Main"},menuLabel:{default:"Menu"},mobileMenuBgColor:{default:"light-2"},drawerBtnColor:{default:"dark-1"},showDrawerBorder:{type:Boolean,default:!0},fadeInOnScroll:{type:Boolean,default:!0},scrollDistance:{default:50},sticky:{default:"all"}},emits:["toggle-drawer"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=e.ref(!1),{y:r}=R.useWindowScroll(),i=u,n=()=>{d.value=!1},c=C=>{d.value=!d.value,i("toggle-drawer",C,d.value)},m=C=>{C.style.height="auto";const k=getComputedStyle(C).height;C.style.height="0px",C.offsetHeight,C.style.height=k},h=C=>{C.style.height="auto"},f=C=>{C.style.height=getComputedStyle(C).height,C.offsetHeight,C.style.height="0px"},g=e.computed(()=>{const{bgColor:C,sticky:k}=s,v=[a.generateClass.bgColorVariant({color:C})];return k==="all"?(v.push("sticky top-0"),v.join(" ")):k==="tablet"?(v.push("md:sticky top-0"),v.join(" ")):(k==="pc"&&v.push("lg:sticky top-0"),v.join(" "))}),y=e.computed(()=>{const{fadeInOnScroll:C,scrollDistance:k}=s;return C?r.value>=k?"lg:shadow-md bg-opacity-70":"bg-opacity-100":""});return o({headerClose:n}),(C,k)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["z-50 w-full items-center transition delay-150 duration-500 ease-in",[y.value,g.value]])},[e.createElementVNode("nav",{"aria-label":t.navLabel,class:"mx-xs flex flex-wrap items-center justify-between py-xs align-middle sm:max-w-[640px] md:mx-sm md:max-w-[768px] md:py-2xs lg:max-w-[1024px] xl:max-w-[1280px] 2xl:max-w-[1536px]"},[e.createElementVNode("div",de,[e.renderSlot(C.$slots,"content",{},void 0,!0)]),e.createElementVNode("div",ue,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"block lg:hidden",onHbgClick:c,toggle:d.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"]),l["content-right"]?(e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(C.$slots,"content-right",{},void 0,!0)])):e.createCommentVNode("",!0)])],8,ie),e.createElementVNode("div",fe,[e.createVNode(e.Transition,{name:"collapse",onEnter:m,onAfterEnter:h,onLeave:f},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",{class:e.normalizeClass(["mx-xs my-2xs overflow-hidden rounded-md bg-opacity-80",e.unref(a.generateClass).bgColorVariant({color:t.mobileMenuBgColor})])},[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(C.$slots,"mobile-content",{headerClose:n},void 0,!0)])):e.createCommentVNode("",!0)],2)])):e.createCommentVNode("",!0)]),_:3})])],2))}}),ve=w(Ce,[["__scopeId","data-v-3b12c474"]]),pe=["aria-label"],be={class:"flex h-full flex-col justify-between"},ye={key:0},ke={key:0,class:"fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"},Be={class:"relative z-40 block lg:hidden"},Ve={key:0,class:"fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"},we=["aria-label"],xe={key:0,class:"h-full"},Ee=e.defineComponent({__name:"HeaderVertical",props:{bgColor:{default:"light-1"},navLabel:{default:"Main"},menuLabel:{default:"Menu"},drawerBtnColor:{default:"dark-1"},showDrawerBorder:{type:Boolean,default:!0},headerWidth:{default:160}},emits:["toggle-drawer"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(!1),i=e.ref(!1),n=h=>{r.value=!r.value,d("toggle-drawer",h,r.value)},c=()=>{r.value=!1},m=e.computed(()=>({"--header-width":`${s.headerWidth}px`}));return e.onMounted(()=>{i.value=!0;const h=R.useScrollLock(document);e.watch(r,f=>{h.value=f})}),o({headerClose:c}),(h,f)=>(e.openBlock(),e.createElementBlock("header",{class:"relative",style:e.normalizeStyle(m.value)},[e.createElementVNode("nav",{"aria-label":t.navLabel,class:e.normalizeClass(["header-desktop hidden overflow-y-scroll overscroll-contain py-sm lg:sticky lg:top-0 lg:left-0 lg:block lg:h-[100vh]",[e.unref(a.generateClass).bgColorVariant({color:t.bgColor})]])},[e.createElementVNode("div",be,[e.createElementVNode("div",null,[e.renderSlot(h.$slots,"content",{},void 0,!0)]),l["content-bottom"]?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(h.$slots,"content-bottom",{},void 0,!0)])):e.createCommentVNode("",!0)])],10,pe),l["mobile-content"]&&!i.value?(e.openBlock(),e.createElementBlock("div",ke,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"relative block lg:hidden",onHbgClick:n,toggle:r.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"])])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:"body"},[e.createElementVNode("div",Be,[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(D,{label:t.menuLabel,color:t.drawerBtnColor,"show-border":t.showDrawerBorder,class:"relative block lg:hidden",onHbgClick:n,toggle:r.value,"bg-color":t.bgColor},null,8,["label","color","show-border","toggle","bg-color"])])):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"slide-down",appear:""},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("nav",{key:0,"aria-label":t.navLabel,class:e.normalizeClass(["fixed inset-0 overflow-y-scroll overscroll-contain px-sm py-lg",e.unref(a.generateClass).bgColorVariant({color:t.bgColor})])},[l["mobile-content"]?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(h.$slots,"mobile-content",{headerClose:c},void 0,!0)])):e.createCommentVNode("",!0)],10,we)):e.createCommentVNode("",!0)]),_:3})])])):e.createCommentVNode("",!0)],4))}}),Ne=w(Ee,[["__scopeId","data-v-7325b802"]]),Se=["visible"],Re={key:0,class:"sticky top-0"},Oe=["id"],$e={key:1,class:"sticky bottom-0"},Le=e.defineComponent({__name:"Modal",props:{title:{},ariaLabel:{},titleColor:{default:"dark-3"},customClass:{default:""},visible:{type:Boolean,default:!1},showBackdrop:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},color:{default:"light-1"},backdropColor:{default:"dark-4"},placement:{default:"center"},width:{default:"small"}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(),i=e.ref(),n=e.ref(s.visible),c=e.ref(!1),m=e.useId(),h=()=>s.showHeader&&(l.header?!s.ariaLabel:!!s.title)?{"aria-labelledby":m}:{"aria-label":s.ariaLabel};let f=null;const{activate:g,deactivate:y}=I.useFocusTrap(i,{immediate:!1,allowOutsideClick:!0,escapeDeactivates:()=>(v(),!1)}),C=()=>{n.value=!n.value},k=()=>{n.value=!0},v=()=>{c.value===!0&&(n.value=!1)},O=()=>{d("open",!0)},B=()=>{d("close",!1)},$=e.computed(()=>{const p={top:25,center:50,bottom:75},{placement:V}=s;return{"--vertical-placement":(p[V]??p.center)+"%"}}),L=e.computed(()=>{const{width:p}=s,V={small:"max-w-[28rem]",medium:"max-w-[28rem] md:max-w-[36rem]",large:"max-w-[28rem] md:max-w-[56rem]"};return V[p]??V.small}),N=()=>{c.value=!0,i.value&&g()},T=()=>{c.value=!1};e.onMounted(()=>{n.value&&!c.value&&N()});const S=(p=!1)=>{n.value=p};return E.observeVisibleAttr(r,S),e.watch(()=>s.visible,p=>{n.value=p}),e.watch(n,p=>{p===!0?(typeof document<"u"&&(f=document.activeElement),O()):p===!1&&(y(),f?.focus(),f=null,c.value===!0&&B())}),E.useModalScrollLock(n),o({toggle:C,close:v,open:k}),(p,V)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle($.value),visible:n.value,ref_key:"modalRef",ref:r},[t.showBackdrop?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:v,"aria-hidden":"true",class:e.normalizeClass(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",e.unref(a.generateClass).bgColorVariant({color:t.backdropColor})])},null,2)):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"slide-down",tag:"div",onAfterEnter:N,onAfterLeave:T,appear:""},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["vertical-placement fixed z-[110] w-full px-xs",L.value])},[e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"dialogRef",ref:i,role:"dialog","aria-modal":"true"},h(),{class:[[e.unref(a.generateClass).bgColorVariant({color:t.color}),t.customClass],"relative max-h-[80vh] overflow-y-scroll overscroll-contain md:max-h-[60vh]"]}),[t.showHeader?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(p.$slots,"header",{close:v,status:n.value,titleId:e.unref(m)},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between border-b-2 border-b-light-4 p-xs",e.unref(a.generateClass).bgColorVariant({color:t.color})])},[t.title?(e.openBlock(),e.createElementBlock("h3",{key:0,id:e.unref(m),class:e.normalizeClass(["h3-md",e.unref(a.generateClass).textColorVariant({color:t.titleColor})])},e.toDisplayString(t.title),11,Oe)):e.createCommentVNode("",!0),e.createElementVNode("button",{type:"button","aria-label":"Close",onClick:v},[(e.openBlock(),e.createElementBlock("svg",{focusable:"false",xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...V[0]||(V[0]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])],2)],!0)])):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"body",{close:v,status:n.value},void 0,!0),l.footer?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(p.$slots,"footer",{close:v,status:n.value},void 0,!0)])):e.createCommentVNode("",!0)],16)),[[e.unref(z.vClickOutside),v]])],2)):e.createCommentVNode("",!0)]),_:3})],12,Se))}}),Te=w(Le,[["__scopeId","data-v-ea332268"]]),De=["visible"],ze=["id"],Ie={class:"sidebar-body-height"},Ae=e.defineComponent({__name:"Sidebar",props:{title:{},ariaLabel:{},titleColor:{default:"dark-3"},customClass:{default:""},visible:{type:Boolean,default:!1},showBackdrop:{type:Boolean,default:!0},showHeader:{type:Boolean,default:!0},color:{default:"light-1"},backdropColor:{default:"dark-4"},placement:{default:"left"},width:{default:300}},emits:["open","close"],setup(t,{expose:o,emit:u}){const s=t,l=e.useSlots(),d=u,r=e.ref(s.visible),i=e.ref(!1),n=e.ref(),c=e.ref(),m=e.ref(),h=e.ref(),f=e.useId(),g=()=>s.showHeader&&(l.header?!s.ariaLabel:!!s.title)?{"aria-labelledby":f}:{"aria-label":s.ariaLabel};let y=null;const{activate:C,deactivate:k}=I.useFocusTrap(c,{immediate:!1,allowOutsideClick:!0,escapeDeactivates:()=>(B(),!1)}),v=()=>{r.value=!r.value},O=()=>{r.value=!0},B=()=>{i.value===!0&&(r.value=!1)},$=()=>{d("open",!0)},L=()=>{d("close",!1)},N=e.computed(()=>{const b=x=>x&&r.value?`${x.scrollHeight}px`:"0px";return{"--sidebar-width":`${s.width}px`,"--header-height":b(m.value),"--footer-height":b(h.value)}}),T=e.computed(()=>s.placement==="left"?"sidebar-left":"sidebar-right"),S=()=>{i.value=!0,c.value&&C()},p=()=>{i.value=!1};e.onMounted(()=>{r.value&&!i.value&&S()});const V=(b=!1)=>{r.value=b};return E.observeVisibleAttr(n,V),e.watch(()=>s.visible,b=>{r.value=b}),e.watch(r,b=>{b===!0?(typeof document<"u"&&(y=document.activeElement),$()):b===!1&&(k(),y?.focus(),y=null,i.value===!0&&L())}),E.useModalScrollLock(r),o({toggle:v,open:O,close:B}),(b,x)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(N.value),visible:r.value,ref_key:"sidebarRef",ref:n},[t.showBackdrop?(e.openBlock(),e.createBlock(e.Transition,{key:0,name:"fade",appear:"",tag:"div"},{default:e.withCtx(()=>[r.value?(e.openBlock(),e.createElementBlock("section",{key:0,onClick:B,"aria-hidden":"true",class:e.normalizeClass(["fixed inset-0 z-[100] overflow-y-auto backdrop-blur bg-opacity-70",e.unref(a.generateClass).bgColorVariant({color:t.backdropColor})])},null,2)):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:T.value,onAfterEnter:S,onAfterLeave:p,appear:""},{default:e.withCtx(()=>[r.value?e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0,ref_key:"dialogRef",ref:c,role:"dialog","aria-modal":"true"},g(),{class:["sidebar-body fixed inset-y-0 z-[110] h-full overflow-hidden shadow",[t.placement==="left"?"left-0":"right-0"]]}),[e.createElementVNode("div",{class:e.normalizeClass(["relative h-full overflow-y-scroll overscroll-contain",[e.unref(a.generateClass).bgColorVariant({color:t.color}),t.customClass]])},[t.showHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:"sticky top-0 z-10",ref_key:"headerRef",ref:m},[e.renderSlot(b.$slots,"header",{close:B,status:r.value,titleId:e.unref(f)},()=>[e.createElementVNode("div",{class:e.normalizeClass(["flex items-center justify-between p-xs",e.unref(a.generateClass).bgColorVariant({color:t.color})])},[t.placement==="right"?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button","aria-label":"Close",onClick:B},[(e.openBlock(),e.createElementBlock("svg",{focusable:"false",xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...x[0]||(x[0]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])):e.createCommentVNode("",!0),t.title?(e.openBlock(),e.createElementBlock("h3",{key:1,id:e.unref(f),class:e.normalizeClass(["h3-md",e.unref(a.generateClass).textColorVariant({color:t.titleColor})])},e.toDisplayString(t.title),11,ze)):e.createCommentVNode("",!0),t.placement==="left"?(e.openBlock(),e.createElementBlock("button",{key:2,type:"button","aria-label":"Close",onClick:B},[(e.openBlock(),e.createElementBlock("svg",{focusable:"false",xmlns:"http://www.w3.org/2000/svg",height:"1em",viewBox:"0 0 384 512","aria-hidden":"true",class:e.normalizeClass(["h-sm transition-opacity duration-300 ease-in hover:opacity-75 focus:opacity-75",[e.unref(a.generateClass).svgFillColorVariant({color:t.titleColor})]])},[...x[1]||(x[1]=[e.createElementVNode("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},null,-1)])],2))])):e.createCommentVNode("",!0)],2)],!0)],512)):e.createCommentVNode("",!0),e.createElementVNode("div",Ie,[e.renderSlot(b.$slots,"body",{close:B,status:r.value},void 0,!0)]),l.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:"sticky bottom-0",ref_key:"footerRef",ref:h},[e.renderSlot(b.$slots,"footer",{close:B,status:r.value},void 0,!0)],512)):e.createCommentVNode("",!0)],2)],16)),[[e.unref(z.vClickOutside),B]]):e.createCommentVNode("",!0)]),_:3},8,["name"])],12,De))}}),He=w(Ae,[["__scopeId","data-v-6f379e4b"]]),M=Symbol(),Me={class:"container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300"},Ge=e.defineComponent({__name:"TabContainer",props:{bodyClass:{default:""},btnContainerClass:{default:""},contentContainerClass:{default:""}},setup(t,{expose:o}){const u=e.ref(0),s=e.ref(0),l=e.ref(!1),d=e.ref("slide-next"),r=c=>{c>0&&(l.value=!0),s.value=c};e.provide(M,{activeTabIdx:u,containerHeight:s,updateHeight:r});const i=c=>{u.value=c},n=e.computed(()=>l.value?{"--container-hts":`${s.value}px`}:void 0);return o({update:i}),e.watch(()=>u.value,(c,m)=>{c>m?d.value="slide-next":d.value="slide-prev"}),(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(t.bodyClass),style:e.normalizeStyle(n.value)},[e.createElementVNode("div",{class:e.normalizeClass(t.btnContainerClass),role:"tablist"},[e.renderSlot(c.$slots,"tab-button",{update:i,activeTab:u.value},void 0,!0)],2),e.createElementVNode("div",{class:e.normalizeClass(t.contentContainerClass)},[e.createElementVNode("div",Me,[e.createVNode(e.Transition,{name:d.value},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("div",{key:u.value,class:"relative col-start-1 col-end-1 row-start-1 row-end-1"},[e.renderSlot(c.$slots,"tab-content",{},void 0,!0)]))]),_:3},8,["name"])])],2)],6))}}),je=w(Ge,[["__scopeId","data-v-ee1145fc"]]),We=["id"],_e=e.defineComponent({__name:"TabContent",props:{tabNumber:{},id:{},tabClass:{default:""}},setup(t){const o=t,{activeTabIdx:u,updateHeight:s}=e.inject(M),l=e.ref(null),{height:d}=R.useElementSize(l),r=e.computed(()=>u.value===o.tabNumber?(s(d.value),!0):!1);return(i,n)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"slotRef",ref:l,id:t.id,class:e.normalizeClass([t.tabClass,"w-full"]),role:"tabpanel",tabindex:"-1"},[e.renderSlot(i.$slots,"default")],10,We)),[[e.vShow,r.value]])}});exports.generateClass=a.generateClass;exports.AccordionGroup=W;exports.Alert=X;exports.Card=K;exports.CarouselContainer=Q;exports.CarouselContent=ee;exports.Collapse=ae;exports.DropdownContainer=le;exports.DropdownContent=ne;exports.HeaderHorizontal=ve;exports.HeaderVertical=Ne;exports.Modal=Te;exports.Sidebar=He;exports.TabContainer=je;exports.TabContent=_e;exports.default=j;

package/dist/core.js

@@ -1,4 +1,4 @@
-(function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-prev-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-prev-enter-from[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-e9caba8a]{transition:all .5s linear}.slide-next-leave-active[data-v-e9caba8a]{transition:all .5s}.slide-next-enter-from[data-v-e9caba8a]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-e9caba8a]{transform:translate(-100%);opacity:0}.collapse-enter-active[data-v-7c910f65],.collapse-leave-active[data-v-7c910f65]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}.dropup-bottom[data-v-dd0b7b7b]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-dd0b7b7b],.dropdown-content-leave-active[data-v-dd0b7b7b]{transition:all .3s}.dropdown-content-enter-from[data-v-dd0b7b7b],.dropdown-content-leave-to[data-v-dd0b7b7b]{opacity:0;transform:translateY(-10px)}.hamburger__icon[data-v-5904b04a]:before,.hamburger__icon[data-v-5904b04a]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-5904b04a]:before{top:-.5rem}.hamburger__icon[data-v-5904b04a]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-5904b04a],.hamburger__button:hover .hamburger__icon[data-v-5904b04a]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-fb1e97dd]{transition:height .5s ease-in}.collapse-leave-active[data-v-fb1e97dd]{transition:height .5s ease-out}.header-desktop[data-v-a2d7d11b]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-a2d7d11b]{width:var(--header-width)}}.slide-down-enter-active[data-v-a2d7d11b]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-a2d7d11b]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-a2d7d11b],.slide-down-leave-to[data-v-a2d7d11b]{opacity:0;transform:translateY(-100%)}.vertical-placement[data-v-9730e4f1]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-9730e4f1],.fade-leave-active[data-v-9730e4f1]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-9730e4f1],.fade-leave-to[data-v-9730e4f1]{opacity:0}.slide-down-enter-active[data-v-9730e4f1]{animation:slide-down-9730e4f1 .3s ease}.slide-down-leave-active[data-v-9730e4f1]{animation:slide-down-9730e4f1 reverse .3s ease}@keyframes slide-down-9730e4f1{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}.sidebar-body[data-v-658499cf]{width:100%}.sidebar-body-height[data-v-658499cf]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-658499cf],.fade-leave-active[data-v-658499cf]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-658499cf],.fade-leave-to[data-v-658499cf]{opacity:0}.sidebar-left-enter-active[data-v-658499cf],.sidebar-left-leave-active[data-v-658499cf],.sidebar-right-enter-active[data-v-658499cf],.sidebar-right-leave-active[data-v-658499cf]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-658499cf],.sidebar-left-leave-to[data-v-658499cf]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-658499cf],.sidebar-right-leave-to[data-v-658499cf]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-658499cf]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-658499cf],.sidebar-left-leave-to[data-v-658499cf]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-658499cf],.sidebar-right-leave-to[data-v-658499cf]{transform:translate(var(--sidebar-width))}}.container-hts[data-v-2d9322d9]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-prev-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-prev-enter-from[data-v-2d9322d9]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-2d9322d9]{transition:all .5s linear}.slide-next-leave-active[data-v-2d9322d9]{transition:all .5s}.slide-next-enter-from[data-v-2d9322d9]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-2d9322d9]{transform:translate(-100%);opacity:0}")),document.head.appendChild(a)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".slide-prev-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-prev-leave-active[data-v-db4ab321]{transition:all .5s}.slide-prev-enter-from[data-v-db4ab321]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-db4ab321]{transition:all .5s linear}.slide-next-leave-active[data-v-db4ab321]{transition:all .5s}.slide-next-enter-from[data-v-db4ab321]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-db4ab321]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-db4ab321],.slide-prev-leave-active[data-v-db4ab321],.slide-next-enter-active[data-v-db4ab321],.slide-next-leave-active[data-v-db4ab321]{transition-property:opacity}.slide-prev-enter-from[data-v-db4ab321],.slide-prev-leave-to[data-v-db4ab321],.slide-next-enter-from[data-v-db4ab321],.slide-next-leave-to[data-v-db4ab321]{transform:none}}.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition-property:height,opacity;transition-duration:.5s;transition-timing-function:ease}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-2762b9c9],.collapse-leave-active[data-v-2762b9c9]{transition:none}}.dropup-bottom[data-v-504baea4]{bottom:var(--button-height)}.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition:all .3s}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{opacity:0;transform:translateY(-10px)}@media(prefers-reduced-motion:reduce){.dropdown-content-enter-active[data-v-504baea4],.dropdown-content-leave-active[data-v-504baea4]{transition-property:opacity}.dropdown-content-enter-from[data-v-504baea4],.dropdown-content-leave-to[data-v-504baea4]{transform:none}}.hamburger__icon[data-v-5904b04a]:before,.hamburger__icon[data-v-5904b04a]:after{position:absolute;left:0;transition:all .3s linear}.hamburger__icon[data-v-5904b04a]:before{top:-.5rem}.hamburger__icon[data-v-5904b04a]:after{top:.5rem}.hamburger__button:focus .hamburger__icon[data-v-5904b04a],.hamburger__button:hover .hamburger__icon[data-v-5904b04a]{scale:1.05}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]{background-color:transparent}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:before{top:0;transform:rotate(135deg)}.hamburger__checkbox:checked+.hamburger__icon[data-v-5904b04a]:after{top:0;transform:rotate(-135deg)}.collapse-enter-active[data-v-3b12c474]{transition:height .5s ease-in}.collapse-leave-active[data-v-3b12c474]{transition:height .5s ease-out}@media(prefers-reduced-motion:reduce){.collapse-enter-active[data-v-3b12c474],.collapse-leave-active[data-v-3b12c474]{transition:none}}.header-desktop[data-v-7325b802]{width:100%}@media screen and (min-width:1024px){.header-desktop[data-v-7325b802]{width:var(--header-width)}}.slide-down-enter-active[data-v-7325b802]{transition:transform .3s ease-in .2s,opacity .5s ease-in}.slide-down-leave-active[data-v-7325b802]{transition:transform .5s ease-in,opacity .3s ease-in .2s}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{opacity:0;transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-7325b802],.slide-down-leave-active[data-v-7325b802]{transition:opacity .3s ease-in}.slide-down-enter-from[data-v-7325b802],.slide-down-leave-to[data-v-7325b802]{transform:none}}.vertical-placement[data-v-ea332268]{top:var(--vertical-placement);left:50%;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}.fade-enter-active[data-v-ea332268],.fade-leave-active[data-v-ea332268]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-ea332268],.fade-leave-to[data-v-ea332268]{opacity:0}.slide-down-enter-active[data-v-ea332268]{animation:slide-down-ea332268 .3s ease}.slide-down-leave-active[data-v-ea332268]{animation:slide-down-ea332268 reverse .3s ease}@keyframes slide-down-ea332268{0%{opacity:0;transform:translateY(-100%) translate(-50%)}to{opacity:1;transform:translateY(calc(-1 * var(--vertical-placement))) translate(-50%)}}@media(prefers-reduced-motion:reduce){.slide-down-enter-active[data-v-ea332268],.slide-down-leave-active[data-v-ea332268]{animation:none;transition:opacity .3s linear}.slide-down-enter-from[data-v-ea332268],.slide-down-leave-to[data-v-ea332268]{opacity:0}}.sidebar-body[data-v-6f379e4b]{width:100%}.sidebar-body-height[data-v-6f379e4b]{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.fade-enter-active[data-v-6f379e4b],.fade-leave-active[data-v-6f379e4b]{transition-property:opacity;transition-duration:.3s;transition-timing-function:linear}.fade-enter-from[data-v-6f379e4b],.fade-leave-to[data-v-6f379e4b]{opacity:0}.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:linear}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(-100%)}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(100%)}@media screen and (min-width:768px){.sidebar-body[data-v-6f379e4b]{width:var(--sidebar-width)}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b]{transform:translate(calc(-1 * var(--sidebar-width)))}.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:translate(var(--sidebar-width))}}@media(prefers-reduced-motion:reduce){.sidebar-left-enter-active[data-v-6f379e4b],.sidebar-left-leave-active[data-v-6f379e4b],.sidebar-right-enter-active[data-v-6f379e4b],.sidebar-right-leave-active[data-v-6f379e4b]{transition-property:opacity}.sidebar-left-enter-from[data-v-6f379e4b],.sidebar-left-leave-to[data-v-6f379e4b],.sidebar-right-enter-from[data-v-6f379e4b],.sidebar-right-leave-to[data-v-6f379e4b]{transform:none;opacity:0}}.container-hts[data-v-ee1145fc]{max-height:var(--container-hts, none)}.slide-prev-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-prev-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-prev-enter-from[data-v-ee1145fc]{transform:translate(-100%);opacity:0}.slide-prev-leave-to[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-enter-active[data-v-ee1145fc]{transition:all .5s linear}.slide-next-leave-active[data-v-ee1145fc]{transition:all .5s}.slide-next-enter-from[data-v-ee1145fc]{transform:translate(100%);opacity:0}.slide-next-leave-to[data-v-ee1145fc]{transform:translate(-100%);opacity:0}@media(prefers-reduced-motion:reduce){.slide-prev-enter-active[data-v-ee1145fc],.slide-prev-leave-active[data-v-ee1145fc],.slide-next-enter-active[data-v-ee1145fc],.slide-next-leave-active[data-v-ee1145fc]{transition-property:opacity}.slide-prev-enter-from[data-v-ee1145fc],.slide-prev-leave-to[data-v-ee1145fc],.slide-next-enter-from[data-v-ee1145fc],.slide-next-leave-to[data-v-ee1145fc]{transform:none}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import { a as de, p as ue, b as fe, c as he, d as ve, e as ge, f as be, h as me, m as pe, i as ye, j as Ce, k as we, l as xe, n as ke, o as Ve, q as Be, r as Re, s as Oe, t as $e, u as Le, v as Ie, w as Te, x as De, y as Ae, z as Se, A as Ee, B as He, C as Ne, D as Ge, E as ze, F as Me, G as je, H as We, I as _e, J as Fe, K as Pe, L as Xe, M as Ye, N as Ue, O as Ke, P as qe, Q as Je, R as Qe, S as Ze, T as et, U as tt, V as ot, W as at, X as lt, Y as st, Z as rt, _ as nt, $ as it, a0 as ct, a1 as dt, a2 as ut, a3 as ft, a4 as ht, a5 as vt, g as y } from "./index-CDXrm85l.js";
 import { defineComponent as $, openBlock as n, createElementBlock as c, renderSlot as C, ref as w, computed as R, watch as E, normalizeClass as b, createElementVNode as g, createCommentVNode as v, useSlots as M, toDisplayString as j, provide as Q, createVNode as D, Transition as A, withCtx as S, inject as Z, withDirectives as z, vShow as ee, useId as te, toRef as gt, unref as k, onMounted as F, withKeys as bt, createBlock as P, normalizeStyle as W, vModelCheckbox as mt, Teleport as pt, mergeProps as ae } from "vue";
 import { useWindowSize as yt, useWindowScroll as Ct, useScrollLock as wt, useElementSize as xt } from "@vueuse/core";
@@ -382,7 +382,7 @@ const xo = (e, t) => {
   for (const [s, o] of t)
     u[s] = o;
   return u;
-}, Ro = /* @__PURE__ */ H(Dt, [["__scopeId", "data-v-e9caba8a"]]), At = ["id"], Oo = /* @__PURE__ */ $({
+}, Ro = /* @__PURE__ */ H(Dt, [["__scopeId", "data-v-db4ab321"]]), At = ["id"], Oo = /* @__PURE__ */ $({
   __name: "CarouselContent",
   props: {
     slideNumber: {},
@@ -462,7 +462,7 @@ const xo = (e, t) => {
       })
     ], 8, St));
   }
-}), $o = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-7c910f65"]]), ie = /* @__PURE__ */ Symbol(), Lo = /* @__PURE__ */ $({
+}), $o = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-2762b9c9"]]), ie = /* @__PURE__ */ Symbol(), Lo = /* @__PURE__ */ $({
   __name: "DropdownContainer",
   emits: ["click-outside", "toggle"],
   setup(e, { emit: t }) {
@@ -525,7 +525,7 @@ const xo = (e, t) => {
       _: 3
     }));
   }
-}), Io = /* @__PURE__ */ H(Ht, [["__scopeId", "data-v-dd0b7b7b"]]), Nt = ["aria-label", "aria-expanded"], Gt = /* @__PURE__ */ $({
+}), Io = /* @__PURE__ */ H(Ht, [["__scopeId", "data-v-504baea4"]]), Nt = ["aria-label", "aria-expanded"], Gt = /* @__PURE__ */ $({
   __name: "NavDrawer",
   props: {
     color: { default: "dark-2" },
@@ -666,7 +666,7 @@ const xo = (e, t) => {
       ])
     ], 2));
   }
-}), To = /* @__PURE__ */ H(Xt, [["__scopeId", "data-v-fb1e97dd"]]), Yt = ["aria-label"], Ut = { class: "flex h-full flex-col justify-between" }, Kt = { key: 0 }, qt = {
+}), To = /* @__PURE__ */ H(Xt, [["__scopeId", "data-v-3b12c474"]]), Yt = ["aria-label"], Ut = { class: "flex h-full flex-col justify-between" }, Kt = { key: 0 }, qt = {
   key: 0,
   class: "fixed top-0 right-0 z-50 mt-xs mr-xs block lg:hidden"
 }, Jt = { class: "relative z-40 block lg:hidden" }, Qt = {
@@ -765,7 +765,7 @@ const xo = (e, t) => {
       ])) : v("", !0)
     ], 4));
   }
-}), Do = /* @__PURE__ */ H(to, [["__scopeId", "data-v-a2d7d11b"]]), oo = ["visible"], ao = {
+}), Do = /* @__PURE__ */ H(to, [["__scopeId", "data-v-7325b802"]]), oo = ["visible"], ao = {
   key: 0,
   class: "sticky top-0"
 }, lo = ["id"], so = {
@@ -907,6 +907,7 @@ const xo = (e, t) => {
                       onClick: V
                     }, [
                       (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
@@ -940,7 +941,7 @@ const xo = (e, t) => {
       })
     ], 12, oo));
   }
-}), Ao = /* @__PURE__ */ H(ro, [["__scopeId", "data-v-9730e4f1"]]), no = ["visible"], io = ["id"], co = { class: "sidebar-body-height" }, uo = /* @__PURE__ */ $({
+}), Ao = /* @__PURE__ */ H(ro, [["__scopeId", "data-v-ea332268"]]), no = ["visible"], io = ["id"], co = { class: "sidebar-body-height" }, uo = /* @__PURE__ */ $({
   __name: "Sidebar",
   props: {
     title: {},
@@ -1069,6 +1070,7 @@ const xo = (e, t) => {
                       onClick: T
                     }, [
                       (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
@@ -1092,6 +1094,7 @@ const xo = (e, t) => {
                       onClick: T
                     }, [
                       (n(), c("svg", {
+                        focusable: "false",
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "1em",
                         viewBox: "0 0 384 512",
@@ -1132,7 +1135,7 @@ const xo = (e, t) => {
       }, 8, ["name"])
     ], 12, no));
   }
-}), So = /* @__PURE__ */ H(uo, [["__scopeId", "data-v-658499cf"]]), ce = /* @__PURE__ */ Symbol(), fo = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, ho = /* @__PURE__ */ $({
+}), So = /* @__PURE__ */ H(uo, [["__scopeId", "data-v-6f379e4b"]]), ce = /* @__PURE__ */ Symbol(), fo = { class: "container-hts grid grid-cols-1 grid-rows-1 transition-[max-height] duration-300" }, ho = /* @__PURE__ */ $({
   __name: "TabContainer",
   props: {
     bodyClass: { default: "" },
@@ -1190,7 +1193,7 @@ const xo = (e, t) => {
       ], 2)
     ], 6));
   }
-}), Eo = /* @__PURE__ */ H(ho, [["__scopeId", "data-v-2d9322d9"]]), vo = ["id"], Ho = /* @__PURE__ */ $({
+}), Eo = /* @__PURE__ */ H(ho, [["__scopeId", "data-v-ee1145fc"]]), vo = ["id"], Ho = /* @__PURE__ */ $({
   __name: "TabContent",
   props: {
     tabNumber: {},

package/dist/mcl-theme-v4.css

@@ -286,8 +286,7 @@
     padding: 0.5rem 1rem;
     cursor: pointer;
     font-size: 1rem;
-    transition-property:
-      color, background-color, outline-width, outline-offset, outline-color;
+    transition-property: color, background-color;
     transition-duration: 300ms;
     transition-timing-function: linear;
     overflow: hidden;
@@ -296,7 +295,6 @@
     outline-style: solid;
     outline-width: 0;
     outline-offset: 0;
-    outline-color: var(--mcl-btn-color, theme(--color-primary));
     background-color: var(--mcl-btn-color, theme(--color-primary));
     text-align: center;
     border-radius: theme(--radius-sm);
@@ -305,11 +303,11 @@
     background-color: --alpha(
       var(--mcl-btn-color, theme(--color-primary)) / 70%
     );
-    outline-color: --alpha(var(--mcl-btn-color, theme(--color-primary)) / 70%);
   }
-  .btn:focus {
-    outline-width: 0.25rem; /* 4px */
-    outline-offset: 0.125rem; /* 2px */
+  /* Keyboard focus only (#122): the shared two-tone ring, never the button
+     colour, so it contrasts with whatever is behind the button. */
+  .btn:focus-visible {
+    @apply mcl-focus-ring;
   }
   /* Button variants */
   .btn.btn-round {
@@ -327,9 +325,9 @@
     padding: 0.625rem 1.25rem;
     font-size: 1.125rem;
   }
-  .btn.btn-no-ring {
-    outline: none;
-  }
+  /* .btn-no-ring is deprecated (#122): with no ring after clicks there is
+     nothing left for it to mute, and it must not hide keyboard focus. The
+     class stays valid and does nothing. */
   /* Inverted button */
   .btn.btn-invert {
     border: 2px solid var(--mcl-btn-color, theme(--color-primary));
@@ -338,7 +336,6 @@
   }
   .btn.btn-invert:hover {
     background-color: var(--mcl-btn-color, theme(--color-primary));
-    outline-color: var(--mcl-btn-color, theme(--color-primary));
     color: white;
   }
   /* Progress button */
@@ -372,18 +369,17 @@
   }
 
   .btn.btn-progress:hover,
-  .btn.btn-progress:focus {
+  .btn.btn-progress:focus-visible {
     color: white;
-    outline-color: var(--mcl-btn-color, theme(--color-primary));
   }
 
   .btn.btn-progress:hover::before,
-  .btn.btn-progress:focus::before {
+  .btn.btn-progress:focus-visible::before {
     width: 100%;
   }
 
   .btn.btn-progress.btn-progress-r:hover::before,
-  .btn.btn-progress.btn-progress-r:focus::before {
+  .btn.btn-progress.btn-progress-r:focus-visible::before {
     width: 100%;
     left: 0;
   }
@@ -408,7 +404,7 @@
 
   /* Keep the standard focus ring in a group, and lift the focused button so
      its neighbours don't paint over the ring (#110). */
-  .btn-group .btn:focus {
+  .btn-group .btn:focus-visible {
     position: relative;
     z-index: 1;
   }
@@ -563,6 +559,25 @@
   outline-color: --alpha(--value(--color-*) / var(--mcl-outline-opacity));
 }
 
+/*
+  Shared keyboard focus ring (#122): a 3px outline in --mcl-focus-color, 2px
+  out from the element, with the 2px gap filled by a halo in --mcl-focus-halo.
+  One of the two always contrasts with the background. The outline carries the
+  contrast because forced-colors mode drops box-shadows. The halo joins
+  Tailwind's shadow stack so shadow-md and friends survive; the fallbacks cover
+  apps whose CSS never defines those variables.
+  Use with a variant: focus-visible:mcl-focus-ring, peer-focus-visible:…
+*/
+@utility mcl-focus-ring {
+  outline: 3px solid var(--mcl-focus-color, var(--color-dark-3));
+  outline-offset: 2px;
+  --tw-ring-offset-shadow: 0 0 0 2px var(--mcl-focus-halo, var(--color-light-1));
+  box-shadow:
+    var(--tw-inset-shadow, 0 0 #0000), var(--tw-inset-ring-shadow, 0 0 #0000),
+    var(--tw-ring-offset-shadow), var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow, 0 0 #0000);
+}
+
 /* utility classes for glassmorphism depth */
 @utility mcl-glass-* {
   --mcl-depth-color: --value(--color-*);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/manguito-theme",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "main theme file for manguito components library. Other MCL components will need to import this file to run.",
   "type": "module",
   "publishConfig": {