@soybeanjs/ui 0.15.2 → 0.15.3

package/dist/components/card/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex flex-col items-stretch rounded-md border bg-card text-card-foreground shadow-sm`,header:`flex items-center justify-between flex-wrap`,content:[`grow transition will-change-auto data-[state=closed]:p-0`,`data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up`],footer:`flex items-center justify-between`,titleRoot:`flex items-center`,title:`font-semibold tracking-tight m-0`,description:`w-full text-muted-foreground m-0`},variants:{size:{xs:{root:`text-2xs`,header:`px-2 py-1.5`,content:`px-2 py-1.5`,footer:`px-2 py-1.5`,titleRoot:`gap-1.5`,title:`text-xs`,description:`text-2xs`},sm:{root:`text-xs`,header:`px-3 py-2`,content:`px-3 py-2`,footer:`px-3 py-2`,titleRoot:`gap-1.75`,title:`text-sm`,description:`text-xs`},md:{root:`text-sm`,header:`px-4 py-3`,content:`px-4 py-3`,footer:`px-4 py-3`,titleRoot:`gap-2`,title:`text-base`,description:`text-sm`},lg:{root:`text-base`,header:`px-5 py-4`,content:`px-5 py-4`,footer:`px-5 py-5`,titleRoot:`gap-2.5`,title:`text-lg`,description:`text-base`},xl:{root:`text-base`,header:`px-6 py-5`,content:`px-6 py-5`,footer:`px-6 py-6`,titleRoot:`gap-3`,title:`text-lg`,description:`text-lg`},"2xl":{root:`text-lg`,header:`px-7 py-6`,content:`px-7 py-6`,footer:`px-7 py-6`,titleRoot:`gap-3.5`,title:`text-xl`,description:`text-xl`}},scrollable:{true:{content:`overflow-auto`}},split:{true:{root:`divide-y divide-border`}}},defaultVariants:{size:`md`,scrollable:!0,split:!1}});export{t as cardVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex flex-col items-stretch rounded-md border bg-card text-card-foreground shadow-sm`,header:`flex items-center justify-between flex-wrap`,content:[`grow transition will-change-auto outline-none data-[state=closed]:p-0`,`data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up`],footer:`flex items-center justify-between`,titleRoot:`flex items-center`,title:`font-semibold tracking-tight m-0`,description:`w-full text-muted-foreground m-0`},variants:{size:{xs:{root:`text-2xs`,header:`px-2 py-1.5`,content:`px-2 py-1.5`,footer:`px-2 py-1.5`,titleRoot:`gap-1.5`,title:`text-xs`,description:`text-2xs`},sm:{root:`text-xs`,header:`px-3 py-2`,content:`px-3 py-2`,footer:`px-3 py-2`,titleRoot:`gap-1.75`,title:`text-sm`,description:`text-xs`},md:{root:`text-sm`,header:`px-4 py-3`,content:`px-4 py-3`,footer:`px-4 py-3`,titleRoot:`gap-2`,title:`text-base`,description:`text-sm`},lg:{root:`text-base`,header:`px-5 py-4`,content:`px-5 py-4`,footer:`px-5 py-5`,titleRoot:`gap-2.5`,title:`text-lg`,description:`text-base`},xl:{root:`text-base`,header:`px-6 py-5`,content:`px-6 py-5`,footer:`px-6 py-6`,titleRoot:`gap-3`,title:`text-lg`,description:`text-lg`},"2xl":{root:`text-lg`,header:`px-7 py-6`,content:`px-7 py-6`,footer:`px-7 py-6`,titleRoot:`gap-3.5`,title:`text-xl`,description:`text-xl`}},scrollable:{true:{content:`overflow-auto`}},split:{true:{root:`divide-y divide-border`}}},defaultVariants:{size:`md`,scrollable:!0,split:!1}});export{t as cardVariants};

package/dist/components/color-picker/color-picker.vue.d.ts

@@ -28,16 +28,16 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerProps, {}, {}, {}, {}
   "onUpdate:format"?: ((value: ColorFormat) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
+  disabled: boolean;
+  modelValue: string | ColorValue;
+  defaultValue: string | ColorValue;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
   placement: _$_soybeanjs_headless0.Placement;
   showArrow: boolean;
-  modelValue: string | ColorValue;
-  defaultValue: string | ColorValue;
   format: ColorFormat;
   defaultFormat: ColorFormat;
-  disabled: boolean;
   colorSpace: ColorSpace;
   showAlpha: boolean;
   showFields: boolean;

package/dist/components/editable/editable.vue.d.ts

@@ -66,12 +66,12 @@ type __VLS_Slots = {} & {
   'cancel-trigger'?: (props: typeof __VLS_56) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<EditableProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => any;
   submit: (value: string) => any;
+  "update:modelValue": (value: string) => any;
   "update:state": (state: _$_soybeanjs_headless0.EditableEventState) => any;
 }, string, _$vue.PublicProps, Readonly<EditableProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSubmit?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   "onUpdate:state"?: ((state: _$_soybeanjs_headless0.EditableEventState) => any) | undefined;
 }>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/page-tabs/page-tabs.vue.d.ts

@@ -5,8 +5,8 @@ import * as _$vue from "vue";
 declare const __VLS_export: <T extends PageTabsOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<PageTabsProps<T> & {
     onContextmenu?: ((tab: T) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClick?: ((tab: T) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClose?: ((tab: T) => any) | undefined;
     "onUpdate:items"?: ((items: T[]) => any) | undefined;
     onPin?: ((tab: T) => any) | undefined;

package/dist/components/popconfirm/popconfirm.vue.d.ts

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopconfirmProps, {}, {}, {}, {},
   defaultOpen: boolean;
   modal: boolean;
   showArrow: boolean;
-  showIcon: boolean;
   showCancel: "onlyWarning" | boolean;
+  showIcon: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/table/table.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"./table-filter-popover.js";import{tableVariants as a}from"./variants.js";import o from"./table-radio.js";import{computed as s,createBlock as c,createCommentVNode as l,createElementVNode as u,createSlots as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeClass as g,normalizeProps as _,openBlock as v,renderList as y,renderSlot as b,toHandlers as x,unref as S,useSlots as C,withCtx as w}from"vue";import{useForwardListeners as T,useOmitProps as E}from"@soybeanjs/headless/composables";import{TableCompact as D,provideTableUi as O}from"@soybeanjs/headless";const k=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],A=p({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(p,{emit:A}){let j=p,M=A,N=C(),P=E(j,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),F=T(M),I=s(()=>Object.keys(N)),L=s(()=>e(a({size:j.size,variant:j.variant,bordered:j.bordered,rounded:j.rounded,striped:j.striped}),j.ui,{root:j.class})),R=s(()=>t[j.size??`md`]),z=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return O(L),(e,t)=>(v(),c(S(D),h(S(P),x(S(F))),d({_:2},[y(I.value,t=>({name:t,fn:w(n=>[b(e.$slots,t,_(m(n)))])})),N[`header-selection`]?void 0:{name:`header-selection`,fn:w(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(v(),c(r,{key:0,disabled:t,"model-value":e,class:g(L.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):l(`v-if`,!0)]),key:`0`},N.selection?void 0:{name:`selection`,fn:w(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(v(),c(r,{key:0,class:g(L.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(v(),c(o,{key:1,size:p.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},N[`header-sort`]?void 0:{name:`header-sort`,fn:w(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[f(n,{icon:z(e),class:g(L.value.sortTrigger),size:R.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},N[`header-filter`]?void 0:{name:`header-filter`,fn:w(e=>[f(i,h(e,{ui:L.value,size:p.size}),null,16,[`ui`,`size`])]),key:`3`},N[`header-resize`]?void 0:{name:`header-resize`,fn:w(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[u(`button`,{type:`button`,class:g(L.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,k)]),key:`4`},N[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:w(({expanded:e,ariaLabel:t,toggleExpand:r})=>[f(n,{class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},N.expand?void 0:{name:`expand`,fn:w(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||N[`expanded-row`]?(v(),c(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:g(L.value.treeToggle),size:R.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):l(`v-if`,!0)]),key:`6`}]),1040))}});export{A as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import n from"../button/button-icon.js";import r from"../checkbox/checkbox.js";import i from"../empty/empty.js";import a from"./table-filter-popover.js";import{tableVariants as o}from"./variants.js";import s from"./table-radio.js";import{computed as c,createBlock as l,createCommentVNode as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{TableCompact as O,provideTableUi as k}from"@soybeanjs/headless";const A=[`aria-label`,`aria-pressed`,`data-resizing`,`onPointerdown`,`onKeydown`],j=m({name:`STable`,__name:`table`,props:{class:{},size:{},ui:{},variant:{},bordered:{type:Boolean},rounded:{type:Boolean,default:!0},striped:{type:Boolean},columns:{},data:{},rowKey:{},defaultSortState:{},sortState:{},defaultFilterState:{},filterState:{},defaultColumnWidths:{},columnWidths:{},getChildren:{},indent:{},virtual:{type:Boolean},height:{},estimateSize:{},virtualizerOptions:{},defaultExpanded:{},expanded:{},defaultExpandAll:{type:Boolean},contentProps:{},headerProps:{},bodyProps:{},footerProps:{},headProps:{},rowProps:{},cellProps:{},dir:{},defaultSelected:{},selected:{},multiple:{default:!0}},emits:[`update:sortState`,`update:filterState`,`update:columnWidths`,`update:expanded`,`update:selected`],setup(m,{emit:j}){let M=m,N=j,P=w(),F=D(M,[`class`,`ui`,`size`,`variant`,`bordered`,`rounded`,`striped`]),I=E(N),L=c(()=>Object.keys(P)),R=c(()=>e(o({size:M.size,variant:M.variant,bordered:M.bordered,rounded:M.rounded,striped:M.striped}),M.ui,{root:M.class})),z=c(()=>t[M.size??`md`]),B=e=>e===`asc`?`lucide:arrow-up`:e===`desc`?`lucide:arrow-down`:`lucide:arrow-up-down`;return k(R),(e,t)=>(y(),l(C(O),g(C(F),S(C(I))),f({_:2},[b(L.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v(h(n)))])})),P[`header-selection`]?void 0:{name:`header-selection`,fn:T(({checked:e,disabled:t,multiple:n,updateChecked:i})=>[n?(y(),l(r,{key:0,disabled:t,"model-value":e,class:_(R.value.selection),"control-props":{"aria-label":`Select all rows`},"onUpdate:modelValue":i},null,8,[`disabled`,`model-value`,`class`,`onUpdate:modelValue`])):u(`v-if`,!0)]),key:`0`},P.selection?void 0:{name:`selection`,fn:T(({checked:e,multiple:t,ariaLabel:n,toggleSelect:i})=>[t?(y(),l(r,{key:0,class:_(R.value.selection),"model-value":e,"control-props":{"aria-label":n},"onUpdate:modelValue":e=>i()},null,8,[`class`,`model-value`,`control-props`,`onUpdate:modelValue`])):(y(),l(s,{key:1,size:m.size,checked:e,"aria-label":n,onClick:e=>i()},null,8,[`size`,`checked`,`aria-label`,`onClick`]))]),key:`1`},P[`header-sort`]?void 0:{name:`header-sort`,fn:T(({sortOrder:e,ariaLabel:t,toggleSort:r})=>[p(n,{icon:B(e),class:_(R.value.sortTrigger),size:z.value,"aria-label":t,"data-sorted":e?``:void 0,onClick:e=>r()},null,8,[`icon`,`class`,`size`,`aria-label`,`data-sorted`,`onClick`])]),key:`2`},P[`header-filter`]?void 0:{name:`header-filter`,fn:T(e=>[p(a,g(e,{ui:R.value,size:m.size}),null,16,[`ui`,`size`])]),key:`3`},P[`header-resize`]?void 0:{name:`header-resize`,fn:T(({resizing:e,ariaLabel:t,onPointerdown:n,onKeydown:r})=>[d(`button`,{type:`button`,class:_(R.value.resizeHandle),"aria-label":t,"aria-pressed":e,"data-resizing":e||void 0,onPointerdown:n,onKeydown:r},null,42,A)]),key:`4`},P[`tree-toggle`]?void 0:{name:`tree-toggle`,fn:T(({expanded:e,ariaLabel:t,toggleExpand:r})=>[p(n,{class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,onClick:e=>r()},null,8,[`class`,`size`,`aria-expanded`,`aria-label`,`icon`,`onClick`])]),key:`5`},P.expand?void 0:{name:`expand`,fn:T(({expanded:e,ariaLabel:t,hasChildren:r,toggleExpand:i})=>[r||P[`expanded-row`]?(y(),l(n,{key:0,icon:e?`lucide:chevron-down`:`lucide:chevron-right`,class:_(R.value.treeToggle),size:z.value,"aria-expanded":e,"aria-label":t,"data-expanded":e?``:void 0,onClick:e=>i()},null,8,[`icon`,`class`,`size`,`aria-expanded`,`aria-label`,`data-expanded`,`onClick`])):u(`v-if`,!0)]),key:`6`},P.empty?void 0:{name:`empty`,fn:T(()=>[p(i,{title:`No data`,description:`There is no data to display.`,icon:`lucide:inbox`,"media-variant":`icon`})]),key:`7`}]),1040))}});export{j as default};

package/dist/components/toast/toast-provider.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ToastProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ToastProviderProps> & Readonly<{}>, {
-  showIcon: boolean;
   showClose: boolean;
+  showIcon: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -57,7 +57,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.3.1",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.15.2"
+    "@soybeanjs/headless": "^0.15.3"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.2",