design-system-next 2.13.1 → 2.13.2

package/dist/design-system-next.es.js

@@ -20311,7 +20311,7 @@ const vg = (e) => ({
 }), ch = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: dh
-}, Symbol.toStringTag, { value: "Module" })), ph = "design-system-next", gh = "2.13.1", fh = "./dist/design-system-next.umd.js", hh = "./dist/design-system-next.es.js", vh = { type: "git", url: "https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next" }, yh = "module", Ch = ["dist", "dist/", "src/", "README.md", "LICENSE"], mh = { ".": { import: "./dist/design-system-next.es.js", require: "./dist/design-system-next.umd.js" }, "./style.css": "./dist/main.css" }, Mh = { dev: "vite", build: "vue-tsc && vite build", "watch-build": "vue-tsc && vite build --watch", types: "vue-tsc", preview: "vite preview", "lint:script": 'eslint "**/*.{js,ts,vue}"', "lint:style": 'stylelint "**/*.{vue,css}"', "fix:style": 'stylelint --fix "**/*.{vue,css}"', lint: "npm run lint:script && npm run lint:style", prepublishOnly: "npm run build", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "test:e2e": "npx playwright test --ui", clean: "rm -rf node_modules dist coverage package-lock.json && npm install" }, bh = { "@cloudinary/url-gen": "^1.21.0", "@eslint/js": "^9.17.0", "@iconify-icons/ph": "^1.2.5", "@iconify/vue": "^4.3.0", classnames: "^2.5.1", "countries-list": "^3.1.1", dayjs: "^1.11.13", "floating-vue": "^5.2.2", "libphonenumber-js": "^1.12.5", lodash: "^4.17.21", pinia: "^2.3.1", stylelint: "^16.12.0", "stylelint-config-recess-order": "^5.1.1", "stylelint-config-recommended": "^14.0.1", "stylelint-config-recommended-vue": "^1.5.0", "typescript-eslint": "^8.19.1", "vite-plugin-sass": "^0.1.0", vue: "^3.0.0" }, $h = { "@axe-core/playwright": "^4.10.2", "@playwright/test": "^1.55.0", "@stylistic/stylelint-plugin": "^3.1.1", "@types/node": "^22.10.5", "@vitejs/plugin-vue": "^5.2.1", autoprefixer: "^10.4.20", eslint: "^9.17.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-vue": "^9.32.0", prettier: "^3.4.2", "prettier-plugin-tailwindcss": "^0.6.9", "rollup-plugin-gzip": "^4.0.1", "sass-embedded": "^1.83.1", tailwindcss: "^3.4.17", typescript: "~5.7.2", "unplugin-vue-components": "^28.0.0", vite: "^6.0.7", "vite-plugin-dts": "^4.4.0", "vite-tsconfig-paths": "^5.1.4", vitepress: "^1.5.0", "vue-eslint-parser": "^9.4.3", "vue-tsc": "^2.2.0" }, Nh = { vue: "^3.0.0" }, Dh = { node: ">=20.0.0", npm: ">=10.0.0" }, Ih = {
+}, Symbol.toStringTag, { value: "Module" })), ph = "design-system-next", gh = "2.13.2", fh = "./dist/design-system-next.umd.js", hh = "./dist/design-system-next.es.js", vh = { type: "git", url: "https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next" }, yh = "module", Ch = ["dist", "dist/", "src/", "README.md", "LICENSE"], mh = { ".": { import: "./dist/design-system-next.es.js", require: "./dist/design-system-next.umd.js" }, "./style.css": "./dist/main.css" }, Mh = { dev: "vite", build: "vue-tsc && vite build", "watch-build": "vue-tsc && vite build --watch", types: "vue-tsc", preview: "vite preview", "lint:script": 'eslint "**/*.{js,ts,vue}"', "lint:style": 'stylelint "**/*.{vue,css}"', "fix:style": 'stylelint --fix "**/*.{vue,css}"', lint: "npm run lint:script && npm run lint:style", prepublishOnly: "npm run build", "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs", "docs:preview": "vitepress preview docs", "test:e2e": "npx playwright test --ui", clean: "rm -rf node_modules dist coverage package-lock.json && npm install" }, bh = { "@cloudinary/url-gen": "^1.21.0", "@eslint/js": "^9.17.0", "@iconify-icons/ph": "^1.2.5", "@iconify/vue": "^4.3.0", classnames: "^2.5.1", "countries-list": "^3.1.1", dayjs: "^1.11.13", "floating-vue": "^5.2.2", "libphonenumber-js": "^1.12.5", lodash: "^4.17.21", pinia: "^2.3.1", stylelint: "^16.12.0", "stylelint-config-recess-order": "^5.1.1", "stylelint-config-recommended": "^14.0.1", "stylelint-config-recommended-vue": "^1.5.0", "typescript-eslint": "^8.19.1", "vite-plugin-sass": "^0.1.0", vue: "^3.0.0" }, $h = { "@axe-core/playwright": "^4.10.2", "@playwright/test": "^1.55.0", "@stylistic/stylelint-plugin": "^3.1.1", "@types/node": "^22.10.5", "@vitejs/plugin-vue": "^5.2.1", autoprefixer: "^10.4.20", eslint: "^9.17.0", "eslint-config-prettier": "^9.1.0", "eslint-plugin-vue": "^9.32.0", prettier: "^3.4.2", "prettier-plugin-tailwindcss": "^0.6.9", "rollup-plugin-gzip": "^4.0.1", "sass-embedded": "^1.83.1", tailwindcss: "^3.4.17", typescript: "~5.7.2", "unplugin-vue-components": "^28.0.0", vite: "^6.0.7", "vite-plugin-dts": "^4.4.0", "vite-tsconfig-paths": "^5.1.4", vitepress: "^1.5.0", "vue-eslint-parser": "^9.4.3", "vue-tsc": "^2.2.0" }, Nh = { vue: "^3.0.0" }, Dh = { node: ">=20.0.0", npm: ">=10.0.0" }, Ih = {
   name: ph,
   private: !1,
   version: gh,
@@ -20328,12 +20328,10 @@ const vg = (e) => ({
   engines: Dh
 }, xh = "spr-", Ah = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": di, "../src/components/avatar/avatar.vue": Ai, "../src/components/badge/badge.vue": Di, "../src/components/banner/banner.vue": Li, "../src/components/button/button-dropdown/button-dropdown.vue": Bu, "../src/components/button/button.vue": ri, "../src/components/calendar-cell/calendar-cell.vue": qu, "../src/components/calendar/calendar.vue": dc, "../src/components/card/card.vue": ld, "../src/components/checkbox/checkbox.vue": R1, "../src/components/chips/chips.vue": Ic, "../src/components/collapsible/collapsible.vue": ml, "../src/components/date-picker/date-picker.vue": l3, "../src/components/date-picker/date-range-picker/date-range-picker.vue": V3, "../src/components/dropdown/dropdown.vue": Yu, "../src/components/empty-state/empty-state.vue": xd, "../src/components/file-upload/file-upload.vue": c4, "../src/components/filter/filter.vue": A4, "../src/components/floating-action/floating-action.vue": L4, "../src/components/input/input-contact-number/input-contact-number.vue": H6, "../src/components/input/input-dropdown/input-dropdown.vue": G6, "../src/components/input/input-email/input-email.vue": K6, "../src/components/input/input-password/input-password.vue": q6, "../src/components/input/input-search/input-search.vue": eu, "../src/components/input/input-url/input-url.vue": t5, "../src/components/input/input-username/input-username.vue": s5, "../src/components/input/input.vue": q1, "../src/components/list/ladderized-list/ladderized-list-back.vue": Tu, "../src/components/list/ladderized-list/ladderized-list.vue": _u, "../src/components/list/list.vue": xu, "../src/components/logo/logo.vue": a9, "../src/components/lozenge/lozenge.vue": du, "../src/components/modal/modal.vue": g9, "../src/components/progress-bar/progress-bar.vue": M9, "../src/components/radio/radio.vue": S9, "../src/components/select/select-ladderized/select-ladderized.vue": U9, "../src/components/select/select-multiple/select-multiple.vue": r8, "../src/components/select/select.vue": m8, "../src/components/sidenav/sidenav-menu-links.vue": H8, "../src/components/sidenav/sidenav.vue": f7, "../src/components/sidepanel/sidepanel.vue": $7, "../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue": A7, "../src/components/slider/slider.vue": L7, "../src/components/snackbar/snack/snack.vue": U7, "../src/components/snackbar/snackbar.vue": bg, "../src/components/status/status.vue": Ju, "../src/components/stepper/step/step.vue": wg, "../src/components/stepper/stepper.vue": jg, "../src/components/switch/switch.vue": Fg, "../src/components/table/table-actions/table-actions.vue": Qg, "../src/components/table/table-chips-title/table-chips-title.vue": Wg, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": qg, "../src/components/table/table-pagination/table-pagination.vue": uf, "../src/components/table/table.vue": Pf, "../src/components/tabs/tabs.vue": Zf, "../src/components/textarea/textarea.vue": th, "../src/components/time-picker/time-picker.vue": ch, "../src/components/tooltip/tooltip.vue": D8 }), wh = [
   "sidenav-menu-links.vue",
-  "snack.vue",
   "step.vue",
   "table-actions.vue",
   "table-chips-title.vue",
-  "table-lozenge-title.vue",
-  "table-pagination.vue"
+  "table-lozenge-title.vue"
 ], Sh = (e) => {
   Object.entries(Ah).filter(([r]) => {
     const t = r.split("/").pop();

package/dist/design-system-next.umd.js

@@ -18,4 +18,4 @@ Only state can be modified.`);i[0]="$state",jt=!1,o.set(s,i,o.state.value),jt=!0
 	state: () => new MyClass()
 Found in store "${C.$id}".`),y&&s&&r.hydrate&&r.hydrate(C.$state,y),d=!0,p=!0,C}/*! #__NO_SIDE_EFFECTS__ */function M8(t,n,r){let o,a;const s=typeof n=="function";o=t,a=s?r:n;function i(l,c){const d=e.hasInjectionContext();if(l=(process.env.NODE_ENV==="test"&&nr&&nr._testing?null:l)||(d?e.inject(_0,null):null),l&&or(l),process.env.NODE_ENV!=="production"&&!nr)throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
 See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
-This will fail in production.`);l=nr,l._s.has(o)||(s?no(o,n,a,l):U0(o,a,l),process.env.NODE_ENV!=="production"&&(i._pinia=l));const p=l._s.get(o);if(process.env.NODE_ENV!=="production"&&c){const u="__hot:"+o,g=s?no(u,n,a,l,!0):U0(u,Ee({},a),l,!0);c._hotUpdate(g),delete l.state.value[u],l._s.delete(u)}if(process.env.NODE_ENV!=="production"&&st){const u=e.getCurrentInstance();if(u&&u.proxy&&!c){const g=u.proxy,f="_pStores"in g?g._pStores:g._pStores={};f[o]=p}}return p}return i.$id=o,i}const x8=t=>({...t,id:Math.random()*1e3}),R0=M8("snackbar-store",()=>{const t=e.ref([]),n=a=>{t.value=t.value.filter(s=>s.id!==a.id)},r=a=>{const s=x8(a);t.value.push({...s,defaultAction:()=>n(s)}),setTimeout(()=>{n(s)},a.duration||4e3)};return{snacks:t,updateState:r,message:a=>{r({...a})}}}),N8=()=>{const t=R0();return{showSnackbar:i=>{t.message(i)},showSuccess:i=>{t.message({...i,tone:"success"})},showInformation:i=>{t.message({...i,tone:"information"})},showDanger:i=>{t.message({...i,tone:"danger"})},showCaution:i=>{t.message({...i,tone:"caution"})}}},k8={key:0,class:"snackbar-wrapper slide-in-element"},D8=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"snackbar",setup(t,{expose:n}){const r=y8(),o=R0(r),{showSnackbar:a,showSuccess:s,showInformation:i,showDanger:l,showCaution:c}=N8();return n({showSnackbar:d=>a(d),showSuccess:d=>s(d),showInformation:d=>i(d),showDanger:d=>l(d),showCaution:d=>c(d)}),(d,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"snackbar"},{default:e.withCtx(()=>[e.unref(o).snacks.length>0?(e.openBlock(),e.createElementBlock("div",k8,[e.createVNode(e.TransitionGroup,{name:"snackbar",tag:"ul"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).snacks,u=>(e.openBlock(),e.createElementBlock("li",{key:u.id,class:"snackbar-snack spr-mb-size-spacing-3xs"},[e.createVNode(k0,{text:u.text,"action-text":u.actionText,tone:u.tone,"show-action":u.showAction,"show-icon":u.showIcon,duration:u.duration,"action-icon-props":u.actionIconProps,action:u.action||u.defaultAction},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},()=>[e.renderSlot(d.$slots,"snackbarActions",{},void 0,!0)],!0)]),_:2},1032,["text","action-text","tone","show-action","show-icon","duration","action-icon-props","action"])]))),128))]),_:3})])):e.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-06cc3101"]])},Symbol.toStringTag,{value:"Module"})),$8=["horizontal","vertical"],Q0=["compact","solid"],_8={variant:{type:String,validator:t=>$8.includes(t),default:"vertical"},steps:{type:Array,default:()=>[]},hasLines:{type:Boolean,default:!1},type:{type:String,validator:t=>Q0.includes(t),default:"compact"}},v8=["pending","active","completed"],I8={number:{type:Number,required:!0},label:{type:String,required:!1},description:{type:String,required:!1},status:{type:String,validator:t=>v8.includes(t),default:"pending"},type:{type:String,validator:t=>Q0.includes(t)}},S8={click:t=>t instanceof MouseEvent},A8=(t,n)=>({stepClasses:e.computed(()=>{const a=E("spr-flex spr-gap-2 spr-items-top",{"spr-p-size-spacing-3xs spr-rounded-border-radius-lg":t.type==="solid","spr-background-color-brand-weak":t.status==="active"&&t.type==="solid","spr-opacity-60":t.status==="completed"&&t.type==="solid"}),s=E("spr-flex spr-items-center spr-justify-center spr-rounded-border-radius-full spr-h-6 spr-w-6 spr-border spr-border-solid",{"spr-border-2":t.type!=="solid","spr-border-1":t.type==="solid","spr-background-color-brand-base spr-border-color-brand-base":t.status==="active","spr-border-mushroom-300":t.status==="pending","spr-border-kangkong-700":t.status==="completed","spr-background-color-brand-base":t.status==="completed"&&t.type==="solid"}),i=E("spr-body-md-regular-medium",{"spr-text-white-50":t.status==="active","spr-text-mushroom-600":t.status==="pending","spr-text-kangkong-700":t.status==="completed"}),l=E("spr-flex spr-flex-col spr-mt-[2px]"),c=E("spr-body-md-regular spr-whitespace-nowrap",{"spr-text-kangkong-700 !spr-body-md-regular-medium":t.status==="active"&&t.type==="compact","spr-text-mushroom-600":t.status==="pending","spr-text-mushroom-950":t.status==="completed"}),d=E("spr-body-sm-regular spr-text-color-supporting spr-whitespace-nowrap");return{baseClass:a,badgeClass:s,numberClass:i,labelClass:c,textContainerClass:l,descriptionClass:d}}),handleClick:a=>{n("click",a)}}),H0=e.defineComponent({__name:"step",props:I8,emits:S8,setup(t,{emit:n}){const r=t,o=n,{stepClasses:a}=A8(r,o);return(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).baseClass)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).badgeClass)},[r.status==="completed"&&r.type==="solid"?(e.openBlock(),e.createBlock(e.unref(F),{key:0,icon:"ph:check-bold",width:"14px",height:"14px",class:"spr-text-color-inverted-strong"})):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).numberClass)},e.toDisplayString(r.number),3))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).textContainerClass)},[r.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).labelClass)},e.toDisplayString(r.label),3)):e.createCommentVNode("",!0),r.description?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).descriptionClass)},e.toDisplayString(r.description),3)):e.createCommentVNode("",!0)],2)],2))}}),z8=Object.freeze(Object.defineProperty({__proto__:null,default:H0},Symbol.toStringTag,{value:"Module"})),T8=t=>({stepperClasses:e.computed(()=>{const o=E("spr-flex spr-gap-size-spacing-xs ",{"spr-flex-col spr-mb-size-spacing-xs":t.variant==="vertical","spr-flex-row spr-mr-size-spacing-xs":t.variant==="horizontal"}),a=E("spr-flex spr-flex-grow",{"spr-flex-col":t.variant==="vertical","spr-flex-rows":t.variant==="horizontal"}),s=E("spr-flex spr-min-w-6 spr-min-h-6",{"spr-ml-3.5 spr-pt-size-spacing-2xs":t.variant==="vertical","spr-items-center spr-pl-size-spacing-xs spr-w-full":t.variant==="horizontal"}),i=E({"spr-w-0.5 spr-rounded-full spr-h-12":t.variant==="vertical","spr-h-0.5 spr-rounded-full spr-w-full":t.variant==="horizontal"});return{baseClass:o,stepClass:a,lineContainerClass:s,linesClass:i}}),getLineColorClass:o=>o.status==="completed"?"spr-bg-kangkong-700":"spr-bg-mushroom-200"}),E8=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"stepper",props:_8,setup(t){const n=t,{stepperClasses:r,getLineColorClass:o}=T8(n);return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).baseClass)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.steps,(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:e.normalizeClass(e.unref(r).stepClass)},[e.createVNode(H0,{number:i.number,label:i.label,status:i.status,description:i.description,type:n.type},null,8,["number","label","status","description","type"]),n.hasLines&&l<n.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).lineContainerClass)},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).linesClass,e.unref(o)(i)])},null,2)],2)):e.createCommentVNode("",!0)],2))),128))],2))}})},Symbol.toStringTag,{value:"Module"})),j8=["default","hover","pressed","disabled"],L8={state:{type:String,validator:t=>j8.includes(t),default:"default"},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,required:!0,default:!1},id:{type:String,default:""}},O8=["update:modelValue"],B8=t=>{const n=e.ref(null),r=e.ref(null),o=fn(n),{pressed:a}=Yo({target:r}),{disabled:s,state:i,modelValue:l}=e.toRefs(t),c=e.useSlots(),d=(!c.default||c.default().length===0)&&!c.leftText,p=!c.rightText,u=e.computed(()=>({...s.value&&{ariaDisabled:!0},disabled:s.value,autofocus:i.value==="hover",modelValue:l})),g=e.computed(()=>t.disabled?b():a.value?m():o.value?y():f());function f(){return t.modelValue?"spr-background-color-success-base":"spr-switch-background-default"}function y(){return t.modelValue?"spr-background-color-success-hover":"spr-switch-background-hover"}function m(){return t.modelValue?"spr-background-color-success-pressed":"spr-switch-background-pressed"}function b(){return E({"spr-background-color-success-base":t.modelValue,"spr-switch-background-default":!t.modelValue},"spr-opacity-60")}const w=e.computed(()=>t.disabled?"spr-text-color-disabled":"spr-text-color-strong"),A=e.computed(()=>E("spr-transition-colors","before:spr-transition-all before:spr-duration-150","after:spr-transition-all after:spr-duration-150")),M=e.computed(()=>E(g.value,A.value)),D=e.computed(()=>E({"spr-cursor-not-allowed":t.disabled,"spr-cursor-pointer":!t.disabled}));return{switchWrapperRef:n,switchRef:r,switchProps:u,switchMarkClass:M,switchTextClass:w,switchInputClass:D,isLeftTextLabel:d,isRightTextLabel:p}},V8=["for"],P8=["id","disabled"],Y8=["for"],F8=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"switch",props:L8,emits:O8,setup(t,{emit:n}){const r=t,o=n,a=r.id?r.id+"_"+Math.random().toString(36).substring(2,8):"switch_input_"+Math.random().toString(36).substring(2,8),s=ue(r,"modelValue",o),{switchWrapperRef:i,switchRef:l,switchProps:c,switchMarkClass:d,switchTextClass:p,switchInputClass:u,isLeftTextLabel:g,isRightTextLabel:f}=B8(r);return(y,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(c),{class:["spr-flex spr-items-center spr-gap-2",e.unref(p)]}),[e.unref(g)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(a),class:"spr-cursor-pointer"},[e.renderSlot(y.$slots,"leftText",{},()=>[e.renderSlot(y.$slots,"default",{},void 0,!0)],!0)],8,V8)),e.createElementVNode("div",{ref_key:"switchWrapperRef",ref:i,class:e.normalizeClass({"spr-relative spr-flex spr-items-center":!0,"spr-cursor-pointer spr-transition spr-duration-300 spr-ease-in-out active:spr-scale-90":!r.disabled})},[e.withDirectives(e.createElementVNode("input",{id:e.unref(a),ref_key:"switchRef",ref:l,"onUpdate:modelValue":m[0]||(m[0]=b=>e.isRef(s)?s.value=b:null),type:"checkbox",name:"checkbox",class:e.normalizeClass(["input spr-absolute spr-left-0 spr-top-0 spr-z-10 spr-m-0 spr-h-6 spr-w-12 spr-opacity-0",e.unref(u)]),disabled:r.disabled},null,10,P8),[[e.vModelCheckbox,e.unref(s)]]),e.createElementVNode("span",{class:e.normalizeClass(["switch-mark spr-relative spr-box-border spr-inline-block spr-h-6 spr-w-12 spr-rounded-[40px] spr-p-1",e.unref(d)])},null,2)],2),e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:1,for:e.unref(a),class:"spr-cursor-pointer"},[e.renderSlot(y.$slots,"rightText",{},void 0,!0)],8,Y8))],16))}}),[["__scopeId","data-v-57bd4d3a"]])},Symbol.toStringTag,{value:"Module"})),U8=t=>({tableActionsBaseClasses:"spr-h-max spr-p-size-spacing-2xs spr-flex spr-justify-between",inputSearchClasses:"spr-w-full",searchFilterClasses:"spr-size-[30%] spr-flex spr-gap-size-spacing-2xs",updateSearchField:s=>{t("update:searchModel",s)}}),R8={toggleSearch:{type:Boolean,default:!1},toggleOption:{type:Boolean,default:!1},toggleFilter:{type:Boolean,default:!1},searchModel:{type:String,default:""}},Q8={"update:searchModel":t=>typeof t=="string"},Z0=e.defineComponent({__name:"table-actions",props:R8,emits:Q8,setup(t,{emit:n}){const r=n,o=t,{tableActionsBaseClasses:a,inputSearchClasses:s,searchFilterClasses:i,updateSearchField:l}=U8(r);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a))},[e.renderSlot(c.$slots,"tableActionSection",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i))},[o.toggleSearch?(e.openBlock(),e.createBlock(In,{key:0,"model-value":o.searchModel,class:e.normalizeClass(e.unref(s)),placeholder:"Search","onUpdate:modelValue":e.unref(l)},null,8,["model-value","class","onUpdate:modelValue"])):e.createCommentVNode("",!0),o.toggleFilter?(e.openBlock(),e.createBlock(ce,{key:1,variant:"secondary","has-icon":""},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:sliders-horizontal"})]),_:1})):e.createCommentVNode("",!0)],2),o.toggleOption?(e.openBlock(),e.createBlock(ce,{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:dots-three-vertical"})]),_:1})):e.createCommentVNode("",!0)])],2))}}),H8=Object.freeze(Object.defineProperty({__proto__:null,default:Z0},Symbol.toStringTag,{value:"Module"})),Z8={cell:{type:(t=>t)(Object),required:!0}},G8=t=>{const n=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.icon)||""}),r=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.iconWeight)||"regular"}),o=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badge)||!1}),a=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badgeText)||""}),s=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badgeVariant)||"primary"}),i=e.computed(()=>{var c;return(c=t.cell)==null?void 0:c.avatarUrl}),l=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.avatarVariant)||"image"});return{computeIcon:n,computeIconWeight:r,computeBadge:o,computeBadgeText:a,computeBadgeVariant:s,computeAvatarUrl:i,computeAvatarVariant:l}},oo=e.defineComponent({__name:"table-chips-title",props:Z8,setup(t){const n=t,{computeIcon:r,computeIconWeight:o,computeBadge:a,computeBadgeText:s,computeBadgeVariant:i,computeAvatarUrl:l,computeAvatarVariant:c}=G8(n);return(d,p)=>{var u;return e.openBlock(),e.createBlock(At,{label:(u=n.cell)==null?void 0:u.title,icon:e.unref(r),"icon-weight":e.unref(o),badge:e.unref(a),"badge-text":e.unref(s),"badge-variant":e.unref(i),"avatar-url":e.unref(l),"avatar-variant":e.unref(c)},null,8,["label","icon","icon-weight","badge","badge-text","badge-variant","avatar-url","avatar-variant"])}}}),W8=Object.freeze(Object.defineProperty({__proto__:null,default:oo},Symbol.toStringTag,{value:"Module"})),K8={cell:{type:(t=>t)(Object),required:!0}},J8=t=>{const n=e.computed(()=>{var o;return((o=t.cell)==null?void 0:o.tone)||"plain"}),r=e.computed(()=>{var o;return((o=t.cell)==null?void 0:o.fill)||!1});return{computeTone:n,computeFill:r}},ao=e.defineComponent({__name:"table-lozenge-title",props:K8,setup(t){const n=t,{computeTone:r,computeFill:o}=J8(n);return(a,s)=>{var i,l,c;return e.openBlock(),e.createBlock(Ze,{label:(i=n.cell)==null?void 0:i.title,tone:e.unref(r),url:(l=n.cell)==null?void 0:l.avatarUrl,fill:e.unref(o)},e.createSlots({_:2},[(c=n.cell)!=null&&c.icon?{name:"icon",fn:e.withCtx(()=>{var d;return[e.createVNode(e.unref(F),{icon:(d=n.cell)==null?void 0:d.icon},null,8,["icon"])]}),key:"0"}:void 0]),1032,["label","tone","url","fill"])}}}),X8=Object.freeze(Object.defineProperty({__proto__:null,default:ao},Symbol.toStringTag,{value:"Module"})),q8={selectedRowCount:{required:!0,type:Number,default:10},totalItems:{required:!0,type:Number,default:1},currentPage:{required:!0,type:Number,default:1},dropdownSelection:{type:Array,required:!0,default:[{text:10,value:10},{text:20,value:20},{text:50,value:50},{text:100,value:100}]},bordered:{type:Boolean,default:!0},editableCurrentPage:{type:Boolean,default:!1}},e7={"update:selectedRowCount":t=>typeof t=="number","update:currentPage":t=>typeof t=="number",previous:()=>!0,next:()=>!0},t7=(t,n)=>{const{selectedRowCount:r,totalItems:o,bordered:a,editableCurrentPage:s}=e.toRefs(t),i=ue(t,"currentPage",n),l=e.computed(()=>{const M=E("spr-p-size-spacing-xs spr-flex spr-justify-between spr-bg-white-50 spr-h-max",{"spr-border spr-border-solid spr-border-color-weak":a.value,"spr-border-x-0 spr-border-t spr-border-b-0 spr-border-solid spr-border-color-weak":!a.value}),D=E("spr-w-[120px] spr-h-full spr-space-x-2"),$=E("spr-mt-0.5 spr-pl-1 spr-text-mushroom-950"),h=E("spr-flex spr-justify-between spr-items-center",{"spr-space-x-4":!s.value,"spr-gap-size-spacing-3xs":s.value}),C=E("spr-text-color-base spr-body-sm-regular"),I=E("spr-flex",{"spr-space-x-2":!s.value,"spr-gap-size-spacing-5xs":s.value}),S=E("spr-rounded-border-radius-md"),N=E("!spr-w-max");return{baseClass:M,dropdownInputFieldClass:D,rightSideClass:h,computeRowRangeClass:C,inputFieldIconClass:$,navigationContainerClass:I,navigationButtonClass:S,dropdownClass:N}}),c=e.ref(t.dropdownSelection),d=e.computed(()=>{const M=(i.value-1)*r.value+1,D=Math.min(i.value*r.value,o.value);return`${M} - ${D} of ${o.value}`}),p=e.computed(()=>`${r.value} Rows`),u=M=>{n("update:selectedRowCount",Number(M))},g=()=>{n("previous")},f=()=>{n("next")},y=e.computed(()=>t.currentPage===1),m=e.computed(()=>t.totalItems<=t.currentPage*t.selectedRowCount),b=()=>{const M=Date.now(),D=Math.floor(Math.random()*1e6);return`dropdown-${M}-${D}`},w=e.ref(`dropdown-${b()}`),A=e.computed(()=>Math.ceil(t.totalItems/t.selectedRowCount));return{paginationClasses:l,handleSelectedItem:u,computeRowRange:d,computeSelectedRowCount:p,next:f,previous:g,disabledNext:y,disabledPrevious:m,dropdownSelection:c,dropdownId:w,currentPage:i,totalPages:A}},r7={key:0,class:"spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-4xs"},n7=["max"],o7={class:"spr-body-xs-regular spr-text-color-base"},a7=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"table-pagination",props:q8,emits:e7,setup(t,{emit:n}){const r=n,o=t,{paginationClasses:a,handleSelectedItem:s,computeRowRange:i,computeSelectedRowCount:l,next:c,previous:d,disabledNext:p,disabledPrevious:u,dropdownSelection:g,dropdownId:f,currentPage:y,totalPages:m}=t7(o,r);return(b,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).baseClass)},[e.createVNode(_r,{id:e.unref(f),"menu-list":e.unref(g),"dropdown-type":"single-select",placement:"bottom",class:e.normalizeClass(e.unref(a).dropdownClass),"onUpdate:modelValue":e.unref(s)},{default:e.withCtx(()=>[e.createVNode($e,{modelValue:e.unref(l),"onUpdate:modelValue":w[0]||(w[0]=A=>e.isRef(l)?l.value=A:null),class:e.normalizeClass(e.unref(a).dropdownInputFieldClass),readonly:!0},{icon:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-down-bold",class:e.normalizeClass(e.unref(a).inputFieldIconClass)},null,8,["class"])]),_:1},8,["modelValue","class"])]),_:1},8,["id","menu-list","class","onUpdate:modelValue"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).rightSideClass)},[b.editableCurrentPage?(e.openBlock(),e.createElementBlock("div",r7,[w[2]||(w[2]=e.createElementVNode("span",{class:"spr-body-xs-regular spr-text-color-base"},"Page",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":w[1]||(w[1]=A=>e.isRef(y)?y.value=A:null),type:"number",min:"1",max:e.unref(m),class:"number-input spr-text-center spr-font-main spr-font-medium spr-font-size-200 spr-font-height-300 sp-text-color-strong spr-p-size-spacing-3xs spr-rounded-border-radius-md spr-border spr-border-solid spr-border-color-base spr-outline-none spr-min-w-[48px] spr-max-h-[36px] spr-w-[48px] spr-h-[32px] spr-box-border"},null,8,n7),[[e.vModelText,e.unref(y)]]),e.createElementVNode("span",o7,"of "+e.toDisplayString(e.unref(m)),1)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).computeRowRangeClass)},e.toDisplayString(e.unref(i)),3)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).navigationContainerClass)},[e.createVNode(ce,{id:"previousButton","has-icon":"",class:e.normalizeClass(e.unref(a).navigationButtonClass),disabled:e.unref(p),onClick:e.unref(d)},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-left"})]),_:1},8,["class","disabled","onClick"]),e.createVNode(ce,{id:"nextButton","has-icon":"",class:e.normalizeClass(e.unref(a).navigationButtonClass),disabled:e.unref(u),onClick:e.unref(c)},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-right"})]),_:1},8,["class","disabled","onClick"])],2)],2)],2))}}),[["__scopeId","data-v-3cd4b085"]])},Symbol.toStringTag,{value:"Module"})),G0=["asc","desc"],s7=["surface","white"],i7={action:{type:Boolean,default:!1},dataTable:{type:Array,default:!1},headers:{type:Array,required:!0,default:()=>[]},emptyState:{type:Object,default:()=>({description:"No results found",subDescription:"Try a different search term",image:"location",size:"large"})},emptyStateCustomClasses:{type:String,default:""},tableActionSlotCustomClasses:{type:String,default:""},loading:{type:Boolean,default:!1},tableActions:{type:Object,default:()=>({search:!1,filter:!1,option:!1})},searchModel:{type:String,default:""},sortOrder:{type:String,validator:t=>G0.includes(t),default:"asc"},variant:{type:String,validator:t=>s7.includes(t),default:"surface"},isRowClickable:{type:Boolean,default:!1},fullHeight:{type:Boolean,default:!0},removeHeaderOnEmpty:{type:Boolean,default:!1},isMultiSelect:{type:Boolean,default:!1},selectedKeyId:{type:String,default:""},returnCompleteSelectedProperties:{type:Boolean,default:!1}},l7={"update:searchModel":t=>typeof t=="string",onSort:t=>typeof t.field=="string"&&G0.includes(t.sortOrder),onRowClick:(t,n)=>typeof t=="object"&&typeof n=="number",onHover:t=>typeof t.active=="boolean"&&typeof t.data=="object","update:selectedData":t=>Array.isArray(t)&&t.every(n=>(typeof n=="object"||typeof n=="string"||typeof n=="number")&&n!==null)},c7=(t,n,r)=>{const{dataTable:o,action:a,headers:s,sortOrder:i,fullHeight:l,selectedKeyId:c,returnCompleteSelectedProperties:d}=e.toRefs(t),p=e.ref(""),u=e.ref(t.searchModel),g=e.ref(i.value),f=e.ref(!1),y=e.ref([]),m=e.computed(()=>y.value.length===0?!1:y.value.length===w.value.length),b=e.computed(()=>y.value.length===0?!1:y.value.length>0&&y.value.length<w.value.length),w=e.computed(()=>!p.value||i!=null&&i.value?o.value:[...o.value].sort((z,j)=>{const P=S(z[p.value]),J=S(j[p.value]);return P<J?g.value==="asc"?-1:1:P>J?g.value==="asc"?1:-1:0})),A=x=>{p.value===x?g.value=g.value==="asc"?"desc":"asc":(p.value=x,g.value="asc"),n("onSort",{field:x,sortOrder:g.value})},M=x=>p.value!==x?"ph:caret-up-down-light":g.value==="asc"?"ph:arrow-up":"ph:arrow-down",D=e.computed(()=>a.value?s.value.length+1:s.value.length),$=x=>{n("update:searchModel",x)},h=e.computed(()=>t.tableActions.search||t.tableActions.filter||t.tableActions.option),C=(x,z)=>{t.isRowClickable&&n("onRowClick",x,z)},I=e.computed(()=>l.value?"large":"small"),S=x=>typeof x=="string"?x.toLowerCase():typeof x=="object"&&!Array.isArray(x)&&x!==null?x.title.toLowerCase():Array.isArray(x)&&x.length>0?x[0].title.toLowerCase():"",N=e.computed(()=>{const x=E("spr-flex spr-flex-col spr-h-full spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative spr-font-main"),z=E("spr-w-full spr-bottom-0 spr-left-0",{"spr-background-color-surface":t.variant==="surface","spr-background-color":t.variant==="white"}),j=E({"spr-background-color":t.variant==="white","spr-background-color-surface":t.variant==="surface"}),P=he=>he!=null&&he.customTailwindClasses?E(he.customTailwindClasses):E("spr-min-h-12 spr-px-size-spacing-2xs spr-py-size-spacing-3xs","spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-text-start spr-font-medium spr-uppercase","spr-border-color-weak spr-border-x-0 spr-border-y spr-border-solid",{"spr-border-t-0":!r.default},j),J="spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-5xs",H=E({"spr-px-size-spacing-sm spr-py-size-spacing-xs":!!r.default}),le="spr-border-color-weak spr-w-full spr-border spr-border-solid",W="spr-background-color-surface spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-uppercase",X=E("spr-min-h-[60px]",{"spr-cursor-pointer":t.isRowClickable}),oe="spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3",ne="spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3",se=E("spr-h-full"),pe=E({"spr-overflow-y-auto spr-h-full":l.value,"spr-h-[250px]":!l.value&&r.footer,"spr-h-[360px]":!l.value&&!r.footer}),de=E({"spr-overflow-y-hidden spr-h-[calc(90vh-150px)] md:spr-h-[calc(80vh-150px)] sm:spr-h-[calc(70vh-150px)]":l.value&&r.footer,"spr-overflow-y-auto spr-h-[75vh]":l.value&&!r.footer,"spr-h-[250px]":!l.value&&r.footer,"spr-h-[360px]":!l.value&&!r.footer}),ye=E("spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid"),re=E("spr-px-size-spacing-2xs spr-py-size-spacing-3xs spr-w-[44px] "),ee=E(`${de} ${t.emptyStateCustomClasses}`),Z=E(`${H} ${t.tableActionSlotCustomClasses}`);return{headerClasses:P,tableWrapperClasses:x,defaultSlotClasses:H,tableHeaderActionsClasses:le,headerNameClass:J,tableCellSlotClasses:W,multiselectRowClass:ye,multiselectClass:re,tableRowClasses:X,tableDataClasses:oe,tableRowActionClasses:ne,tableBackgroundClasses:se,tableBodyClasses:pe,tableFooterClasses:z,emptyStateClasses:ee,tableActionSlotClasses:Z}}),L=(x,z)=>w.value[x][z],T=x=>typeof x=="object"&&"title"in x,V=x=>{if(!c.value||!(c.value in x))return;const z=y.value.findIndex(j=>{const P=j[c.value],J=x[c.value];return T(P)&&T(J)?P.title===J.title:j[c.value]===x[c.value]});z!==-1?y.value.splice(z,1):y.value.push(x),_()},v=()=>{m.value||b.value?y.value=[]:y.value=[...w.value],_()},k=x=>!c.value||!(c.value in x)?!1:y.value.some(z=>{const j=z[c.value],P=x[c.value];return T(j)&&T(P)?j.title===P.title:z[c.value]===x[c.value]}),_=()=>{if(d.value)n("update:selectedData",y.value);else{const x=y.value.map(z=>{const j=z[c.value];return typeof j=="object"?{...j}:j});n("update:selectedData",x)}};return e.watch(w,x=>{x&&t.isMultiSelect&&y.value.length>0&&x.forEach(z=>{const j=y.value.findIndex(P=>{const J=P[c.value],H=z[c.value];return T(J)&&T(H)?J.title===H.title:P[c.value]===z[c.value]});j===-1&&y.value.splice(j,1)})}),{sortData:A,updateSearchField:$,handleRowClick:C,handleSelect:V,handleSelectAll:v,sortedData:w,getHeaderCount:D,hasTableActions:h,searchField:u,getTableClasses:N,getEmptyStateSize:I,selectAll:f,selectedData:y,isAllSelected:m,isRowSelected:k,isIndeterminate:b,sortedDataItem:L,getSortIcon:M,sortField:p}},d7={"aria-describedby":"describe",class:"spr-h-full spr-w-full spr-table-fixed",cellspacing:"0",cellpadding:"0"},p7={key:0},u7={class:"spr-flex spr-items-center spr-justify-center"},f7=["onClick"],g7={key:0},m7=["onClick"],h7=["onClick","onMouseover","onMouseleave"],y7={class:"spr-flex spr-items-center spr-justify-center"},b7={key:0,class:"spr-flex spr-flex-row spr-items-center spr-gap-2"},C7={key:1,class:"spr-flex spr-items-center spr-rounded-full spr-bg-mushroom-200 spr-p-1"},w7={key:0,class:"spr-flex spr-flex-wrap spr-gap-2"},M7={key:0,class:"spr-mt-1"},x7={key:1,class:"spr-mt-1"},N7={key:1},k7={key:0,class:"spr-mt-1"},D7={key:1,class:"spr-mt-1"},$7={key:2,class:"spr-text-color-strong spr-font-size-200 spr-font-normal"},_7={key:2,class:"spr-text-color-base spr-text-xs spr-font-normal"},v7={class:"spr-flex spr-items-center"},I7={key:0,class:"spr-h-full"},S7=["colspan"],A7={key:1},z7=["colspan"],T7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"table",props:i7,emits:l7,setup(t,{emit:n}){const r=t,o=n,a=e.useSlots(),{sortedData:s,getHeaderCount:i,hasTableActions:l,searchField:c,getTableClasses:d,getEmptyStateSize:p,isAllSelected:u,isIndeterminate:g,sortField:f,isRowSelected:y,sortData:m,updateSearchField:b,handleRowClick:w,handleSelect:A,handleSelectAll:M,sortedDataItem:D,getSortIcon:$}=c7(r,o,a);return(h,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).tableWrapperClasses)},[h.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d).tableActionSlotClasses)},[e.renderSlot(h.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(d).tableHeaderActionsClasses)},[e.createVNode(Z0,{"search-model":e.unref(c),"onUpdate:searchModel":[C[0]||(C[0]=I=>e.isRef(c)?c.value=I:null),e.unref(b)],"toggle-search":r.tableActions.search,"toggle-option":r.tableActions.option,"toggle-filter":r.tableActions.filter},{tableActionSection:e.withCtx(()=>[e.renderSlot(h.$slots,"tableActionSection")]),_:3},8,["search-model","toggle-search","toggle-option","toggle-filter","onUpdate:searchModel"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d).tableBackgroundClasses)},[e.createElementVNode("table",d7,[e.createElementVNode("thead",null,[r.removeHeaderOnEmpty&&e.unref(s).length<=0?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",p7,[r.isMultiSelect?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([e.unref(d).multiselectClass,e.unref(d).headerClasses(null)])},[e.createElementVNode("div",u7,[e.createVNode(Mt,{label:"",checked:e.unref(u)||e.unref(g),indeterminate:e.unref(g),"onUpdate:modelValue":e.unref(M)},null,8,["checked","indeterminate","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.headers,(I,S)=>(e.openBlock(),e.createElementBlock("th",{key:S,class:e.normalizeClass([e.unref(d).headerClasses(I)]),style:e.normalizeStyle({width:I==null?void 0:I.width})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d).headerNameClass)},[e.createElementVNode("span",{class:e.normalizeClass([{"spr-cursor-pointer":I.sort}]),onClick:N=>I.sort&&e.unref(m)(I.field)},e.toDisplayString(I.name),11,f7),I.badgeText?(e.openBlock(),e.createElementBlock("span",g7,[e.createVNode(mt,{text:I.badgeText,variant:I.badgeVariant,size:"small"},null,8,["text","variant"])])):e.createCommentVNode("",!0),I.sort?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["spr-flex spr-flex-row spr-items-center spr-p-size-spacing-6xs","hover:spr-rounded-border-radius-xs hover:spr-bg-mushroom-300",{"spr-cursor-pointer":I.sort}]),onClick:N=>I.sort&&e.unref(m)(I.field)},[e.createVNode(e.unref(F),{icon:e.unref($)(I.field),height:"16",width:"16",class:e.normalizeClass([{"spr-text-kangkong-700":e.unref(f)===I.field}])},null,8,["icon","class"])],10,m7)):e.createCommentVNode("",!0)],2)],6))),128)),h.action?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(d).headerClasses(null))},[e.renderSlot(h.$slots,"action-name",{class:e.normalizeClass(e.unref(d).tableCellSlotClasses)})],2)):e.createCommentVNode("",!0)]))]),e.unref(s).length>0&&!h.loading?(e.openBlock(),e.createElementBlock("tbody",{key:0,class:e.normalizeClass(e.unref(d).tableBodyClasses)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(I,S)=>(e.openBlock(),e.createElementBlock("tr",{key:S,class:e.normalizeClass([e.unref(d).tableRowClasses,e.unref(y)(I)?"spr-bg-kangkong-100":"hover:spr-background-color-hover"]),onClick:N=>e.unref(w)(I,S),onMouseover:N=>h.$emit("onHover",{active:!0,data:I}),onMouseleave:N=>h.$emit("onHover",{active:!1,data:I})},[r.isMultiSelect?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([e.unref(d).multiselectClass,e.unref(d).multiselectRowClass])},[e.createElementVNode("div",y7,[e.createVNode(Mt,{label:"",checked:e.unref(y)(I),"onUpdate:modelValue":N=>e.unref(A)(I)},null,8,["checked","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.headers,(N,L)=>(e.openBlock(),e.createElementBlock("td",{key:L,class:e.normalizeClass(e.unref(d).tableDataClasses),style:e.normalizeStyle({width:N==null?void 0:N.width})},[h.$slots[N.field]?e.renderSlot(h.$slots,N.field,{key:0,row:I,rowIndex:S}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(s)[S][N.field]?(e.openBlock(),e.createElementBlock("div",b7,[N.hasAvatar?(e.openBlock(),e.createBlock(Pe,{key:0,size:"lg",src:e.unref(D)(S,N.field).image,alt:"User Avatar",variant:N.avatarVariant?N.avatarVariant:"initial",initial:e.unref(D)(S,N.field).title},null,8,["src","variant","initial"])):e.createCommentVNode("",!0),N.hasIcon?(e.openBlock(),e.createElementBlock("div",C7,[e.createVNode(e.unref(F),{icon:e.unref(D)(S,N.field).icon||""},null,8,["icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",null,[Array.isArray(e.unref(D)(S,N.field).title)?(e.openBlock(),e.createElementBlock("div",w7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D)(S,N.field).title,(T,V)=>(e.openBlock(),e.createElementBlock("div",{key:V},[N.hasLozengeTitle?(e.openBlock(),e.createElementBlock("div",M7,[e.createVNode(ao,{cell:T},null,8,["cell"])])):N.hasChipTitle?(e.openBlock(),e.createElementBlock("div",x7,[e.createVNode(oo,{cell:T},null,8,["cell"])])):e.createCommentVNode("",!0)]))),128))])):(e.openBlock(),e.createElementBlock("div",N7,[N.hasLozengeTitle?(e.openBlock(),e.createElementBlock("div",k7,[e.createVNode(ao,{cell:e.unref(D)(S,N.field).title},null,8,["cell"])])):N.hasChipTitle?(e.openBlock(),e.createElementBlock("div",D7,[e.createVNode(oo,{cell:e.unref(D)(S,N.field).title},null,8,["cell"])])):(e.openBlock(),e.createElementBlock("div",$7,e.toDisplayString(e.unref(D)(S,N.field).title),1))])),N.hasSubtext?(e.openBlock(),e.createElementBlock("div",_7,e.toDisplayString(e.unref(D)(S,N.field).subtext),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],64))],6))),128)),h.action?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(e.unref(d).tableRowActionClasses)},[e.createElementVNode("div",v7,[e.renderSlot(h.$slots,"action",{row:I})])],2)):e.createCommentVNode("",!0)],42,h7))),128))],2)):(e.openBlock(),e.createElementBlock("tbody",{key:1,class:e.normalizeClass(e.unref(d).emptyStateClasses)},[h.loading?(e.openBlock(),e.createElementBlock("tr",A7,[e.createElementVNode("td",{colspan:e.unref(i),class:"spr-overflow-hidden"},[e.renderSlot(h.$slots,"loading",{},()=>[C[1]||(C[1]=e.createElementVNode("div",{class:"spr-flex spr-items-center spr-justify-center"},"Loading...",-1))])],8,z7)])):(e.openBlock(),e.createElementBlock("tr",I7,[e.createElementVNode("td",{colspan:e.unref(i),class:"spr-flex spr-h-full spr-items-center spr-justify-center"},[e.renderSlot(h.$slots,"empty-state",{},()=>[e.createVNode(zn,{size:e.unref(p)},null,8,["size"])])],8,S7)]))],2))])],2),h.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(d).tableFooterClasses)},[e.renderSlot(h.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}})},Symbol.toStringTag,{value:"Module"})),E7={list:{type:Array,default:()=>[]},underlined:{type:Boolean,default:!1},activeTab:{type:String,default:""}},j7={tabIndex:t=>typeof t=="number"},L7=(t,n)=>{const r=e.computed(()=>E({"spr-relative spr-px-size-spacing-xs spr-body-sm spr-text-color-strong spr-group":!0,"spr-transition-left spr-duration-150 spr-ease-in-out":!0,"capitalize spr-py-size-spacing-3xs":!t.underlined,"spr-uppercase spr-border-x-0 spr-border-t-0 spr-py-size-spacing-xs":t.underlined})),o=e.ref({index:0,previousIndex:-1,width:0,undelineLeftOffset:0}),a=()=>{if(t.activeTab){const c=t.list.filter(d=>d.label.toString().trim()===t.activeTab.toString().trim());if(c.length>0){const d=t.list.indexOf(c[0]);o.value.index=d}}else o.value.index=0;const l=s.value[o.value.index];l&&(o.value.width=l.clientWidth,o.value.undelineLeftOffset=l.offsetLeft),n("tabIndex",o.value.index)},s=e.ref([]),i=(l,c=!1)=>{if(c)return;const d=o.value.index;if(d===l)return;o.value.previousIndex=d,o.value.index=l,o.value.width=s.value[l].clientWidth;const p=s.value[d].offsetLeft,g=s.value[l].offsetLeft-p;o.value.undelineLeftOffset+=g,n("tabIndex",l)};return e.watch(()=>t.activeTab,(l,c)=>{l!==c&&a()}),e.onMounted(()=>{a()}),{tabsClasses:r,activeTab:o,tabElements:s,updateSelectedTabIndex:i}},O7={class:"spr-relative spr-flex"},B7=["onClick"],V7={key:0},P7={key:1},Y7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"tabs",props:E7,emits:j7,setup(t,{emit:n}){const r=n,o=t,{tabsClasses:a,activeTab:s,tabElements:i,updateSelectedTabIndex:l}=L7(o,r);return(c,d)=>(e.openBlock(),e.createElementBlock("div",O7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.list,(p,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,ref_for:!0,ref_key:"tabElements",ref:i,class:e.normalizeClass([e.unref(a),{"spr-rounded-l-md":!c.underlined&&u===0,"spr-rounded-r-md":!c.underlined&&u===e.unref(i).length-1,"spr-border-color-success-base spr-cursor-pointer !spr-border !spr-border-solid":!c.underlined&&e.unref(s).index===u,"spr-border-color-weak hover:spr-background-color-hover spr-cursor-pointer !spr-border-x-[0.5px] !spr-border-y !spr-border-solid":!c.underlined&&e.unref(s).index!==u,"spr-background-color-disabled !spr-cursor-not-allowed !spr-text-color-on-fill-disabled":!c.underlined&&p.disabled,"spr-cursor-pointer":c.underlined&&e.unref(s).index===u,"spr-border-color-base spr-cursor-pointer !spr-border-b !spr-border-solid":c.underlined&&e.unref(s).index!==u,"hover:spr-background-color-hover spr-cursor-pointer":c.underlined&&e.unref(s).index!==u&&!p.disabled,"spr-border-color-disabled spr-text-color-on-fill-disabled !spr-cursor-not-allowed spr-border-b":c.underlined&&p.disabled}]),onClick:g=>e.unref(l)(u,p.disabled)},[!c.underlined&&e.unref(s).index===u?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["spr-background-color-single-active spr-tw-w-full spr-absolute spr-bottom-0 spr-left-0 spr-z-[5] spr-block spr-h-full spr-w-full",{"spr-rounded-l-md":e.unref(s).index===0,"spr-rounded-r-md":e.unref(s).index===e.unref(i).length-1}])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"spr-relative spr-z-[10] spr-flex spr-items-center spr-gap-size-spacing-5xs spr-leading-none":!0,"spr-cursor-not-allowed":p.disabled})},[p.icon?(e.openBlock(),e.createElementBlock("div",V7,[e.createVNode(e.unref(F),{class:e.normalizeClass({"spr-body-sm-regular":!0,"spr-text-color-brand-base":e.unref(s).index===u}),icon:e.unref(s).index===u&&typeof p.iconFill=="string"?p.iconFill:p.icon},null,8,["class","icon"])])):e.createCommentVNode("",!0),p.label?(e.openBlock(),e.createElementBlock("div",P7,e.toDisplayString(p.label),1)):e.createCommentVNode("",!0)],2)],10,B7))),128)),c.underlined?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["spr-background-color-success-base spr-absolute spr-bottom-0 spr-left-0 spr-z-10 spr-block spr-h-0.5 spr-rounded-full","spr-transition-left spr-duration-150 spr-ease-in-out"]),style:e.normalizeStyle({width:`${e.unref(s).width}px`,left:`${e.unref(s).undelineLeftOffset}px`})},null,4)):e.createCommentVNode("",!0)]))}})},Symbol.toStringTag,{value:"Module"})),F7={id:{type:String,default:""},modelValue:{type:String,default:""},label:{type:String,default:""},supportingLabel:{type:String,default:""},placeholder:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},minLength:{type:Number},maxLength:{type:Number},rows:{type:Number,default:4},displayHelper:{type:Boolean,default:!1},helperIcon:{type:String,default:null},helperText:{type:String,default:""},hasCounter:{type:Boolean,default:!1}},U7={"update:modelValue":t=>typeof t=="string"},R7=(t,n)=>{const{error:r,disabled:o,readonly:a}=e.toRefs(t),s=ue(t,"modelValue",n);return{textareaClasses:e.computed(()=>{const c=E("spr-flex spr-flex-col spr-gap-size-spacing-4xs"),d=E("spr-body-sm-regular spr-text-color-strong spr-flex spr-gap-2",{"spr-text-color-on-fill-disabled":o.value,"spr-text-color-base":a.value}),p=E("spr-body-sm-regular spr-text-color-supporting",{"spr-text-color-on-fill-disabled":o.value,"spr-text-color-base":a.value}),u=E("spr-block spr-w-full spr-px-size-spacing-2xs spr-py-size-spacing-4xs spr-rounded-border-radius-md spr-outline-none spr-ring-0 spr-resize-none spr-font-main","spr-text-color-strong spr-font-size-200","spr-border spr-border-solid","placeholder:spr-text-mushroom-300",{"spr-border-mushroom-200 focus:spr-border-kangkong-700":!r.value&&!o.value,"spr-border-tomato-600 focus:spr-border-tomato-600":r.value,"spr-background-color-disabled spr-border-white-100 focus:spr-border-white-100 spr-cursor-not-allowed spr-text-color-on-fill-disabled":o.value,"spr-background-color-disabled spr-border-white-100 focus:spr-border-white-100 spr-cursor-not-allowed   spr-text-color-base":a.value}),g=E("spr-body-sm-regular spr-flex spr-items-center spr-gap-size-spacing-5xs",{"spr-text-color-danger-base":r.value,"spr-text-color-supporting":!r.value}),f=E("spr-flex spr-items-start",{"spr-justify-between":t.displayHelper&&t.hasCounter,"spr-justify-end":!t.displayHelper&&t.hasCounter});return{wrapperClasses:c,labelClasses:d,supportingLabelClasses:p,textAreaClasses:u,helperClasses:g,slotWrapperClasses:f}}),onInput:c=>{s.value=c.target.value}}},Q7=["for"],H7={key:0},Z7=["id","rows","placeholder","value","minlength","maxlength","readonly","disabled"],G7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"textarea",props:F7,emits:U7,setup(t,{emit:n}){const r=t,o=n,{onInput:a,textareaClasses:s}=R7(r,o);return(i,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).wrapperClasses)},[r.label||r.supportingLabel?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass(e.unref(s).labelClasses)},[r.label?(e.openBlock(),e.createElementBlock("span",H7,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),r.supportingLabel?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s).supportingLabelClasses)},e.toDisplayString(r.supportingLabel),3)):e.createCommentVNode("",!0)],10,Q7)):e.createCommentVNode("",!0),e.createElementVNode("textarea",e.mergeProps(i.$attrs,{id:r.id,class:e.unref(s).textAreaClasses,rows:i.rows,placeholder:i.placeholder,value:i.modelValue,minlength:r.minLength,maxlength:r.maxLength,readonly:i.readonly,disabled:r.disabled,onInput:l[0]||(l[0]=(...c)=>e.unref(a)&&e.unref(a)(...c))}),null,16,Z7),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).slotWrapperClasses)},[r.displayHelper?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).helperClasses)},[e.renderSlot(i.$slots,"helperMessage",{},()=>[r.helperIcon?(e.openBlock(),e.createBlock(e.unref(F),{key:0,icon:r.helperIcon,width:"20px",height:"20px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(r.helperText),1)])],2)):e.createCommentVNode("",!0),r.hasCounter&&r.maxLength?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).helperClasses)},[e.renderSlot(i.$slots,"counter",{},()=>[e.createElementVNode("span",null,e.toDisplayString(`${i.modelValue.length}/${r.maxLength}`),1)])],2)):e.createCommentVNode("",!0)],2)],2))}})},Symbol.toStringTag,{value:"Module"})),W7={modelValue:{type:String,required:!0},label:{type:String,default:""},error:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},interval:{type:Number,default:30},format:{type:String,default:"24"},disableTyping:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},helperText:{type:String,default:""},placeholder:{type:String,default:""},id:{type:String,default:"time-picker"}},K7={"update:modelValue":t=>t instanceof MouseEvent},J7=(t,n)=>{const{format:r,interval:o,fullWidth:a}=e.toRefs(t),s=e.ref(!1),i=ue(t,"modelValue",n),l=e.ref(`time-picker-${U().valueOf()}-${Math.floor(Math.random()*1e3)}`),c=e.computed(()=>E("spr-max-h-[300px] spr-p-size-spacing-3xs spr-overflow-y-auto",{"spr-w-[240px]":!a.value})),d=b=>{var D;const w=b.target;if(!w)return;const A=w.value.toUpperCase();(r.value==="12"?/^[0-9:APM\s]*$/:/^[0-9:]*$/).test(A)?i.value=A:i.value=(D=i.value)==null?void 0:D.slice(0,-1)},p=()=>{const b=[],w=U().startOf("day"),A=U().endOf("day");let M=w;for(;M.isBefore(A)||M.isSame(A);)b.push(u(M)),M=M.add(o.value,"minute");return b},u=b=>{let w=b.hour();const A=b.minute().toString().padStart(2,"0");if(t.format==="12"){const M=w>=12?"PM":"AM";return w=w%12||12,`${w.toString().padStart(2,"0")}:${A} ${M}`}return`${w.toString().padStart(2,"0")}:${A}`},g=e.computed(()=>p()),f=e.computed(()=>g.value),y=b=>{i.value=b},m=e.computed(()=>t.placeholder?t.placeholder:r.value==="12"?"HH : MM AM/PM":"HH : MM");return{optionClasses:c,filteredOptions:f,selectedValue:i,isOpen:s,getPlaceHolder:m,uniqueId:l,filterInput:d,selectOption:y}},X7=["id"],q7={key:0},ef=["onMousedown"],tf={key:0,class:"spr-text-color-brand-base spr-font-bold"},rf={key:1,class:"spr-px-3 spr-py-2 spr-text-gray-500"},nf=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"time-picker",props:W7,emits:K7,setup(t,{emit:n}){const r=t,o=n,{optionClasses:a,isOpen:s,filteredOptions:i,selectedValue:l,getPlaceHolder:c,selectOption:d,filterInput:p,uniqueId:u}=J7(r,o);return(g,f)=>(e.openBlock(),e.createBlock(e.unref(De),{shown:e.unref(s),"onUpdate:shown":f[1]||(f[1]=y=>e.isRef(s)?s.value=y:null),"aria-id":r.fullWidth?"time-picker-wrapper-full-width":"time-picker-wrapper",distance:"4",placement:"bottom-start",triggers:["click"],"popper-hide-triggers":[],container:`#${e.unref(u)}`,style:{width:"100%"},"instant-move":""},{popper:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a))},[e.unref(i).length>0?(e.openBlock(),e.createElementBlock("div",q7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),y=>{var m,b;return e.openBlock(),e.createElementBlock("div",{key:y,class:e.normalizeClass(["spr-body-xs-regular spr-flex spr-cursor-pointer spr-justify-between spr-rounded-border-radius-md spr-p-size-spacing-3xs","hover:spr-background-color-hover",{"spr-background-color-single-active spr-rounded-border-radius-md":y.toUpperCase()===((m=e.unref(l))==null?void 0:m.toUpperCase())}]),onMousedown:e.withModifiers(w=>e.unref(d)(y),["prevent"])},[e.createTextVNode(e.toDisplayString(y)+" ",1),y.toUpperCase()===((b=e.unref(l))==null?void 0:b.toUpperCase())?(e.openBlock(),e.createElementBlock("span",tf,[e.createVNode(e.unref(F),{icon:"ph:check"})])):e.createCommentVNode("",!0)],42,ef)}),128))])):(e.openBlock(),e.createElementBlock("div",rf,"No matching options found"))],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(u),style:{width:"100%"}},[e.createVNode($e,{id:r.id,modelValue:e.unref(l),"onUpdate:modelValue":f[0]||(f[0]=y=>e.isRef(l)?l.value=y:null),type:"text",placeholder:e.unref(c),readonly:r.disableTyping,disabled:r.disabled,label:r.label,error:r.error,"display-helper":!!r.helperText,"helper-text":r.helperText,onInput:e.unref(p)},{icon:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:clock"})]),_:1},8,["id","modelValue","placeholder","readonly","disabled","label","error","display-helper","helper-text","onInput"])],8,X7)]),_:1},8,["shown","aria-id","container"]))}})},Symbol.toStringTag,{value:"Module"})),of={name:"design-system-next",private:!1,version:"2.13.1",main:"./dist/design-system-next.umd.js",module:"./dist/design-system-next.es.js",repository:{type:"git",url:"https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next"},type:"module",files:["dist","dist/","src/","README.md","LICENSE"],exports:{".":{import:"./dist/design-system-next.es.js",require:"./dist/design-system-next.umd.js"},"./style.css":"./dist/main.css"},scripts:{dev:"vite",build:"vue-tsc && vite build","watch-build":"vue-tsc && vite build --watch",types:"vue-tsc",preview:"vite preview","lint:script":'eslint "**/*.{js,ts,vue}"',"lint:style":'stylelint "**/*.{vue,css}"',"fix:style":'stylelint --fix "**/*.{vue,css}"',lint:"npm run lint:script && npm run lint:style",prepublishOnly:"npm run build","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:serve":"vitepress serve docs","docs:preview":"vitepress preview docs","test:e2e":"npx playwright test --ui",clean:"rm -rf node_modules dist coverage package-lock.json && npm install"},dependencies:{"@cloudinary/url-gen":"^1.21.0","@eslint/js":"^9.17.0","@iconify-icons/ph":"^1.2.5","@iconify/vue":"^4.3.0",classnames:"^2.5.1","countries-list":"^3.1.1",dayjs:"^1.11.13","floating-vue":"^5.2.2","libphonenumber-js":"^1.12.5",lodash:"^4.17.21",pinia:"^2.3.1",stylelint:"^16.12.0","stylelint-config-recess-order":"^5.1.1","stylelint-config-recommended":"^14.0.1","stylelint-config-recommended-vue":"^1.5.0","typescript-eslint":"^8.19.1","vite-plugin-sass":"^0.1.0",vue:"^3.0.0"},devDependencies:{"@axe-core/playwright":"^4.10.2","@playwright/test":"^1.55.0","@stylistic/stylelint-plugin":"^3.1.1","@types/node":"^22.10.5","@vitejs/plugin-vue":"^5.2.1",autoprefixer:"^10.4.20",eslint:"^9.17.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.32.0",prettier:"^3.4.2","prettier-plugin-tailwindcss":"^0.6.9","rollup-plugin-gzip":"^4.0.1","sass-embedded":"^1.83.1",tailwindcss:"^3.4.17",typescript:"~5.7.2","unplugin-vue-components":"^28.0.0",vite:"^6.0.7","vite-plugin-dts":"^4.4.0","vite-tsconfig-paths":"^5.1.4",vitepress:"^1.5.0","vue-eslint-parser":"^9.4.3","vue-tsc":"^2.2.0"},peerDependencies:{vue:"^3.0.0"},engines:{node:">=20.0.0",npm:">=10.0.0"}},af="spr-",sf=Object.assign({"../src/components/accordion/accordion.vue":Zs,"../src/components/avatar/avatar.vue":di,"../src/components/badge/badge.vue":ii,"../src/components/banner/banner.vue":mi,"../src/components/button/button-dropdown/button-dropdown.vue":xc,"../src/components/button/button.vue":Ps,"../src/components/calendar-cell/calendar-cell.vue":Tc,"../src/components/calendar/calendar.vue":Ud,"../src/components/card/card.vue":Yc,"../src/components/checkbox/checkbox.vue":Dl,"../src/components/chips/chips.vue":op,"../src/components/collapsible/collapsible.vue":ns,"../src/components/date-picker/date-picker.vue":Vp,"../src/components/date-picker/date-range-picker/date-range-picker.vue":M1,"../src/components/dropdown/dropdown.vue":wc,"../src/components/empty-state/empty-state.vue":sd,"../src/components/file-upload/file-upload.vue":V1,"../src/components/filter/filter.vue":e3,"../src/components/floating-action/floating-action.vue":a3,"../src/components/input/input-contact-number/input-contact-number.vue":yu,"../src/components/input/input-dropdown/input-dropdown.vue":bu,"../src/components/input/input-email/input-email.vue":Cu,"../src/components/input/input-password/input-password.vue":Mu,"../src/components/input/input-search/input-search.vue":Ll,"../src/components/input/input-url/input-url.vue":xu,"../src/components/input/input-username/input-username.vue":Nu,"../src/components/input/input.vue":jl,"../src/components/list/ladderized-list/ladderized-list-back.vue":uc,"../src/components/list/ladderized-list/ladderized-list.vue":hc,"../src/components/list/list.vue":lc,"../src/components/logo/logo.vue":k5,"../src/components/lozenge/lozenge.vue":Hl,"../src/components/modal/modal.vue":S5,"../src/components/progress-bar/progress-bar.vue":L5,"../src/components/radio/radio.vue":U5,"../src/components/select/select-ladderized/select-ladderized.vue":q5,"../src/components/select/select-multiple/select-multiple.vue":g6,"../src/components/select/select.vue":S6,"../src/components/sidenav/sidenav-menu-links.vue":n9,"../src/components/sidenav/sidenav.vue":k9,"../src/components/sidepanel/sidepanel.vue":A9,"../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue":j9,"../src/components/slider/slider.vue":P9,"../src/components/snackbar/snack/snack.vue":H9,"../src/components/snackbar/snackbar.vue":D8,"../src/components/status/status.vue":Ac,"../src/components/stepper/step/step.vue":z8,"../src/components/stepper/stepper.vue":E8,"../src/components/switch/switch.vue":F8,"../src/components/table/table-actions/table-actions.vue":H8,"../src/components/table/table-chips-title/table-chips-title.vue":W8,"../src/components/table/table-lozenge-title/table-lozenge-title.vue":X8,"../src/components/table/table-pagination/table-pagination.vue":a7,"../src/components/table/table.vue":T7,"../src/components/tabs/tabs.vue":Y7,"../src/components/textarea/textarea.vue":G7,"../src/components/time-picker/time-picker.vue":nf,"../src/components/tooltip/tooltip.vue":j6}),lf=["sidenav-menu-links.vue","snack.vue","step.vue","table-actions.vue","table-chips-title.vue","table-lozenge-title.vue","table-pagination.vue"];return{install:t=>{Object.entries(sf).filter(([n])=>{const r=n.split("/").pop();return r&&!lf.includes(r)}).forEach(([n,r])=>{var a;const o=(a=n.split("/").pop())==null?void 0:a.replace(".vue","");o&&t.component(`${af}${o}`,r.default)}),console.info(`%c🌱 Design System Next Installed v${of.version} 🌱`,"font-weight: bold; font-size: 14px; color: green; padding: 16px 8px; border: 1px dashed green; border-radius: 4px; margin: 10px auto;")}}});
+This will fail in production.`);l=nr,l._s.has(o)||(s?no(o,n,a,l):U0(o,a,l),process.env.NODE_ENV!=="production"&&(i._pinia=l));const p=l._s.get(o);if(process.env.NODE_ENV!=="production"&&c){const u="__hot:"+o,g=s?no(u,n,a,l,!0):U0(u,Ee({},a),l,!0);c._hotUpdate(g),delete l.state.value[u],l._s.delete(u)}if(process.env.NODE_ENV!=="production"&&st){const u=e.getCurrentInstance();if(u&&u.proxy&&!c){const g=u.proxy,f="_pStores"in g?g._pStores:g._pStores={};f[o]=p}}return p}return i.$id=o,i}const x8=t=>({...t,id:Math.random()*1e3}),R0=M8("snackbar-store",()=>{const t=e.ref([]),n=a=>{t.value=t.value.filter(s=>s.id!==a.id)},r=a=>{const s=x8(a);t.value.push({...s,defaultAction:()=>n(s)}),setTimeout(()=>{n(s)},a.duration||4e3)};return{snacks:t,updateState:r,message:a=>{r({...a})}}}),N8=()=>{const t=R0();return{showSnackbar:i=>{t.message(i)},showSuccess:i=>{t.message({...i,tone:"success"})},showInformation:i=>{t.message({...i,tone:"information"})},showDanger:i=>{t.message({...i,tone:"danger"})},showCaution:i=>{t.message({...i,tone:"caution"})}}},k8={key:0,class:"snackbar-wrapper slide-in-element"},D8=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"snackbar",setup(t,{expose:n}){const r=y8(),o=R0(r),{showSnackbar:a,showSuccess:s,showInformation:i,showDanger:l,showCaution:c}=N8();return n({showSnackbar:d=>a(d),showSuccess:d=>s(d),showInformation:d=>i(d),showDanger:d=>l(d),showCaution:d=>c(d)}),(d,p)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"snackbar"},{default:e.withCtx(()=>[e.unref(o).snacks.length>0?(e.openBlock(),e.createElementBlock("div",k8,[e.createVNode(e.TransitionGroup,{name:"snackbar",tag:"ul"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(o).snacks,u=>(e.openBlock(),e.createElementBlock("li",{key:u.id,class:"snackbar-snack spr-mb-size-spacing-3xs"},[e.createVNode(k0,{text:u.text,"action-text":u.actionText,tone:u.tone,"show-action":u.showAction,"show-icon":u.showIcon,duration:u.duration,"action-icon-props":u.actionIconProps,action:u.action||u.defaultAction},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},()=>[e.renderSlot(d.$slots,"snackbarActions",{},void 0,!0)],!0)]),_:2},1032,["text","action-text","tone","show-action","show-icon","duration","action-icon-props","action"])]))),128))]),_:3})])):e.createCommentVNode("",!0)]),_:3})]))}}),[["__scopeId","data-v-06cc3101"]])},Symbol.toStringTag,{value:"Module"})),$8=["horizontal","vertical"],Q0=["compact","solid"],_8={variant:{type:String,validator:t=>$8.includes(t),default:"vertical"},steps:{type:Array,default:()=>[]},hasLines:{type:Boolean,default:!1},type:{type:String,validator:t=>Q0.includes(t),default:"compact"}},v8=["pending","active","completed"],I8={number:{type:Number,required:!0},label:{type:String,required:!1},description:{type:String,required:!1},status:{type:String,validator:t=>v8.includes(t),default:"pending"},type:{type:String,validator:t=>Q0.includes(t)}},S8={click:t=>t instanceof MouseEvent},A8=(t,n)=>({stepClasses:e.computed(()=>{const a=E("spr-flex spr-gap-2 spr-items-top",{"spr-p-size-spacing-3xs spr-rounded-border-radius-lg":t.type==="solid","spr-background-color-brand-weak":t.status==="active"&&t.type==="solid","spr-opacity-60":t.status==="completed"&&t.type==="solid"}),s=E("spr-flex spr-items-center spr-justify-center spr-rounded-border-radius-full spr-h-6 spr-w-6 spr-border spr-border-solid",{"spr-border-2":t.type!=="solid","spr-border-1":t.type==="solid","spr-background-color-brand-base spr-border-color-brand-base":t.status==="active","spr-border-mushroom-300":t.status==="pending","spr-border-kangkong-700":t.status==="completed","spr-background-color-brand-base":t.status==="completed"&&t.type==="solid"}),i=E("spr-body-md-regular-medium",{"spr-text-white-50":t.status==="active","spr-text-mushroom-600":t.status==="pending","spr-text-kangkong-700":t.status==="completed"}),l=E("spr-flex spr-flex-col spr-mt-[2px]"),c=E("spr-body-md-regular spr-whitespace-nowrap",{"spr-text-kangkong-700 !spr-body-md-regular-medium":t.status==="active"&&t.type==="compact","spr-text-mushroom-600":t.status==="pending","spr-text-mushroom-950":t.status==="completed"}),d=E("spr-body-sm-regular spr-text-color-supporting spr-whitespace-nowrap");return{baseClass:a,badgeClass:s,numberClass:i,labelClass:c,textContainerClass:l,descriptionClass:d}}),handleClick:a=>{n("click",a)}}),H0=e.defineComponent({__name:"step",props:I8,emits:S8,setup(t,{emit:n}){const r=t,o=n,{stepClasses:a}=A8(r,o);return(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).baseClass)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).badgeClass)},[r.status==="completed"&&r.type==="solid"?(e.openBlock(),e.createBlock(e.unref(F),{key:0,icon:"ph:check-bold",width:"14px",height:"14px",class:"spr-text-color-inverted-strong"})):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).numberClass)},e.toDisplayString(r.number),3))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).textContainerClass)},[r.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).labelClass)},e.toDisplayString(r.label),3)):e.createCommentVNode("",!0),r.description?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).descriptionClass)},e.toDisplayString(r.description),3)):e.createCommentVNode("",!0)],2)],2))}}),z8=Object.freeze(Object.defineProperty({__proto__:null,default:H0},Symbol.toStringTag,{value:"Module"})),T8=t=>({stepperClasses:e.computed(()=>{const o=E("spr-flex spr-gap-size-spacing-xs ",{"spr-flex-col spr-mb-size-spacing-xs":t.variant==="vertical","spr-flex-row spr-mr-size-spacing-xs":t.variant==="horizontal"}),a=E("spr-flex spr-flex-grow",{"spr-flex-col":t.variant==="vertical","spr-flex-rows":t.variant==="horizontal"}),s=E("spr-flex spr-min-w-6 spr-min-h-6",{"spr-ml-3.5 spr-pt-size-spacing-2xs":t.variant==="vertical","spr-items-center spr-pl-size-spacing-xs spr-w-full":t.variant==="horizontal"}),i=E({"spr-w-0.5 spr-rounded-full spr-h-12":t.variant==="vertical","spr-h-0.5 spr-rounded-full spr-w-full":t.variant==="horizontal"});return{baseClass:o,stepClass:a,lineContainerClass:s,linesClass:i}}),getLineColorClass:o=>o.status==="completed"?"spr-bg-kangkong-700":"spr-bg-mushroom-200"}),E8=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"stepper",props:_8,setup(t){const n=t,{stepperClasses:r,getLineColorClass:o}=T8(n);return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).baseClass)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.steps,(i,l)=>(e.openBlock(),e.createElementBlock("div",{key:l,class:e.normalizeClass(e.unref(r).stepClass)},[e.createVNode(H0,{number:i.number,label:i.label,status:i.status,description:i.description,type:n.type},null,8,["number","label","status","description","type"]),n.hasLines&&l<n.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).lineContainerClass)},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(r).linesClass,e.unref(o)(i)])},null,2)],2)):e.createCommentVNode("",!0)],2))),128))],2))}})},Symbol.toStringTag,{value:"Module"})),j8=["default","hover","pressed","disabled"],L8={state:{type:String,validator:t=>j8.includes(t),default:"default"},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,required:!0,default:!1},id:{type:String,default:""}},O8=["update:modelValue"],B8=t=>{const n=e.ref(null),r=e.ref(null),o=fn(n),{pressed:a}=Yo({target:r}),{disabled:s,state:i,modelValue:l}=e.toRefs(t),c=e.useSlots(),d=(!c.default||c.default().length===0)&&!c.leftText,p=!c.rightText,u=e.computed(()=>({...s.value&&{ariaDisabled:!0},disabled:s.value,autofocus:i.value==="hover",modelValue:l})),g=e.computed(()=>t.disabled?b():a.value?m():o.value?y():f());function f(){return t.modelValue?"spr-background-color-success-base":"spr-switch-background-default"}function y(){return t.modelValue?"spr-background-color-success-hover":"spr-switch-background-hover"}function m(){return t.modelValue?"spr-background-color-success-pressed":"spr-switch-background-pressed"}function b(){return E({"spr-background-color-success-base":t.modelValue,"spr-switch-background-default":!t.modelValue},"spr-opacity-60")}const w=e.computed(()=>t.disabled?"spr-text-color-disabled":"spr-text-color-strong"),A=e.computed(()=>E("spr-transition-colors","before:spr-transition-all before:spr-duration-150","after:spr-transition-all after:spr-duration-150")),M=e.computed(()=>E(g.value,A.value)),D=e.computed(()=>E({"spr-cursor-not-allowed":t.disabled,"spr-cursor-pointer":!t.disabled}));return{switchWrapperRef:n,switchRef:r,switchProps:u,switchMarkClass:M,switchTextClass:w,switchInputClass:D,isLeftTextLabel:d,isRightTextLabel:p}},V8=["for"],P8=["id","disabled"],Y8=["for"],F8=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"switch",props:L8,emits:O8,setup(t,{emit:n}){const r=t,o=n,a=r.id?r.id+"_"+Math.random().toString(36).substring(2,8):"switch_input_"+Math.random().toString(36).substring(2,8),s=ue(r,"modelValue",o),{switchWrapperRef:i,switchRef:l,switchProps:c,switchMarkClass:d,switchTextClass:p,switchInputClass:u,isLeftTextLabel:g,isRightTextLabel:f}=B8(r);return(y,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(c),{class:["spr-flex spr-items-center spr-gap-2",e.unref(p)]}),[e.unref(g)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(a),class:"spr-cursor-pointer"},[e.renderSlot(y.$slots,"leftText",{},()=>[e.renderSlot(y.$slots,"default",{},void 0,!0)],!0)],8,V8)),e.createElementVNode("div",{ref_key:"switchWrapperRef",ref:i,class:e.normalizeClass({"spr-relative spr-flex spr-items-center":!0,"spr-cursor-pointer spr-transition spr-duration-300 spr-ease-in-out active:spr-scale-90":!r.disabled})},[e.withDirectives(e.createElementVNode("input",{id:e.unref(a),ref_key:"switchRef",ref:l,"onUpdate:modelValue":m[0]||(m[0]=b=>e.isRef(s)?s.value=b:null),type:"checkbox",name:"checkbox",class:e.normalizeClass(["input spr-absolute spr-left-0 spr-top-0 spr-z-10 spr-m-0 spr-h-6 spr-w-12 spr-opacity-0",e.unref(u)]),disabled:r.disabled},null,10,P8),[[e.vModelCheckbox,e.unref(s)]]),e.createElementVNode("span",{class:e.normalizeClass(["switch-mark spr-relative spr-box-border spr-inline-block spr-h-6 spr-w-12 spr-rounded-[40px] spr-p-1",e.unref(d)])},null,2)],2),e.unref(f)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:1,for:e.unref(a),class:"spr-cursor-pointer"},[e.renderSlot(y.$slots,"rightText",{},void 0,!0)],8,Y8))],16))}}),[["__scopeId","data-v-57bd4d3a"]])},Symbol.toStringTag,{value:"Module"})),U8=t=>({tableActionsBaseClasses:"spr-h-max spr-p-size-spacing-2xs spr-flex spr-justify-between",inputSearchClasses:"spr-w-full",searchFilterClasses:"spr-size-[30%] spr-flex spr-gap-size-spacing-2xs",updateSearchField:s=>{t("update:searchModel",s)}}),R8={toggleSearch:{type:Boolean,default:!1},toggleOption:{type:Boolean,default:!1},toggleFilter:{type:Boolean,default:!1},searchModel:{type:String,default:""}},Q8={"update:searchModel":t=>typeof t=="string"},Z0=e.defineComponent({__name:"table-actions",props:R8,emits:Q8,setup(t,{emit:n}){const r=n,o=t,{tableActionsBaseClasses:a,inputSearchClasses:s,searchFilterClasses:i,updateSearchField:l}=U8(r);return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a))},[e.renderSlot(c.$slots,"tableActionSection",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i))},[o.toggleSearch?(e.openBlock(),e.createBlock(In,{key:0,"model-value":o.searchModel,class:e.normalizeClass(e.unref(s)),placeholder:"Search","onUpdate:modelValue":e.unref(l)},null,8,["model-value","class","onUpdate:modelValue"])):e.createCommentVNode("",!0),o.toggleFilter?(e.openBlock(),e.createBlock(ce,{key:1,variant:"secondary","has-icon":""},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:sliders-horizontal"})]),_:1})):e.createCommentVNode("",!0)],2),o.toggleOption?(e.openBlock(),e.createBlock(ce,{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:dots-three-vertical"})]),_:1})):e.createCommentVNode("",!0)])],2))}}),H8=Object.freeze(Object.defineProperty({__proto__:null,default:Z0},Symbol.toStringTag,{value:"Module"})),Z8={cell:{type:(t=>t)(Object),required:!0}},G8=t=>{const n=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.icon)||""}),r=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.iconWeight)||"regular"}),o=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badge)||!1}),a=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badgeText)||""}),s=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.badgeVariant)||"primary"}),i=e.computed(()=>{var c;return(c=t.cell)==null?void 0:c.avatarUrl}),l=e.computed(()=>{var c;return((c=t.cell)==null?void 0:c.avatarVariant)||"image"});return{computeIcon:n,computeIconWeight:r,computeBadge:o,computeBadgeText:a,computeBadgeVariant:s,computeAvatarUrl:i,computeAvatarVariant:l}},oo=e.defineComponent({__name:"table-chips-title",props:Z8,setup(t){const n=t,{computeIcon:r,computeIconWeight:o,computeBadge:a,computeBadgeText:s,computeBadgeVariant:i,computeAvatarUrl:l,computeAvatarVariant:c}=G8(n);return(d,p)=>{var u;return e.openBlock(),e.createBlock(At,{label:(u=n.cell)==null?void 0:u.title,icon:e.unref(r),"icon-weight":e.unref(o),badge:e.unref(a),"badge-text":e.unref(s),"badge-variant":e.unref(i),"avatar-url":e.unref(l),"avatar-variant":e.unref(c)},null,8,["label","icon","icon-weight","badge","badge-text","badge-variant","avatar-url","avatar-variant"])}}}),W8=Object.freeze(Object.defineProperty({__proto__:null,default:oo},Symbol.toStringTag,{value:"Module"})),K8={cell:{type:(t=>t)(Object),required:!0}},J8=t=>{const n=e.computed(()=>{var o;return((o=t.cell)==null?void 0:o.tone)||"plain"}),r=e.computed(()=>{var o;return((o=t.cell)==null?void 0:o.fill)||!1});return{computeTone:n,computeFill:r}},ao=e.defineComponent({__name:"table-lozenge-title",props:K8,setup(t){const n=t,{computeTone:r,computeFill:o}=J8(n);return(a,s)=>{var i,l,c;return e.openBlock(),e.createBlock(Ze,{label:(i=n.cell)==null?void 0:i.title,tone:e.unref(r),url:(l=n.cell)==null?void 0:l.avatarUrl,fill:e.unref(o)},e.createSlots({_:2},[(c=n.cell)!=null&&c.icon?{name:"icon",fn:e.withCtx(()=>{var d;return[e.createVNode(e.unref(F),{icon:(d=n.cell)==null?void 0:d.icon},null,8,["icon"])]}),key:"0"}:void 0]),1032,["label","tone","url","fill"])}}}),X8=Object.freeze(Object.defineProperty({__proto__:null,default:ao},Symbol.toStringTag,{value:"Module"})),q8={selectedRowCount:{required:!0,type:Number,default:10},totalItems:{required:!0,type:Number,default:1},currentPage:{required:!0,type:Number,default:1},dropdownSelection:{type:Array,required:!0,default:[{text:10,value:10},{text:20,value:20},{text:50,value:50},{text:100,value:100}]},bordered:{type:Boolean,default:!0},editableCurrentPage:{type:Boolean,default:!1}},e7={"update:selectedRowCount":t=>typeof t=="number","update:currentPage":t=>typeof t=="number",previous:()=>!0,next:()=>!0},t7=(t,n)=>{const{selectedRowCount:r,totalItems:o,bordered:a,editableCurrentPage:s}=e.toRefs(t),i=ue(t,"currentPage",n),l=e.computed(()=>{const M=E("spr-p-size-spacing-xs spr-flex spr-justify-between spr-bg-white-50 spr-h-max",{"spr-border spr-border-solid spr-border-color-weak":a.value,"spr-border-x-0 spr-border-t spr-border-b-0 spr-border-solid spr-border-color-weak":!a.value}),D=E("spr-w-[120px] spr-h-full spr-space-x-2"),$=E("spr-mt-0.5 spr-pl-1 spr-text-mushroom-950"),h=E("spr-flex spr-justify-between spr-items-center",{"spr-space-x-4":!s.value,"spr-gap-size-spacing-3xs":s.value}),C=E("spr-text-color-base spr-body-sm-regular"),I=E("spr-flex",{"spr-space-x-2":!s.value,"spr-gap-size-spacing-5xs":s.value}),S=E("spr-rounded-border-radius-md"),N=E("!spr-w-max");return{baseClass:M,dropdownInputFieldClass:D,rightSideClass:h,computeRowRangeClass:C,inputFieldIconClass:$,navigationContainerClass:I,navigationButtonClass:S,dropdownClass:N}}),c=e.ref(t.dropdownSelection),d=e.computed(()=>{const M=(i.value-1)*r.value+1,D=Math.min(i.value*r.value,o.value);return`${M} - ${D} of ${o.value}`}),p=e.computed(()=>`${r.value} Rows`),u=M=>{n("update:selectedRowCount",Number(M))},g=()=>{n("previous")},f=()=>{n("next")},y=e.computed(()=>t.currentPage===1),m=e.computed(()=>t.totalItems<=t.currentPage*t.selectedRowCount),b=()=>{const M=Date.now(),D=Math.floor(Math.random()*1e6);return`dropdown-${M}-${D}`},w=e.ref(`dropdown-${b()}`),A=e.computed(()=>Math.ceil(t.totalItems/t.selectedRowCount));return{paginationClasses:l,handleSelectedItem:u,computeRowRange:d,computeSelectedRowCount:p,next:f,previous:g,disabledNext:y,disabledPrevious:m,dropdownSelection:c,dropdownId:w,currentPage:i,totalPages:A}},r7={key:0,class:"spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-4xs"},n7=["max"],o7={class:"spr-body-xs-regular spr-text-color-base"},a7=Object.freeze(Object.defineProperty({__proto__:null,default:He(e.defineComponent({__name:"table-pagination",props:q8,emits:e7,setup(t,{emit:n}){const r=n,o=t,{paginationClasses:a,handleSelectedItem:s,computeRowRange:i,computeSelectedRowCount:l,next:c,previous:d,disabledNext:p,disabledPrevious:u,dropdownSelection:g,dropdownId:f,currentPage:y,totalPages:m}=t7(o,r);return(b,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).baseClass)},[e.createVNode(_r,{id:e.unref(f),"menu-list":e.unref(g),"dropdown-type":"single-select",placement:"bottom",class:e.normalizeClass(e.unref(a).dropdownClass),"onUpdate:modelValue":e.unref(s)},{default:e.withCtx(()=>[e.createVNode($e,{modelValue:e.unref(l),"onUpdate:modelValue":w[0]||(w[0]=A=>e.isRef(l)?l.value=A:null),class:e.normalizeClass(e.unref(a).dropdownInputFieldClass),readonly:!0},{icon:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-down-bold",class:e.normalizeClass(e.unref(a).inputFieldIconClass)},null,8,["class"])]),_:1},8,["modelValue","class"])]),_:1},8,["id","menu-list","class","onUpdate:modelValue"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).rightSideClass)},[b.editableCurrentPage?(e.openBlock(),e.createElementBlock("div",r7,[w[2]||(w[2]=e.createElementVNode("span",{class:"spr-body-xs-regular spr-text-color-base"},"Page",-1)),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":w[1]||(w[1]=A=>e.isRef(y)?y.value=A:null),type:"number",min:"1",max:e.unref(m),class:"number-input spr-text-center spr-font-main spr-font-medium spr-font-size-200 spr-font-height-300 sp-text-color-strong spr-p-size-spacing-3xs spr-rounded-border-radius-md spr-border spr-border-solid spr-border-color-base spr-outline-none spr-min-w-[48px] spr-max-h-[36px] spr-w-[48px] spr-h-[32px] spr-box-border"},null,8,n7),[[e.vModelText,e.unref(y)]]),e.createElementVNode("span",o7,"of "+e.toDisplayString(e.unref(m)),1)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).computeRowRangeClass)},e.toDisplayString(e.unref(i)),3)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).navigationContainerClass)},[e.createVNode(ce,{id:"previousButton","has-icon":"",class:e.normalizeClass(e.unref(a).navigationButtonClass),disabled:e.unref(p),onClick:e.unref(d)},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-left"})]),_:1},8,["class","disabled","onClick"]),e.createVNode(ce,{id:"nextButton","has-icon":"",class:e.normalizeClass(e.unref(a).navigationButtonClass),disabled:e.unref(u),onClick:e.unref(c)},{default:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:caret-right"})]),_:1},8,["class","disabled","onClick"])],2)],2)],2))}}),[["__scopeId","data-v-3cd4b085"]])},Symbol.toStringTag,{value:"Module"})),G0=["asc","desc"],s7=["surface","white"],i7={action:{type:Boolean,default:!1},dataTable:{type:Array,default:!1},headers:{type:Array,required:!0,default:()=>[]},emptyState:{type:Object,default:()=>({description:"No results found",subDescription:"Try a different search term",image:"location",size:"large"})},emptyStateCustomClasses:{type:String,default:""},tableActionSlotCustomClasses:{type:String,default:""},loading:{type:Boolean,default:!1},tableActions:{type:Object,default:()=>({search:!1,filter:!1,option:!1})},searchModel:{type:String,default:""},sortOrder:{type:String,validator:t=>G0.includes(t),default:"asc"},variant:{type:String,validator:t=>s7.includes(t),default:"surface"},isRowClickable:{type:Boolean,default:!1},fullHeight:{type:Boolean,default:!0},removeHeaderOnEmpty:{type:Boolean,default:!1},isMultiSelect:{type:Boolean,default:!1},selectedKeyId:{type:String,default:""},returnCompleteSelectedProperties:{type:Boolean,default:!1}},l7={"update:searchModel":t=>typeof t=="string",onSort:t=>typeof t.field=="string"&&G0.includes(t.sortOrder),onRowClick:(t,n)=>typeof t=="object"&&typeof n=="number",onHover:t=>typeof t.active=="boolean"&&typeof t.data=="object","update:selectedData":t=>Array.isArray(t)&&t.every(n=>(typeof n=="object"||typeof n=="string"||typeof n=="number")&&n!==null)},c7=(t,n,r)=>{const{dataTable:o,action:a,headers:s,sortOrder:i,fullHeight:l,selectedKeyId:c,returnCompleteSelectedProperties:d}=e.toRefs(t),p=e.ref(""),u=e.ref(t.searchModel),g=e.ref(i.value),f=e.ref(!1),y=e.ref([]),m=e.computed(()=>y.value.length===0?!1:y.value.length===w.value.length),b=e.computed(()=>y.value.length===0?!1:y.value.length>0&&y.value.length<w.value.length),w=e.computed(()=>!p.value||i!=null&&i.value?o.value:[...o.value].sort((z,j)=>{const P=S(z[p.value]),J=S(j[p.value]);return P<J?g.value==="asc"?-1:1:P>J?g.value==="asc"?1:-1:0})),A=x=>{p.value===x?g.value=g.value==="asc"?"desc":"asc":(p.value=x,g.value="asc"),n("onSort",{field:x,sortOrder:g.value})},M=x=>p.value!==x?"ph:caret-up-down-light":g.value==="asc"?"ph:arrow-up":"ph:arrow-down",D=e.computed(()=>a.value?s.value.length+1:s.value.length),$=x=>{n("update:searchModel",x)},h=e.computed(()=>t.tableActions.search||t.tableActions.filter||t.tableActions.option),C=(x,z)=>{t.isRowClickable&&n("onRowClick",x,z)},I=e.computed(()=>l.value?"large":"small"),S=x=>typeof x=="string"?x.toLowerCase():typeof x=="object"&&!Array.isArray(x)&&x!==null?x.title.toLowerCase():Array.isArray(x)&&x.length>0?x[0].title.toLowerCase():"",N=e.computed(()=>{const x=E("spr-flex spr-flex-col spr-h-full spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative spr-font-main"),z=E("spr-w-full spr-bottom-0 spr-left-0",{"spr-background-color-surface":t.variant==="surface","spr-background-color":t.variant==="white"}),j=E({"spr-background-color":t.variant==="white","spr-background-color-surface":t.variant==="surface"}),P=he=>he!=null&&he.customTailwindClasses?E(he.customTailwindClasses):E("spr-min-h-12 spr-px-size-spacing-2xs spr-py-size-spacing-3xs","spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-text-start spr-font-medium spr-uppercase","spr-border-color-weak spr-border-x-0 spr-border-y spr-border-solid",{"spr-border-t-0":!r.default},j),J="spr-flex spr-flex-row spr-items-center spr-gap-size-spacing-5xs",H=E({"spr-px-size-spacing-sm spr-py-size-spacing-xs":!!r.default}),le="spr-border-color-weak spr-w-full spr-border spr-border-solid",W="spr-background-color-surface spr-text-color-strong spr-font-size-100 spr-font-line-height-100 spr-font-letter-spacing-normal spr-uppercase",X=E("spr-min-h-[60px]",{"spr-cursor-pointer":t.isRowClickable}),oe="spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3",ne="spr-border-color-weak spr-overflow-hidden spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid spr-p-3",se=E("spr-h-full"),pe=E({"spr-overflow-y-auto spr-h-full":l.value,"spr-h-[250px]":!l.value&&r.footer,"spr-h-[360px]":!l.value&&!r.footer}),de=E({"spr-overflow-y-hidden spr-h-[calc(90vh-150px)] md:spr-h-[calc(80vh-150px)] sm:spr-h-[calc(70vh-150px)]":l.value&&r.footer,"spr-overflow-y-auto spr-h-[75vh]":l.value&&!r.footer,"spr-h-[250px]":!l.value&&r.footer,"spr-h-[360px]":!l.value&&!r.footer}),ye=E("spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid"),re=E("spr-px-size-spacing-2xs spr-py-size-spacing-3xs spr-w-[44px] "),ee=E(`${de} ${t.emptyStateCustomClasses}`),Z=E(`${H} ${t.tableActionSlotCustomClasses}`);return{headerClasses:P,tableWrapperClasses:x,defaultSlotClasses:H,tableHeaderActionsClasses:le,headerNameClass:J,tableCellSlotClasses:W,multiselectRowClass:ye,multiselectClass:re,tableRowClasses:X,tableDataClasses:oe,tableRowActionClasses:ne,tableBackgroundClasses:se,tableBodyClasses:pe,tableFooterClasses:z,emptyStateClasses:ee,tableActionSlotClasses:Z}}),L=(x,z)=>w.value[x][z],T=x=>typeof x=="object"&&"title"in x,V=x=>{if(!c.value||!(c.value in x))return;const z=y.value.findIndex(j=>{const P=j[c.value],J=x[c.value];return T(P)&&T(J)?P.title===J.title:j[c.value]===x[c.value]});z!==-1?y.value.splice(z,1):y.value.push(x),_()},v=()=>{m.value||b.value?y.value=[]:y.value=[...w.value],_()},k=x=>!c.value||!(c.value in x)?!1:y.value.some(z=>{const j=z[c.value],P=x[c.value];return T(j)&&T(P)?j.title===P.title:z[c.value]===x[c.value]}),_=()=>{if(d.value)n("update:selectedData",y.value);else{const x=y.value.map(z=>{const j=z[c.value];return typeof j=="object"?{...j}:j});n("update:selectedData",x)}};return e.watch(w,x=>{x&&t.isMultiSelect&&y.value.length>0&&x.forEach(z=>{const j=y.value.findIndex(P=>{const J=P[c.value],H=z[c.value];return T(J)&&T(H)?J.title===H.title:P[c.value]===z[c.value]});j===-1&&y.value.splice(j,1)})}),{sortData:A,updateSearchField:$,handleRowClick:C,handleSelect:V,handleSelectAll:v,sortedData:w,getHeaderCount:D,hasTableActions:h,searchField:u,getTableClasses:N,getEmptyStateSize:I,selectAll:f,selectedData:y,isAllSelected:m,isRowSelected:k,isIndeterminate:b,sortedDataItem:L,getSortIcon:M,sortField:p}},d7={"aria-describedby":"describe",class:"spr-h-full spr-w-full spr-table-fixed",cellspacing:"0",cellpadding:"0"},p7={key:0},u7={class:"spr-flex spr-items-center spr-justify-center"},f7=["onClick"],g7={key:0},m7=["onClick"],h7=["onClick","onMouseover","onMouseleave"],y7={class:"spr-flex spr-items-center spr-justify-center"},b7={key:0,class:"spr-flex spr-flex-row spr-items-center spr-gap-2"},C7={key:1,class:"spr-flex spr-items-center spr-rounded-full spr-bg-mushroom-200 spr-p-1"},w7={key:0,class:"spr-flex spr-flex-wrap spr-gap-2"},M7={key:0,class:"spr-mt-1"},x7={key:1,class:"spr-mt-1"},N7={key:1},k7={key:0,class:"spr-mt-1"},D7={key:1,class:"spr-mt-1"},$7={key:2,class:"spr-text-color-strong spr-font-size-200 spr-font-normal"},_7={key:2,class:"spr-text-color-base spr-text-xs spr-font-normal"},v7={class:"spr-flex spr-items-center"},I7={key:0,class:"spr-h-full"},S7=["colspan"],A7={key:1},z7=["colspan"],T7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"table",props:i7,emits:l7,setup(t,{emit:n}){const r=t,o=n,a=e.useSlots(),{sortedData:s,getHeaderCount:i,hasTableActions:l,searchField:c,getTableClasses:d,getEmptyStateSize:p,isAllSelected:u,isIndeterminate:g,sortField:f,isRowSelected:y,sortData:m,updateSearchField:b,handleRowClick:w,handleSelect:A,handleSelectAll:M,sortedDataItem:D,getSortIcon:$}=c7(r,o,a);return(h,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).tableWrapperClasses)},[h.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d).tableActionSlotClasses)},[e.renderSlot(h.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(d).tableHeaderActionsClasses)},[e.createVNode(Z0,{"search-model":e.unref(c),"onUpdate:searchModel":[C[0]||(C[0]=I=>e.isRef(c)?c.value=I:null),e.unref(b)],"toggle-search":r.tableActions.search,"toggle-option":r.tableActions.option,"toggle-filter":r.tableActions.filter},{tableActionSection:e.withCtx(()=>[e.renderSlot(h.$slots,"tableActionSection")]),_:3},8,["search-model","toggle-search","toggle-option","toggle-filter","onUpdate:searchModel"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d).tableBackgroundClasses)},[e.createElementVNode("table",d7,[e.createElementVNode("thead",null,[r.removeHeaderOnEmpty&&e.unref(s).length<=0?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",p7,[r.isMultiSelect?(e.openBlock(),e.createElementBlock("th",{key:0,class:e.normalizeClass([e.unref(d).multiselectClass,e.unref(d).headerClasses(null)])},[e.createElementVNode("div",u7,[e.createVNode(Mt,{label:"",checked:e.unref(u)||e.unref(g),indeterminate:e.unref(g),"onUpdate:modelValue":e.unref(M)},null,8,["checked","indeterminate","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.headers,(I,S)=>(e.openBlock(),e.createElementBlock("th",{key:S,class:e.normalizeClass([e.unref(d).headerClasses(I)]),style:e.normalizeStyle({width:I==null?void 0:I.width})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d).headerNameClass)},[e.createElementVNode("span",{class:e.normalizeClass([{"spr-cursor-pointer":I.sort}]),onClick:N=>I.sort&&e.unref(m)(I.field)},e.toDisplayString(I.name),11,f7),I.badgeText?(e.openBlock(),e.createElementBlock("span",g7,[e.createVNode(mt,{text:I.badgeText,variant:I.badgeVariant,size:"small"},null,8,["text","variant"])])):e.createCommentVNode("",!0),I.sort?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["spr-flex spr-flex-row spr-items-center spr-p-size-spacing-6xs","hover:spr-rounded-border-radius-xs hover:spr-bg-mushroom-300",{"spr-cursor-pointer":I.sort}]),onClick:N=>I.sort&&e.unref(m)(I.field)},[e.createVNode(e.unref(F),{icon:e.unref($)(I.field),height:"16",width:"16",class:e.normalizeClass([{"spr-text-kangkong-700":e.unref(f)===I.field}])},null,8,["icon","class"])],10,m7)):e.createCommentVNode("",!0)],2)],6))),128)),h.action?(e.openBlock(),e.createElementBlock("th",{key:1,class:e.normalizeClass(e.unref(d).headerClasses(null))},[e.renderSlot(h.$slots,"action-name",{class:e.normalizeClass(e.unref(d).tableCellSlotClasses)})],2)):e.createCommentVNode("",!0)]))]),e.unref(s).length>0&&!h.loading?(e.openBlock(),e.createElementBlock("tbody",{key:0,class:e.normalizeClass(e.unref(d).tableBodyClasses)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s),(I,S)=>(e.openBlock(),e.createElementBlock("tr",{key:S,class:e.normalizeClass([e.unref(d).tableRowClasses,e.unref(y)(I)?"spr-bg-kangkong-100":"hover:spr-background-color-hover"]),onClick:N=>e.unref(w)(I,S),onMouseover:N=>h.$emit("onHover",{active:!0,data:I}),onMouseleave:N=>h.$emit("onHover",{active:!1,data:I})},[r.isMultiSelect?(e.openBlock(),e.createElementBlock("td",{key:0,class:e.normalizeClass([e.unref(d).multiselectClass,e.unref(d).multiselectRowClass])},[e.createElementVNode("div",y7,[e.createVNode(Mt,{label:"",checked:e.unref(y)(I),"onUpdate:modelValue":N=>e.unref(A)(I)},null,8,["checked","onUpdate:modelValue"])])],2)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.headers,(N,L)=>(e.openBlock(),e.createElementBlock("td",{key:L,class:e.normalizeClass(e.unref(d).tableDataClasses),style:e.normalizeStyle({width:N==null?void 0:N.width})},[h.$slots[N.field]?e.renderSlot(h.$slots,N.field,{key:0,row:I,rowIndex:S}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.unref(s)[S][N.field]?(e.openBlock(),e.createElementBlock("div",b7,[N.hasAvatar?(e.openBlock(),e.createBlock(Pe,{key:0,size:"lg",src:e.unref(D)(S,N.field).image,alt:"User Avatar",variant:N.avatarVariant?N.avatarVariant:"initial",initial:e.unref(D)(S,N.field).title},null,8,["src","variant","initial"])):e.createCommentVNode("",!0),N.hasIcon?(e.openBlock(),e.createElementBlock("div",C7,[e.createVNode(e.unref(F),{icon:e.unref(D)(S,N.field).icon||""},null,8,["icon"])])):e.createCommentVNode("",!0),e.createElementVNode("div",null,[Array.isArray(e.unref(D)(S,N.field).title)?(e.openBlock(),e.createElementBlock("div",w7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(D)(S,N.field).title,(T,V)=>(e.openBlock(),e.createElementBlock("div",{key:V},[N.hasLozengeTitle?(e.openBlock(),e.createElementBlock("div",M7,[e.createVNode(ao,{cell:T},null,8,["cell"])])):N.hasChipTitle?(e.openBlock(),e.createElementBlock("div",x7,[e.createVNode(oo,{cell:T},null,8,["cell"])])):e.createCommentVNode("",!0)]))),128))])):(e.openBlock(),e.createElementBlock("div",N7,[N.hasLozengeTitle?(e.openBlock(),e.createElementBlock("div",k7,[e.createVNode(ao,{cell:e.unref(D)(S,N.field).title},null,8,["cell"])])):N.hasChipTitle?(e.openBlock(),e.createElementBlock("div",D7,[e.createVNode(oo,{cell:e.unref(D)(S,N.field).title},null,8,["cell"])])):(e.openBlock(),e.createElementBlock("div",$7,e.toDisplayString(e.unref(D)(S,N.field).title),1))])),N.hasSubtext?(e.openBlock(),e.createElementBlock("div",_7,e.toDisplayString(e.unref(D)(S,N.field).subtext),1)):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)],64))],6))),128)),h.action?(e.openBlock(),e.createElementBlock("td",{key:1,class:e.normalizeClass(e.unref(d).tableRowActionClasses)},[e.createElementVNode("div",v7,[e.renderSlot(h.$slots,"action",{row:I})])],2)):e.createCommentVNode("",!0)],42,h7))),128))],2)):(e.openBlock(),e.createElementBlock("tbody",{key:1,class:e.normalizeClass(e.unref(d).emptyStateClasses)},[h.loading?(e.openBlock(),e.createElementBlock("tr",A7,[e.createElementVNode("td",{colspan:e.unref(i),class:"spr-overflow-hidden"},[e.renderSlot(h.$slots,"loading",{},()=>[C[1]||(C[1]=e.createElementVNode("div",{class:"spr-flex spr-items-center spr-justify-center"},"Loading...",-1))])],8,z7)])):(e.openBlock(),e.createElementBlock("tr",I7,[e.createElementVNode("td",{colspan:e.unref(i),class:"spr-flex spr-h-full spr-items-center spr-justify-center"},[e.renderSlot(h.$slots,"empty-state",{},()=>[e.createVNode(zn,{size:e.unref(p)},null,8,["size"])])],8,S7)]))],2))])],2),h.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(d).tableFooterClasses)},[e.renderSlot(h.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}})},Symbol.toStringTag,{value:"Module"})),E7={list:{type:Array,default:()=>[]},underlined:{type:Boolean,default:!1},activeTab:{type:String,default:""}},j7={tabIndex:t=>typeof t=="number"},L7=(t,n)=>{const r=e.computed(()=>E({"spr-relative spr-px-size-spacing-xs spr-body-sm spr-text-color-strong spr-group":!0,"spr-transition-left spr-duration-150 spr-ease-in-out":!0,"capitalize spr-py-size-spacing-3xs":!t.underlined,"spr-uppercase spr-border-x-0 spr-border-t-0 spr-py-size-spacing-xs":t.underlined})),o=e.ref({index:0,previousIndex:-1,width:0,undelineLeftOffset:0}),a=()=>{if(t.activeTab){const c=t.list.filter(d=>d.label.toString().trim()===t.activeTab.toString().trim());if(c.length>0){const d=t.list.indexOf(c[0]);o.value.index=d}}else o.value.index=0;const l=s.value[o.value.index];l&&(o.value.width=l.clientWidth,o.value.undelineLeftOffset=l.offsetLeft),n("tabIndex",o.value.index)},s=e.ref([]),i=(l,c=!1)=>{if(c)return;const d=o.value.index;if(d===l)return;o.value.previousIndex=d,o.value.index=l,o.value.width=s.value[l].clientWidth;const p=s.value[d].offsetLeft,g=s.value[l].offsetLeft-p;o.value.undelineLeftOffset+=g,n("tabIndex",l)};return e.watch(()=>t.activeTab,(l,c)=>{l!==c&&a()}),e.onMounted(()=>{a()}),{tabsClasses:r,activeTab:o,tabElements:s,updateSelectedTabIndex:i}},O7={class:"spr-relative spr-flex"},B7=["onClick"],V7={key:0},P7={key:1},Y7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"tabs",props:E7,emits:j7,setup(t,{emit:n}){const r=n,o=t,{tabsClasses:a,activeTab:s,tabElements:i,updateSelectedTabIndex:l}=L7(o,r);return(c,d)=>(e.openBlock(),e.createElementBlock("div",O7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.list,(p,u)=>(e.openBlock(),e.createElementBlock("div",{key:u,ref_for:!0,ref_key:"tabElements",ref:i,class:e.normalizeClass([e.unref(a),{"spr-rounded-l-md":!c.underlined&&u===0,"spr-rounded-r-md":!c.underlined&&u===e.unref(i).length-1,"spr-border-color-success-base spr-cursor-pointer !spr-border !spr-border-solid":!c.underlined&&e.unref(s).index===u,"spr-border-color-weak hover:spr-background-color-hover spr-cursor-pointer !spr-border-x-[0.5px] !spr-border-y !spr-border-solid":!c.underlined&&e.unref(s).index!==u,"spr-background-color-disabled !spr-cursor-not-allowed !spr-text-color-on-fill-disabled":!c.underlined&&p.disabled,"spr-cursor-pointer":c.underlined&&e.unref(s).index===u,"spr-border-color-base spr-cursor-pointer !spr-border-b !spr-border-solid":c.underlined&&e.unref(s).index!==u,"hover:spr-background-color-hover spr-cursor-pointer":c.underlined&&e.unref(s).index!==u&&!p.disabled,"spr-border-color-disabled spr-text-color-on-fill-disabled !spr-cursor-not-allowed spr-border-b":c.underlined&&p.disabled}]),onClick:g=>e.unref(l)(u,p.disabled)},[!c.underlined&&e.unref(s).index===u?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["spr-background-color-single-active spr-tw-w-full spr-absolute spr-bottom-0 spr-left-0 spr-z-[5] spr-block spr-h-full spr-w-full",{"spr-rounded-l-md":e.unref(s).index===0,"spr-rounded-r-md":e.unref(s).index===e.unref(i).length-1}])},null,2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass({"spr-relative spr-z-[10] spr-flex spr-items-center spr-gap-size-spacing-5xs spr-leading-none":!0,"spr-cursor-not-allowed":p.disabled})},[p.icon?(e.openBlock(),e.createElementBlock("div",V7,[e.createVNode(e.unref(F),{class:e.normalizeClass({"spr-body-sm-regular":!0,"spr-text-color-brand-base":e.unref(s).index===u}),icon:e.unref(s).index===u&&typeof p.iconFill=="string"?p.iconFill:p.icon},null,8,["class","icon"])])):e.createCommentVNode("",!0),p.label?(e.openBlock(),e.createElementBlock("div",P7,e.toDisplayString(p.label),1)):e.createCommentVNode("",!0)],2)],10,B7))),128)),c.underlined?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["spr-background-color-success-base spr-absolute spr-bottom-0 spr-left-0 spr-z-10 spr-block spr-h-0.5 spr-rounded-full","spr-transition-left spr-duration-150 spr-ease-in-out"]),style:e.normalizeStyle({width:`${e.unref(s).width}px`,left:`${e.unref(s).undelineLeftOffset}px`})},null,4)):e.createCommentVNode("",!0)]))}})},Symbol.toStringTag,{value:"Module"})),F7={id:{type:String,default:""},modelValue:{type:String,default:""},label:{type:String,default:""},supportingLabel:{type:String,default:""},placeholder:{type:String,default:""},active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},minLength:{type:Number},maxLength:{type:Number},rows:{type:Number,default:4},displayHelper:{type:Boolean,default:!1},helperIcon:{type:String,default:null},helperText:{type:String,default:""},hasCounter:{type:Boolean,default:!1}},U7={"update:modelValue":t=>typeof t=="string"},R7=(t,n)=>{const{error:r,disabled:o,readonly:a}=e.toRefs(t),s=ue(t,"modelValue",n);return{textareaClasses:e.computed(()=>{const c=E("spr-flex spr-flex-col spr-gap-size-spacing-4xs"),d=E("spr-body-sm-regular spr-text-color-strong spr-flex spr-gap-2",{"spr-text-color-on-fill-disabled":o.value,"spr-text-color-base":a.value}),p=E("spr-body-sm-regular spr-text-color-supporting",{"spr-text-color-on-fill-disabled":o.value,"spr-text-color-base":a.value}),u=E("spr-block spr-w-full spr-px-size-spacing-2xs spr-py-size-spacing-4xs spr-rounded-border-radius-md spr-outline-none spr-ring-0 spr-resize-none spr-font-main","spr-text-color-strong spr-font-size-200","spr-border spr-border-solid","placeholder:spr-text-mushroom-300",{"spr-border-mushroom-200 focus:spr-border-kangkong-700":!r.value&&!o.value,"spr-border-tomato-600 focus:spr-border-tomato-600":r.value,"spr-background-color-disabled spr-border-white-100 focus:spr-border-white-100 spr-cursor-not-allowed spr-text-color-on-fill-disabled":o.value,"spr-background-color-disabled spr-border-white-100 focus:spr-border-white-100 spr-cursor-not-allowed   spr-text-color-base":a.value}),g=E("spr-body-sm-regular spr-flex spr-items-center spr-gap-size-spacing-5xs",{"spr-text-color-danger-base":r.value,"spr-text-color-supporting":!r.value}),f=E("spr-flex spr-items-start",{"spr-justify-between":t.displayHelper&&t.hasCounter,"spr-justify-end":!t.displayHelper&&t.hasCounter});return{wrapperClasses:c,labelClasses:d,supportingLabelClasses:p,textAreaClasses:u,helperClasses:g,slotWrapperClasses:f}}),onInput:c=>{s.value=c.target.value}}},Q7=["for"],H7={key:0},Z7=["id","rows","placeholder","value","minlength","maxlength","readonly","disabled"],G7=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"textarea",props:F7,emits:U7,setup(t,{emit:n}){const r=t,o=n,{onInput:a,textareaClasses:s}=R7(r,o);return(i,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).wrapperClasses)},[r.label||r.supportingLabel?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass(e.unref(s).labelClasses)},[r.label?(e.openBlock(),e.createElementBlock("span",H7,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),r.supportingLabel?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s).supportingLabelClasses)},e.toDisplayString(r.supportingLabel),3)):e.createCommentVNode("",!0)],10,Q7)):e.createCommentVNode("",!0),e.createElementVNode("textarea",e.mergeProps(i.$attrs,{id:r.id,class:e.unref(s).textAreaClasses,rows:i.rows,placeholder:i.placeholder,value:i.modelValue,minlength:r.minLength,maxlength:r.maxLength,readonly:i.readonly,disabled:r.disabled,onInput:l[0]||(l[0]=(...c)=>e.unref(a)&&e.unref(a)(...c))}),null,16,Z7),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).slotWrapperClasses)},[r.displayHelper?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).helperClasses)},[e.renderSlot(i.$slots,"helperMessage",{},()=>[r.helperIcon?(e.openBlock(),e.createBlock(e.unref(F),{key:0,icon:r.helperIcon,width:"20px",height:"20px"},null,8,["icon"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(r.helperText),1)])],2)):e.createCommentVNode("",!0),r.hasCounter&&r.maxLength?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).helperClasses)},[e.renderSlot(i.$slots,"counter",{},()=>[e.createElementVNode("span",null,e.toDisplayString(`${i.modelValue.length}/${r.maxLength}`),1)])],2)):e.createCommentVNode("",!0)],2)],2))}})},Symbol.toStringTag,{value:"Module"})),W7={modelValue:{type:String,required:!0},label:{type:String,default:""},error:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},interval:{type:Number,default:30},format:{type:String,default:"24"},disableTyping:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},helperText:{type:String,default:""},placeholder:{type:String,default:""},id:{type:String,default:"time-picker"}},K7={"update:modelValue":t=>t instanceof MouseEvent},J7=(t,n)=>{const{format:r,interval:o,fullWidth:a}=e.toRefs(t),s=e.ref(!1),i=ue(t,"modelValue",n),l=e.ref(`time-picker-${U().valueOf()}-${Math.floor(Math.random()*1e3)}`),c=e.computed(()=>E("spr-max-h-[300px] spr-p-size-spacing-3xs spr-overflow-y-auto",{"spr-w-[240px]":!a.value})),d=b=>{var D;const w=b.target;if(!w)return;const A=w.value.toUpperCase();(r.value==="12"?/^[0-9:APM\s]*$/:/^[0-9:]*$/).test(A)?i.value=A:i.value=(D=i.value)==null?void 0:D.slice(0,-1)},p=()=>{const b=[],w=U().startOf("day"),A=U().endOf("day");let M=w;for(;M.isBefore(A)||M.isSame(A);)b.push(u(M)),M=M.add(o.value,"minute");return b},u=b=>{let w=b.hour();const A=b.minute().toString().padStart(2,"0");if(t.format==="12"){const M=w>=12?"PM":"AM";return w=w%12||12,`${w.toString().padStart(2,"0")}:${A} ${M}`}return`${w.toString().padStart(2,"0")}:${A}`},g=e.computed(()=>p()),f=e.computed(()=>g.value),y=b=>{i.value=b},m=e.computed(()=>t.placeholder?t.placeholder:r.value==="12"?"HH : MM AM/PM":"HH : MM");return{optionClasses:c,filteredOptions:f,selectedValue:i,isOpen:s,getPlaceHolder:m,uniqueId:l,filterInput:d,selectOption:y}},X7=["id"],q7={key:0},ef=["onMousedown"],tf={key:0,class:"spr-text-color-brand-base spr-font-bold"},rf={key:1,class:"spr-px-3 spr-py-2 spr-text-gray-500"},nf=Object.freeze(Object.defineProperty({__proto__:null,default:e.defineComponent({__name:"time-picker",props:W7,emits:K7,setup(t,{emit:n}){const r=t,o=n,{optionClasses:a,isOpen:s,filteredOptions:i,selectedValue:l,getPlaceHolder:c,selectOption:d,filterInput:p,uniqueId:u}=J7(r,o);return(g,f)=>(e.openBlock(),e.createBlock(e.unref(De),{shown:e.unref(s),"onUpdate:shown":f[1]||(f[1]=y=>e.isRef(s)?s.value=y:null),"aria-id":r.fullWidth?"time-picker-wrapper-full-width":"time-picker-wrapper",distance:"4",placement:"bottom-start",triggers:["click"],"popper-hide-triggers":[],container:`#${e.unref(u)}`,style:{width:"100%"},"instant-move":""},{popper:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a))},[e.unref(i).length>0?(e.openBlock(),e.createElementBlock("div",q7,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),y=>{var m,b;return e.openBlock(),e.createElementBlock("div",{key:y,class:e.normalizeClass(["spr-body-xs-regular spr-flex spr-cursor-pointer spr-justify-between spr-rounded-border-radius-md spr-p-size-spacing-3xs","hover:spr-background-color-hover",{"spr-background-color-single-active spr-rounded-border-radius-md":y.toUpperCase()===((m=e.unref(l))==null?void 0:m.toUpperCase())}]),onMousedown:e.withModifiers(w=>e.unref(d)(y),["prevent"])},[e.createTextVNode(e.toDisplayString(y)+" ",1),y.toUpperCase()===((b=e.unref(l))==null?void 0:b.toUpperCase())?(e.openBlock(),e.createElementBlock("span",tf,[e.createVNode(e.unref(F),{icon:"ph:check"})])):e.createCommentVNode("",!0)],42,ef)}),128))])):(e.openBlock(),e.createElementBlock("div",rf,"No matching options found"))],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{id:e.unref(u),style:{width:"100%"}},[e.createVNode($e,{id:r.id,modelValue:e.unref(l),"onUpdate:modelValue":f[0]||(f[0]=y=>e.isRef(l)?l.value=y:null),type:"text",placeholder:e.unref(c),readonly:r.disableTyping,disabled:r.disabled,label:r.label,error:r.error,"display-helper":!!r.helperText,"helper-text":r.helperText,onInput:e.unref(p)},{icon:e.withCtx(()=>[e.createVNode(e.unref(F),{icon:"ph:clock"})]),_:1},8,["id","modelValue","placeholder","readonly","disabled","label","error","display-helper","helper-text","onInput"])],8,X7)]),_:1},8,["shown","aria-id","container"]))}})},Symbol.toStringTag,{value:"Module"})),of={name:"design-system-next",private:!1,version:"2.13.2",main:"./dist/design-system-next.umd.js",module:"./dist/design-system-next.es.js",repository:{type:"git",url:"https://dev.azure.com/sproutphil/Sprout%20Design%20System/_git/Sprout%20Design%20System%20Next"},type:"module",files:["dist","dist/","src/","README.md","LICENSE"],exports:{".":{import:"./dist/design-system-next.es.js",require:"./dist/design-system-next.umd.js"},"./style.css":"./dist/main.css"},scripts:{dev:"vite",build:"vue-tsc && vite build","watch-build":"vue-tsc && vite build --watch",types:"vue-tsc",preview:"vite preview","lint:script":'eslint "**/*.{js,ts,vue}"',"lint:style":'stylelint "**/*.{vue,css}"',"fix:style":'stylelint --fix "**/*.{vue,css}"',lint:"npm run lint:script && npm run lint:style",prepublishOnly:"npm run build","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:serve":"vitepress serve docs","docs:preview":"vitepress preview docs","test:e2e":"npx playwright test --ui",clean:"rm -rf node_modules dist coverage package-lock.json && npm install"},dependencies:{"@cloudinary/url-gen":"^1.21.0","@eslint/js":"^9.17.0","@iconify-icons/ph":"^1.2.5","@iconify/vue":"^4.3.0",classnames:"^2.5.1","countries-list":"^3.1.1",dayjs:"^1.11.13","floating-vue":"^5.2.2","libphonenumber-js":"^1.12.5",lodash:"^4.17.21",pinia:"^2.3.1",stylelint:"^16.12.0","stylelint-config-recess-order":"^5.1.1","stylelint-config-recommended":"^14.0.1","stylelint-config-recommended-vue":"^1.5.0","typescript-eslint":"^8.19.1","vite-plugin-sass":"^0.1.0",vue:"^3.0.0"},devDependencies:{"@axe-core/playwright":"^4.10.2","@playwright/test":"^1.55.0","@stylistic/stylelint-plugin":"^3.1.1","@types/node":"^22.10.5","@vitejs/plugin-vue":"^5.2.1",autoprefixer:"^10.4.20",eslint:"^9.17.0","eslint-config-prettier":"^9.1.0","eslint-plugin-vue":"^9.32.0",prettier:"^3.4.2","prettier-plugin-tailwindcss":"^0.6.9","rollup-plugin-gzip":"^4.0.1","sass-embedded":"^1.83.1",tailwindcss:"^3.4.17",typescript:"~5.7.2","unplugin-vue-components":"^28.0.0",vite:"^6.0.7","vite-plugin-dts":"^4.4.0","vite-tsconfig-paths":"^5.1.4",vitepress:"^1.5.0","vue-eslint-parser":"^9.4.3","vue-tsc":"^2.2.0"},peerDependencies:{vue:"^3.0.0"},engines:{node:">=20.0.0",npm:">=10.0.0"}},af="spr-",sf=Object.assign({"../src/components/accordion/accordion.vue":Zs,"../src/components/avatar/avatar.vue":di,"../src/components/badge/badge.vue":ii,"../src/components/banner/banner.vue":mi,"../src/components/button/button-dropdown/button-dropdown.vue":xc,"../src/components/button/button.vue":Ps,"../src/components/calendar-cell/calendar-cell.vue":Tc,"../src/components/calendar/calendar.vue":Ud,"../src/components/card/card.vue":Yc,"../src/components/checkbox/checkbox.vue":Dl,"../src/components/chips/chips.vue":op,"../src/components/collapsible/collapsible.vue":ns,"../src/components/date-picker/date-picker.vue":Vp,"../src/components/date-picker/date-range-picker/date-range-picker.vue":M1,"../src/components/dropdown/dropdown.vue":wc,"../src/components/empty-state/empty-state.vue":sd,"../src/components/file-upload/file-upload.vue":V1,"../src/components/filter/filter.vue":e3,"../src/components/floating-action/floating-action.vue":a3,"../src/components/input/input-contact-number/input-contact-number.vue":yu,"../src/components/input/input-dropdown/input-dropdown.vue":bu,"../src/components/input/input-email/input-email.vue":Cu,"../src/components/input/input-password/input-password.vue":Mu,"../src/components/input/input-search/input-search.vue":Ll,"../src/components/input/input-url/input-url.vue":xu,"../src/components/input/input-username/input-username.vue":Nu,"../src/components/input/input.vue":jl,"../src/components/list/ladderized-list/ladderized-list-back.vue":uc,"../src/components/list/ladderized-list/ladderized-list.vue":hc,"../src/components/list/list.vue":lc,"../src/components/logo/logo.vue":k5,"../src/components/lozenge/lozenge.vue":Hl,"../src/components/modal/modal.vue":S5,"../src/components/progress-bar/progress-bar.vue":L5,"../src/components/radio/radio.vue":U5,"../src/components/select/select-ladderized/select-ladderized.vue":q5,"../src/components/select/select-multiple/select-multiple.vue":g6,"../src/components/select/select.vue":S6,"../src/components/sidenav/sidenav-menu-links.vue":n9,"../src/components/sidenav/sidenav.vue":k9,"../src/components/sidepanel/sidepanel.vue":A9,"../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue":j9,"../src/components/slider/slider.vue":P9,"../src/components/snackbar/snack/snack.vue":H9,"../src/components/snackbar/snackbar.vue":D8,"../src/components/status/status.vue":Ac,"../src/components/stepper/step/step.vue":z8,"../src/components/stepper/stepper.vue":E8,"../src/components/switch/switch.vue":F8,"../src/components/table/table-actions/table-actions.vue":H8,"../src/components/table/table-chips-title/table-chips-title.vue":W8,"../src/components/table/table-lozenge-title/table-lozenge-title.vue":X8,"../src/components/table/table-pagination/table-pagination.vue":a7,"../src/components/table/table.vue":T7,"../src/components/tabs/tabs.vue":Y7,"../src/components/textarea/textarea.vue":G7,"../src/components/time-picker/time-picker.vue":nf,"../src/components/tooltip/tooltip.vue":j6}),lf=["sidenav-menu-links.vue","step.vue","table-actions.vue","table-chips-title.vue","table-lozenge-title.vue"];return{install:t=>{Object.entries(sf).filter(([n])=>{const r=n.split("/").pop();return r&&!lf.includes(r)}).forEach(([n,r])=>{var a;const o=(a=n.split("/").pop())==null?void 0:a.replace(".vue","");o&&t.component(`${af}${o}`,r.default)}),console.info(`%c🌱 Design System Next Installed v${of.version} 🌱`,"font-weight: bold; font-size: 14px; color: green; padding: 16px 8px; border: 1px dashed green; border-radius: 4px; margin: 10px auto;")}}});

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "design-system-next",
   "private": false,
-  "version": "2.13.1",
+  "version": "2.13.2",
   "main": "./dist/design-system-next.umd.js",
   "module": "./dist/design-system-next.es.js",
   "repository": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-next",
   "private": false,
-  "version": "2.13.1",
+  "version": "2.13.2",
   "main": "./dist/design-system-next.umd.js",
   "module": "./dist/design-system-next.es.js",
   "repository": {

package/src/App.vue

@@ -1,52 +1,3 @@
 <template>
-  <div class="spr-background-color-brand-base">Open Sidepanelsss</div>
-
-  <spr-sidepanel :is-open="isSidepanelOpen" header-title="Sidepanel Example" @close="isSidepanelOpen = false">
-    <div class="p-4">Sidepanel Content</div>
-    <template #footer>
-      <div class="spr-flex spr-justify-end spr-gap-2 spr-px-2">
-        <spr-button>Cancel</spr-button>
-        <spr-button-dropdown
-          v-model="wew"
-          dropdown-id="example1"
-          :menu-list="menuList"
-          placement="top-end"
-          popper-inner-width="200px"
-        >
-          Button Dropdown
-        </spr-button-dropdown>
-      </div>
-    </template>
-  </spr-sidepanel>
-
-  <spr-date-picker id="datepicker" v-model="datePickerModel" label="Date Picker" display-helper />
+  <div>Test Component Here</div>
 </template>
-<script setup>
-import { ref } from 'vue';
-
-import SprButton from './components/button/button.vue';
-import SprButtonDropdown from './components/button/button-dropdown/button-dropdown.vue';
-import SprSidepanel from './components/sidepanel/sidepanel.vue';
-import SprDatePicker from './components/date-picker/date-picker.vue';
-
-const isSidepanelOpen = ref(false);
-
-const wew = ref();
-
-const menuList = ref([
-  {
-    text: 'Option 1',
-    value: 'option1',
-    icon: 'ph:check',
-    iconColor: 'spr-text-color-brand-base',
-  },
-  {
-    text: 'Option 2',
-    value: 'option2',
-    icon: 'ph:check',
-    iconColor: 'spr-text-color-brand-base',
-  },
-]);
-
-const datePickerModel = ref('');
-</script>