@gradient-ui/core 0.5.0-rc.0 → 0.8.0

package/dist/components.mjs

@@ -1,72 +1,80 @@
-import { B as G, G as e, a as r, b as o, c as t, d as n, _ as i, e as p, f as u, g as d, h as b, i as l, j as v, k as x, l as T, m as c, n as k, o as m, p as f, q as M, r as I, s as N, t as g, u as A, v as B, w as S, x as L, y as h, z as w, A as C, C as E, D as y, E as D, F, H as P, I as _, J as q, K as R, L as j, M as z, N as H } from "./GSwitch.vue_vue_type_script_setup_true_lang-UTBNFP5X.js";
-import { _ as K, G as O, a as Q } from "./GLoading.vue_vue_type_style_index_0_lang-CBB_GocW.js";
-import { _ as U, G as W, a as X, b as Y, u as Z, c as $ } from "./useSnackbar-DeNHZH8v.js";
-import { G as sa, g as Ga, v as ea, l as ra, a as oa, r as ta, s as na, b as ia } from "./mask-CZX-I_iy.js";
-import { a as ua, d as da, u as ba, b as la } from "./index-Cs3XQ3JB.js";
-import { d as xa, u as Ta } from "./index-BtCLucTD.js";
+import { B as G, G as e, a as r, b as o, c as t, d as n, e as i, f as p, g as u, _ as d, h as b, i as l, j as v, k as x, l as T, m as c, n as k, o as m, p as S, q as A, r as f, s as M, t as I, u as N, v as g, w as B, x as C, y as L, z as h, A as P, C as w, D, E, F as y, H as F, I as R, J as _, K as q, L as O, M as Q, N as V, O as j, P as z, Q as H, R as J, S as K, T as U, U as W, V as X } from "./GSwitch.vue_vue_type_script_setup_true_lang-BPwF9Kug.js";
+import { _ as Z, G as $, a as aa } from "./GLoading.vue_vue_type_style_index_0_lang-BbVYszn2.js";
+import { _ as Ga, G as ea, a as ra, b as oa, u as ta, c as na } from "./useSnackbar-BYPu4tJ4.js";
+import { G as pa, g as ua, v as da, l as ba, a as la, r as va, s as xa, b as Ta } from "./mask-669nMf98.js";
+import { a as ka, d as ma, u as Sa, b as Aa } from "./index-Cs3XQ3JB.js";
+import { d as Ma, u as Ia } from "./index-DeFv4BdJ.js";
 export {
   G as BaseOverlay,
   e as GAlert,
   r as GAside,
   o as GAsideGroup,
   t as GAsideItem,
-  n as GBadge,
-  U as GButton,
-  i as GCheckbox,
-  p as GCheckboxGroup,
-  u as GChip,
-  d as GDrawer,
-  b as GDropdownGroup,
-  l as GExpandTransition,
-  v as GExpansion,
-  x as GExpansionGroup,
-  T as GFAB,
-  c as GForm,
-  W as GGradient,
-  k as GGradientMaterial,
-  X as GIcon,
-  m as GInput,
-  K as GLoading,
-  f as GMenu,
-  M as GModal,
-  I as GNavGroup,
-  N as GNavItem,
-  g as GNavList,
-  A as GNavbar,
-  B as GNavbarItem,
-  S as GNavbarMenu,
-  L as GNavbarSubItem,
-  O as GProgress,
-  h as GQuickActions,
-  w as GRadio,
-  C as GSelect,
-  Y as GSnackbar,
-  E as GSquircle,
-  y as GSwitch,
-  D as GTab,
-  F as GTabList,
-  P as GTabPanel,
-  _ as GTabPanels,
-  q as GTable,
-  R as GTabs,
-  j as GText,
-  z as GTextarea,
-  sa as GTooltip,
-  Q as GTransition,
-  H as GTransitionGroup,
-  ua as applyMask,
-  xa as defaultBreakpoints,
-  da as defaultMaskTokens,
-  ba as unmaskValue,
-  Ta as useBreakpoints,
-  Z as useLoading,
-  la as useMask,
-  $ as useSnackbar,
-  Ga as vGradientIcon,
-  ea as vGradientText,
-  ra as vLoading,
-  oa as vMask,
-  ta as vRipple,
-  na as vSpecular,
-  ia as vTooltip
+  n as GAvatar,
+  i as GAvatarGroup,
+  p as GBadge,
+  Ga as GButton,
+  u as GCard,
+  d as GCheckbox,
+  b as GCheckboxGroup,
+  l as GChip,
+  v as GCombobox,
+  x as GDivider,
+  T as GDrawer,
+  c as GDropdownGroup,
+  k as GExpandTransition,
+  m as GExpansion,
+  S as GExpansionGroup,
+  A as GFAB,
+  f as GForm,
+  ea as GGradient,
+  M as GGradientMaterial,
+  ra as GIcon,
+  I as GInput,
+  Z as GLoading,
+  N as GMenu,
+  g as GModal,
+  B as GNavGroup,
+  C as GNavItem,
+  L as GNavList,
+  h as GNavbar,
+  P as GNavbarItem,
+  w as GNavbarMenu,
+  D as GNavbarSubItem,
+  $ as GProgress,
+  E as GQuickActions,
+  y as GRadio,
+  F as GSelect,
+  oa as GSnackbar,
+  R as GSquircle,
+  _ as GStepPanel,
+  q as GStepper,
+  O as GStepperActions,
+  Q as GSwitch,
+  V as GTab,
+  j as GTabList,
+  z as GTabPanel,
+  H as GTabPanels,
+  J as GTable,
+  K as GTabs,
+  U as GText,
+  W as GTextarea,
+  pa as GTooltip,
+  aa as GTransition,
+  X as GTransitionGroup,
+  ka as applyMask,
+  Ma as defaultBreakpoints,
+  ma as defaultMaskTokens,
+  Sa as unmaskValue,
+  Ia as useBreakpoints,
+  ta as useLoading,
+  Aa as useMask,
+  na as useSnackbar,
+  ua as vGradientIcon,
+  da as vGradientText,
+  ba as vLoading,
+  la as vMask,
+  va as vRipple,
+  xa as vSpecular,
+  Ta as vTooltip
 };

package/dist/default--73FwpwZ.cjs

@@ -0,0 +1,4 @@
+"use strict";const E=require("./camelToKebabCase-BQDotaQm.cjs"),l=require("@gradient-ui/gradient-engine"),u=require("vue"),D=(e,{className:t,id:n,prefix:s})=>{const o=Object.entries(e).map(([m,c])=>`  --g-${s}-${E.camelToKebabCase(m)}: ${c};`),r=`.${t} {
+${o.join(`
+`)}
+}`;let a=document.getElementById(n);return a||(a=document.createElement("style"),a.id=n,document.head.appendChild(a)),a.textContent=r,a},g="g-theme--material",i="g-theme--",T=Symbol("gradient-theme"),h=(e,t)=>D(e,{className:g,id:`g-${t}-style`,prefix:t}),f=(e=l.DEFAULT_SEED,t={})=>d(e,"light",t),v=(e=l.DEFAULT_SEED,t={})=>d(e,"dark",t),d=(e=l.DEFAULT_SEED,t="light",n={})=>{const s=document.documentElement;s.classList.add(g),s.classList.remove(`${i}light`,`${i}dark`),s.classList.add(`${i}${t}`);const o=l.createDesignTokens({colors:n.colors,mode:t,seed:l.normalizeDesignTokenSeed(e)}),{tokens:r}=o;return{tokens:r,themeCSS:h(r.theme,"theme"),colorsCSS:h(r.colors,"color"),gradientCSS:h(r.gradients,"gradient")}},S=(e={})=>{const t=u.ref(e.seed??l.DEFAULT_SEED),n=u.ref(e.mode??"light"),s=u.shallowRef(null),o=()=>typeof window>"u"?null:(s.value=d(t.value,n.value,{colors:e.colors}),s.value),r=c=>(t.value=c,o()),a=c=>(n.value=c,o()),m=()=>(n.value=n.value==="dark"?"light":"dark",o());return e.autoApply!==!1&&o(),{seed:t,mode:n,result:s,apply:o,setSeed:r,setMode:a,toggleMode:m}},k=(e=S())=>(u.provide(T,e),e),y=(e,t)=>{e.provide(T,t)},L=()=>u.inject(T,null);exports.createDefaultDarkTheme=v;exports.createDefaultLightTheme=f;exports.createDefaultTheme=d;exports.createTheme=S;exports.installTheme=y;exports.provideTheme=k;exports.useTheme=L;

package/dist/default-DlsS6GI_.js

@@ -0,0 +1,58 @@
+import { f as T } from "./camelToKebabCase-BWbQb81D.js";
+import { DEFAULT_SEED as c, createDesignTokens as f, normalizeDesignTokenSeed as p } from "@gradient-ui/gradient-engine";
+import { inject as v, ref as g, shallowRef as y, provide as k } from "vue";
+const E = (e, { className: t, id: o, prefix: s }) => {
+  const n = Object.entries(e).map(
+    ([d, l]) => `  --g-${s}-${T(d)}: ${l};`
+  ), a = `.${t} {
+${n.join(`
+`)}
+}`;
+  let r = document.getElementById(o);
+  return r || (r = document.createElement("style"), r.id = o, document.head.appendChild(r)), r.textContent = a, r;
+}, S = "g-theme--material", m = "g-theme--", i = Symbol("gradient-theme"), u = (e, t) => E(e, {
+  className: S,
+  id: `g-${t}-style`,
+  prefix: t
+}), b = (e = c, t = {}) => h(e, "light", t), A = (e = c, t = {}) => h(e, "dark", t), h = (e = c, t = "light", o = {}) => {
+  const s = document.documentElement;
+  s.classList.add(S), s.classList.remove(
+    `${m}light`,
+    `${m}dark`
+  ), s.classList.add(`${m}${t}`);
+  const n = f({
+    colors: o.colors,
+    mode: t,
+    seed: p(e)
+  }), { tokens: a } = n;
+  return {
+    tokens: a,
+    themeCSS: u(a.theme, "theme"),
+    colorsCSS: u(a.colors, "color"),
+    gradientCSS: u(a.gradients, "gradient")
+  };
+}, $ = (e = {}) => {
+  const t = g(e.seed ?? c), o = g(e.mode ?? "light"), s = y(null), n = () => typeof window > "u" ? null : (s.value = h(t.value, o.value, {
+    colors: e.colors
+  }), s.value), a = (l) => (t.value = l, n()), r = (l) => (o.value = l, n()), d = () => (o.value = o.value === "dark" ? "light" : "dark", n());
+  return e.autoApply !== !1 && n(), {
+    seed: t,
+    mode: o,
+    result: s,
+    apply: n,
+    setSeed: a,
+    setMode: r,
+    toggleMode: d
+  };
+}, M = (e = $()) => (k(i, e), e), _ = (e, t) => {
+  e.provide(i, t);
+}, j = () => v(i, null);
+export {
+  b as a,
+  h as b,
+  A as c,
+  $ as d,
+  _ as i,
+  M as p,
+  j as u
+};

package/dist/directives.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mask-BbofdFd4.cjs");exports.vGradientIcon=e.gradientIcon;exports.vGradientText=e.vGradientText;exports.vLoading=e.loading;exports.vMask=e.vMask;exports.vRipple=e.ripple;exports.vSpecular=e.specular;exports.vTooltip=e.vTooltip;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mask-Bh_UkcCe.cjs");exports.vGradientIcon=e.gradientIcon;exports.vGradientText=e.vGradientText;exports.vLoading=e.loading;exports.vMask=e.vMask;exports.vRipple=e.ripple;exports.vSpecular=e.specular;exports.vTooltip=e.vTooltip;

package/dist/directives.mjs

@@ -1,4 +1,4 @@
-import { g as v, v as e, l as o, a as r, r as i, s as p, b as t } from "./mask-CZX-I_iy.js";
+import { g as v, v as e, l as o, a as r, r as i, s as p, b as t } from "./mask-669nMf98.js";
 export {
   v as vGradientIcon,
   e as vGradientText,

package/dist/index-DVHKm06w.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),F=require("./surface-DB9flb-h.cjs");function C(e){const u=()=>t.toValue(e.orientation)??"horizontal";function r(a,d){const n=e.getEnabledItems(),v=n.findIndex(s=>Object.is(s.value,d)),f=u()==="horizontal",c=f?"ArrowLeft":"ArrowUp",o=f?"ArrowRight":"ArrowDown";if(a.key===c){e.focusItem(v<=0?n.length-1:v-1,a);return}if(a.key===o){e.focusItem(v>=n.length-1?0:v+1,a);return}if(a.key==="Home"){e.focusItem(0,a);return}if(a.key==="End"){e.focusItem(n.length-1,a);return}t.toValue(e.selectOnAction)&&(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),e.select(d,a))}return{onItemKeydown:r}}const B=e=>String(e??"default").replace(/[^a-zA-Z0-9_-]/g,"-");function D(e){const u=t.ref(t.toValue(e.defaultValue)),r=t.shallowRef([]),a=t.computed(()=>t.toValue(e.modelValue)!==void 0),d=t.computed({get(){return a.value?t.toValue(e.modelValue):u.value},set(i){a.value||(u.value=i),e.onUpdateModelValue(i)}}),n=()=>!!t.toValue(e.disabled);function v(i){return i!==void 0&&Object.is(d.value,i)}function f(i,V){var h;n()||i===void 0||e.canSelect&&!e.canSelect(i,V)||(d.value=i,(h=e.onSelect)==null||h.call(e,i,V))}function c(i){const V=r.value.filter(h=>h.el!==i.el);V.push(i),r.value=V,t.toValue(e.mandatory)&&d.value===void 0&&i.value!==void 0&&!i.disabled&&f(i.value)}function o(i){r.value=r.value.filter(V=>V.el!==i)}function s(){return r.value.filter(i=>!i.disabled&&i.value!==void 0)}function I(i,V){const y=s()[i];y&&(V.preventDefault(),y.el.focus(),t.toValue(e.selectOnFocus)&&f(y.value,V))}const{onItemKeydown:g}=C({orientation:e.orientation,selectOnAction:e.selectOnAction,getEnabledItems:s,focusItem:I,select:f});return{model:d,registeredItems:r,isSelected:v,select:f,registerItem:c,unregisterItem:o,getEnabledItems:s,focusItem:I,onItemKeydown:g,getItemId:i=>`${e.idPrefix}-${e.itemIdSegment??"item"}-${B(i)}`,getPanelId:i=>`${e.idPrefix}-${e.panelIdSegment??"panel"}-${B(i)}`}}function P(e){const u=t.computed(()=>t.toValue(e.value)),r=t.computed(()=>!!(t.toValue(e.disabled)||t.toValue(e.parentDisabled))),a=t.computed(()=>{var o;return!!((o=e.isSelected)!=null&&o.call(e,u.value))});function d(){var o;e.rootRef.value&&((o=e.registerItem)==null||o.call(e,{value:u.value,el:e.rootRef.value,disabled:r.value}))}function n(){var o;e.rootRef.value&&((o=e.unregisterItem)==null||o.call(e,e.rootRef.value))}function v(o,s){var I;(I=e.select)==null||I.call(e,o,s)}function f(o){var s;r.value||(v(u.value,o),(s=e.onClick)==null||s.call(e,o))}function c(o){var s;(s=e.onItemKeydown)==null||s.call(e,o,u.value)}return t.onMounted(d),t.onBeforeUnmount(n),t.watch(()=>[u.value,r.value],()=>d()),{value:u,disabled:r,selected:a,select:v,onClick:f,onKeydown:c}}function O(e){const u=t.computed(()=>(t.toValue(e.items)??[]).map((l,m)=>({...l,index:m}))),r=t.computed(()=>new Map(u.value.map(l=>[l.value,l]))),a=t.computed(()=>u.value.findIndex(l=>Object.is(l.value,s.model.value))),d=t.computed(()=>a.value>=0?u.value[a.value]:void 0),n=()=>!!t.toValue(e.disabled),v=l=>l.completed??(a.value>=0&&l.index<a.value),f=l=>!!(t.toValue(e.editable)||l.editable||v(l)),c=l=>n()||l.disabled?!1:t.toValue(e.linear)?a.value<0?l.index===0||f(l):l.index<=a.value+1?!0:f(l):!0,o=l=>{const m=l===void 0?void 0:r.value.get(l);return m?c(m):!1},s=D({modelValue:()=>t.toValue(e.modelValue),defaultValue:()=>t.toValue(e.defaultValue),disabled:e.disabled,mandatory:e.mandatory,orientation:e.orientation,selectOnFocus:()=>t.toValue(e.activation)==="automatic",selectOnAction:()=>t.toValue(e.activation)==="manual",idPrefix:e.idPrefix,itemIdSegment:"step",panelIdSegment:"step-panel",canSelect:o,onUpdateModelValue:e.onUpdateModelValue,onSelect:(l,m)=>{var b;return(b=e.onSelect)==null?void 0:b.call(e,l,l===void 0?void 0:r.value.get(l),m)}}),I=()=>u.value.find(l=>l.index>a.value&&c(l)),g=()=>[...u.value].reverse().find(l=>l.index<a.value&&c(l)),x=t.computed(()=>!!I()),A=t.computed(()=>!!g()),i=t.computed(()=>{const m=u.value.filter(c).at(-1);return!!(m&&Object.is(m.value,s.model.value))}),V=l=>c(l)?l.state==="error"||l.error?"error":s.isSelected(l.value)?"active":v(l)?"completed":"pending":"disabled",h=l=>{if(l.state)return l.state;if(l.error)return"error"},y=l=>{const m=l.value===void 0?void 0:r.value.get(l.value);s.registerItem({...l,disabled:l.disabled||(m?!c(m):!0)})},w=(l,m)=>s.select(l,m);return{...s,items:u,activeIndex:a,activeItem:d,canNext:x,canPrev:A,isLast:i,isStepAvailable:c,isStepCompleted:v,getItemState:V,getItemSemanticState:h,registerStep:y,select:w,next:l=>{var b;const m=I();m&&(w(m.value,l),(b=e.onNext)==null||b.call(e,m.value,m,l))},prev:l=>{var b;const m=g();m&&(w(m.value,l),(b=e.onPrev)==null||b.call(e,m.value,m,l))},finish:l=>{var m;(m=e.onFinish)==null||m.call(e,s.model.value,d.value,l)}}}const R=({state:e,icon:u,icons:r,defaultIcons:a})=>(r==null?void 0:r[e])??(a==null?void 0:a[e])??u,U=F.propsFactory({density:{type:String,default:"comfortable"}});function E(e,u,r="density"){return t.computed(()=>`${u}_${r}-${e.density}`)}const M=(e,u)=>typeof e=="function"?e(u):e===void 0||!!t.toValue(e),k=(e,u)=>typeof e=="function"?e(u):!!e,N=(e,u)=>Array.isArray(e.key)?e.key.includes(u):e.key===u;function $(e){function u(r){if(t.toValue(e.disabled)||t.toValue(e.readonly)||e.ignoreComposing!==!1&&r.isComposing)return;const a=t.toValue(e.handlers).find(d=>N(d,r.key)&&M(d.when,r));a&&(k(a.preventDefault,r)&&r.preventDefault(),k(a.stopPropagation,r)&&r.stopPropagation(),a.handler(r))}return{handleKeydown:u}}function L(e){function u(n){var v,f,c;n.disabled||((v=e.isCustomItem)!=null&&v.call(e,n)&&((f=e.onAdd)==null||f.call(e,n.raw,t.toValue(e.searchValue).trim())),e.selectItem(n),(c=e.onSelect)==null||c.call(e,n),t.toValue(e.isMultiple)?e.setSearch(""):e.setSearch(n.label),t.toValue(e.shouldCloseOnSelect)&&(e.open.value=!1),e.onInputValidation())}function r(n){const v=e.resolveMenuItem(n);v&&u(v)}function a(){const n=e.firstVisibleItem();n&&u(n)}function d(n){e.selectItem(n),e.onInputValidation()}return{commitItem:u,onSelect:r,selectFirstVisibleItem:a,removeItem:d}}function z(e){return{handlers:[{key:"Enter",preventDefault:!0,handler:e.selectFirstVisibleItem},{key:"Escape",handler:()=>{e.open.value=!1}}]}}const j="input, button";function W(e){function u(f){e.setSearch(f.target.value),e.open.value=!0,e.onInputValidation()}function r(f){e.onFocus(),e.open.value=!0,e.emitFocus(f)}function a(f){var c;e.onBlur(),e.emitBlur(f),(c=e.afterBlur)==null||c.call(e)}function d(){e.clearValue(),e.setSearch(""),e.onInputValidation(),e.emitClear()}function n(){var f;t.toValue(e.disabled)||((f=e.inputRef.value)==null||f.focus(),e.open.value=!0)}function v(f){if(t.toValue(e.disabled))return;const c=f.target,o=e.activatorIgnoreSelector??j;c!=null&&c.closest(o)||(f.preventDefault(),n())}return{handleInput:u,handleFocus:r,handleBlur:a,handleClear:d,focusControl:n,handleActivatorMousedown:v}}function q(e){return{handlers:[{key:"Backspace",when:()=>!!t.toValue(e.enabled)&&!t.toValue(e.searchValue)&&t.toValue(e.items).length>0,handler:()=>{const a=t.toValue(e.items),d=a[a.length-1];d!==void 0&&e.removeItem(d)}}]}}const K={sm:600,md:900,lg:1200,xl:1536};function S(e,u){return typeof u=="number"?u:e[u]??0}function H(e=K){const u=t.ref(0),r=t.ref(0);function a(){u.value=window.innerWidth,r.value=window.innerHeight}t.onMounted(()=>{a(),window.addEventListener("resize",a,{passive:!0})}),t.onBeforeUnmount(()=>{window.removeEventListener("resize",a)});function d(c){return t.computed(()=>u.value>=S(e,c))}function n(c){return t.computed(()=>u.value<=S(e,c))}function v(c,o){return t.computed(()=>{const s=S(e,c),I=S(e,o);return u.value>=s&&u.value<=I})}const f=t.computed(()=>{var s;const c=Object.entries(e).sort((I,g)=>I[1]-g[1]);let o=((s=c[0])==null?void 0:s[0])??"";for(const[I,g]of c)u.value>=g&&(o=I);return o});return{breakpoints:e,width:u,height:r,name:f,up:d,down:n,between:v,smAndUp:d("sm"),smAndDown:n("sm"),mdAndUp:d("md"),mdAndDown:n("md"),lgAndUp:d("lg"),lgAndDown:n("lg"),xlAndUp:d("xl"),xlAndDown:n("xl")}}exports.defaultBreakpoints=K;exports.makeDensityProps=U;exports.resolveStateIcon=R;exports.useBreakpoints=H;exports.useDensity=E;exports.useFieldKeyboard=$;exports.useNavigationController=D;exports.useNavigationItem=P;exports.useNavigationKeyboard=C;exports.useSearchFieldControl=W;exports.useSelectCommit=L;exports.useSelectListboxKeyboard=z;exports.useStepperController=O;exports.useTokenInputKeyboard=q;

package/dist/index-DeFv4BdJ.js

@@ -0,0 +1,418 @@
+import { toValue as c, ref as V, shallowRef as P, computed as h, onMounted as K, onBeforeUnmount as O, watch as F } from "vue";
+import { p as R } from "./surface-C3w1Rz6V.js";
+function E(e) {
+  const l = () => c(e.orientation) ?? "horizontal";
+  function a(r, d) {
+    const n = e.getEnabledItems(), I = n.findIndex(
+      (v) => Object.is(v.value, d)
+    ), f = l() === "horizontal", u = f ? "ArrowLeft" : "ArrowUp", s = f ? "ArrowRight" : "ArrowDown";
+    if (r.key === u) {
+      e.focusItem(
+        I <= 0 ? n.length - 1 : I - 1,
+        r
+      );
+      return;
+    }
+    if (r.key === s) {
+      e.focusItem(
+        I >= n.length - 1 ? 0 : I + 1,
+        r
+      );
+      return;
+    }
+    if (r.key === "Home") {
+      e.focusItem(0, r);
+      return;
+    }
+    if (r.key === "End") {
+      e.focusItem(n.length - 1, r);
+      return;
+    }
+    c(e.selectOnAction) && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), e.select(d, r));
+  }
+  return {
+    onItemKeydown: a
+  };
+}
+const D = (e) => String(e ?? "default").replace(/[^a-zA-Z0-9_-]/g, "-");
+function U(e) {
+  const l = V(
+    c(e.defaultValue)
+  ), a = P([]), r = h(
+    () => c(e.modelValue) !== void 0
+  ), d = h({
+    get() {
+      return r.value ? c(e.modelValue) : l.value;
+    },
+    set(i) {
+      r.value || (l.value = i), e.onUpdateModelValue(i);
+    }
+  }), n = () => !!c(e.disabled);
+  function I(i) {
+    return i !== void 0 && Object.is(d.value, i);
+  }
+  function f(i, o) {
+    var S;
+    n() || i === void 0 || e.canSelect && !e.canSelect(i, o) || (d.value = i, (S = e.onSelect) == null || S.call(e, i, o));
+  }
+  function u(i) {
+    const o = a.value.filter(
+      (S) => S.el !== i.el
+    );
+    o.push(i), a.value = o, c(e.mandatory) && d.value === void 0 && i.value !== void 0 && !i.disabled && f(i.value);
+  }
+  function s(i) {
+    a.value = a.value.filter(
+      (o) => o.el !== i
+    );
+  }
+  function v() {
+    return a.value.filter(
+      (i) => !i.disabled && i.value !== void 0
+    );
+  }
+  function g(i, o) {
+    const w = v()[i];
+    w && (o.preventDefault(), w.el.focus(), c(e.selectOnFocus) && f(w.value, o));
+  }
+  const { onItemKeydown: b } = E({
+    orientation: e.orientation,
+    selectOnAction: e.selectOnAction,
+    getEnabledItems: v,
+    focusItem: g,
+    select: f
+  });
+  return {
+    model: d,
+    registeredItems: a,
+    isSelected: I,
+    select: f,
+    registerItem: u,
+    unregisterItem: s,
+    getEnabledItems: v,
+    focusItem: g,
+    onItemKeydown: b,
+    getItemId: (i) => `${e.idPrefix}-${e.itemIdSegment ?? "item"}-${D(i)}`,
+    getPanelId: (i) => `${e.idPrefix}-${e.panelIdSegment ?? "panel"}-${D(i)}`
+  };
+}
+function T(e) {
+  const l = h(() => c(e.value)), a = h(
+    () => !!(c(e.disabled) || c(e.parentDisabled))
+  ), r = h(() => {
+    var s;
+    return !!((s = e.isSelected) != null && s.call(e, l.value));
+  });
+  function d() {
+    var s;
+    e.rootRef.value && ((s = e.registerItem) == null || s.call(e, {
+      value: l.value,
+      el: e.rootRef.value,
+      disabled: a.value
+    }));
+  }
+  function n() {
+    var s;
+    e.rootRef.value && ((s = e.unregisterItem) == null || s.call(e, e.rootRef.value));
+  }
+  function I(s, v) {
+    var g;
+    (g = e.select) == null || g.call(e, s, v);
+  }
+  function f(s) {
+    var v;
+    a.value || (I(l.value, s), (v = e.onClick) == null || v.call(e, s));
+  }
+  function u(s) {
+    var v;
+    (v = e.onItemKeydown) == null || v.call(e, s, l.value);
+  }
+  return K(d), O(n), F(
+    () => [l.value, a.value],
+    () => d()
+  ), {
+    value: l,
+    disabled: a,
+    selected: r,
+    select: I,
+    onClick: f,
+    onKeydown: u
+  };
+}
+function Z(e) {
+  const l = h(
+    () => (c(e.items) ?? []).map((t, m) => ({
+      ...t,
+      index: m
+    }))
+  ), a = h(
+    () => new Map(l.value.map((t) => [t.value, t]))
+  ), r = h(
+    () => l.value.findIndex(
+      (t) => Object.is(t.value, v.model.value)
+    )
+  ), d = h(
+    () => r.value >= 0 ? l.value[r.value] : void 0
+  ), n = () => !!c(e.disabled), I = (t) => t.completed ?? (r.value >= 0 && t.index < r.value), f = (t) => !!(c(e.editable) || t.editable || I(t)), u = (t) => n() || t.disabled ? !1 : c(e.linear) ? r.value < 0 ? t.index === 0 || f(t) : t.index <= r.value + 1 ? !0 : f(t) : !0, s = (t) => {
+    const m = t === void 0 ? void 0 : a.value.get(t);
+    return m ? u(m) : !1;
+  }, v = U({
+    modelValue: () => c(e.modelValue),
+    defaultValue: () => c(e.defaultValue),
+    disabled: e.disabled,
+    mandatory: e.mandatory,
+    orientation: e.orientation,
+    selectOnFocus: () => c(e.activation) === "automatic",
+    selectOnAction: () => c(e.activation) === "manual",
+    idPrefix: e.idPrefix,
+    itemIdSegment: "step",
+    panelIdSegment: "step-panel",
+    canSelect: s,
+    onUpdateModelValue: e.onUpdateModelValue,
+    onSelect: (t, m) => {
+      var y;
+      return (y = e.onSelect) == null ? void 0 : y.call(
+        e,
+        t,
+        t === void 0 ? void 0 : a.value.get(t),
+        m
+      );
+    }
+  }), g = () => l.value.find(
+    (t) => t.index > r.value && u(t)
+  ), b = () => [...l.value].reverse().find(
+    (t) => t.index < r.value && u(t)
+  ), B = h(() => !!g()), k = h(() => !!b()), i = h(() => {
+    const m = l.value.filter(u).at(-1);
+    return !!(m && Object.is(m.value, v.model.value));
+  }), o = (t) => u(t) ? t.state === "error" || t.error ? "error" : v.isSelected(t.value) ? "active" : I(t) ? "completed" : "pending" : "disabled", S = (t) => {
+    if (t.state) return t.state;
+    if (t.error) return "error";
+  }, w = (t) => {
+    const m = t.value === void 0 ? void 0 : a.value.get(t.value);
+    v.registerItem({
+      ...t,
+      disabled: t.disabled || (m ? !u(m) : !0)
+    });
+  }, A = (t, m) => v.select(t, m);
+  return {
+    ...v,
+    items: l,
+    activeIndex: r,
+    activeItem: d,
+    canNext: B,
+    canPrev: k,
+    isLast: i,
+    isStepAvailable: u,
+    isStepCompleted: I,
+    getItemState: o,
+    getItemSemanticState: S,
+    registerStep: w,
+    select: A,
+    next: (t) => {
+      var y;
+      const m = g();
+      m && (A(m.value, t), (y = e.onNext) == null || y.call(e, m.value, m, t));
+    },
+    prev: (t) => {
+      var y;
+      const m = b();
+      m && (A(m.value, t), (y = e.onPrev) == null || y.call(e, m.value, m, t));
+    },
+    finish: (t) => {
+      var m;
+      (m = e.onFinish) == null || m.call(e, v.model.value, d.value, t);
+    }
+  };
+}
+const q = ({
+  state: e,
+  icon: l,
+  icons: a,
+  defaultIcons: r
+}) => (a == null ? void 0 : a[e]) ?? (r == null ? void 0 : r[e]) ?? l, G = R({
+  density: {
+    type: String,
+    default: "comfortable"
+  }
+});
+function J(e, l, a = "density") {
+  return h(() => `${l}_${a}-${e.density}`);
+}
+const $ = (e, l) => typeof e == "function" ? e(l) : e === void 0 || !!c(e), C = (e, l) => typeof e == "function" ? e(l) : !!e, M = (e, l) => Array.isArray(e.key) ? e.key.includes(l) : e.key === l;
+function Q(e) {
+  function l(a) {
+    if (c(e.disabled) || c(e.readonly) || e.ignoreComposing !== !1 && a.isComposing) return;
+    const r = c(e.handlers).find(
+      (d) => M(d, a.key) && $(d.when, a)
+    );
+    r && (C(r.preventDefault, a) && a.preventDefault(), C(r.stopPropagation, a) && a.stopPropagation(), r.handler(a));
+  }
+  return {
+    handleKeydown: l
+  };
+}
+function X(e) {
+  function l(n) {
+    var I, f, u;
+    n.disabled || ((I = e.isCustomItem) != null && I.call(e, n) && ((f = e.onAdd) == null || f.call(e, n.raw, c(e.searchValue).trim())), e.selectItem(n), (u = e.onSelect) == null || u.call(e, n), c(e.isMultiple) ? e.setSearch("") : e.setSearch(n.label), c(e.shouldCloseOnSelect) && (e.open.value = !1), e.onInputValidation());
+  }
+  function a(n) {
+    const I = e.resolveMenuItem(n);
+    I && l(I);
+  }
+  function r() {
+    const n = e.firstVisibleItem();
+    n && l(n);
+  }
+  function d(n) {
+    e.selectItem(n), e.onInputValidation();
+  }
+  return {
+    commitItem: l,
+    onSelect: a,
+    selectFirstVisibleItem: r,
+    removeItem: d
+  };
+}
+function Y(e) {
+  return {
+    handlers: [
+      {
+        key: "Enter",
+        preventDefault: !0,
+        handler: e.selectFirstVisibleItem
+      },
+      {
+        key: "Escape",
+        handler: () => {
+          e.open.value = !1;
+        }
+      }
+    ]
+  };
+}
+const z = "input, button";
+function p(e) {
+  function l(f) {
+    e.setSearch(f.target.value), e.open.value = !0, e.onInputValidation();
+  }
+  function a(f) {
+    e.onFocus(), e.open.value = !0, e.emitFocus(f);
+  }
+  function r(f) {
+    var u;
+    e.onBlur(), e.emitBlur(f), (u = e.afterBlur) == null || u.call(e);
+  }
+  function d() {
+    e.clearValue(), e.setSearch(""), e.onInputValidation(), e.emitClear();
+  }
+  function n() {
+    var f;
+    c(e.disabled) || ((f = e.inputRef.value) == null || f.focus(), e.open.value = !0);
+  }
+  function I(f) {
+    if (c(e.disabled)) return;
+    const u = f.target, s = e.activatorIgnoreSelector ?? z;
+    u != null && u.closest(s) || (f.preventDefault(), n());
+  }
+  return {
+    handleInput: l,
+    handleFocus: a,
+    handleBlur: r,
+    handleClear: d,
+    focusControl: n,
+    handleActivatorMousedown: I
+  };
+}
+function ee(e) {
+  return {
+    handlers: [
+      {
+        key: "Backspace",
+        when: () => !!c(e.enabled) && !c(e.searchValue) && c(e.items).length > 0,
+        handler: () => {
+          const r = c(e.items), d = r[r.length - 1];
+          d !== void 0 && e.removeItem(d);
+        }
+      }
+    ]
+  };
+}
+const L = {
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+};
+function x(e, l) {
+  return typeof l == "number" ? l : e[l] ?? 0;
+}
+function te(e = L) {
+  const l = V(0), a = V(0);
+  function r() {
+    l.value = window.innerWidth, a.value = window.innerHeight;
+  }
+  K(() => {
+    r(), window.addEventListener("resize", r, { passive: !0 });
+  }), O(() => {
+    window.removeEventListener("resize", r);
+  });
+  function d(u) {
+    return h(
+      () => l.value >= x(e, u)
+    );
+  }
+  function n(u) {
+    return h(
+      () => l.value <= x(e, u)
+    );
+  }
+  function I(u, s) {
+    return h(() => {
+      const v = x(e, u), g = x(e, s);
+      return l.value >= v && l.value <= g;
+    });
+  }
+  const f = h(() => {
+    var v;
+    const u = Object.entries(e).sort((g, b) => g[1] - b[1]);
+    let s = ((v = u[0]) == null ? void 0 : v[0]) ?? "";
+    for (const [g, b] of u)
+      l.value >= b && (s = g);
+    return s;
+  });
+  return {
+    breakpoints: e,
+    width: l,
+    height: a,
+    name: f,
+    up: d,
+    down: n,
+    between: I,
+    smAndUp: d("sm"),
+    smAndDown: n("sm"),
+    mdAndUp: d("md"),
+    mdAndDown: n("md"),
+    lgAndUp: d("lg"),
+    lgAndDown: n("lg"),
+    xlAndUp: d("xl"),
+    xlAndDown: n("xl")
+  };
+}
+export {
+  J as a,
+  Q as b,
+  U as c,
+  L as d,
+  T as e,
+  E as f,
+  p as g,
+  X as h,
+  Y as i,
+  Z as j,
+  ee as k,
+  G as m,
+  q as r,
+  te as u
+};