@soybeanjs/ui 0.17.0 → 0.19.0

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

@@ -1,89 +1,12 @@
-import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ButtonProps } from "../button/types.js";
-import { HTMLAttributes } from "vue";
-import { PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot } from "@soybeanjs/headless/popover";
-import { ClassValue, MaybePromise, Placement, PropsToContext, UiClass } from "@soybeanjs/headless/types";
+import { ThemeSize } from "../../theme/types.js";
+import { PopconfirmCompactEmits, PopconfirmCompactProps, PopconfirmCompactSlots, PopconfirmUi } from "@soybeanjs/headless/popconfirm";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/popconfirm/types.d.ts
 /**
- * Props for the popconfirm confirm component.
+ * Properties for the Popconfirm component.
  */
-interface PopconfirmConfirmProps extends ButtonProps {
-  /**
-   * Text.
-   */
-  text?: string;
-  /**
-   * Called before the dialog is closed. Can be used to prevent the dialog from closing.
-   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
-   */
-  beforeClose?: () => MaybePromise<boolean | void>;
-}
-/**
- * Emits for the popconfirm confirm component.
- */
-type PopconfirmConfirmEmits = {
-  /**
-   * Emitted when close occurs.
-   */
-  close: [];
-};
-/**
- * Props for the popconfirm cancel component.
- */
-interface PopconfirmCancelProps extends ButtonProps {
-  /**
-   * Text.
-   */
-  text?: string;
-  /**
-   * Called before the dialog is closed. Can be used to prevent the dialog from closing.
-   * @returns A boolean or a promise that resolves to a boolean. if returns `false`, the dialog will not close.
-   */
-  beforeClose?: () => MaybePromise<boolean | void>;
-}
-/**
- * Emits for the popconfirm cancel component.
- */
-type PopconfirmCancelEmits = {
-  /**
-   * Emitted when close occurs.
-   */
-  close: [];
-};
-/**
- * Props for the popconfirm header component.
- */
-interface PopconfirmHeaderProps extends /** @vue-ignore */HTMLAttributes {}
-/**
- * Props for the popconfirm title component.
- */
-interface PopconfirmTitleProps extends /** @vue-ignore */HTMLAttributes {}
-/**
- * Props for the popconfirm description component.
- */
-interface PopconfirmDescriptionProps extends /** @vue-ignore */HTMLAttributes {}
-/**
- * Props for the popconfirm content component.
- */
-interface PopconfirmContentProps extends /** @vue-ignore */HTMLAttributes {}
-/**
- * Props for the popconfirm footer component.
- */
-interface PopconfirmFooterProps extends /** @vue-ignore */HTMLAttributes {}
-/**
- * Supported popconfirm values.
- */
-type PopconfirmType = Extract<ThemeColor, 'destructive' | 'success' | 'warning' | 'info'>;
-type PopconfirmUiSlot = PopoverUiSlot | 'header' | 'icon' | 'header' | 'title' | 'description' | 'content' | 'footer';
-/**
- * UI class overrides for the popconfirm component.
- */
-type PopconfirmUi = UiClass<PopconfirmUiSlot>;
-/**
- * Props for the popconfirm component.
- */
-interface PopconfirmProps extends PopoverRootProps {
+interface PopconfirmProps extends PopconfirmCompactProps {
   /**
    * class of popup
    */
@@ -96,138 +19,14 @@ interface PopconfirmProps extends PopoverRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<PopconfirmUi>;
-  /**
-   * Type.
-   */
-  type?: PopconfirmType;
-  /**
-   * Placement.
-   */
-  placement?: Placement;
-  /**
-   * Title text rendered by the component.
-   */
-  title?: string;
-  /**
-   * Description text rendered by the component.
-   */
-  description?: string;
-  /**
-   * Content.
-   */
-  content?: string;
-  /**
-   * Whether to show an arrow.
-   */
-  showArrow?: boolean;
-  /**
-   * Whether to show an icon.
-   */
-  showIcon?: boolean;
-  /**
-   * The text of the confirm button.
-   *
-   * @defaultValue 'Confirm'
-   */
-  confirmText?: string;
-  /**
-   * The text of the cancel button.
-   *
-   * @defaultValue 'Cancel'
-   */
-  cancelText?: string;
-  /**
-   * Determines whether the cancel button is shown.
-   *
-   * @default 'onlyWarning'
-   */
-  showCancel?: 'onlyWarning' | boolean;
-  /**
-   * Before cancel.
-   */
-  beforeCancel?: () => MaybePromise<boolean | void>;
-  /**
-   * Before confirm.
-   */
-  beforeConfirm?: () => MaybePromise<boolean | void>;
-  /**
-   * Props forwarded to the confirm element.
-   */
-  confirmProps?: PopconfirmConfirmProps;
-  /**
-   * Props forwarded to the cancel element.
-   */
-  cancelProps?: PopconfirmCancelProps;
-  /**
-   * Props forwarded to the positioner element.
-   */
-  positionerProps?: PopoverPositionerProps;
-  /**
-   * Props forwarded to the popup element.
-   */
-  popupProps?: PopoverPopupProps;
-  /**
-   * Props forwarded to the trigger element.
-   */
-  triggerProps?: PopoverTriggerProps;
-  /**
-   * Props forwarded to the close element.
-   */
-  closeProps?: PopoverCloseProps;
-  /**
-   * Props forwarded to the portal element.
-   */
-  portalProps?: PopoverPortalProps;
-  /**
-   * Props forwarded to the arrow element.
-   */
-  arrowProps?: PopoverArrowProps;
-  /**
-   * Props forwarded to the header element.
-   */
-  headerProps?: PopconfirmHeaderProps;
-  /**
-   * Props forwarded to the title element.
-   */
-  titleProps?: PopconfirmTitleProps;
-  /**
-   * Props forwarded to the description element.
-   */
-  descriptionProps?: PopconfirmDescriptionProps;
-  /**
-   * Props forwarded to the content element.
-   */
-  contentProps?: PopconfirmContentProps;
-  /**
-   * Props forwarded to the footer element.
-   */
-  footerProps?: PopconfirmFooterProps;
 }
 /**
- * Emits for the popconfirm component.
+ * Events for the Popconfirm component.
  */
-type PopconfirmEmits = PopoverRootEmits & PopoverPositionerEmits & {
-  /**
-   * Emitted when close occurs.
-   */
-  close: [];
-};
+type PopconfirmEmits = PopconfirmCompactEmits;
 /**
- * Context for the popconfirm component.
+ * Slots for the Popconfirm component.
  */
-interface PopconfirmContext extends PropsToContext<PopconfirmProps, 'size' | 'confirmText' | 'cancelText' | 'showCancel' | 'confirmProps' | 'cancelProps'> {
-  /**
-   * Before confirm used by the component context.
-   */
-  beforeConfirm?: () => MaybePromise<boolean | void>;
-  /**
-   * Before cancel used by the component context.
-   */
-  beforeCancel?: () => MaybePromise<boolean | void>;
-  /**
-   * Callback invoked when the close event fires.
-   */
-  onClose: () => void;
-}
+type PopconfirmSlots = PopconfirmCompactSlots;
 //#endregion
-export { PopconfirmCancelEmits, PopconfirmCancelProps, PopconfirmConfirmEmits, PopconfirmConfirmProps, PopconfirmContentProps, PopconfirmContext, PopconfirmDescriptionProps, PopconfirmEmits, PopconfirmFooterProps, PopconfirmHeaderProps, PopconfirmProps, PopconfirmTitleProps, PopconfirmType, PopconfirmUi };
+export { PopconfirmEmits, PopconfirmProps, PopconfirmSlots };

package/dist/components/popconfirm/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`flex flex-col w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,header:`flex flex-col text-center sm:text-left`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,description:`text-muted-foreground m-0`,content:``,footer:`flex flex-col-reverse sm:flex-row sm:justify-end`},variants:{size:{xs:{popup:`gap-y-2 p-2 text-2xs`,arrow:`text-3xs`,header:`gap-y-1.5`,title:`gap-x-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2.5 p-2.5 text-xs`,arrow:`text-2xs`,header:`gap-y-1.75`,title:`gap-x-1.75`,footer:`gap-1.75`},md:{popup:`gap-y-3 p-3 text-sm`,arrow:`text-xs`,header:`gap-y-2`,title:`gap-x-2`,footer:`gap-2`},lg:{popup:`gap-y-3.5 p-3.5 text-base`,arrow:`text-sm`,header:`gap-y-2.5`,title:`gap-x-2.5`,footer:`gap-2.5`},xl:{popup:`gap-y-4 p-4 text-lg`,arrow:`text-base`,header:`gap-y-3`,title:`gap-x-3`,footer:`gap-3`},"2xl":{popup:`gap-y-4.5 p-4.5 text-xl`,arrow:`text-lg`,header:`gap-y-3.5`,title:`gap-x-3.5`,footer:`gap-3.5`}}},defaultVariants:{size:`md`}});export{t as popconfirmVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`flex flex-col w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,header:`flex flex-col text-center sm:text-start`,icon:`shrink-0`,title:`flex items-center font-semibold leading-none tracking-tight m-0`,description:`text-muted-foreground m-0`,content:``,footer:`flex flex-col-reverse sm:flex-row sm:justify-end`,cancel:``,confirm:``,close:`absolute`},variants:{size:{xs:{popup:`gap-y-2 p-2 text-2xs`,arrow:`text-3xs`,close:`top-1 end-1`,header:`gap-y-1.5`,icon:`text-3xs`,title:`gap-x-1.5`,footer:`gap-1.5`},sm:{popup:`gap-y-2.5 p-2.5 text-xs`,arrow:`text-2xs`,close:`top-1.25 end-1.25`,header:`gap-y-1.75`,icon:`text-2xs`,title:`gap-x-1.75`,footer:`gap-1.75`},md:{popup:`gap-y-3 p-3 text-sm`,arrow:`text-xs`,close:`top-1.5 end-1.5`,header:`gap-y-2`,icon:`text-sm`,title:`gap-x-2`,footer:`gap-2`},lg:{popup:`gap-y-3.5 p-3.5 text-base`,arrow:`text-sm`,close:`top-1.75 end-1.75`,header:`gap-y-2.5`,icon:`text-base`,title:`gap-x-2.5`,footer:`gap-2.5`},xl:{popup:`gap-y-4 p-4 text-lg`,arrow:`text-base`,close:`top-2 end-2`,header:`gap-y-3`,icon:`text-lg`,title:`gap-x-3`,footer:`gap-3`},"2xl":{popup:`gap-y-4.5 p-4.5 text-xl`,arrow:`text-lg`,close:`top-2.5 end-2.5`,header:`gap-y-3.5`,icon:`text-xl`,title:`gap-x-3.5`,footer:`gap-3.5`}},type:{error:{icon:`text-destructive`},success:{icon:`text-success`},warning:{icon:`text-warning`},info:{icon:`text-info`}}},defaultVariants:{size:`md`}});export{t as popconfirmVariants};

package/dist/components/popover/index.d.ts

@@ -1,3 +1,3 @@
-import { PopoverEmits, PopoverProps } from "./types.js";
+import { PopoverEmits, PopoverProps, PopoverSlots } from "./types.js";
 import { _default } from "./popover.vue.js";
 export * from "@soybeanjs/headless/popover";

package/dist/components/popover/popover.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{popoverVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createVNode as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderSlot as d,toHandlers as f,unref as p,withCtx as m}from"vue";import{useForwardListeners as h,usePickProps as g}from"@soybeanjs/headless/composables";import{PopoverArrow as _,PopoverClose as v,PopoverPopup as y,PopoverPortal as b,PopoverPositioner as x,PopoverRoot as S,PopoverTrigger as C,providePopoverUi as w}from"@soybeanjs/headless/popover";const T=o({name:`SPopover`,__name:`popover`,props:{class:{},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},positionerProps:{},popupProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(o,{emit:T}){let E=o,D=T,O=g(E,[`defaultOpen`,`open`,`modal`]),k=h(D),A=n(()=>e(t({size:E.size}),E.ui,{popup:E.class})),j=n(()=>({...E.positionerProps,placement:E.placement??E.positionerProps?.placement}));return w(A),(e,t)=>(u(),r(p(S),c(p(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:m(()=>[a(p(C),c(o.triggerProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`trigger`)]),_:3},16),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(x),c(j.value,f(p(k))),{default:m(()=>[a(p(y),l(s(o.popupProps)),{default:m(()=>[d(e.$slots,`default`),o.showArrow?(u(),r(p(_),l(c({key:0},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16),e.$slots.close?(u(),r(p(v),c({key:0},o.closeProps,{"as-child":``}),{default:m(()=>[d(e.$slots,`close`)]),_:3},16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{T as default};
+import{mergeVariants as e}from"../../theme/shared.js";import{miniSizeMap as t}from"../../theme/config.js";import"../../theme/index.js";import{buttonIconVariants as n}from"../button/variants.js";import{popoverVariants as r}from"./variants.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{PopoverCompact as S,providePopoverUi as C}from"@soybeanjs/headless/popover";const w=c({name:`SPopover`,__name:`popover`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},modal:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:w}){let T=c,E=w,D=_(),O=b(T,[`class`,`ui`,`size`]),k=y(E),A=i(()=>x(D));return C(i(()=>{let i=t[T.size??`md`];return e(Object.assign(r({size:T.size}),{$base:{close:n({size:i})}}),T.ui,{popup:T.class})})),(e,t)=>(f(),a(g(S),u(g(O),h(g(k))),s({_:2},[p(A.value,t=>({name:t,fn:v(n=>[o(` @vue-expect-error ignore slot type error `),m(e.$slots,t,d(l(n)))])}))]),1040))}});export{w as default};

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

@@ -1,16 +1,9 @@
-import { PopoverProps } from "./types.js";
+import { PopoverProps, PopoverSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
-declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
-type __VLS_Slots = {} & {
-  trigger?: (props: typeof __VLS_16) => any;
-} & {
-  default?: (props: typeof __VLS_36) => any;
-} & {
-  close?: (props: typeof __VLS_49) => any;
-};
+type __VLS_Slots = PopoverSlots;
 declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;

package/dist/components/popover/types.d.ts

@@ -1,12 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { PopoverArrowProps, PopoverCloseProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopoverUi } from "@soybeanjs/headless/popover";
-import { ClassValue, Placement } from "@soybeanjs/headless/types";
+import { PopoverCompactEmits, PopoverCompactProps, PopoverCompactSlots, PopoverUi } from "@soybeanjs/headless/popover";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/popover/types.d.ts
 /**
- * Props for the popover component.
+ * Properties for the Popover component.
  */
-interface PopoverProps extends PopoverRootProps {
+interface PopoverProps extends PopoverCompactProps {
   /**
    * class of popup
    */
@@ -19,42 +19,14 @@ interface PopoverProps extends PopoverRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<PopoverUi>;
-  /**
-   * Placement.
-   */
-  placement?: Placement;
-  /**
-   * Whether to show an arrow.
-   */
-  showArrow?: boolean;
-  /**
-   * Props forwarded to the positioner element.
-   */
-  positionerProps?: PopoverPositionerProps;
-  /**
-   * Props forwarded to the popup element.
-   */
-  popupProps?: PopoverPopupProps;
-  /**
-   * Props forwarded to the trigger element.
-   */
-  triggerProps?: PopoverTriggerProps;
-  /**
-   * Props forwarded to the close element.
-   */
-  closeProps?: PopoverCloseProps;
-  /**
-   * Props forwarded to the portal element.
-   */
-  portalProps?: PopoverPortalProps;
-  /**
-   * Props forwarded to the arrow element.
-   */
-  arrowProps?: PopoverArrowProps;
 }
 /**
- * Emits for the popover component.
+ * Events for the Popover component.
+ */
+type PopoverEmits = PopoverCompactEmits;
+/**
+ * Slots for the Popover component.
  */
-type PopoverEmits = PopoverRootEmits & PopoverPositionerEmits;
+type PopoverSlots = PopoverCompactSlots;
 //#endregion
-export { PopoverEmits, PopoverProps };
+export { PopoverEmits, PopoverProps, PopoverSlots };

package/dist/components/popover/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`},md:{popup:`p-4 text-sm`,arrow:`text-xs`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`},xl:{popup:`p-5 text-lg`,arrow:`text-base`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:`w-max`,popup:[`w-auto rounded-md border bg-popover text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`,close:`absolute`},variants:{size:{xs:{popup:`p-3 text-2xs`,arrow:`text-3xs`,close:`top-0.5 right-0.5`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`,close:`top-0.75 right-0.75`},md:{popup:`p-4 text-sm`,arrow:`text-xs`,close:`top-1 right-1`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`,close:`top-1.25 right-1.25`},xl:{popup:`p-5 text-lg`,arrow:`text-base`,close:`top-1.5 right-1.5`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`,close:`top-2 right-2`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};

package/dist/components/progress/index.d.ts

@@ -1,6 +1,14 @@
-import { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps } from "./types.js";
 import { _default } from "./progress-provider.vue.js";
+import { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots } from "./types.js";
 import { _default as _default$1 } from "./progress.vue.js";
 import { _default as _default$2 } from "./progress-circle.vue.js";
-import { ProgressIndicatorProps as ProgressIndicatorProps$1, ProgressOptions, ProgressProviderProps, ProgressRootContext, ProgressRootEmits as ProgressRootEmits$1, ProgressRootProps as ProgressRootProps$1, ProgressState, ProgressUi as ProgressUi$1, ProgressUiSlot, progress } from "@soybeanjs/headless/progress";
-export { type ProgressIndicatorProps$1 as ProgressIndicatorProps, type ProgressOptions, type ProgressProviderProps, type ProgressRootContext, type ProgressRootEmits$1 as ProgressRootEmits, type ProgressRootProps$1 as ProgressRootProps, type ProgressState, type ProgressUi$1 as ProgressUi, type ProgressUiSlot, progress };
+import { progress } from "@soybeanjs/headless/progress";
+export * from "@soybeanjs/headless/progress";
+
+//#region src/components/progress/index.d.ts
+declare namespace index_d_exports {
+  export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots, _default$1 as SProgress, _default$2 as SProgressCircle, _default as SProgressProvider, progress };
+}
+import * as import__soybeanjs_headless_progress from "@soybeanjs/headless/progress";
+//#endregion
+export { index_d_exports, progress };

package/dist/components/progress/progress-circle.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{circleProgressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,useSlots as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{ProgressCircle as b,ProgressRoot as x,provideProgressUi as S}from"@soybeanjs/headless/progress";const C=s({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{},color:{},size:{},ui:{},strokeWidth:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(s,{emit:C}){let w=s,T=C,E=g(),D=y(w,[`class`,`color`,`size`,`ui`,`strokeWidth`]),O=v(T),k=n(()=>e(t({color:w.color,size:w.size}),w.ui,{root:w.class})),A=n(()=>!!E.default);return S(k),(e,t)=>(f(),r(h(x),l(h(D),m(h(O))),{default:_(()=>[o(h(b),{"stroke-width":s.strokeWidth},{default:_(t=>[A.value?(f(),a(`div`,{key:0,class:u(k.value.label)},[p(e.$slots,`default`,d(c(t)))],2)):i(`v-if`,!0)]),_:3},8,[`stroke-width`])]),_:3},16))}});export{C as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressCircleVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,useSlots as p,withCtx as m}from"vue";import{useForwardListeners as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{ProgressCircleCompact as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgressCircle`,__name:`progress-circle`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},strokeWidth:{},circleSvgProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=p(),C=g(b,[`class`,`color`,`size`,`ui`,`strokeWidth`]),w=h(x),T=n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class})),E=n(()=>!!S.default);return v(T),(e,t)=>(l(),r(f(_),s(f(C),d(f(w))),i({_:2},[E.value?{name:`default`,fn:m(t=>[u(e.$slots,`default`,c(o(t)))]),key:`0`}:void 0]),1040))}});export{y as default};

package/dist/components/progress/progress-circle.vue.d.ts

@@ -1,16 +1,8 @@
-import { ProgressCircleProps, ProgressState } from "./types.js";
+import { ProgressCircleProps, ProgressCircleSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/progress/progress-circle.vue.d.ts
-type Slots = {
-  default?: (props: {
-    modelValue: ProgressCircleProps['modelValue'];
-    max: number;
-    progressState: ProgressState;
-    valuePercent: number | null;
-  }) => any;
-};
-type __VLS_Slots = Slots;
+type __VLS_Slots = ProgressCircleSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressCircleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

package/dist/components/progress/progress-provider.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressProviderVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,unref as c}from"vue";import{ProgressProvider as l,provideProgressProviderUi as u}from"@soybeanjs/headless/progress";const d=i({name:`SProgressProvider`,__name:`progress-provider`,props:{direction:{},minimum:{},maximum:{},easing:{},speed:{},trickle:{type:Boolean},trickleSpeed:{}},setup(i){let d=i;return u(n(()=>e(t()))),(e,t)=>(s(),r(c(l),o(a(d)),null,16))}});export{d as default};

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

@@ -1,5 +1,5 @@
-import { ProgressProviderProps } from "./types.js";
 import * as _$vue from "vue";
+import { ProgressProviderProps } from "@soybeanjs/headless/progress";
 
 //#region src/components/progress/progress-provider.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<ProgressProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ProgressProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/progress/progress.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";import{useForwardListeners as m,useOmitProps as h}from"@soybeanjs/headless/composables";import{ProgressIndicator as g,ProgressRoot as _,provideProgressUi as v}from"@soybeanjs/headless/progress";const y=a({name:`SProgress`,__name:`progress`,props:{class:{},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(a,{emit:y}){let b=a,x=y,S=h(b,[`class`,`color`,`size`,`ui`,`indicatorProps`]),C=m(x);return v(n(()=>e(t({color:b.color,size:b.size}),b.ui,{root:b.class}))),(e,t)=>(l(),r(f(_),s(f(S),d(f(C))),{default:p(t=>[i(f(g),c(o(a.indicatorProps)),{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1040)]),_:3},16))}});export{y as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{progressVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";import{useForwardListeners as p,useOmitProps as m}from"@soybeanjs/headless/composables";import{ProgressCompact as h,provideProgressUi as g}from"@soybeanjs/headless/progress";const _=i({name:`SProgress`,__name:`progress`,props:{class:{type:[Boolean,null,String,Object,Array]},color:{},size:{},ui:{},indicatorProps:{},dir:{},modelValue:{},max:{},getValueLabel:{type:Function},getValueText:{type:Function},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:max`],setup(i,{emit:_}){let v=i,y=_,b=m(v,[`class`,`color`,`size`,`ui`,`indicatorProps`]),x=p(y);return g(n(()=>e(t({color:v.color,size:v.size}),v.ui,{root:v.class}))),(e,t)=>(c(),r(d(h),o(d(b),u(d(x))),{default:f(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16))}});export{_ as default};

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

@@ -1,17 +1,8 @@
-import { ProgressProps } from "./types.js";
+import { ProgressProps, ProgressSlots } from "./types.js";
 import * as _$vue from "vue";
-import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/progress/progress.vue.d.ts
-declare var __VLS_14: {
-  modelValue: number | null | undefined;
-  max: number;
-  progressState: _$_soybeanjs_headless0.ProgressState;
-  valuePercent: number | null;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
-};
+type __VLS_Slots = ProgressSlots;
 declare const __VLS_base: _$vue.DefineComponent<ProgressProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: number | null | undefined) => any;
   "update:max": (value: number) => any;

package/dist/components/progress/types.d.ts

@@ -1,12 +1,12 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
-import { ProgressIndicatorProps, ProgressProviderProps, ProgressRootEmits, ProgressRootProps, ProgressState, ProgressUi } from "@soybeanjs/headless/progress";
+import { ProgressCircleCompactEmits, ProgressCircleCompactProps, ProgressCircleCompactSlots, ProgressCompactEmits, ProgressCompactProps, ProgressCompactSlots, ProgressUi } from "@soybeanjs/headless/progress";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/progress/types.d.ts
 /**
- * Props for the progress component.
+ * Properties for the Progress component.
  */
-interface ProgressProps extends ProgressRootProps {
+interface ProgressProps extends ProgressCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -23,15 +23,19 @@ interface ProgressProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Props forwarded to the indicator element.
-   */
-  indicatorProps?: ProgressIndicatorProps;
 }
 /**
- * Props for the progress circle component.
+ * Events for the Progress component.
+ */
+type ProgressEmits = ProgressCompactEmits;
+/**
+ * Slots for the Progress component.
  */
-interface ProgressCircleProps extends ProgressRootProps {
+type ProgressSlots = ProgressCompactSlots;
+/**
+ * Properties for the ProgressCircle component.
+ */
+interface ProgressCircleProps extends ProgressCircleCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -48,18 +52,14 @@ interface ProgressCircleProps extends ProgressRootProps {
    * Per-slot class overrides for the component.
    */
   ui?: Partial<ProgressUi>;
-  /**
-   * Stroke width.
-   */
-  strokeWidth?: number;
 }
 /**
- * Emits for the progress component.
+ * Events for the ProgressCircle component.
  */
-type ProgressEmits = ProgressRootEmits;
+type ProgressCircleEmits = ProgressCircleCompactEmits;
 /**
- * Emits for the progress circle component.
+ * Slots for the ProgressCircle component.
  */
-type ProgressCircleEmits = ProgressRootEmits;
+type ProgressCircleSlots = ProgressCircleCompactSlots;
 //#endregion
-export { ProgressCircleEmits, ProgressCircleProps, ProgressEmits, ProgressProps, type ProgressProviderProps, type ProgressState };
+export { ProgressCircleEmits, ProgressCircleProps, ProgressCircleSlots, ProgressEmits, ProgressProps, ProgressSlots };

package/dist/components/progress/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as circleProgressVariants,r as progressProviderVariants,t as progressVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`relative w-full overflow-hidden rounded-full bg-muted`,indicator:`h-full w-full flex-1 rounded-full transition-[transform,width] duration-300 transform-gpu will-change-transform data-[state=indeterminate]:w-2/5 data-[state=indeterminate]:opacity-80`,circle:``,track:``,label:``},variants:{color:{primary:{indicator:`bg-primary`},destructive:{indicator:`bg-destructive`},success:{indicator:`bg-success`},warning:{indicator:`bg-warning`},info:{indicator:`bg-info`},carbon:{indicator:`bg-carbon`},secondary:{indicator:`bg-secondary-foreground/20`},accent:{indicator:`bg-accent-foreground/20`}},size:{xs:{root:`h-1.5`},sm:{root:`h-2`},md:{root:`h-2.5`},lg:{root:`h-3`},xl:{root:`h-3.5`},"2xl":{root:`h-4`}}},defaultVariants:{color:`primary`,size:`md`}}),n=e({slots:{root:`relative inline-flex shrink-0 items-center justify-center rounded-full`,indicator:`fill-none stroke-current transition-[stroke-dasharray,stroke-dashoffset] duration-300 ease-in-out`,circle:`size-full`,track:`fill-none stroke-current text-muted`,label:`pointer-events-none absolute inset-0 flex items-center justify-center`},variants:{color:{primary:{indicator:`text-primary`},destructive:{indicator:`text-destructive`},success:{indicator:`text-success`},warning:{indicator:`text-warning`},info:{indicator:`text-info`},carbon:{indicator:`text-carbon`},secondary:{indicator:`text-secondary-foreground/40`},accent:{indicator:`text-accent-foreground/40`}},size:{xs:{root:`h-8 w-8 text-[10px]`},sm:{root:`h-10 w-10 text-xs`},md:{root:`h-12 w-12 text-sm`},lg:{root:`h-16 w-16 text-base`},xl:{root:`h-20 w-20 text-lg`},"2xl":{root:`h-24 w-24 text-xl`}}},defaultVariants:{color:`primary`,size:`md`}}),r=e({slots:{root:`fixed z-99999 w-0 h-0 pointer-events-none`,indicator:`fixed top-0 start-0 w-full h-0.75 bg-primary`}});export{n as progressCircleVariants,r as progressProviderVariants,t as progressVariants};

package/dist/components/radio-group/radio-card-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless/radio-group";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioCardGroupVariants as t}from"./variants.js";import n from"./radio-card.js";import{Fragment as r,computed as i,createBlock as a,createElementBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderList as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{RadioGroupRoot as m,provideRadioGroupUi as h}from"@soybeanjs/headless/radio-group";const g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:g}){let _=s,v=g,y=p(_,[`class`,`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui,{root:_.class}));return h(b),(e,t)=>(l(),a(d(m),c(d(y),{"onUpdate:modelValue":t[0]||=e=>v(`update:modelValue`,e)}),{default:f(()=>[(l(!0),o(r,null,u(s.items,e=>(l(),a(n,c({key:String(e.value)},{ref_for:!0},s.itemProps,{ui:b.value,variant:s.variant,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,icon:e.icon,description:e.description,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`ui`,`variant`,`size`,`value`,`label`,`disabled`,`icon`,`description`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

package/dist/components/radio-group/radio-card-group.vue.d.ts

@@ -1,18 +1,19 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
 import * as _$vue from "vue";
+import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>>(__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<RadioCardGroupProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: boolean | _$_soybeanjs_headless0.DefinedValue | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
+  emit: (evt: "update:modelValue", payload: boolean | _$_soybeanjs_headless0.DefinedValue | null) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/radio-group/radio-card.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{Transition as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useId as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{Slot as S}from"@soybeanjs/headless/slot";import{RadioGroupControl as C,RadioGroupIndicator as w,RadioGroupItem as T,RadioGroupLabel as E}from"@soybeanjs/headless/radio-group";const D={key:0},O=l({name:`SRadioCard`,__name:`radio-card`,props:{ui:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(l){let O=l,k=y(),A=x(O,[`ui`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=v(),M=n(()=>O.id||`radio-${j}`);return(n,v)=>(m(),r(_(T),p(u(_(A))),{default:b(()=>[o(`div`,{class:f(l.ui?.content)},[c(e,{icon:l.icon,class:f(l.ui?.icon)},null,8,[`icon`,`class`]),o(`div`,{class:f(l.ui?.textContent)},[c(_(E),d(l.labelProps,{for:M.value}),{default:b(()=>[h(n.$slots,`default`,{id:M.value},()=>[s(g(l.label),1)])]),_:3},16,[`for`]),_(k).description||l.description?(m(),r(_(S),{key:0,class:f(l.ui?.description)},{default:b(()=>[h(n.$slots,`description`,{},()=>[l.description?(m(),a(`p`,D,g(l.description),1)):i(`v-if`,!0)])]),_:3},8,[`class`])):i(`v-if`,!0)],2)],2),c(_(C),d(l.controlProps,{id:M.value}),{default:b(()=>[c(t,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:b(()=>[c(_(w),p(u(l.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{O as default};
+import e from"../icon/icon.js";import{Transition as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createTextVNode as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeClass as f,normalizeProps as p,openBlock as m,renderSlot as h,toDisplayString as g,unref as _,useId as v,useSlots as y,withCtx as b}from"vue";import{useOmitProps as x}from"@soybeanjs/headless/composables";import{RadioGroupControl as S,RadioGroupIndicator as C,RadioGroupItem as w,RadioGroupLabel as T}from"@soybeanjs/headless/radio-group";import{Slot as E}from"@soybeanjs/headless/slot";const D={key:0},O=l({name:`SRadioCard`,__name:`radio-card`,props:{ui:{},icon:{},description:{},label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(l){let O=l,k=y(),A=x(O,[`ui`,`icon`,`description`,`controlProps`,`indicatorProps`,`labelProps`]),j=v(),M=n(()=>O.id||`radio-${j}`);return(n,v)=>(m(),r(_(w),p(u(_(A))),{default:b(()=>[o(`div`,{class:f(l.ui?.content)},[c(e,{icon:l.icon,class:f(l.ui?.icon)},null,8,[`icon`,`class`]),o(`div`,{class:f(l.ui?.textContent)},[c(_(T),d(l.labelProps,{for:M.value}),{default:b(()=>[h(n.$slots,`default`,{id:M.value},()=>[s(g(l.label),1)])]),_:3},16,[`for`]),_(k).description||l.description?(m(),r(_(E),{key:0,class:f(l.ui?.description)},{default:b(()=>[h(n.$slots,`description`,{},()=>[l.description?(m(),a(`p`,D,g(l.description),1)):i(`v-if`,!0)])]),_:3},8,[`class`])):i(`v-if`,!0)],2)],2),c(_(S),d(l.controlProps,{id:M.value}),{default:b(()=>[c(t,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:b(()=>[c(_(C),p(u(l.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`])]),_:3},16))}});export{O as default};

package/dist/components/radio-group/radio-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless/radio-group";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{Fragment as n,computed as r,createCommentVNode as i,createElementBlock as a,createVNode as o,defineComponent as s,mergeProps as c,openBlock as l,unref as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{RadioGroupCompact as f,provideRadioGroupUi as p}from"@soybeanjs/headless/radio-group";const m=s({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},ui:{},variant:{},color:{},size:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:m}){let h=s,g=m,_=d(h,[`class`,`ui`,`variant`,`color`,`size`]),v=r(()=>h.items),y=e=>{g(`update:modelValue`,e)};return p(r(()=>e(t({variant:h.variant,color:h.color,size:h.size}),h.ui,{root:h.class}))),(e,t)=>(l(),a(n,null,[i(` @vue-ignore generic props are validated by RadioGroupProps/RadioGroupCompactProps `),o(u(f),c(u(_),{items:v.value,"onUpdate:modelValue":y}),null,16,[`items`])],2112))}});export{m as default};

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -5,14 +5,14 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>>(__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<RadioGroupProps<T, S> & {
-    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+  emit: (evt: "update:modelValue", payload: Exclude<T, undefined>) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };