@stachelock/ui 0.3.1 → 0.5.0

package/dist/{SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js.map → SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js","sources":["../node_modules/@headlessui/vue/dist/components/label/label.js","../node_modules/@headlessui/vue/dist/components/switch/switch.js","../src/components/inputs/SwitchInput.vue"],"sourcesContent":["import{computed as v,defineComponent as x,inject as L,onMounted as k,onUnmounted as C,provide as j,ref as y,unref as h}from\"vue\";import{useId as w}from'../../hooks/use-id.js';import{render as R}from'../../utils/render.js';let a=Symbol(\"LabelContext\");function d(){let t=L(a,null);if(t===null){let n=new Error(\"You used a <Label /> component, but it is not inside a parent.\");throw Error.captureStackTrace&&Error.captureStackTrace(n,d),n}return t}function E({slot:t={},name:n=\"Label\",props:i={}}={}){let e=y([]);function o(r){return e.value.push(r),()=>{let l=e.value.indexOf(r);l!==-1&&e.value.splice(l,1)}}return j(a,{register:o,slot:t,name:n,props:i}),v(()=>e.value.length>0?e.value.join(\" \"):void 0)}let K=x({name:\"Label\",props:{as:{type:[Object,String],default:\"label\"},passive:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{slots:n,attrs:i}){var r;let e=(r=t.id)!=null?r:`headlessui-label-${w()}`,o=d();return k(()=>C(o.register(e))),()=>{let{name:l=\"Label\",slot:p={},props:c={}}=o,{passive:f,...s}=t,u={...Object.entries(c).reduce((b,[g,m])=>Object.assign(b,{[g]:h(m)}),{}),id:e};return f&&(delete u.onClick,delete u.htmlFor,delete s.onClick),R({ourProps:u,theirProps:s,slot:p,attrs:i,slots:n,name:l})}}});export{K as Label,E as useLabels};\n","import{computed as u,defineComponent as v,Fragment as H,h as S,inject as M,onMounted as I,provide as P,ref as w,watch as j}from\"vue\";import{useControllable as G}from'../../hooks/use-controllable.js';import{useId as V}from'../../hooks/use-id.js';import{useResolveButtonType as F}from'../../hooks/use-resolve-button-type.js';import{Features as O,Hidden as A}from'../../internal/hidden.js';import{Keys as g}from'../../keyboard.js';import{dom as N}from'../../utils/dom.js';import{attemptSubmit as $}from'../../utils/form.js';import{compact as U,omit as _,render as k}from'../../utils/render.js';import{Description as q,useDescriptions as z}from'../description/description.js';import{Label as J,useLabels as Q}from'../label/label.js';let C=Symbol(\"GroupContext\"),oe=v({name:\"SwitchGroup\",props:{as:{type:[Object,String],default:\"template\"}},setup(l,{slots:c,attrs:i}){let r=w(null),f=Q({name:\"SwitchLabel\",props:{htmlFor:u(()=>{var t;return(t=r.value)==null?void 0:t.id}),onClick(t){r.value&&(t.currentTarget.tagName===\"LABEL\"&&t.preventDefault(),r.value.click(),r.value.focus({preventScroll:!0}))}}}),p=z({name:\"SwitchDescription\"});return P(C,{switchRef:r,labelledby:f,describedby:p}),()=>k({theirProps:l,ourProps:{},slot:{},slots:c,attrs:i,name:\"SwitchGroup\"})}}),ue=v({name:\"Switch\",emits:{\"update:modelValue\":l=>!0},props:{as:{type:[Object,String],default:\"button\"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,optional:!0},form:{type:String,optional:!0},name:{type:String,optional:!0},value:{type:String,optional:!0},id:{type:String,default:null},disabled:{type:Boolean,default:!1},tabIndex:{type:Number,default:0}},inheritAttrs:!1,setup(l,{emit:c,attrs:i,slots:r,expose:f}){var h;let p=(h=l.id)!=null?h:`headlessui-switch-${V()}`,n=M(C,null),[t,s]=G(u(()=>l.modelValue),e=>c(\"update:modelValue\",e),u(()=>l.defaultChecked));function m(){s(!t.value)}let E=w(null),o=n===null?E:n.switchRef,L=F(u(()=>({as:l.as,type:i.type})),o);f({el:o,$el:o});function D(e){e.preventDefault(),m()}function R(e){e.key===g.Space?(e.preventDefault(),m()):e.key===g.Enter&&$(e.currentTarget)}function x(e){e.preventDefault()}let d=u(()=>{var e,a;return(a=(e=N(o))==null?void 0:e.closest)==null?void 0:a.call(e,\"form\")});return I(()=>{j([d],()=>{if(!d.value||l.defaultChecked===void 0)return;function e(){s(l.defaultChecked)}return d.value.addEventListener(\"reset\",e),()=>{var a;(a=d.value)==null||a.removeEventListener(\"reset\",e)}},{immediate:!0})}),()=>{let{name:e,value:a,form:K,tabIndex:y,...b}=l,T={checked:t.value},B={id:p,ref:o,role:\"switch\",type:L.value,tabIndex:y===-1?0:y,\"aria-checked\":t.value,\"aria-labelledby\":n==null?void 0:n.labelledby.value,\"aria-describedby\":n==null?void 0:n.describedby.value,onClick:D,onKeyup:R,onKeypress:x};return S(H,[e!=null&&t.value!=null?S(A,U({features:O.Hidden,as:\"input\",type:\"checkbox\",hidden:!0,readOnly:!0,checked:t.value,form:K,disabled:b.disabled,name:e,value:a})):null,k({ourProps:B,theirProps:{...i,..._(b,[\"modelValue\",\"defaultChecked\"])},slot:T,attrs:i,slots:r,name:\"Switch\"})])}}}),de=J,ce=q;export{ue as Switch,ce as SwitchDescription,oe as SwitchGroup,de as SwitchLabel};\n","<!--\n  @component SwitchInput\n  @description Toggle switch input with Headless UI.\n  \n  A styled toggle switch component with label, description, and ON/OFF text.\n  Uses Headless UI's Switch for accessibility.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - label (string, optional): Switch label text\n  - description (string, optional): Additional description text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Validation rules\n  - modelValue (boolean, optional): Toggle state via v-model\n  - layout (string, optional): 'stacked' or 'inline' layout\n  - textTrue (string, optional): Text shown when ON\n  - textFalse (string, optional): Text shown when OFF\n  \n  @emits\n  - update:modelValue: Emitted when toggle state changes\n  - update:validity: Emitted when validation state changes\n  \n  @example\n  <SwitchInput\n    name=\"notifications\"\n    label=\"Enable notifications\"\n    v-model=\"form.notifications\"\n    text-true=\"ON\"\n    text-false=\"OFF\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <FormFieldWrapper\n      :id=\"id\"\n      :name=\"name\"\n      :label=\"layout === 'stacked' && !hideMainLabel ? label : ''\"\n      :disabled=\"disabled\"\n      :optional=\"!rules\"\n      :tertiary-label=\"tertiaryLabel\"\n      :box-shadow=\"boxShadow\"\n      :error-message=\"errorMessage\"\n      :success-message=\"successMessage\"\n      :is-valid=\"meta.valid\"\n      :is-touched=\"meta.touched\"\n      :show-errors=\"showErrors\"\n      :show-valid-check=\"false\"\n    >\n      <div class=\"sl-flex sl-items-center sl-justify-between sl-gap-4\">\n        <div v-if=\"layout === 'inline'\" class=\"sl-flex-1\">\n          <label\n            v-if=\"label && !hideMainLabel\"\n            :for=\"id\"\n            class=\"sl-block sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer\"\n          >\n            {{ label }}\n          </label>\n          <div v-if=\"description\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" :class=\"{ 'sl-cursor-pointer': !disabled }\" @click=\"!disabled && toggle()\">\n            <div v-if=\"isDescriptionHtml\" v-html=\"description\" />\n            <span v-else>{{ description }}</span>\n          </div>\n        </div>\n        <Switch\n          :id=\"id\"\n          ref=\"switchRef\"\n          v-model=\"switchValue\"\n          :disabled=\"disabled\"\n          :class=\"[\n            switchClasses,\n            { 'sl-shadow-md': boxShadow }\n          ]\"\n          @update:model-value=\"handleToggle\"\n          @focus=\"onFocus\"\n          @blur=\"onBlur\"\n          @keydown.space.prevent=\"toggle\"\n          @keydown.enter.prevent=\"toggle\"\n        >\n          <span class=\"sl-sr-only\">{{ label }}</span>\n          <span\n            :class=\"[\n              switchValue ? 'sl-translate-x-5' : 'sl-translate-x-0',\n              'sl-pointer-events-none sl-inline-block sl-h-5 sl-w-5 sl-transform sl-rounded-full sl-bg-white sl-shadow sl-ring-0 sl-transition sl-duration-200 sl-ease-in-out sl-relative'\n            ]\"\n          >\n          </span>\n        </Switch>\n        <span v-if=\"textTrue || textFalse\" class=\"sl-ml-3 sl-text-sm\">\n          <span v-if=\"switchValue && textTrue\" class=\"sl-font-medium sl-text-gray-800 dark:sl-text-white\">{{ textTrue }}</span>\n          <span v-else-if=\"!switchValue && textFalse\" class=\"sl-text-gray-500 dark:sl-text-slate-300\">{{ textFalse }}</span>\n        </span>\n        <div v-if=\"description && layout === 'stacked'\" class=\"sl-flex-1\">\n          <p v-if=\"!isDescriptionHtml\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\">{{ description }}</p>\n          <p v-else class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" v-html=\"description\" />\n        </div>\n      </div>\n    </FormFieldWrapper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { Switch } from '@headlessui/vue'\nimport { useField } from 'vee-validate'\nimport { generateId } from '../../utils/id'\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue'\nimport type { ValidationRule } from '../../types/form'\n\ninterface Props {\n  name: string\n  modelValue?: boolean\n  label?: string\n  description?: string\n  disabled?: boolean\n  immediate?: boolean\n  boxShadow?: boolean\n  defaultValue?: boolean\n  hideMainLabel?: boolean\n  textTrue?: string\n  textFalse?: string\n  rules?: ValidationRule\n  validateOnMount?: boolean\n  successMessage?: string\n  tertiaryLabel?: string\n  isDescriptionHtml?: boolean\n  showErrors?: boolean\n  layout?: 'stacked' | 'inline'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  immediate: false,\n  boxShadow: false,\n  defaultValue: false,\n  hideMainLabel: false,\n  isDescriptionHtml: false,\n  showErrors: false,\n  layout: 'stacked'\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  blur: [event: FocusEvent]\n  focus: [event: FocusEvent]\n}>()\n\nconst switchRef = ref<any>()\nconst id = generateId(`sl-${props.name}`)\n\nconst { value, errorMessage, handleChange, handleBlur, meta } = useField(\n  () => props.name,\n  props.rules,\n  {\n    type: 'checkbox',\n    validateOnMount: props.validateOnMount,\n    initialValue: props.modelValue ?? props.defaultValue,\n    syncVModel: true\n  }\n)\n\nconst switchValue = ref<boolean>(props.modelValue ?? props.defaultValue)\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue !== undefined && newValue !== switchValue.value) {\n      const boolVal = !!newValue\n      switchValue.value = boolVal\n      value.value = boolVal\n    }\n  },\n  { immediate: true }\n)\n\nconst switchClasses = computed(() => {\n  const baseClasses = [\n    'sl-relative',\n    'sl-inline-flex',\n    'sl-items-center',\n    'sl-h-6',\n    'sl-w-11',\n    'sl-flex-shrink-0',\n    'sl-cursor-pointer',\n    'sl-rounded-full',\n    'sl-border-2',\n    'sl-border-transparent',\n    'sl-transition-colors',\n    'sl-duration-200',\n    'sl-ease-in-out',\n    'focus:sl-outline-none',\n    'focus:sl-ring-2',\n    'focus:sl-ring-stachelock-600',\n    'focus:sl-ring-offset-2',\n    'dark:focus:sl-ring-offset-slate-900'\n  ]\n\n  if (props.disabled) {\n    baseClasses.push(\n      'sl-cursor-not-allowed',\n      'sl-opacity-50'\n    )\n  }\n\n  if (switchValue.value) {\n    baseClasses.push('sl-bg-stachelock-600')\n  } else {\n    baseClasses.push('sl-bg-gray-200', 'dark:sl-bg-slate-600')\n  }\n\n  return baseClasses.join(' ')\n})\n\nconst handleToggle = (value: boolean) => {\n  if (props.disabled) return\n  \n  switchValue.value = value\n  if (props.immediate) {\n    handleChange(value)\n  }\n  emit('update:modelValue', value)\n}\n\nconst onBlur = (event: FocusEvent) => {\n  if (!props.immediate) {\n    handleChange(switchValue.value)\n  }\n  handleBlur(event)\n  emit('blur', event)\n}\n\nconst onFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\n// Expose toggle method for external control\nconst toggle = () => {\n  if (!props.disabled) {\n    handleToggle(!switchValue.value)\n  }\n}\n\ndefineExpose({\n  toggle,\n  value: switchValue,\n  focus: () => {\n    const el = (switchRef.value as any)?.$el ?? switchRef.value\n    ;(el as HTMLButtonElement | null)?.focus?.()\n  },\n  blur: () => {\n    const el = (switchRef.value as any)?.$el ?? switchRef.value\n    ;(el as HTMLButtonElement | null)?.blur?.()\n  },\n  switchRef\n})\n</script>\n\n\n"],"names":["a","d","L","E","i","e","y","o","r","l","j","v","x","w","k","C","p","c","f","s","u","b","g","m","h","R","Q","t","z","P","ue","V","n","M","G","F","D","$","N","I","K","T","B","S","H","A","U","O","_","props","__props","emit","__emit","switchRef","ref","id","generateId","value","errorMessage","handleChange","handleBlur","meta","useField","switchValue","watch","newValue","boolVal","switchClasses","computed","baseClasses","handleToggle","onBlur","event","onFocus","toggle","__expose","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","name","layout","hideMainLabel","label","disabled","rules","tertiaryLabel","boxShadow","successMessage","showErrors","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","description","_normalizeClass","_cache","$event","isDescriptionHtml","Switch","_hoisted_7","_toDisplayString","textTrue","textFalse","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js","sources":["../node_modules/@headlessui/vue/dist/components/label/label.js","../node_modules/@headlessui/vue/dist/components/switch/switch.js","../src/components/inputs/SwitchInput.vue"],"sourcesContent":["import{computed as v,defineComponent as x,inject as L,onMounted as k,onUnmounted as C,provide as j,ref as y,unref as h}from\"vue\";import{useId as w}from'../../hooks/use-id.js';import{render as R}from'../../utils/render.js';let a=Symbol(\"LabelContext\");function d(){let t=L(a,null);if(t===null){let n=new Error(\"You used a <Label /> component, but it is not inside a parent.\");throw Error.captureStackTrace&&Error.captureStackTrace(n,d),n}return t}function E({slot:t={},name:n=\"Label\",props:i={}}={}){let e=y([]);function o(r){return e.value.push(r),()=>{let l=e.value.indexOf(r);l!==-1&&e.value.splice(l,1)}}return j(a,{register:o,slot:t,name:n,props:i}),v(()=>e.value.length>0?e.value.join(\" \"):void 0)}let K=x({name:\"Label\",props:{as:{type:[Object,String],default:\"label\"},passive:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{slots:n,attrs:i}){var r;let e=(r=t.id)!=null?r:`headlessui-label-${w()}`,o=d();return k(()=>C(o.register(e))),()=>{let{name:l=\"Label\",slot:p={},props:c={}}=o,{passive:f,...s}=t,u={...Object.entries(c).reduce((b,[g,m])=>Object.assign(b,{[g]:h(m)}),{}),id:e};return f&&(delete u.onClick,delete u.htmlFor,delete s.onClick),R({ourProps:u,theirProps:s,slot:p,attrs:i,slots:n,name:l})}}});export{K as Label,E as useLabels};\n","import{computed as u,defineComponent as v,Fragment as H,h as S,inject as M,onMounted as I,provide as P,ref as w,watch as j}from\"vue\";import{useControllable as G}from'../../hooks/use-controllable.js';import{useId as V}from'../../hooks/use-id.js';import{useResolveButtonType as F}from'../../hooks/use-resolve-button-type.js';import{Features as O,Hidden as A}from'../../internal/hidden.js';import{Keys as g}from'../../keyboard.js';import{dom as N}from'../../utils/dom.js';import{attemptSubmit as $}from'../../utils/form.js';import{compact as U,omit as _,render as k}from'../../utils/render.js';import{Description as q,useDescriptions as z}from'../description/description.js';import{Label as J,useLabels as Q}from'../label/label.js';let C=Symbol(\"GroupContext\"),oe=v({name:\"SwitchGroup\",props:{as:{type:[Object,String],default:\"template\"}},setup(l,{slots:c,attrs:i}){let r=w(null),f=Q({name:\"SwitchLabel\",props:{htmlFor:u(()=>{var t;return(t=r.value)==null?void 0:t.id}),onClick(t){r.value&&(t.currentTarget.tagName===\"LABEL\"&&t.preventDefault(),r.value.click(),r.value.focus({preventScroll:!0}))}}}),p=z({name:\"SwitchDescription\"});return P(C,{switchRef:r,labelledby:f,describedby:p}),()=>k({theirProps:l,ourProps:{},slot:{},slots:c,attrs:i,name:\"SwitchGroup\"})}}),ue=v({name:\"Switch\",emits:{\"update:modelValue\":l=>!0},props:{as:{type:[Object,String],default:\"button\"},modelValue:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,optional:!0},form:{type:String,optional:!0},name:{type:String,optional:!0},value:{type:String,optional:!0},id:{type:String,default:null},disabled:{type:Boolean,default:!1},tabIndex:{type:Number,default:0}},inheritAttrs:!1,setup(l,{emit:c,attrs:i,slots:r,expose:f}){var h;let p=(h=l.id)!=null?h:`headlessui-switch-${V()}`,n=M(C,null),[t,s]=G(u(()=>l.modelValue),e=>c(\"update:modelValue\",e),u(()=>l.defaultChecked));function m(){s(!t.value)}let E=w(null),o=n===null?E:n.switchRef,L=F(u(()=>({as:l.as,type:i.type})),o);f({el:o,$el:o});function D(e){e.preventDefault(),m()}function R(e){e.key===g.Space?(e.preventDefault(),m()):e.key===g.Enter&&$(e.currentTarget)}function x(e){e.preventDefault()}let d=u(()=>{var e,a;return(a=(e=N(o))==null?void 0:e.closest)==null?void 0:a.call(e,\"form\")});return I(()=>{j([d],()=>{if(!d.value||l.defaultChecked===void 0)return;function e(){s(l.defaultChecked)}return d.value.addEventListener(\"reset\",e),()=>{var a;(a=d.value)==null||a.removeEventListener(\"reset\",e)}},{immediate:!0})}),()=>{let{name:e,value:a,form:K,tabIndex:y,...b}=l,T={checked:t.value},B={id:p,ref:o,role:\"switch\",type:L.value,tabIndex:y===-1?0:y,\"aria-checked\":t.value,\"aria-labelledby\":n==null?void 0:n.labelledby.value,\"aria-describedby\":n==null?void 0:n.describedby.value,onClick:D,onKeyup:R,onKeypress:x};return S(H,[e!=null&&t.value!=null?S(A,U({features:O.Hidden,as:\"input\",type:\"checkbox\",hidden:!0,readOnly:!0,checked:t.value,form:K,disabled:b.disabled,name:e,value:a})):null,k({ourProps:B,theirProps:{...i,..._(b,[\"modelValue\",\"defaultChecked\"])},slot:T,attrs:i,slots:r,name:\"Switch\"})])}}}),de=J,ce=q;export{ue as Switch,ce as SwitchDescription,oe as SwitchGroup,de as SwitchLabel};\n","<!--\n  @component SwitchInput\n  @description Toggle switch input with Headless UI.\n  \n  A styled toggle switch component with label, description, and ON/OFF text.\n  Uses Headless UI's Switch for accessibility.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - label (string, optional): Switch label text\n  - description (string, optional): Additional description text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Validation rules\n  - modelValue (boolean, optional): Toggle state via v-model\n  - layout (string, optional): 'stacked' or 'inline' layout\n  - textTrue (string, optional): Text shown when ON\n  - textFalse (string, optional): Text shown when OFF\n  \n  @emits\n  - update:modelValue: Emitted when toggle state changes\n  - update:validity: Emitted when validation state changes\n  \n  @example\n  <SwitchInput\n    name=\"notifications\"\n    label=\"Enable notifications\"\n    v-model=\"form.notifications\"\n    text-true=\"ON\"\n    text-false=\"OFF\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <FormFieldWrapper\n      :id=\"id\"\n      :name=\"name\"\n      :label=\"layout === 'stacked' && !hideMainLabel ? label : ''\"\n      :disabled=\"disabled\"\n      :optional=\"!rules\"\n      :tertiary-label=\"tertiaryLabel\"\n      :box-shadow=\"boxShadow\"\n      :error-message=\"errorMessage\"\n      :success-message=\"successMessage\"\n      :is-valid=\"meta.valid\"\n      :is-touched=\"meta.touched\"\n      :show-errors=\"showErrors\"\n      :show-valid-check=\"false\"\n    >\n      <div class=\"sl-flex sl-items-center sl-justify-between sl-gap-4\">\n        <div v-if=\"layout === 'inline'\" class=\"sl-flex-1\">\n          <label\n            v-if=\"label && !hideMainLabel\"\n            :for=\"id\"\n            class=\"sl-block sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer\"\n          >\n            {{ label }}\n          </label>\n          <div v-if=\"description\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" :class=\"{ 'sl-cursor-pointer': !disabled }\" @click=\"!disabled && toggle()\">\n            <div v-if=\"isDescriptionHtml\" v-html=\"description\" />\n            <span v-else>{{ description }}</span>\n          </div>\n        </div>\n        <Switch\n          :id=\"id\"\n          ref=\"switchRef\"\n          v-model=\"switchValue\"\n          :disabled=\"disabled\"\n          :class=\"[\n            switchClasses,\n            { 'sl-shadow-md': boxShadow }\n          ]\"\n          @update:model-value=\"handleToggle\"\n          @focus=\"onFocus\"\n          @blur=\"onBlur\"\n          @keydown.space.prevent=\"toggle\"\n          @keydown.enter.prevent=\"toggle\"\n        >\n          <span class=\"sl-sr-only\">{{ label }}</span>\n          <span\n            :class=\"[\n              switchValue ? 'sl-translate-x-5' : 'sl-translate-x-0',\n              'sl-pointer-events-none sl-inline-block sl-h-5 sl-w-5 sl-transform sl-rounded-full sl-bg-white sl-shadow sl-ring-0 sl-transition sl-duration-200 sl-ease-in-out sl-relative'\n            ]\"\n          >\n          </span>\n        </Switch>\n        <span v-if=\"textTrue || textFalse\" class=\"sl-ml-3 sl-text-sm\">\n          <span v-if=\"switchValue && textTrue\" class=\"sl-font-medium sl-text-gray-800 dark:sl-text-white\">{{ textTrue }}</span>\n          <span v-else-if=\"!switchValue && textFalse\" class=\"sl-text-gray-500 dark:sl-text-slate-300\">{{ textFalse }}</span>\n        </span>\n        <div v-if=\"description && layout === 'stacked'\" class=\"sl-flex-1\">\n          <p v-if=\"!isDescriptionHtml\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\">{{ description }}</p>\n          <p v-else class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" v-html=\"description\" />\n        </div>\n      </div>\n    </FormFieldWrapper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { Switch } from '@headlessui/vue'\nimport { useField } from 'vee-validate'\nimport { generateId } from '../../utils/id'\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue'\nimport type { ValidationRule } from '../../types/form'\n\ninterface Props {\n  name: string\n  modelValue?: boolean\n  label?: string\n  description?: string\n  disabled?: boolean\n  immediate?: boolean\n  boxShadow?: boolean\n  defaultValue?: boolean\n  hideMainLabel?: boolean\n  textTrue?: string\n  textFalse?: string\n  rules?: ValidationRule\n  validateOnMount?: boolean\n  successMessage?: string\n  tertiaryLabel?: string\n  isDescriptionHtml?: boolean\n  showErrors?: boolean\n  layout?: 'stacked' | 'inline'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  immediate: false,\n  boxShadow: false,\n  defaultValue: false,\n  hideMainLabel: false,\n  isDescriptionHtml: false,\n  showErrors: false,\n  layout: 'stacked'\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  blur: [event: FocusEvent]\n  focus: [event: FocusEvent]\n}>()\n\nconst switchRef = ref<any>()\nconst id = generateId(`sl-${props.name}`)\n\nconst { value, errorMessage, handleChange, handleBlur, meta } = useField(\n  () => props.name,\n  props.rules,\n  {\n    type: 'checkbox',\n    validateOnMount: props.validateOnMount,\n    initialValue: props.modelValue ?? props.defaultValue,\n    syncVModel: true\n  }\n)\n\nconst switchValue = ref<boolean>(props.modelValue ?? props.defaultValue)\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue !== undefined && newValue !== switchValue.value) {\n      const boolVal = !!newValue\n      switchValue.value = boolVal\n      value.value = boolVal\n    }\n  },\n  { immediate: true }\n)\n\nconst switchClasses = computed(() => {\n  const baseClasses = [\n    'sl-relative',\n    'sl-inline-flex',\n    'sl-items-center',\n    'sl-h-6',\n    'sl-w-11',\n    'sl-flex-shrink-0',\n    'sl-cursor-pointer',\n    'sl-rounded-full',\n    'sl-border-2',\n    'sl-border-transparent',\n    'sl-transition-colors',\n    'sl-duration-200',\n    'sl-ease-in-out',\n    'focus:sl-outline-none',\n    'focus:sl-ring-2',\n    'focus:sl-ring-stachelock-600',\n    'focus:sl-ring-offset-2',\n    'dark:focus:sl-ring-offset-slate-900'\n  ]\n\n  if (props.disabled) {\n    baseClasses.push(\n      'sl-cursor-not-allowed',\n      'sl-opacity-50'\n    )\n  }\n\n  if (switchValue.value) {\n    baseClasses.push('sl-bg-stachelock-600')\n  } else {\n    baseClasses.push('sl-bg-gray-200', 'dark:sl-bg-slate-600')\n  }\n\n  return baseClasses.join(' ')\n})\n\nconst handleToggle = (value: boolean) => {\n  if (props.disabled) return\n  \n  switchValue.value = value\n  if (props.immediate) {\n    handleChange(value)\n  }\n  emit('update:modelValue', value)\n}\n\nconst onBlur = (event: FocusEvent) => {\n  if (!props.immediate) {\n    handleChange(switchValue.value)\n  }\n  handleBlur(event)\n  emit('blur', event)\n}\n\nconst onFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\n// Expose toggle method for external control\nconst toggle = () => {\n  if (!props.disabled) {\n    handleToggle(!switchValue.value)\n  }\n}\n\ndefineExpose({\n  toggle,\n  value: switchValue,\n  focus: () => {\n    const refValue = switchRef.value\n    const el = (refValue && typeof refValue === 'object' && '$el' in refValue) \n      ? (refValue as { $el?: HTMLElement }).$el \n      : refValue\n    ;(el as HTMLButtonElement | null)?.focus?.()\n  },\n  blur: () => {\n    const refValue = switchRef.value\n    const el = (refValue && typeof refValue === 'object' && '$el' in refValue) \n      ? (refValue as { $el?: HTMLElement }).$el \n      : refValue\n    ;(el as HTMLButtonElement | null)?.blur?.()\n  },\n  switchRef\n})\n</script>\n\n\n"],"names":["a","d","t","L","n","E","i","e","y","o","r","l","j","v","x","w","k","C","p","c","f","s","u","b","g","m","h","R","Q","z","P","ue","V","M","G","F","D","$","N","I","K","T","B","S","H","A","U","O","_","props","__props","emit","__emit","switchRef","ref","id","generateId","value","errorMessage","handleChange","handleBlur","meta","useField","switchValue","watch","newValue","boolVal","switchClasses","computed","baseClasses","handleToggle","onBlur","event","onFocus","toggle","__expose","refValue","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_normalizeClass","_cache","$event","Switch","_hoisted_7","_toDisplayString","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":";;;;;;;;;;AAA8N,IAAIA,IAAE,OAAO,cAAc;AAAE,SAASC,IAAG;AAAC,MAAIC,IAAEC,EAAEH,GAAE,IAAI;AAAE,MAAGE,MAAI,MAAK;AAAC,QAAIE,IAAE,IAAI,MAAM,gEAAgE;AAAE,UAAM,MAAM,qBAAmB,MAAM,kBAAkBA,GAAEH,CAAC,GAAEG;AAAA,EAAC;AAAC,SAAOF;AAAC;AAAC,SAASG,GAAE,EAAC,MAAKH,IAAE,CAAA,GAAG,MAAKE,IAAE,SAAQ,OAAME,IAAE,CAAA,EAAE,IAAE,IAAG;AAAC,MAAIC,IAAEC,EAAE,CAAA,CAAE;AAAE,WAASC,EAAEC,GAAE;AAAC,WAAOH,EAAE,MAAM,KAAKG,CAAC,GAAE,MAAI;AAAC,UAAIC,IAAEJ,EAAE,MAAM,QAAQG,CAAC;AAAE,MAAAC,MAAI,MAAIJ,EAAE,MAAM,OAAOI,GAAE,CAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAOC,EAAEZ,GAAE,EAAC,UAASS,GAAE,MAAKP,GAAE,MAAKE,GAAE,OAAME,EAAC,CAAC,GAAEO,EAAE,MAAIN,EAAE,MAAM,SAAO,IAAEA,EAAE,MAAM,KAAK,GAAG,IAAE,MAAM;AAAC;AAAOO,EAAE,EAAC,MAAK,SAAQ,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,QAAO,GAAE,SAAQ,EAAC,MAAK,CAAC,OAAO,GAAE,SAAQ,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAMZ,GAAE,EAAC,OAAME,GAAE,OAAME,EAAC,GAAE;AAAC,MAAII;AAAE,MAAIH,KAAGG,IAAER,EAAE,OAAK,OAAKQ,IAAE,oBAAoBK,EAAC,CAAE,IAAGN,IAAER,EAAC;AAAG,SAAOe,EAAE,MAAIC,EAAER,EAAE,SAASF,CAAC,CAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAKI,IAAE,SAAQ,MAAKO,IAAE,CAAA,GAAG,OAAMC,IAAE,CAAA,EAAE,IAAEV,GAAE,EAAC,SAAQW,GAAE,GAAGC,EAAC,IAAEnB,GAAEoB,IAAE,EAAC,GAAG,OAAO,QAAQH,CAAC,EAAE,OAAO,CAACI,GAAE,CAACC,GAAEC,CAAC,MAAI,OAAO,OAAOF,GAAE,EAAC,CAACC,CAAC,GAAEE,EAAED,CAAC,EAAC,CAAC,GAAE,CAAA,CAAE,GAAE,IAAGlB,EAAC;AAAE,WAAOa,MAAI,OAAOE,EAAE,SAAQ,OAAOA,EAAE,SAAQ,OAAOD,EAAE,UAASM,EAAE,EAAC,UAASL,GAAE,YAAWD,GAAE,MAAKH,GAAE,OAAMZ,GAAE,OAAMF,GAAE,MAAKO,EAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;ACAnf,IAACM,IAAE,OAAO,cAAc;AAAKJ,EAAE,EAAC,MAAK,eAAc,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,WAAU,EAAC,GAAE,MAAMF,GAAE,EAAC,OAAMQ,GAAE,OAAMb,EAAC,GAAE;AAAC,MAAII,IAAEK,EAAE,IAAI,GAAEK,IAAEQ,GAAE,EAAC,MAAK,eAAc,OAAM,EAAC,SAAQN,EAAE,MAAI;AAAC,QAAIpB;AAAE,YAAOA,IAAEQ,EAAE,UAAQ,OAAK,SAAOR,EAAE;AAAA,EAAE,CAAC,GAAE,QAAQA,GAAE;AAAC,IAAAQ,EAAE,UAAQR,EAAE,cAAc,YAAU,WAASA,EAAE,eAAc,GAAGQ,EAAE,MAAM,MAAK,GAAGA,EAAE,MAAM,MAAM,EAAC,eAAc,GAAE,CAAC;AAAA,EAAE,EAAC,EAAC,CAAC,GAAEQ,IAAEW,GAAE,EAAC,MAAK,oBAAmB,CAAC;AAAE,SAAOC,EAAEb,GAAE,EAAC,WAAUP,GAAE,YAAWU,GAAE,aAAYF,EAAC,CAAC,GAAE,MAAIF,EAAE,EAAC,YAAWL,GAAE,UAAS,CAAA,GAAG,MAAK,IAAG,OAAMQ,GAAE,OAAMb,GAAE,MAAK,cAAa,CAAC;AAAC,EAAC,CAAC;AAAC,IAACyB,KAAGlB,EAAE,EAAC,MAAK,UAAS,OAAM,EAAC,qBAAoB,CAAAF,MAAG,GAAE,GAAE,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,SAAQ,GAAE,YAAW,EAAC,MAAK,SAAQ,SAAQ,OAAM,GAAE,gBAAe,EAAC,MAAK,SAAQ,UAAS,GAAE,GAAE,MAAK,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,MAAK,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,OAAM,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,GAAE,UAAS,EAAC,MAAK,SAAQ,SAAQ,GAAE,GAAE,UAAS,EAAC,MAAK,QAAO,SAAQ,EAAC,EAAC,GAAE,cAAa,IAAG,MAAMA,GAAE,EAAC,MAAKQ,GAAE,OAAMb,GAAE,OAAMI,GAAE,QAAOU,EAAC,GAAE;AAAC,MAAIM;AAAE,MAAIR,KAAGQ,IAAEf,EAAE,OAAK,OAAKe,IAAE,qBAAqBM,EAAC,CAAE,IAAG5B,IAAE6B,EAAEhB,GAAE,IAAI,GAAE,CAACf,GAAEmB,CAAC,IAAEa,GAAEZ,EAAE,MAAIX,EAAE,UAAU,GAAE,CAAAJ,MAAGY,EAAE,qBAAoBZ,CAAC,GAAEe,EAAE,MAAIX,EAAE,cAAc,CAAC;AAAE,WAASc,IAAG;AAACJ,IAAAA,EAAE,CAACnB,EAAE,KAAK;AAAA,EAAC;AAAC,MAAIG,IAAEU,EAAE,IAAI,GAAEN,IAAEL,MAAI,OAAKC,IAAED,EAAE,WAAUD,IAAEgC,GAAEb,EAAE,OAAK,EAAC,IAAGX,EAAE,IAAG,MAAKL,EAAE,KAAI,EAAE,GAAEG,CAAC;AAAEW,EAAAA,EAAE,EAAC,IAAGX,GAAE,KAAIA,EAAC,CAAC;AAAE,WAAS2B,EAAE7B,GAAE;AAAC,IAAAA,EAAE,eAAc,GAAGkB,EAAC;AAAA,EAAE;AAAC,WAASE,EAAEpB,GAAE;AAAC,IAAAA,EAAE,QAAMiB,EAAE,SAAOjB,EAAE,eAAc,GAAGkB,EAAC,KAAIlB,EAAE,QAAMiB,EAAE,SAAOa,GAAE9B,EAAE,aAAa;AAAA,EAAC;AAAC,WAASO,EAAEP,GAAE;AAAC,IAAAA,EAAE,eAAc;AAAA,EAAE;AAAC,MAAIN,IAAEqB,EAAE,MAAI;AAAC,QAAIf,GAAE;AAAE,YAAO,KAAGA,IAAE+B,GAAE7B,CAAC,MAAI,OAAK,SAAOF,EAAE,YAAU,OAAK,SAAO,EAAE,KAAKA,GAAE,MAAM;AAAA,EAAC,CAAC;AAAE,SAAOgC,EAAE,MAAI;AAAC3B,IAAAA,EAAE,CAACX,CAAC,GAAE,MAAI;AAAC,UAAG,CAACA,EAAE,SAAOU,EAAE,mBAAiB,OAAO;AAAO,eAASJ,IAAG;AAACc,QAAAA,EAAEV,EAAE,cAAc;AAAA,MAAC;AAAC,aAAOV,EAAE,MAAM,iBAAiB,SAAQM,CAAC,GAAE,MAAI;AAAC,YAAI;AAAE,SAAC,IAAEN,EAAE,UAAQ,QAAM,EAAE,oBAAoB,SAAQM,CAAC;AAAA,MAAC;AAAA,IAAC,GAAE,EAAC,WAAU,GAAE,CAAC;AAAA,EAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAKA,GAAE,OAAM,GAAE,MAAKiC,GAAE,UAAShC,GAAE,GAAGe,EAAC,IAAEZ,GAAE8B,IAAE,EAAC,SAAQvC,EAAE,MAAK,GAAEwC,IAAE,EAAC,IAAGxB,GAAE,KAAIT,GAAE,MAAK,UAAS,MAAKN,EAAE,OAAM,UAASK,MAAI,KAAG,IAAEA,GAAE,gBAAeN,EAAE,OAAM,mBAAiCE,GAAE,WAAW,OAAM,oBAAkCA,GAAE,YAAY,OAAM,SAAQgC,GAAE,SAAQT,GAAE,YAAWb,EAAC;AAAE,WAAO6B,EAAEC,GAAE,CAACrC,KAAG,QAAML,EAAE,SAAO,OAAKyC,EAAEE,IAAEC,GAAE,EAAC,UAASC,GAAE,QAAO,IAAG,SAAQ,MAAK,YAAW,QAAO,IAAG,UAAS,IAAG,SAAQ7C,EAAE,OAAM,MAAKsC,GAAE,UAASjB,EAAE,UAAS,MAAKhB,GAAE,OAAM,EAAC,CAAC,CAAC,IAAE,MAAKS,EAAE,EAAC,UAAS0B,GAAE,YAAW,EAAC,GAAGpC,GAAE,GAAG0C,GAAEzB,GAAE,CAAC,cAAa,gBAAgB,CAAC,EAAC,GAAE,MAAKkB,GAAE,OAAMnC,GAAE,OAAMI,GAAE,MAAK,SAAQ,CAAC,CAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACgI99F,UAAMuC,IAAQC,GAURC,IAAOC,GAMPC,IAAYC,EAAA,GACZC,IAAKC,EAAW,MAAMP,EAAM,IAAI,EAAE,GAElC,EAAE,OAAAQ,GAAO,cAAAC,GAAc,cAAAC,GAAc,YAAAC,GAAY,MAAAC,MAASC;AAAA,MAC9D,MAAMb,EAAM;AAAA,MACZA,EAAM;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,iBAAiBA,EAAM;AAAA,QACvB,cAAcA,EAAM,cAAcA,EAAM;AAAA,QACxC,YAAY;AAAA,MAAA;AAAA,IACd,GAGIc,IAAcT,EAAaL,EAAM,cAAcA,EAAM,YAAY;AAGvE,IAAAe;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,CAACgB,MAAa;AACZ,YAAIA,MAAa,UAAaA,MAAaF,EAAY,OAAO;AAC5D,gBAAMG,IAAU,CAAC,CAACD;AAClB,UAAAF,EAAY,QAAQG,GACpBT,EAAM,QAAQS;AAAA,QAChB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAc;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGF,aAAIpB,EAAM,YACRoB,EAAY;AAAA,QACV;AAAA,QACA;AAAA,MAAA,GAIAN,EAAY,QACdM,EAAY,KAAK,sBAAsB,IAEvCA,EAAY,KAAK,kBAAkB,sBAAsB,GAGpDA,EAAY,KAAK,GAAG;AAAA,IAC7B,CAAC,GAEKC,IAAe,CAACb,MAAmB;AACvC,MAAIR,EAAM,aAEVc,EAAY,QAAQN,GAChBR,EAAM,aACRU,EAAaF,CAAK,GAEpBN,EAAK,qBAAqBM,CAAK;AAAA,IACjC,GAEMc,IAAS,CAACC,MAAsB;AACpC,MAAKvB,EAAM,aACTU,EAAaI,EAAY,KAAK,GAEhCH,EAAWY,CAAK,GAChBrB,EAAK,QAAQqB,CAAK;AAAA,IACpB,GAEMC,IAAU,CAACD,MAAsB;AACrC,MAAArB,EAAK,SAASqB,CAAK;AAAA,IACrB,GAGME,IAAS,MAAM;AACnB,MAAKzB,EAAM,YACTqB,EAAa,CAACP,EAAY,KAAK;AAAA,IAEnC;AAEA,WAAAY,EAAa;AAAA,MACX,QAAAD;AAAA,MACA,OAAOX;AAAA,MACP,OAAO,MAAM;AACX,cAAMa,IAAWvB,EAAU;AAIzB,SAHUuB,KAAY,OAAOA,KAAa,YAAY,SAASA,IAC5DA,EAAmC,MACpCA,IAC+B,QAAA;AAAA,MACrC;AAAA,MACA,MAAM,MAAM;AACV,cAAMA,IAAWvB,EAAU;AAIzB,SAHUuB,KAAY,OAAOA,KAAa,YAAY,SAASA,IAC5DA,EAAmC,MACpCA,IAC+B,OAAA;AAAA,MACrC;AAAA,MACA,WAAAvB;AAAA,IAAA,CACD,cAlOCwB,EAAA,GAAAC,EAgEM,OAhENC,IAgEM;AAAA,MA/DJC,EA8DmBC,IAAA;AAAA,QA7DhB,IAAIC,EAAA3B,CAAA;AAAA,QACJ,MAAML,EAAA;AAAA,QACN,OAAOA,EAAA,WAAM,aAAA,CAAmBA,EAAA,gBAAgBA,EAAA,QAAK;AAAA,QACrD,UAAUA,EAAA;AAAA,QACV,WAAWA,EAAA;AAAA,QACX,kBAAgBA,EAAA;AAAA,QAChB,cAAYA,EAAA;AAAA,QACZ,iBAAegC,EAAAxB,CAAA;AAAA,QACf,mBAAiBR,EAAA;AAAA,QACjB,YAAUgC,EAAArB,CAAA,EAAK;AAAA,QACf,cAAYqB,EAAArB,CAAA,EAAK;AAAA,QACjB,eAAaX,EAAA;AAAA,QACb,oBAAkB;AAAA,MAAA;mBAEnB,MA8CM;AAAA,UA9CNiC,EA8CM,OA9CNC,IA8CM;AAAA,YA7COlC,EAAA,WAAM,YAAjB2B,KAAAC,EAYM,OAZNO,IAYM;AAAA,cAVInC,EAAA,UAAUA,EAAA,sBADlB4B,EAMQ,SAAA;AAAA;gBAJL,KAAKI,EAAA3B,CAAA;AAAA,gBACN,OAAM;AAAA,cAAA,KAEHL,EAAA,KAAK,GAAA,GAAAoC,EAAA;cAECpC,EAAA,oBAAX4B,EAGM,OAAA;AAAA;gBAHkB,OAAKS,EAAA,CAAC,8DAA4D,EAAA,qBAAA,CAAiCrC,EAAA,SAAA,CAAQ,CAAA;AAAA,gBAAK,SAAKsC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA,CAAGvC,EAAA,YAAYwB,EAAA;AAAA,cAAM;gBACrJxB,EAAA,0BAAX4B,EAAqD,OAAA;AAAA;kBAAvB,WAAQ5B,EAAA;AAAA,gBAAA,oBACtC2B,EAAA,GAAAC,EAAqC,cAArB5B,EAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;YAG/B8B,EAuBSE,EAAAQ,EAAA,GAAA;AAAA,cAtBN,IAAIR,EAAA3B,CAAA;AAAA,uBACD;AAAA,cAAJ,KAAIF;AAAA,0BACKU,EAAA;AAAA;uCAAAA,EAAW,QAAA0B;AAAA,gBAMCnB;AAAA,cAAA;AAAA,cALpB,UAAUpB,EAAA;AAAA,cACV,OAAKqC,EAAA;AAAA,gBAAgBpB,EAAA;AAAA,kCAA6CjB,EAAA,UAAA;AAAA,cAAS;cAK3E,SAAAuB;AAAA,cACA,QAAAF;AAAA,cACA,WAAO;AAAA,oBAAgBG,GAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,oBACNA,GAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,cAAA;AAAA;yBAE9B,MAA2C;AAAA,gBAA3CS,EAA2C,QAA3CQ,IAA2CC,EAAf1C,EAAA,KAAK,GAAA,CAAA;AAAA,gBACjCiC,EAMO,QAAA;AAAA,kBALJ,OAAKI,EAAA;AAAA,oBAAkBxB,EAAA,QAAW,qBAAA;AAAA;;;;;;YAO3Bb,EAAA,YAAYA,EAAA,aAAxB2B,KAAAC,EAGO,QAHPe,IAGO;AAAA,cAFO9B,EAAA,SAAeb,EAAA,iBAA3B4B,EAAqH,QAArHgB,IAAqHF,EAAlB1C,EAAA,QAAQ,GAAA,CAAA,KACzF,CAAAa,EAAA,SAAeb,EAAA,kBAAjC4B,EAAkH,QAAlHiB,IAAkHH,EAAnB1C,EAAA,SAAS,GAAA,CAAA;;YAE/FA,EAAA,eAAeA,EAAA,WAAM,aAAhC2B,KAAAC,EAGM,OAHNkB,IAGM;AAAA,cAFM9C,EAAA,0BACV4B,EAAoG,KAAA;AAAA;gBAA1F,OAAM;AAAA,gBAA6D,WAAQ5B,EAAA;AAAA,cAAA,yBADrF4B,EAAqH,KAArHmB,IAAqHL,EAAlB1C,EAAA,WAAW,GAAA,CAAA;AAAA;;;;;;;;","x_google_ignoreList":[0,1]}

package/dist/{SwitchInputGroup.vue_vue_type_script_setup_true_lang-BNKKEAMq.js → SwitchInputGroup.vue_vue_type_script_setup_true_lang-CK9JWl4F.js}

@@ -1,5 +1,5 @@
 import { defineComponent as D, ref as U, watch as y, createElementBlock as a, openBlock as t, createElementVNode as C, createCommentVNode as r, toDisplayString as c, normalizeClass as v, Fragment as g, renderList as b, createVNode as p } from "vue";
-import { _ as f } from "./SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js";
+import { _ as f } from "./SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js";
 const L = {
   key: 0,
   class: "sl-bg-white dark:sl-bg-slate-800 sl-shadow sm:sl-rounded-lg sl-w-full",
@@ -180,4 +180,4 @@ const L = {
 export {
   G as _
 };
-//# sourceMappingURL=SwitchInputGroup.vue_vue_type_script_setup_true_lang-BNKKEAMq.js.map
+//# sourceMappingURL=SwitchInputGroup.vue_vue_type_script_setup_true_lang-CK9JWl4F.js.map

package/dist/{SwitchInputGroup.vue_vue_type_script_setup_true_lang-BNKKEAMq.js.map → SwitchInputGroup.vue_vue_type_script_setup_true_lang-CK9JWl4F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SwitchInputGroup.vue_vue_type_script_setup_true_lang-BNKKEAMq.js","sources":["../src/components/inputs/SwitchInputGroup.vue"],"sourcesContent":["<!--\n  @component SwitchInputGroup\n  @description Groups multiple switch inputs in a configurable grid layout.\n  \n  Renders multiple SwitchInput components in a grid or vertical layout with\n  optional group label and description. Useful for settings panels with\n  multiple related toggle options.\n  \n  @props\n  - switches (SwitchConfig[], required): Array of switch configurations\n  - currentValues (Record<string, boolean>, optional): Current values for all switches\n  - groupLabel (string, optional): Header title for the group\n  - groupDescription (string, optional): Description under the title\n  - boxShadow (boolean, optional): Apply card-like shadow wrapper\n  - gridColsClass (string, optional): Tailwind grid column classes\n  - vertical (boolean, optional): Stack switches vertically instead of grid\n  \n  @emits\n  - update:value: Emitted when any switch value changes { name: string, value: boolean }\n  \n  @example\n  <SwitchInputGroup\n    :switches=\"[\n      { name: 'dark-mode', label: 'Dark Mode' },\n      { name: 'notifications', label: 'Notifications', defaultValue: true }\n    ]\"\n    :current-values=\"settings\"\n    group-label=\"Preferences\"\n    @update:value=\"handleSwitch\"\n  />\n-->\n<template>\n  <div \n    v-if=\"boxShadow\" \n    class=\"sl-bg-white dark:sl-bg-slate-800 sl-shadow sm:sl-rounded-lg sl-w-full\"\n    data-testid=\"switch-input-group\"\n  >\n    <div class=\"sl-px-4 sl-py-5 sm:sl-p-6\">\n      <div v-if=\"groupLabel || groupDescription\" class=\"sl-mb-4\">\n        <h3 \n          v-if=\"groupLabel\" \n          class=\"sl-text-lg sl-font-medium sl-leading-6 sl-text-gray-900 dark:sl-text-white\"\n        >\n          {{ groupLabel }}\n        </h3>\n        <p \n          v-if=\"groupDescription\" \n          class=\"sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300\"\n        >\n          {{ groupDescription }}\n        </p>\n      </div>\n      <div v-if=\"!vertical\" :class=\"['sl-grid sl-gap-x-6 sl-gap-y-4', gridColsClass]\">\n        <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n          <SwitchInput\n            :name=\"switchItem.name\"\n            :label=\"switchItem.label\"\n            :description=\"switchItem.description\"\n            :text-true=\"switchItem.textTrue\"\n            :text-false=\"switchItem.textFalse\"\n            :disabled=\"switchItem.disabled\"\n            :model-value=\"internalDisplayValues[switchItem.name]\"\n            @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n            :box-shadow=\"false\"\n          />\n        </div>\n      </div>\n      <div v-else class=\"sl-flex sl-flex-col sl-gap-4\">\n        <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n          <SwitchInput\n            :name=\"switchItem.name\"\n            :label=\"switchItem.label\"\n            :description=\"switchItem.description\"\n            :text-true=\"switchItem.textTrue\"\n            :text-false=\"switchItem.textFalse\"\n            :disabled=\"switchItem.disabled\"\n            :model-value=\"internalDisplayValues[switchItem.name]\"\n            @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n            :box-shadow=\"false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div v-else data-testid=\"switch-input-group\">\n    <div \n      v-if=\"groupLabel || groupDescription\" \n      :class=\"['sl-mb-4', !vertical ? 'sl-col-span-full' : '']\"\n    >\n      <h3 \n        v-if=\"groupLabel\" \n        class=\"sl-text-lg sl-font-medium sl-leading-6 sl-text-gray-900 dark:sl-text-white\"\n      >\n        {{ groupLabel }}\n      </h3>\n      <p \n        v-if=\"groupDescription\" \n        class=\"sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300\"\n      >\n        {{ groupDescription }}\n      </p>\n    </div>\n    <div v-if=\"!vertical\" :class=\"['sl-grid sl-gap-x-6 sl-gap-y-4', gridColsClass]\">\n      <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n        <SwitchInput\n          :name=\"switchItem.name\"\n          :label=\"switchItem.label\"\n          :description=\"switchItem.description\"\n          :text-true=\"switchItem.textTrue\"\n          :text-false=\"switchItem.textFalse\"\n          :disabled=\"switchItem.disabled\"\n          :model-value=\"internalDisplayValues[switchItem.name]\"\n          @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n          :box-shadow=\"false\"\n        />\n      </div>\n    </div>\n    <div v-else class=\"sl-flex sl-flex-col sl-gap-4\">\n      <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n        <SwitchInput\n          :name=\"switchItem.name\"\n          :label=\"switchItem.label\"\n          :description=\"switchItem.description\"\n          :text-true=\"switchItem.textTrue\"\n          :text-false=\"switchItem.textFalse\"\n          :disabled=\"switchItem.disabled\"\n          :model-value=\"internalDisplayValues[switchItem.name]\"\n          @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n          :box-shadow=\"false\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, type PropType } from 'vue'\nimport SwitchInput from './SwitchInput.vue'\n\n/**\n * Configuration for a single switch in the group\n */\nexport interface SwitchConfig {\n  name: string\n  label: string\n  description?: string\n  textTrue?: string\n  textFalse?: string\n  defaultValue?: boolean\n  disabled?: boolean\n  rules?: unknown\n}\n\nconst props = defineProps({\n  switches: {\n    type: Array as PropType<SwitchConfig[]>,\n    required: true\n  },\n  currentValues: {\n    type: Object as PropType<Record<string, boolean>>,\n    default: () => ({})\n  },\n  groupLabel: {\n    type: String,\n    default: ''\n  },\n  groupDescription: {\n    type: String,\n    default: ''\n  },\n  boxShadow: {\n    type: Boolean,\n    default: true\n  },\n  gridColsClass: {\n    type: String,\n    default: 'sl-grid-cols-1 sm:sl-grid-cols-2'\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emit = defineEmits<{\n  'update:value': [payload: { name: string; value: boolean }]\n}>()\n\nconst internalDisplayValues = ref<Record<string, boolean>>({})\n\nconst initializeOrUpdateInternalDisplayValues = () => {\n  const newDisplayValues: Record<string, boolean> = {}\n  props.switches.forEach((switchItem) => {\n    newDisplayValues[switchItem.name] =\n      props.currentValues[switchItem.name] !== undefined\n        ? props.currentValues[switchItem.name]\n        : switchItem.defaultValue !== undefined\n          ? switchItem.defaultValue\n          : false\n  })\n  internalDisplayValues.value = newDisplayValues\n}\n\n// Watch for changes in currentValues to update internalDisplayValues\nwatch(\n  () => props.currentValues,\n  () => {\n    initializeOrUpdateInternalDisplayValues()\n  },\n  { deep: true }\n)\n\n// Watch for changes in switches prop\nwatch(\n  () => props.switches,\n  () => {\n    initializeOrUpdateInternalDisplayValues()\n  },\n  { deep: true }\n)\n\n// Initialize on mount\ninitializeOrUpdateInternalDisplayValues()\n\nconst handleSwitchUpdate = (switchName: string, newValue: boolean) => {\n  // Update internal display state immediately for responsiveness\n  internalDisplayValues.value = {\n    ...internalDisplayValues.value,\n    [switchName]: newValue\n  }\n  // Emit the flat update event\n  emit('update:value', { name: switchName, value: newValue })\n}\n</script>\n\n"],"names":["props","__props","emit","__emit","internalDisplayValues","ref","initializeOrUpdateInternalDisplayValues","newDisplayValues","switchItem","watch","handleSwitchUpdate","switchName","newValue","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_Fragment","_renderList","index","_createVNode","SwitchInput","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}
+{"version":3,"file":"SwitchInputGroup.vue_vue_type_script_setup_true_lang-CK9JWl4F.js","sources":["../src/components/inputs/SwitchInputGroup.vue"],"sourcesContent":["<!--\n  @component SwitchInputGroup\n  @description Groups multiple switch inputs in a configurable grid layout.\n  \n  Renders multiple SwitchInput components in a grid or vertical layout with\n  optional group label and description. Useful for settings panels with\n  multiple related toggle options.\n  \n  @props\n  - switches (SwitchConfig[], required): Array of switch configurations\n  - currentValues (Record<string, boolean>, optional): Current values for all switches\n  - groupLabel (string, optional): Header title for the group\n  - groupDescription (string, optional): Description under the title\n  - boxShadow (boolean, optional): Apply card-like shadow wrapper\n  - gridColsClass (string, optional): Tailwind grid column classes\n  - vertical (boolean, optional): Stack switches vertically instead of grid\n  \n  @emits\n  - update:value: Emitted when any switch value changes { name: string, value: boolean }\n  \n  @example\n  <SwitchInputGroup\n    :switches=\"[\n      { name: 'dark-mode', label: 'Dark Mode' },\n      { name: 'notifications', label: 'Notifications', defaultValue: true }\n    ]\"\n    :current-values=\"settings\"\n    group-label=\"Preferences\"\n    @update:value=\"handleSwitch\"\n  />\n-->\n<template>\n  <div \n    v-if=\"boxShadow\" \n    class=\"sl-bg-white dark:sl-bg-slate-800 sl-shadow sm:sl-rounded-lg sl-w-full\"\n    data-testid=\"switch-input-group\"\n  >\n    <div class=\"sl-px-4 sl-py-5 sm:sl-p-6\">\n      <div v-if=\"groupLabel || groupDescription\" class=\"sl-mb-4\">\n        <h3 \n          v-if=\"groupLabel\" \n          class=\"sl-text-lg sl-font-medium sl-leading-6 sl-text-gray-900 dark:sl-text-white\"\n        >\n          {{ groupLabel }}\n        </h3>\n        <p \n          v-if=\"groupDescription\" \n          class=\"sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300\"\n        >\n          {{ groupDescription }}\n        </p>\n      </div>\n      <div v-if=\"!vertical\" :class=\"['sl-grid sl-gap-x-6 sl-gap-y-4', gridColsClass]\">\n        <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n          <SwitchInput\n            :name=\"switchItem.name\"\n            :label=\"switchItem.label\"\n            :description=\"switchItem.description\"\n            :text-true=\"switchItem.textTrue\"\n            :text-false=\"switchItem.textFalse\"\n            :disabled=\"switchItem.disabled\"\n            :model-value=\"internalDisplayValues[switchItem.name]\"\n            @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n            :box-shadow=\"false\"\n          />\n        </div>\n      </div>\n      <div v-else class=\"sl-flex sl-flex-col sl-gap-4\">\n        <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n          <SwitchInput\n            :name=\"switchItem.name\"\n            :label=\"switchItem.label\"\n            :description=\"switchItem.description\"\n            :text-true=\"switchItem.textTrue\"\n            :text-false=\"switchItem.textFalse\"\n            :disabled=\"switchItem.disabled\"\n            :model-value=\"internalDisplayValues[switchItem.name]\"\n            @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n            :box-shadow=\"false\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div v-else data-testid=\"switch-input-group\">\n    <div \n      v-if=\"groupLabel || groupDescription\" \n      :class=\"['sl-mb-4', !vertical ? 'sl-col-span-full' : '']\"\n    >\n      <h3 \n        v-if=\"groupLabel\" \n        class=\"sl-text-lg sl-font-medium sl-leading-6 sl-text-gray-900 dark:sl-text-white\"\n      >\n        {{ groupLabel }}\n      </h3>\n      <p \n        v-if=\"groupDescription\" \n        class=\"sl-mt-1 sl-text-sm sl-text-gray-500 dark:sl-text-gray-300\"\n      >\n        {{ groupDescription }}\n      </p>\n    </div>\n    <div v-if=\"!vertical\" :class=\"['sl-grid sl-gap-x-6 sl-gap-y-4', gridColsClass]\">\n      <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n        <SwitchInput\n          :name=\"switchItem.name\"\n          :label=\"switchItem.label\"\n          :description=\"switchItem.description\"\n          :text-true=\"switchItem.textTrue\"\n          :text-false=\"switchItem.textFalse\"\n          :disabled=\"switchItem.disabled\"\n          :model-value=\"internalDisplayValues[switchItem.name]\"\n          @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n          :box-shadow=\"false\"\n        />\n      </div>\n    </div>\n    <div v-else class=\"sl-flex sl-flex-col sl-gap-4\">\n      <div v-for=\"(switchItem, index) in switches\" :key=\"switchItem.name || index\">\n        <SwitchInput\n          :name=\"switchItem.name\"\n          :label=\"switchItem.label\"\n          :description=\"switchItem.description\"\n          :text-true=\"switchItem.textTrue\"\n          :text-false=\"switchItem.textFalse\"\n          :disabled=\"switchItem.disabled\"\n          :model-value=\"internalDisplayValues[switchItem.name]\"\n          @update:model-value=\"(newValue: boolean) => handleSwitchUpdate(switchItem.name, newValue)\"\n          :box-shadow=\"false\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch, type PropType } from 'vue'\nimport SwitchInput from './SwitchInput.vue'\n\n/**\n * Configuration for a single switch in the group\n */\nexport interface SwitchConfig {\n  name: string\n  label: string\n  description?: string\n  textTrue?: string\n  textFalse?: string\n  defaultValue?: boolean\n  disabled?: boolean\n  rules?: unknown\n}\n\nconst props = defineProps({\n  switches: {\n    type: Array as PropType<SwitchConfig[]>,\n    required: true\n  },\n  currentValues: {\n    type: Object as PropType<Record<string, boolean>>,\n    default: () => ({})\n  },\n  groupLabel: {\n    type: String,\n    default: ''\n  },\n  groupDescription: {\n    type: String,\n    default: ''\n  },\n  boxShadow: {\n    type: Boolean,\n    default: true\n  },\n  gridColsClass: {\n    type: String,\n    default: 'sl-grid-cols-1 sm:sl-grid-cols-2'\n  },\n  vertical: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emit = defineEmits<{\n  'update:value': [payload: { name: string; value: boolean }]\n}>()\n\nconst internalDisplayValues = ref<Record<string, boolean>>({})\n\nconst initializeOrUpdateInternalDisplayValues = () => {\n  const newDisplayValues: Record<string, boolean> = {}\n  props.switches.forEach((switchItem) => {\n    newDisplayValues[switchItem.name] =\n      props.currentValues[switchItem.name] !== undefined\n        ? props.currentValues[switchItem.name]\n        : switchItem.defaultValue !== undefined\n          ? switchItem.defaultValue\n          : false\n  })\n  internalDisplayValues.value = newDisplayValues\n}\n\n// Watch for changes in currentValues to update internalDisplayValues\nwatch(\n  () => props.currentValues,\n  () => {\n    initializeOrUpdateInternalDisplayValues()\n  },\n  { deep: true }\n)\n\n// Watch for changes in switches prop\nwatch(\n  () => props.switches,\n  () => {\n    initializeOrUpdateInternalDisplayValues()\n  },\n  { deep: true }\n)\n\n// Initialize on mount\ninitializeOrUpdateInternalDisplayValues()\n\nconst handleSwitchUpdate = (switchName: string, newValue: boolean) => {\n  // Update internal display state immediately for responsiveness\n  internalDisplayValues.value = {\n    ...internalDisplayValues.value,\n    [switchName]: newValue\n  }\n  // Emit the flat update event\n  emit('update:value', { name: switchName, value: newValue })\n}\n</script>\n\n"],"names":["props","__props","emit","__emit","internalDisplayValues","ref","initializeOrUpdateInternalDisplayValues","newDisplayValues","switchItem","watch","handleSwitchUpdate","switchName","newValue","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","_Fragment","_renderList","index","_createVNode","SwitchInput","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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"}

package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-DrhDwLL3.js → TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js}

@@ -1,7 +1,7 @@
 import { defineComponent as L, computed as v, createElementBlock as a, openBlock as o, createCommentVNode as d, createVNode as u, unref as s, withCtx as c, createElementVNode as m, Fragment as j, renderList as z, createBlock as p, normalizeClass as _, createTextVNode as A, toDisplayString as k, renderSlot as y, KeepAlive as F, resolveDynamicComponent as K, mergeProps as U, toHandlers as q } from "vue";
 import { useTabs as J } from "./composables/useTabs.js";
-import { _ as Q } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
-import { m as R, p as W, x as X } from "./tabs-Da32Mbhf.js";
+import { _ as Q } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
+import { m as R, p as W, x as X } from "./tabs-J5phClGv.js";
 const Y = { class: "sl-w-full" }, Z = {
   key: 0,
   class: "sl-block sm:sl-hidden sl-mb-4"
@@ -122,4 +122,4 @@ const Y = { class: "sl-w-full" }, Z = {
 export {
   ae as _
 };
-//# sourceMappingURL=TabGroup.vue_vue_type_script_setup_true_lang-DrhDwLL3.js.map
+//# sourceMappingURL=TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js.map

package/dist/{TabGroup.vue_vue_type_script_setup_true_lang-DrhDwLL3.js.map → TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabGroup.vue_vue_type_script_setup_true_lang-DrhDwLL3.js","sources":["../src/components/tabs/TabGroup.vue"],"sourcesContent":["<!--\n  @component TabGroup\n  @description Pill-style tab navigation with mobile dropdown support.\n  \n  A comprehensive tab component that renders as pill-style tabs on desktop\n  and automatically switches to a dropdown select on mobile. Uses HeadlessUI\n  TabGroup for accessibility.\n  \n  @props\n  - tabGroup (string, required): Name of the tab group for filtering\n  - tabs (TabsItemType[], required): Array of tab configurations\n  - tab (number, optional): Currently active tab index\n  - tabCountTheme (TabCountTheme, optional): Theme for count badges\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - fixedHeight (string, optional): Fixed height CSS class for content area\n  \n  @emits\n  - tab-change: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabGroup\n    tab-group=\"settings\"\n    :tabs=\"settingsTabs\"\n    :tab=\"activeTab\"\n    @tab-change=\"handleTabChange\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"showDropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"`${props.tabGroup}-mobile-tab-select`\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"id\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <HeadlessTabGroup :selected-index=\"selectedTab\" @change=\"handleTabGroupTabChange\">\n      <HeadlessTabList class=\"sl-hidden sm:sl-flex sl-space-x-1 sl-rounded-xl sl-bg-stachelock-900/20 dark:sl-bg-slate-800 sl-p-1\">\n        <HeadlessTab\n          v-for=\"tabItem in filteredTabs\"\n          :key=\"tabItem.id\"\n          as=\"template\"\n          v-slot=\"{ selected }\"\n          :disabled=\"tabItem.disabled\"\n        >\n          <button\n            :class=\"[\n              'sl-w-full sl-rounded-lg sl-py-2.5 sl-px-4 sl-text-sm sl-font-medium sl-leading-5 sl-transition-all sl-duration-200',\n              'focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 focus:sl-ring-stachelock-500',\n              selected\n                ? 'sl-bg-white dark:sl-bg-slate-700 sl-text-stachelock-700 dark:sl-text-white sl-shadow'\n                : 'sl-text-gray-600 dark:sl-text-slate-300 hover:sl-bg-white/[0.12] hover:sl-text-gray-800 dark:hover:sl-text-white',\n              tabItem.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n            ]\"\n            @mouseenter=\"mouseEnter(tabItem.id)\"\n            @mouseleave=\"mouseLeave(tabItem.id)\"\n          >\n            <span class=\"sl-flex sl-items-center sl-justify-center sl-gap-2\">\n              {{ tabItem.name }}\n              <span\n                v-if=\"tabItem.count !== undefined && tabItem.count !== null\"\n                :class=\"[\n                  'sl-ml-2 sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums',\n                  selected || hoverStates[tabItem.id]\n                    ? `sl-ring-1 ${themeClasses.ringColor} ${themeClasses.bgColor} sl-text-gray-800`\n                    : 'sl-bg-gray-200 dark:sl-bg-slate-600 sl-text-gray-700 dark:sl-text-slate-200'\n                ]\"\n              >\n                {{ tabItem.count }}\n              </span>\n            </span>\n          </button>\n        </HeadlessTab>\n      </HeadlessTabList>\n\n      <!-- Tab content area -->\n      <div class=\"sl-mt-4\">\n        <slot name=\"component-heading\" />\n        \n        <KeepAlive>\n          <component\n            v-if=\"selectedComponent\"\n            :is=\"selectedComponent\"\n            :key=\"selectedTabId\"\n            v-bind=\"selectedProps || {}\"\n            v-on=\"selectedEvents || {}\"\n          />\n        </KeepAlive>\n        \n        <slot v-if=\"!selectedComponent\" />\n      </div>\n    </HeadlessTabGroup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { \n  TabGroup as HeadlessTabGroup, \n  TabList as HeadlessTabList, \n  Tab as HeadlessTab \n} from '@headlessui/vue';\nimport { useTabs, type TabCountTheme, type UseTabsProps } from '../../composables/useTabs';\nimport type { TabsItemType } from '../../types/layouts';\nimport SelectInput from '../inputs/SelectInput.vue';\n\ninterface Props {\n  tabGroup: string;\n  tabs: TabsItemType[];\n  tab?: number | null;\n  tabCountTheme?: TabCountTheme;\n  dropdownOnMobile?: boolean;\n  fixedHeight?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tab: 0,\n  tabCountTheme: 'primary',\n  dropdownOnMobile: true,\n});\n\nconst emit = defineEmits<{\n  'tab-change': [index: number];\n}>();\n\nconst tabsProps: UseTabsProps = {\n  tabGroup: props.tabGroup,\n  tab: props.tab,\n  tabs: props.tabs,\n  tabCountTheme: props.tabCountTheme,\n  dropdownOnMobile: props.dropdownOnMobile,\n  fixedHeight: props.fixedHeight,\n};\n\nconst {\n  selectedTabId,\n  selectedTab,\n  filteredTabs,\n  hoverStates,\n  themeClasses,\n  dropdownOnMobile: showDropdownOnMobile,\n  selectedComponent,\n  selectedProps,\n  selectedEvents,\n  mouseEnter,\n  mouseLeave,\n  handleTabGroupTabChange: handleTabGroupChange,\n} = useTabs(tabsProps, (event, ...args) => {\n  if (event === 'tab-change') {\n    emit('tab-change', args[0] as number);\n  }\n});\n\n// SelectInput compatible items - include count in name for mobile dropdown\nconst selectInputItems = computed(() => \n  filteredTabs.value.map(tab => ({\n    id: tab.id,\n    name: tab.count !== undefined && tab.count !== null\n      ? `${tab.name} (${tab.count})`\n      : tab.name,\n    disabled: tab.disabled\n  }))\n);\n\n// Currently selected tab item for SelectInput\nconst selectedTabItem = computed(() => \n  selectInputItems.value.find(item => item.id === selectedTabId.value) || null\n);\n\nconst handleTabGroupTabChange = (index: number) => {\n  handleTabGroupChange(index);\n};\n\n// Handler for SelectInput changes\nconst handleSelectInputChange = (item: { id: number; name: string; disabled?: boolean } | null) => {\n  if (!item) return;\n  const index = filteredTabs.value.findIndex(t => t.id === item.id);\n  if (index >= 0) {\n    handleTabGroupTabChange(index);\n  }\n};\n</script>\n"],"names":["props","__props","emit","__emit","tabsProps","selectedTabId","selectedTab","filteredTabs","hoverStates","themeClasses","showDropdownOnMobile","selectedComponent","selectedProps","selectedEvents","mouseEnter","mouseLeave","handleTabGroupChange","useTabs","event","args","selectInputItems","computed","tab","selectedTabItem","item","handleTabGroupTabChange","index","handleSelectInputChange","t","_openBlock","_createElementBlock","_hoisted_1","_unref","_hoisted_2","_createVNode","SelectInput","HeadlessTabGroup","HeadlessTabList","_Fragment","_renderList","tabItem","_createBlock","HeadlessTab","_withCtx","selected","_createElementVNode","_normalizeClass","$event","_hoisted_4","_toDisplayString","_hoisted_5","_renderSlot","_ctx","_KeepAlive","_resolveDynamicComponent","_mergeProps","_toHandlers"],"mappings":"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"}
+{"version":3,"file":"TabGroup.vue_vue_type_script_setup_true_lang-DVVeOgWH.js","sources":["../src/components/tabs/TabGroup.vue"],"sourcesContent":["<!--\n  @component TabGroup\n  @description Pill-style tab navigation with mobile dropdown support.\n  \n  A comprehensive tab component that renders as pill-style tabs on desktop\n  and automatically switches to a dropdown select on mobile. Uses HeadlessUI\n  TabGroup for accessibility.\n  \n  @props\n  - tabGroup (string, required): Name of the tab group for filtering\n  - tabs (TabsItemType[], required): Array of tab configurations\n  - tab (number, optional): Currently active tab index\n  - tabCountTheme (TabCountTheme, optional): Theme for count badges\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - fixedHeight (string, optional): Fixed height CSS class for content area\n  \n  @emits\n  - tab-change: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabGroup\n    tab-group=\"settings\"\n    :tabs=\"settingsTabs\"\n    :tab=\"activeTab\"\n    @tab-change=\"handleTabChange\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"showDropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"`${props.tabGroup}-mobile-tab-select`\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"id\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <HeadlessTabGroup :selected-index=\"selectedTab\" @change=\"handleTabGroupTabChange\">\n      <HeadlessTabList class=\"sl-hidden sm:sl-flex sl-space-x-1 sl-rounded-xl sl-bg-stachelock-900/20 dark:sl-bg-slate-800 sl-p-1\">\n        <HeadlessTab\n          v-for=\"tabItem in filteredTabs\"\n          :key=\"tabItem.id\"\n          as=\"template\"\n          v-slot=\"{ selected }\"\n          :disabled=\"tabItem.disabled\"\n        >\n          <button\n            :class=\"[\n              'sl-w-full sl-rounded-lg sl-py-2.5 sl-px-4 sl-text-sm sl-font-medium sl-leading-5 sl-transition-all sl-duration-200',\n              'focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-2 focus:sl-ring-stachelock-500',\n              selected\n                ? 'sl-bg-white dark:sl-bg-slate-700 sl-text-stachelock-700 dark:sl-text-white sl-shadow'\n                : 'sl-text-gray-600 dark:sl-text-slate-300 hover:sl-bg-white/[0.12] hover:sl-text-gray-800 dark:hover:sl-text-white',\n              tabItem.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n            ]\"\n            @mouseenter=\"mouseEnter(tabItem.id)\"\n            @mouseleave=\"mouseLeave(tabItem.id)\"\n          >\n            <span class=\"sl-flex sl-items-center sl-justify-center sl-gap-2\">\n              {{ tabItem.name }}\n              <span\n                v-if=\"tabItem.count !== undefined && tabItem.count !== null\"\n                :class=\"[\n                  'sl-ml-2 sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium sl-tabular-nums',\n                  selected || hoverStates[tabItem.id]\n                    ? `sl-ring-1 ${themeClasses.ringColor} ${themeClasses.bgColor} sl-text-gray-800`\n                    : 'sl-bg-gray-200 dark:sl-bg-slate-600 sl-text-gray-700 dark:sl-text-slate-200'\n                ]\"\n              >\n                {{ tabItem.count }}\n              </span>\n            </span>\n          </button>\n        </HeadlessTab>\n      </HeadlessTabList>\n\n      <!-- Tab content area -->\n      <div class=\"sl-mt-4\">\n        <slot name=\"component-heading\" />\n        \n        <KeepAlive>\n          <component\n            v-if=\"selectedComponent\"\n            :is=\"selectedComponent\"\n            :key=\"selectedTabId\"\n            v-bind=\"selectedProps || {}\"\n            v-on=\"selectedEvents || {}\"\n          />\n        </KeepAlive>\n        \n        <slot v-if=\"!selectedComponent\" />\n      </div>\n    </HeadlessTabGroup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { \n  TabGroup as HeadlessTabGroup, \n  TabList as HeadlessTabList, \n  Tab as HeadlessTab \n} from '@headlessui/vue';\nimport { useTabs, type TabCountTheme, type UseTabsProps } from '../../composables/useTabs';\nimport type { TabsItemType } from '../../types/layouts';\nimport SelectInput from '../inputs/SelectInput.vue';\n\ninterface Props {\n  tabGroup: string;\n  tabs: TabsItemType[];\n  tab?: number | null;\n  tabCountTheme?: TabCountTheme;\n  dropdownOnMobile?: boolean;\n  fixedHeight?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tab: 0,\n  tabCountTheme: 'primary',\n  dropdownOnMobile: true,\n});\n\nconst emit = defineEmits<{\n  'tab-change': [index: number];\n}>();\n\nconst tabsProps: UseTabsProps = {\n  tabGroup: props.tabGroup,\n  tab: props.tab,\n  tabs: props.tabs,\n  tabCountTheme: props.tabCountTheme,\n  dropdownOnMobile: props.dropdownOnMobile,\n  fixedHeight: props.fixedHeight,\n};\n\nconst {\n  selectedTabId,\n  selectedTab,\n  filteredTabs,\n  hoverStates,\n  themeClasses,\n  dropdownOnMobile: showDropdownOnMobile,\n  selectedComponent,\n  selectedProps,\n  selectedEvents,\n  mouseEnter,\n  mouseLeave,\n  handleTabGroupTabChange: handleTabGroupChange,\n} = useTabs(tabsProps, (event, ...args) => {\n  if (event === 'tab-change') {\n    emit('tab-change', args[0] as number);\n  }\n});\n\n// SelectInput compatible items - include count in name for mobile dropdown\nconst selectInputItems = computed(() => \n  filteredTabs.value.map(tab => ({\n    id: tab.id,\n    name: tab.count !== undefined && tab.count !== null\n      ? `${tab.name} (${tab.count})`\n      : tab.name,\n    disabled: tab.disabled\n  }))\n);\n\n// Currently selected tab item for SelectInput\nconst selectedTabItem = computed(() => \n  selectInputItems.value.find(item => item.id === selectedTabId.value) || null\n);\n\nconst handleTabGroupTabChange = (index: number) => {\n  handleTabGroupChange(index);\n};\n\n// Handler for SelectInput changes\nconst handleSelectInputChange = (item: { id: number; name: string; disabled?: boolean } | null) => {\n  if (!item) return;\n  const index = filteredTabs.value.findIndex(t => t.id === item.id);\n  if (index >= 0) {\n    handleTabGroupTabChange(index);\n  }\n};\n</script>\n"],"names":["props","__props","emit","__emit","tabsProps","selectedTabId","selectedTab","filteredTabs","hoverStates","themeClasses","showDropdownOnMobile","selectedComponent","selectedProps","selectedEvents","mouseEnter","mouseLeave","handleTabGroupChange","useTabs","event","args","selectInputItems","computed","tab","selectedTabItem","item","handleTabGroupTabChange","index","handleSelectInputChange","t","_openBlock","_createElementBlock","_hoisted_1","_unref","_hoisted_2","_createVNode","SelectInput","HeadlessTabGroup","HeadlessTabList","_Fragment","_renderList","tabItem","_createBlock","HeadlessTab","_withCtx","selected","_createElementVNode","_normalizeClass","$event","_hoisted_4","_toDisplayString","_hoisted_5","_renderSlot","_ctx","_KeepAlive","_resolveDynamicComponent","_mergeProps","_toHandlers"],"mappings":"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"}

package/dist/{TabGroupUnderline.vue_vue_type_script_setup_true_lang-Di33js6c.js → TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js}

@@ -1,7 +1,7 @@
-import { defineComponent as P, computed as k, createElementBlock as n, openBlock as t, createCommentVNode as r, createVNode as v, toDisplayString as p, unref as l, withCtx as F, createElementVNode as i, Fragment as L, renderList as U, normalizeClass as f, createTextVNode as z, renderSlot as g, createBlock as x, KeepAlive as A, resolveDynamicComponent as K, mergeProps as j, toHandlers as q } from "vue";
+import { defineComponent as P, computed as x, createElementBlock as n, openBlock as t, createCommentVNode as r, createVNode as v, toDisplayString as b, unref as l, withCtx as F, createElementVNode as c, Fragment as L, renderList as U, normalizeClass as f, createTextVNode as z, renderSlot as g, createBlock as y, KeepAlive as A, resolveDynamicComponent as K, mergeProps as j, toHandlers as q } from "vue";
 import { useTabs as J } from "./composables/useTabs.js";
-import { _ as Q } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
-import { m as R } from "./tabs-Da32Mbhf.js";
+import { _ as Q } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
+import { m as R } from "./tabs-J5phClGv.js";
 const W = { class: "sl-w-full" }, X = {
   key: 0,
   class: "sl-text-lg sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-mb-4"
@@ -23,8 +23,8 @@ const W = { class: "sl-w-full" }, X = {
     fixedHeight: {}
   },
   emits: ["tab-change"],
-  setup(y, { emit: _ }) {
-    const o = y, T = _, C = {
+  setup(i, { emit: _ }) {
+    const o = i, T = _, C = {
       tabGroup: o.tabGroup,
       tab: o.tab,
       tabs: o.tabs,
@@ -34,10 +34,10 @@ const W = { class: "sl-w-full" }, X = {
     }, {
       selectedTabId: a,
       selectedTab: w,
-      filteredTabs: c,
+      filteredTabs: u,
       hoverStates: M,
       dropdownOnMobile: $,
-      selectedComponent: u,
+      selectedComponent: m,
       selectedProps: G,
       selectedEvents: S,
       mouseEnter: O,
@@ -46,29 +46,29 @@ const W = { class: "sl-w-full" }, X = {
       syncSelectedTabForDesktop: D
     } = J(C, (e, ...d) => {
       e === "tab-change" && T("tab-change", d[0]);
-    }), m = k(
-      () => c.value.map((e) => ({
+    }), h = x(
+      () => u.value.map((e) => ({
         id: e.id,
         name: e.count !== void 0 && e.count !== null ? `${e.name} (${e.count})` : e.name,
         disabled: e.disabled
       }))
-    ), E = k(
-      () => m.value.find((e) => e.id === a.value) || null
-    ), b = (e) => {
+    ), E = x(
+      () => h.value.find((e) => e.id === a.value) || null
+    ), p = (e) => {
       B(e);
     }, H = (e) => {
       e.disabled || D(e);
     }, N = (e) => {
       if (!e) return;
-      const d = c.value.findIndex((s) => s.id === e.id);
-      d >= 0 && b(d);
+      const d = u.value.findIndex((s) => s.id === e.id);
+      d >= 0 && p(d);
     };
     return (e, d) => (t(), n("div", W, [
-      e.title ? (t(), n("h2", X, p(e.title), 1)) : r("", !0),
+      i.title ? (t(), n("h2", X, b(i.title), 1)) : r("", !0),
       l($) ? (t(), n("div", Y, [
         v(Q, {
-          name: `${e.tabGroup}-mobile-tab-select`,
-          items: m.value,
+          name: `${i.tabGroup}-mobile-tab-select`,
+          items: h.value,
           "model-value": E.value,
           "item-key": "id",
           "item-text": "name",
@@ -78,17 +78,17 @@ const W = { class: "sl-w-full" }, X = {
       ])) : r("", !0),
       v(l(R), {
         "selected-index": l(w),
-        onChange: b
+        onChange: p
       }, {
         default: F(() => [
-          i("div", Z, [
-            i("div", I, [
-              i("nav", ee, [
-                (t(!0), n(L, null, U(l(c), (s) => (t(), n("button", {
+          c("div", Z, [
+            c("div", I, [
+              c("nav", ee, [
+                (t(!0), n(L, null, U(l(u), (s) => (t(), n("button", {
                   key: s.id,
-                  onClick: (h) => H(s),
-                  onMouseenter: (h) => l(O)(s.id),
-                  onMouseleave: (h) => l(V)(s.id),
+                  onClick: (k) => H(s),
+                  onMouseenter: (k) => l(O)(s.id),
+                  onMouseleave: (k) => l(V)(s.id),
                   disabled: s.disabled,
                   class: f([
                     "sl-flex sl-whitespace-nowrap sl-border-b-2 sl-py-4 sl-px-1 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200",
@@ -97,7 +97,7 @@ const W = { class: "sl-w-full" }, X = {
                   ]),
                   "aria-current": s.id === l(a) ? "page" : void 0
                 }, [
-                  z(p(s.name) + " ", 1),
+                  z(b(s.name) + " ", 1),
                   s.count !== void 0 && s.count !== null ? (t(), n("span", {
                     key: 0,
                     class: f([
@@ -105,17 +105,17 @@ const W = { class: "sl-w-full" }, X = {
                       s.id === l(a) ? "sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400" : "sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200",
                       l(M)[s.id] ? "sl-ring-1 sl-ring-stachelock-600" : ""
                     ])
-                  }, p(s.count), 3)) : r("", !0)
+                  }, b(s.count), 3)) : r("", !0)
                 ], 42, se))), 128))
               ])
             ])
           ]),
-          i("div", le, [
+          c("div", le, [
             g(e.$slots, "component-heading"),
-            (t(), x(A, null, [
-              l(u) ? (t(), x(K(l(u)), j({ key: l(a) }, l(G) || {}, q(l(S) || {})), null, 16)) : r("", !0)
+            (t(), y(A, null, [
+              l(m) ? (t(), y(K(l(m)), j({ key: l(a) }, l(G) || {}, q(l(S) || {})), null, 16)) : r("", !0)
             ], 1024)),
-            l(u) ? r("", !0) : g(e.$slots, "default", { key: 0 })
+            l(m) ? r("", !0) : g(e.$slots, "default", { key: 0 })
           ])
         ]),
         _: 3
@@ -126,4 +126,4 @@ const W = { class: "sl-w-full" }, X = {
 export {
   de as _
 };
-//# sourceMappingURL=TabGroupUnderline.vue_vue_type_script_setup_true_lang-Di33js6c.js.map
+//# sourceMappingURL=TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js.map

package/dist/{TabGroupUnderline.vue_vue_type_script_setup_true_lang-Di33js6c.js.map → TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabGroupUnderline.vue_vue_type_script_setup_true_lang-Di33js6c.js","sources":["../src/components/tabs/TabGroupUnderline.vue"],"sourcesContent":["<!--\n  @component TabGroupUnderline\n  @description Underline-style tab navigation with mobile dropdown support.\n  \n  A tab component with underline indicator styling. Renders as underline tabs\n  on desktop and switches to SelectInput dropdown on mobile.\n  \n  @props\n  - tabGroup (string, required): Name of the tab group for filtering\n  - tabs (TabsItemType[], required): Array of tab configurations\n  - tab (number, optional): Currently active tab index\n  - title (string, optional): Optional heading title\n  - tabCountTheme (TabCountTheme, optional): Theme for count badges\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - fixedHeight (string, optional): Fixed height CSS class for content area\n  \n  @emits\n  - tab-change: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabGroupUnderline\n    tab-group=\"users\"\n    title=\"User Management\"\n    :tabs=\"userTabs\"\n    :tab=\"activeTab\"\n    @tab-change=\"handleTabChange\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Optional title -->\n    <h2 v-if=\"title\" class=\"sl-text-lg sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-mb-4\">\n      {{ title }}\n    </h2>\n\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"showDropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"`${tabGroup}-mobile-tab-select`\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"id\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <HeadlessTabGroup :selected-index=\"selectedTab\" @change=\"handleTabGroupTabChange\">\n      <div class=\"sl-hidden sm:sl-block\">\n        <div class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700\">\n          <nav class=\"sl--mb-px sl-flex sl-space-x-8\" aria-label=\"Tabs\">\n            <button\n              v-for=\"tabItem in filteredTabs\"\n              :key=\"tabItem.id\"\n              @click=\"selectTab(tabItem)\"\n              @mouseenter=\"mouseEnter(tabItem.id)\"\n              @mouseleave=\"mouseLeave(tabItem.id)\"\n              :disabled=\"tabItem.disabled\"\n              :class=\"[\n                'sl-flex sl-whitespace-nowrap sl-border-b-2 sl-py-4 sl-px-1 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200',\n                tabItem.id === selectedTabId\n                  ? 'sl-border-stachelock-500 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                  : 'sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-200 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n                tabItem.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n              ]\"\n              :aria-current=\"tabItem.id === selectedTabId ? 'page' : undefined\"\n            >\n              {{ tabItem.name }}\n              <span\n                v-if=\"tabItem.count !== undefined && tabItem.count !== null\"\n                :class=\"[\n                  'sl-ml-3 sl-hidden sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium md:sl-inline-block sl-tabular-nums',\n                  tabItem.id === selectedTabId\n                    ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                    : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200',\n                  hoverStates[tabItem.id] ? 'sl-ring-1 sl-ring-stachelock-600' : ''\n                ]\"\n              >\n                {{ tabItem.count }}\n              </span>\n            </button>\n          </nav>\n        </div>\n      </div>\n\n      <!-- Tab content area -->\n      <div class=\"sl-mt-4\">\n        <slot name=\"component-heading\" />\n        \n        <KeepAlive>\n          <component\n            v-if=\"selectedComponent\"\n            :is=\"selectedComponent\"\n            :key=\"selectedTabId\"\n            v-bind=\"selectedProps || {}\"\n            v-on=\"selectedEvents || {}\"\n          />\n        </KeepAlive>\n        \n        <slot v-if=\"!selectedComponent\" />\n      </div>\n    </HeadlessTabGroup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { TabGroup as HeadlessTabGroup } from '@headlessui/vue';\nimport { useTabs, type TabCountTheme, type UseTabsProps } from '../../composables/useTabs';\nimport type { TabsItemType } from '../../types/layouts';\nimport SelectInput from '../inputs/SelectInput.vue';\n\ninterface Props {\n  tabGroup: string;\n  tabs: TabsItemType[];\n  tab?: number | null;\n  title?: string;\n  tabCountTheme?: TabCountTheme;\n  dropdownOnMobile?: boolean;\n  fixedHeight?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tab: 0,\n  tabCountTheme: 'primary',\n  dropdownOnMobile: true,\n});\n\nconst emit = defineEmits<{\n  'tab-change': [index: number];\n}>();\n\nconst tabsProps: UseTabsProps = {\n  tabGroup: props.tabGroup,\n  tab: props.tab,\n  tabs: props.tabs,\n  tabCountTheme: props.tabCountTheme,\n  dropdownOnMobile: props.dropdownOnMobile,\n  fixedHeight: props.fixedHeight,\n};\n\nconst {\n  selectedTabId,\n  selectedTab,\n  filteredTabs,\n  hoverStates,\n  dropdownOnMobile: showDropdownOnMobile,\n  selectedComponent,\n  selectedProps,\n  selectedEvents,\n  mouseEnter,\n  mouseLeave,\n  handleTabGroupTabChange: handleTabGroupChange,\n  syncSelectedTabForDesktop,\n} = useTabs(tabsProps, (event, ...args) => {\n  if (event === 'tab-change') {\n    emit('tab-change', args[0] as number);\n  }\n});\n\n// SelectInput compatible items - include count in name for mobile dropdown\nconst selectInputItems = computed(() => \n  filteredTabs.value.map(tab => ({\n    id: tab.id,\n    name: tab.count !== undefined && tab.count !== null\n      ? `${tab.name} (${tab.count})`\n      : tab.name,\n    disabled: tab.disabled\n  }))\n);\n\n// Currently selected tab item for SelectInput\nconst selectedTabItem = computed(() => \n  selectInputItems.value.find(item => item.id === selectedTabId.value) || null\n);\n\nconst handleTabGroupTabChange = (index: number) => {\n  handleTabGroupChange(index);\n};\n\nconst selectTab = (tabItem: TabsItemType) => {\n  if (!tabItem.disabled) {\n    syncSelectedTabForDesktop(tabItem);\n  }\n};\n\n// Handler for SelectInput changes\nconst handleSelectInputChange = (item: { id: number; name: string; disabled?: boolean } | null) => {\n  if (!item) return;\n  const index = filteredTabs.value.findIndex(t => t.id === item.id);\n  if (index >= 0) {\n    handleTabGroupTabChange(index);\n  }\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","tabsProps","selectedTabId","selectedTab","filteredTabs","hoverStates","showDropdownOnMobile","selectedComponent","selectedProps","selectedEvents","mouseEnter","mouseLeave","handleTabGroupChange","syncSelectedTabForDesktop","useTabs","event","args","selectInputItems","computed","tab","selectedTabItem","item","handleTabGroupTabChange","index","selectTab","tabItem","handleSelectInputChange","t","_openBlock","_createElementBlock","_hoisted_1","title","_hoisted_2","_toDisplayString","_unref","_hoisted_3","_createVNode","SelectInput","tabGroup","HeadlessTabGroup","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_Fragment","_renderList","$event","_normalizeClass","_hoisted_8","_renderSlot","_ctx","_createBlock","_KeepAlive","_resolveDynamicComponent","_mergeProps","_toHandlers"],"mappings":"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"}
+{"version":3,"file":"TabGroupUnderline.vue_vue_type_script_setup_true_lang-_3XtOn3w.js","sources":["../src/components/tabs/TabGroupUnderline.vue"],"sourcesContent":["<!--\n  @component TabGroupUnderline\n  @description Underline-style tab navigation with mobile dropdown support.\n  \n  A tab component with underline indicator styling. Renders as underline tabs\n  on desktop and switches to SelectInput dropdown on mobile.\n  \n  @props\n  - tabGroup (string, required): Name of the tab group for filtering\n  - tabs (TabsItemType[], required): Array of tab configurations\n  - tab (number, optional): Currently active tab index\n  - title (string, optional): Optional heading title\n  - tabCountTheme (TabCountTheme, optional): Theme for count badges\n  - dropdownOnMobile (boolean, optional): Show dropdown on mobile (default: true)\n  - fixedHeight (string, optional): Fixed height CSS class for content area\n  \n  @emits\n  - tab-change: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabGroupUnderline\n    tab-group=\"users\"\n    title=\"User Management\"\n    :tabs=\"userTabs\"\n    :tab=\"activeTab\"\n    @tab-change=\"handleTabChange\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Optional title -->\n    <h2 v-if=\"title\" class=\"sl-text-lg sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-mb-4\">\n      {{ title }}\n    </h2>\n\n    <!-- Mobile dropdown using SelectInput -->\n    <div v-if=\"showDropdownOnMobile\" class=\"sl-block sm:sl-hidden sl-mb-4\">\n      <SelectInput\n        :name=\"`${tabGroup}-mobile-tab-select`\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"id\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop tabs -->\n    <HeadlessTabGroup :selected-index=\"selectedTab\" @change=\"handleTabGroupTabChange\">\n      <div class=\"sl-hidden sm:sl-block\">\n        <div class=\"sl-border-b sl-border-gray-200 dark:sl-border-slate-700\">\n          <nav class=\"sl--mb-px sl-flex sl-space-x-8\" aria-label=\"Tabs\">\n            <button\n              v-for=\"tabItem in filteredTabs\"\n              :key=\"tabItem.id\"\n              @click=\"selectTab(tabItem)\"\n              @mouseenter=\"mouseEnter(tabItem.id)\"\n              @mouseleave=\"mouseLeave(tabItem.id)\"\n              :disabled=\"tabItem.disabled\"\n              :class=\"[\n                'sl-flex sl-whitespace-nowrap sl-border-b-2 sl-py-4 sl-px-1 sl-text-sm sl-font-medium sl-transition-colors sl-duration-200',\n                tabItem.id === selectedTabId\n                  ? 'sl-border-stachelock-500 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                  : 'sl-border-transparent sl-text-gray-500 dark:sl-text-slate-400 hover:sl-border-gray-200 dark:hover:sl-border-slate-600 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n                tabItem.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : 'sl-cursor-pointer'\n              ]\"\n              :aria-current=\"tabItem.id === selectedTabId ? 'page' : undefined\"\n            >\n              {{ tabItem.name }}\n              <span\n                v-if=\"tabItem.count !== undefined && tabItem.count !== null\"\n                :class=\"[\n                  'sl-ml-3 sl-hidden sl-rounded-full sl-py-0.5 sl-px-2.5 sl-text-xs sl-font-medium md:sl-inline-block sl-tabular-nums',\n                  tabItem.id === selectedTabId\n                    ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-900/30 sl-text-stachelock-600 dark:sl-text-stachelock-400'\n                    : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-800 dark:sl-text-slate-200',\n                  hoverStates[tabItem.id] ? 'sl-ring-1 sl-ring-stachelock-600' : ''\n                ]\"\n              >\n                {{ tabItem.count }}\n              </span>\n            </button>\n          </nav>\n        </div>\n      </div>\n\n      <!-- Tab content area -->\n      <div class=\"sl-mt-4\">\n        <slot name=\"component-heading\" />\n        \n        <KeepAlive>\n          <component\n            v-if=\"selectedComponent\"\n            :is=\"selectedComponent\"\n            :key=\"selectedTabId\"\n            v-bind=\"selectedProps || {}\"\n            v-on=\"selectedEvents || {}\"\n          />\n        </KeepAlive>\n        \n        <slot v-if=\"!selectedComponent\" />\n      </div>\n    </HeadlessTabGroup>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { TabGroup as HeadlessTabGroup } from '@headlessui/vue';\nimport { useTabs, type TabCountTheme, type UseTabsProps } from '../../composables/useTabs';\nimport type { TabsItemType } from '../../types/layouts';\nimport SelectInput from '../inputs/SelectInput.vue';\n\ninterface Props {\n  tabGroup: string;\n  tabs: TabsItemType[];\n  tab?: number | null;\n  title?: string;\n  tabCountTheme?: TabCountTheme;\n  dropdownOnMobile?: boolean;\n  fixedHeight?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  tab: 0,\n  tabCountTheme: 'primary',\n  dropdownOnMobile: true,\n});\n\nconst emit = defineEmits<{\n  'tab-change': [index: number];\n}>();\n\nconst tabsProps: UseTabsProps = {\n  tabGroup: props.tabGroup,\n  tab: props.tab,\n  tabs: props.tabs,\n  tabCountTheme: props.tabCountTheme,\n  dropdownOnMobile: props.dropdownOnMobile,\n  fixedHeight: props.fixedHeight,\n};\n\nconst {\n  selectedTabId,\n  selectedTab,\n  filteredTabs,\n  hoverStates,\n  dropdownOnMobile: showDropdownOnMobile,\n  selectedComponent,\n  selectedProps,\n  selectedEvents,\n  mouseEnter,\n  mouseLeave,\n  handleTabGroupTabChange: handleTabGroupChange,\n  syncSelectedTabForDesktop,\n} = useTabs(tabsProps, (event, ...args) => {\n  if (event === 'tab-change') {\n    emit('tab-change', args[0] as number);\n  }\n});\n\n// SelectInput compatible items - include count in name for mobile dropdown\nconst selectInputItems = computed(() => \n  filteredTabs.value.map(tab => ({\n    id: tab.id,\n    name: tab.count !== undefined && tab.count !== null\n      ? `${tab.name} (${tab.count})`\n      : tab.name,\n    disabled: tab.disabled\n  }))\n);\n\n// Currently selected tab item for SelectInput\nconst selectedTabItem = computed(() => \n  selectInputItems.value.find(item => item.id === selectedTabId.value) || null\n);\n\nconst handleTabGroupTabChange = (index: number) => {\n  handleTabGroupChange(index);\n};\n\nconst selectTab = (tabItem: TabsItemType) => {\n  if (!tabItem.disabled) {\n    syncSelectedTabForDesktop(tabItem);\n  }\n};\n\n// Handler for SelectInput changes\nconst handleSelectInputChange = (item: { id: number; name: string; disabled?: boolean } | null) => {\n  if (!item) return;\n  const index = filteredTabs.value.findIndex(t => t.id === item.id);\n  if (index >= 0) {\n    handleTabGroupTabChange(index);\n  }\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","tabsProps","selectedTabId","selectedTab","filteredTabs","hoverStates","showDropdownOnMobile","selectedComponent","selectedProps","selectedEvents","mouseEnter","mouseLeave","handleTabGroupChange","syncSelectedTabForDesktop","useTabs","event","args","selectInputItems","computed","tab","selectedTabItem","item","handleTabGroupTabChange","index","selectTab","tabItem","handleSelectInputChange","t","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_toDisplayString","_unref","_hoisted_3","_createVNode","SelectInput","HeadlessTabGroup","_createElementVNode","_hoisted_4","_hoisted_5","_hoisted_6","_Fragment","_renderList","$event","_normalizeClass","_hoisted_8","_renderSlot","_ctx","_createBlock","_KeepAlive","_resolveDynamicComponent","_mergeProps","_toHandlers"],"mappings":"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"}

package/dist/{TabsInPills.vue_vue_type_script_setup_true_lang-CMxaK0Kw.js → TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js}

@@ -1,5 +1,5 @@
-import { defineComponent as I, createElementBlock as l, openBlock as t, createElementVNode as o, renderSlot as d, createVNode as V, unref as s, Fragment as r, renderList as m, normalizeClass as i, withModifiers as w, createTextVNode as N, createCommentVNode as u, toDisplayString as h } from "vue";
-import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js";
+import { defineComponent as I, createElementBlock as l, openBlock as t, createElementVNode as o, renderSlot as m, createVNode as V, unref as s, Fragment as r, renderList as i, normalizeClass as u, withModifiers as w, createTextVNode as N, createCommentVNode as h, toDisplayString as p } from "vue";
+import { _ as S } from "./SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js";
 import { u as $ } from "./useSimpleTabs-CSgkChEU.js";
 const B = { class: "sl-w-full" }, E = { class: "sm:sl-hidden" }, U = { class: "sl-hidden sm:sl-block sl-overflow-x-auto" }, z = {
   class: "sl-flex sl-flex-nowrap sl-space-x-4",
@@ -15,10 +15,10 @@ const B = { class: "sl-w-full" }, E = { class: "sm:sl-hidden" }, U = { class: "s
     badgeTheme: { default: "primary" }
   },
   emits: ["tab-changed"],
-  setup(p, { emit: k }) {
-    const n = p, g = k, {
-      localTabs: c,
-      selectInputItems: x,
+  setup(n, { emit: k }) {
+    const c = n, x = k, {
+      localTabs: d,
+      selectInputItems: g,
       selectedTabItem: f,
       setActiveTab: b,
       handleSelectInputChange: _,
@@ -26,17 +26,17 @@ const B = { class: "sl-w-full" }, E = { class: "sm:sl-hidden" }, U = { class: "s
       slots: y,
       selectId: T
     } = $({
-      getTabs: () => n.tabs,
-      onTabChange: (a) => g("tab-changed", a),
+      getTabs: () => c.tabs,
+      onTabChange: (a) => x("tab-changed", a),
       includeCountInName: !0,
-      badgeTheme: n.badgeTheme
+      badgeTheme: c.badgeTheme
     });
     return (a, F) => (t(), l("div", B, [
       o("div", E, [
         V(S, {
           name: s(T),
-          label: a.label,
-          items: s(x),
+          label: n.label,
+          items: s(g),
           "model-value": s(f),
           "item-key": "index",
           "item-text": "name",
@@ -46,35 +46,35 @@ const B = { class: "sl-w-full" }, E = { class: "sm:sl-hidden" }, U = { class: "s
       ]),
       o("div", U, [
         o("nav", z, [
-          (t(!0), l(r, null, m(s(c), (e, C) => (t(), l("a", {
+          (t(!0), l(r, null, i(s(d), (e, C) => (t(), l("a", {
             key: e.name,
             href: e.href || "#",
             onClick: w((L) => s(b)(C), ["prevent"]),
-            class: i([
+            class: u([
               e.current ? "sl-bg-stachelock-50 dark:sl-bg-stachelock-900/30 sl-text-stachelock-700 dark:sl-text-stachelock-400" : "sl-text-gray-500 dark:sl-text-slate-400 hover:sl-text-gray-700 dark:hover:sl-text-slate-300",
               "sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-medium sl-cursor-pointer sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2",
               e.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
             ]),
             "aria-current": e.current ? "page" : void 0
           }, [
-            N(h(e.name) + " ", 1),
+            N(p(e.name) + " ", 1),
             s(v)(e) ? (t(), l("span", {
               key: 0,
-              class: i([
+              class: u([
                 "sl-rounded-full sl-py-0.5 sl-px-2 sl-text-xs sl-font-medium sl-tabular-nums",
                 e.current ? "sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-600 dark:sl-text-stachelock-300" : "sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-600 dark:sl-text-slate-300"
               ])
-            }, h(e.count), 3)) : u("", !0)
+            }, p(e.count), 3)) : h("", !0)
           ], 10, A))), 128))
         ])
       ]),
-      d(a.$slots, "default"),
-      (t(!0), l(r, null, m(s(c), (e) => (t(), l(r, {
+      m(a.$slots, "default"),
+      (t(!0), l(r, null, i(s(d), (e) => (t(), l(r, {
         key: e.name
       }, [
         e.current && s(y)[e.name] ? (t(), l("div", D, [
-          d(a.$slots, e.name)
-        ])) : u("", !0)
+          m(a.$slots, e.name)
+        ])) : h("", !0)
       ], 64))), 128))
     ]));
   }
@@ -82,4 +82,4 @@ const B = { class: "sl-w-full" }, E = { class: "sm:sl-hidden" }, U = { class: "s
 export {
   q as _
 };
-//# sourceMappingURL=TabsInPills.vue_vue_type_script_setup_true_lang-CMxaK0Kw.js.map
+//# sourceMappingURL=TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js.map

package/dist/{TabsInPills.vue_vue_type_script_setup_true_lang-CMxaK0Kw.js.map → TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabsInPills.vue_vue_type_script_setup_true_lang-CMxaK0Kw.js","sources":["../src/components/tabs/TabsInPills.vue"],"sourcesContent":["<!--\n  @component TabsInPills\n  @description Pill-style tabs for section headings with mobile dropdown.\n  \n  A tab component styled as pills, suitable for section headings.\n  Includes mobile SelectInput dropdown fallback.\n  \n  @props\n  - tabs (SimpleTabItem[], required): Array of tab configurations\n  - label (string, optional): Label for the mobile select\n  - badgeTheme (TabBadgeTheme, optional): Theme for count badges (default: 'primary')\n  \n  @emits\n  - tab-changed: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabsInPills\n    label=\"View\"\n    :tabs=\"[\n      { name: 'All', current: true },\n      { name: 'Active', current: false, count: 5 },\n      { name: 'Archived', current: false, count: 12 }\n    ]\"\n    @tab-changed=\"handleTabChange\"\n  >\n    <template #All>All items</template>\n    <template #Active>Active items</template>\n    <template #Archived>Archived items</template>\n  </TabsInPills>\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div class=\"sm:sl-hidden\">\n      <SelectInput\n        :name=\"selectId\"\n        :label=\"label\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"index\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop pills -->\n    <div class=\"sl-hidden sm:sl-block sl-overflow-x-auto\">\n      <nav class=\"sl-flex sl-flex-nowrap sl-space-x-4\" aria-label=\"Tabs\">\n        <a\n          v-for=\"(tab, index) in localTabs\"\n          :key=\"tab.name\"\n          :href=\"tab.href || '#'\"\n          @click.prevent=\"setActiveTab(index)\"\n          :class=\"[\n            tab.current \n              ? 'sl-bg-stachelock-50 dark:sl-bg-stachelock-900/30 sl-text-stachelock-700 dark:sl-text-stachelock-400' \n              : 'sl-text-gray-500 dark:sl-text-slate-400 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n            'sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-medium sl-cursor-pointer sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2',\n            tab.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : ''\n          ]\"\n          :aria-current=\"tab.current ? 'page' : undefined\"\n        >\n          {{ tab.name }}\n          <span\n            v-if=\"hasCount(tab)\"\n            :class=\"[\n              'sl-rounded-full sl-py-0.5 sl-px-2 sl-text-xs sl-font-medium sl-tabular-nums',\n              tab.current\n                ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-600 dark:sl-text-stachelock-300'\n                : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-600 dark:sl-text-slate-300'\n            ]\"\n          >\n            {{ tab.count }}\n          </span>\n        </a>\n      </nav>\n    </div>\n\n    <!-- Default slot for general content -->\n    <slot name=\"default\" />\n    \n    <!-- Named slots for each tab -->\n    <template v-for=\"tab in localTabs\" :key=\"tab.name\">\n      <div v-if=\"tab.current && slots[tab.name]\" class=\"sl-mt-4\">\n        <slot :name=\"tab.name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SelectInput from '../inputs/SelectInput.vue';\nimport { useSimpleTabs } from '../../composables/useSimpleTabs';\nimport type { SimpleTabItem, TabBadgeTheme } from '../../types/tabs';\n\ninterface Props {\n  tabs: SimpleTabItem[];\n  label?: string;\n  badgeTheme?: TabBadgeTheme;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  badgeTheme: 'primary'\n});\n\nconst emit = defineEmits<{\n  'tab-changed': [tabIndex: number];\n}>();\n\n// Use the shared composable for all tab logic\nconst {\n  localTabs,\n  selectInputItems,\n  selectedTabItem,\n  setActiveTab,\n  handleSelectInputChange,\n  hasCount,\n  slots,\n  selectId\n} = useSimpleTabs({\n  getTabs: () => props.tabs,\n  onTabChange: (index) => emit('tab-changed', index),\n  includeCountInName: true,\n  badgeTheme: props.badgeTheme\n});\n</script>\n"],"names":["props","__props","emit","__emit","localTabs","selectInputItems","selectedTabItem","setActiveTab","handleSelectInputChange","hasCount","slots","selectId","useSimpleTabs","index","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","SelectInput","_unref","label","_hoisted_3","_hoisted_4","_Fragment","_renderList","tab","_withModifiers","$event","_normalizeClass","_toDisplayString","_renderSlot","_ctx","_hoisted_6"],"mappings":";;;;;;;;;;;;;;;;;;AAsGA,UAAMA,IAAQC,GAIRC,IAAOC,GAKP;AAAA,MACJ,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,IACEC,EAAc;AAAA,MAChB,SAAS,MAAMZ,EAAM;AAAA,MACrB,aAAa,CAACa,MAAUX,EAAK,eAAeW,CAAK;AAAA,MACjD,oBAAoB;AAAA,MACpB,YAAYb,EAAM;AAAA,IAAA,CACnB;sBA9FCc,EAAA,GAAAC,EAyDM,OAzDNC,GAyDM;AAAA,MAvDJC,EAWM,OAXNC,GAWM;AAAA,QAVJC,EASEC,GAAA;AAAA,UARC,MAAMC,EAAAV,CAAA;AAAA,UACN,OAAOW,EAAAA;AAAAA,UACP,OAAOD,EAAAhB,CAAA;AAAA,UACP,eAAagB,EAAAf,CAAA;AAAA,UACd,YAAS;AAAA,UACT,aAAU;AAAA,UACV,aAAY;AAAA,UACX,uBAAoBe,EAAAb,CAAA;AAAA,QAAA;;MAKzBS,EA8BM,OA9BNM,GA8BM;AAAA,QA7BJN,EA4BM,OA5BNO,GA4BM;AAAA,WA3BJV,EAAA,EAAA,GAAAC,EA0BIU,GAAA,MAAAC,EAzBqBL,EAAAjB,CAAA,GAAS,CAAxBuB,GAAKd,YADfE,EA0BI,KAAA;AAAA,YAxBD,KAAKY,EAAI;AAAA,YACT,MAAMA,EAAI,QAAI;AAAA,YACd,SAAKC,EAAA,CAAAC,MAAUR,EAAAd,CAAA,EAAaM,CAAK,GAAA,CAAA,SAAA,CAAA;AAAA,YACjC,OAAKiB,EAAA;AAAA,cAAgBH,EAAI;;cAA0ZA,EAAI,WAAQ,wCAAA;AAAA,YAAA;YAO/b,gBAAcA,EAAI,mBAAmB;AAAA,UAAA;gBAEnCA,EAAI,IAAI,IAAG,KACd,CAAA;AAAA,YACQN,EAAAZ,CAAA,EAASkB,CAAG,UADpBZ,EAUO,QAAA;AAAA;cARJ,OAAKe,EAAA;AAAA;gBAA+GH,EAAI;;eAOtHI,EAAAJ,EAAI,KAAK,GAAA,CAAA;;;;MAOpBK,EAAuBC,EAAA,QAAA,SAAA;AAAA,cAGvBlB,EAIWU,GAAA,MAAAC,EAJaL,EAAAjB,CAAA,GAAS,CAAhBuB;QAAwB,KAAAA,EAAI;AAAA,MAAA;QAChCA,EAAI,WAAWN,KAAMM,EAAI,IAAI,KAAxCb,EAAA,GAAAC,EAEM,OAFNmB,GAEM;AAAA,UADJF,EAAyBC,EAAA,QAAZN,EAAI,IAAI;AAAA,QAAA;;;;;"}
+{"version":3,"file":"TabsInPills.vue_vue_type_script_setup_true_lang-DY1NkXCQ.js","sources":["../src/components/tabs/TabsInPills.vue"],"sourcesContent":["<!--\n  @component TabsInPills\n  @description Pill-style tabs for section headings with mobile dropdown.\n  \n  A tab component styled as pills, suitable for section headings.\n  Includes mobile SelectInput dropdown fallback.\n  \n  @props\n  - tabs (SimpleTabItem[], required): Array of tab configurations\n  - label (string, optional): Label for the mobile select\n  - badgeTheme (TabBadgeTheme, optional): Theme for count badges (default: 'primary')\n  \n  @emits\n  - tab-changed: Emitted when active tab changes, payload is the new index\n  \n  @example\n  <TabsInPills\n    label=\"View\"\n    :tabs=\"[\n      { name: 'All', current: true },\n      { name: 'Active', current: false, count: 5 },\n      { name: 'Archived', current: false, count: 12 }\n    ]\"\n    @tab-changed=\"handleTabChange\"\n  >\n    <template #All>All items</template>\n    <template #Active>Active items</template>\n    <template #Archived>Archived items</template>\n  </TabsInPills>\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <!-- Mobile dropdown using SelectInput -->\n    <div class=\"sm:sl-hidden\">\n      <SelectInput\n        :name=\"selectId\"\n        :label=\"label\"\n        :items=\"selectInputItems\"\n        :model-value=\"selectedTabItem\"\n        item-key=\"index\"\n        item-text=\"name\"\n        placeholder=\"Select tab\"\n        @update:model-value=\"handleSelectInputChange\"\n      />\n    </div>\n\n    <!-- Desktop pills -->\n    <div class=\"sl-hidden sm:sl-block sl-overflow-x-auto\">\n      <nav class=\"sl-flex sl-flex-nowrap sl-space-x-4\" aria-label=\"Tabs\">\n        <a\n          v-for=\"(tab, index) in localTabs\"\n          :key=\"tab.name\"\n          :href=\"tab.href || '#'\"\n          @click.prevent=\"setActiveTab(index)\"\n          :class=\"[\n            tab.current \n              ? 'sl-bg-stachelock-50 dark:sl-bg-stachelock-900/30 sl-text-stachelock-700 dark:sl-text-stachelock-400' \n              : 'sl-text-gray-500 dark:sl-text-slate-400 hover:sl-text-gray-700 dark:hover:sl-text-slate-300',\n            'sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-medium sl-cursor-pointer sl-transition-colors sl-duration-200 sl-flex sl-items-center sl-gap-2',\n            tab.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : ''\n          ]\"\n          :aria-current=\"tab.current ? 'page' : undefined\"\n        >\n          {{ tab.name }}\n          <span\n            v-if=\"hasCount(tab)\"\n            :class=\"[\n              'sl-rounded-full sl-py-0.5 sl-px-2 sl-text-xs sl-font-medium sl-tabular-nums',\n              tab.current\n                ? 'sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-600 dark:sl-text-stachelock-300'\n                : 'sl-bg-gray-100 dark:sl-bg-slate-700 sl-text-gray-600 dark:sl-text-slate-300'\n            ]\"\n          >\n            {{ tab.count }}\n          </span>\n        </a>\n      </nav>\n    </div>\n\n    <!-- Default slot for general content -->\n    <slot name=\"default\" />\n    \n    <!-- Named slots for each tab -->\n    <template v-for=\"tab in localTabs\" :key=\"tab.name\">\n      <div v-if=\"tab.current && slots[tab.name]\" class=\"sl-mt-4\">\n        <slot :name=\"tab.name\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SelectInput from '../inputs/SelectInput.vue';\nimport { useSimpleTabs } from '../../composables/useSimpleTabs';\nimport type { SimpleTabItem, TabBadgeTheme } from '../../types/tabs';\n\ninterface Props {\n  tabs: SimpleTabItem[];\n  label?: string;\n  badgeTheme?: TabBadgeTheme;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  badgeTheme: 'primary'\n});\n\nconst emit = defineEmits<{\n  'tab-changed': [tabIndex: number];\n}>();\n\n// Use the shared composable for all tab logic\nconst {\n  localTabs,\n  selectInputItems,\n  selectedTabItem,\n  setActiveTab,\n  handleSelectInputChange,\n  hasCount,\n  slots,\n  selectId\n} = useSimpleTabs({\n  getTabs: () => props.tabs,\n  onTabChange: (index) => emit('tab-changed', index),\n  includeCountInName: true,\n  badgeTheme: props.badgeTheme\n});\n</script>\n"],"names":["props","__props","emit","__emit","localTabs","selectInputItems","selectedTabItem","setActiveTab","handleSelectInputChange","hasCount","slots","selectId","useSimpleTabs","index","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","SelectInput","_unref","_hoisted_3","_hoisted_4","_Fragment","_renderList","tab","_withModifiers","$event","_normalizeClass","_toDisplayString","_renderSlot","_ctx","_hoisted_6"],"mappings":";;;;;;;;;;;;;;;;;;AAsGA,UAAMA,IAAQC,GAIRC,IAAOC,GAKP;AAAA,MACJ,WAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,yBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,IACEC,EAAc;AAAA,MAChB,SAAS,MAAMZ,EAAM;AAAA,MACrB,aAAa,CAACa,MAAUX,EAAK,eAAeW,CAAK;AAAA,MACjD,oBAAoB;AAAA,MACpB,YAAYb,EAAM;AAAA,IAAA,CACnB;sBA9FCc,EAAA,GAAAC,EAyDM,OAzDNC,GAyDM;AAAA,MAvDJC,EAWM,OAXNC,GAWM;AAAA,QAVJC,EASEC,GAAA;AAAA,UARC,MAAMC,EAAAV,CAAA;AAAA,UACN,OAAOV,EAAA;AAAA,UACP,OAAOoB,EAAAhB,CAAA;AAAA,UACP,eAAagB,EAAAf,CAAA;AAAA,UACd,YAAS;AAAA,UACT,aAAU;AAAA,UACV,aAAY;AAAA,UACX,uBAAoBe,EAAAb,CAAA;AAAA,QAAA;;MAKzBS,EA8BM,OA9BNK,GA8BM;AAAA,QA7BJL,EA4BM,OA5BNM,GA4BM;AAAA,WA3BJT,EAAA,EAAA,GAAAC,EA0BIS,GAAA,MAAAC,EAzBqBJ,EAAAjB,CAAA,GAAS,CAAxBsB,GAAKb,YADfE,EA0BI,KAAA;AAAA,YAxBD,KAAKW,EAAI;AAAA,YACT,MAAMA,EAAI,QAAI;AAAA,YACd,SAAKC,EAAA,CAAAC,MAAUP,EAAAd,CAAA,EAAaM,CAAK,GAAA,CAAA,SAAA,CAAA;AAAA,YACjC,OAAKgB,EAAA;AAAA,cAAgBH,EAAI;;cAA0ZA,EAAI,WAAQ,wCAAA;AAAA,YAAA;YAO/b,gBAAcA,EAAI,mBAAmB;AAAA,UAAA;gBAEnCA,EAAI,IAAI,IAAG,KACd,CAAA;AAAA,YACQL,EAAAZ,CAAA,EAASiB,CAAG,UADpBX,EAUO,QAAA;AAAA;cARJ,OAAKc,EAAA;AAAA;gBAA+GH,EAAI;;eAOtHI,EAAAJ,EAAI,KAAK,GAAA,CAAA;;;;MAOpBK,EAAuBC,EAAA,QAAA,SAAA;AAAA,cAGvBjB,EAIWS,GAAA,MAAAC,EAJaJ,EAAAjB,CAAA,GAAS,CAAhBsB;QAAwB,KAAAA,EAAI;AAAA,MAAA;QAChCA,EAAI,WAAWL,KAAMK,EAAI,IAAI,KAAxCZ,EAAA,GAAAC,EAEM,OAFNkB,GAEM;AAAA,UADJF,EAAyBC,EAAA,QAAZN,EAAI,IAAI;AAAA,QAAA;;;;;"}