@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

package/dist/components/navigation-menu/navigation-menu.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{navigationMenuVariants as t}from"../../variants/navigation-menu.js";import{provideNavigationMenuExtraThemeContext as n}from"./context.js";import r from"./navigation-menu-option.js";import{Fragment as i,computed as a,createBlock as o,createElementBlock as s,createElementVNode as c,createSlots as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeClass as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,useOmitProps as w,usePickProps as T}from"@soybeanjs/headless/composables";import{NavigationMenuIndicator as E,NavigationMenuList as D,NavigationMenuRoot as O,NavigationMenuViewport as k,provideNavigationMenuThemeContext as A}from"@soybeanjs/headless";var j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(d,{emit:j}){let M=d,N=j,P=x(),F=[`itemProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(t({size:M.size}),M.ui));return A({ui:B}),n({ui:B}),(e,t)=>(g(),o(b(O),p(b(I),{"onUpdate:modelValue":t[0]||=e=>N(`update:modelValue`,e)}),{default:S(()=>[u(b(D),h(f(d.listProps)),{default:S(()=>[(g(!0),s(i,null,_(d.items,t=>(g(),o(r,p({key:t.value},{ref_for:!0},b(L),{item:t},y(b(R))),l({"item-children":S(t=>[v(e.$slots,`item-children`,{item:t.item})]),_:2},[_(z.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:3},16),u(b(E),h(f(d.indicatorProps)),{default:S(()=>[c(`div`,{class:m(B.value?.arrow)},null,2)]),_:1},16),c(`div`,{class:m(B.value?.viewportRoot)},[u(b(k),h(f(d.viewportProps)),null,16)],2)]),_:3},16))}});export{j as default};

package/dist/components/navigation-menu/navigation-menu.vue.d.ts

@@ -0,0 +1,55 @@
+import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
+import * as vue151 from "vue";
+import * as _soybeanjs_headless72 from "@soybeanjs/headless";
+
+//#region src/components/navigation-menu/navigation-menu.vue.d.ts
+type Slots = {
+  item: (props: {
+    item: NavigationMenuOptionData;
+    isTrigger?: boolean;
+  }) => any;
+  'item-leading': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-trailing': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-children': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-trigger-icon': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+  'item-link-icon': (props: {
+    item: NavigationMenuOptionData;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: vue151.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, vue151.ComponentOptionsMixin, vue151.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  select: (payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless72.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless72.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless72.PointerDownOutsideEvent | _soybeanjs_headless72.FocusOutsideEvent) => any;
+}, string, vue151.PublicProps, Readonly<NavigationMenuProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSelect?: ((payload: CustomEvent<{
+    originalEvent: Event;
+  }>) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless72.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless72.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless72.PointerDownOutsideEvent | _soybeanjs_headless72.FocusOutsideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue151.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/navigation-menu/shared.js

@@ -0,0 +1 @@
+import{computed as e}from"vue";const t=[`item`,`item-leading`,`item-trailing`];function n(n){return e(()=>Object.keys(n).filter(e=>t.includes(e)))}export{n as useCommonSlotKeys};

package/dist/components/navigation-menu/types.d.ts

@@ -0,0 +1,62 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { ComputedRef } from "vue";
+import { ClassValue, NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuTriggerProps, NavigationMenuUi, NavigationMenuViewportProps } from "@soybeanjs/headless";
+
+//#region src/components/navigation-menu/types.d.ts
+interface NavigationMenuOptionData {
+  /** The value of the option. */
+  value: string;
+  /** The label to display in the option. */
+  label: string;
+  /** The description of the option. */
+  description?: string;
+  /**
+   * The icon of the option.
+   *
+   * if it is a string, it will be used as the icon name of the iconify.
+   */
+  icon?: IconValue;
+  /** Whether the option is disabled. */
+  disabled?: boolean;
+  /**
+   * The link props
+   *
+   * if provided, the option will be a link.
+   */
+  linkProps?: NavigationMenuLinkProps;
+  /** The children of the option. */
+  children?: NavigationMenuOptionData[];
+}
+type NavigationMenuExtraThemeSlot = 'triggerIcon' | 'linkIcon' | 'arrow' | 'viewportRoot' | 'subItemContent' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription';
+type NavigationMenuExtraUi = Record<NavigationMenuExtraThemeSlot, ClassValue>;
+type NavigationMenuExtendedUi = NavigationMenuUi & NavigationMenuExtraUi;
+interface NavigationMenuSubOptionProps {
+  subItem: NavigationMenuOptionData;
+  subItemProps?: NavigationMenuItemProps;
+}
+type NavigationMenuSubOptionEmits = NavigationMenuLinkEmits;
+interface NavigationMenuOptionProps {
+  item: NavigationMenuOptionData;
+  itemProps?: NavigationMenuItemProps;
+  triggerProps?: NavigationMenuTriggerProps;
+  contentProps?: NavigationMenuContentProps;
+  viewportProps?: NavigationMenuViewportProps;
+  indicatorProps?: NavigationMenuIndicatorProps;
+  listProps?: NavigationMenuListProps;
+  subListProps?: NavigationMenuListProps;
+  subItemProps?: NavigationMenuItemProps;
+}
+type NavigationMenuOptionEmits = NavigationMenuSubEmits & NavigationMenuContentEmits & NavigationMenuLinkEmits;
+interface NavigationMenuProps extends NavigationMenuRootProps, Omit<NavigationMenuOptionProps, 'item'> {
+  size?: ThemeSize;
+  ui?: Partial<NavigationMenuExtendedUi>;
+  items: NavigationMenuOptionData[];
+}
+type NavigationMenuEmits = NavigationMenuRootEmits & NavigationMenuOptionEmits;
+interface NavigationMenuExtraThemeContextParams {
+  ui: ComputedRef<NavigationMenuExtraUi>;
+}
+//#endregion
+export { NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraThemeContextParams, NavigationMenuExtraThemeSlot, NavigationMenuExtraUi, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps };

package/dist/components/number-input/index.d.ts

@@ -0,0 +1,2 @@
+import { NumberInputEmits, NumberInputProps } from "./types.js";
+import { _default } from "./number-input.vue.js";

package/dist/components/number-input/number-input.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{numberInputVariants as n}from"../../variants/number-input.js";import{computed as r,createBlock as i,createCommentVNode 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,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{NumberInputControl as v,NumberInputDecrement as y,NumberInputIncrement as b,NumberInputRoot as x,provideNumberInputThemeContext as S}from"@soybeanjs/headless";var C=s({name:`SNumberInput`,__name:`number-input`,props:{size:{},ui:{},center:{type:Boolean},clearable:{type:Boolean},inputRef:{type:Function},controlProps:{},incrementProps:{},decrementProps:{},defaultValue:{},modelValue:{},min:{},max:{},step:{},stepSnapping:{type:Boolean},formatOptions:{},locale:{},disableWheelChange:{type:Boolean},invertWheelChange:{type:Boolean},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:C}){let w=s,T=C,[E,D]=g(e=>w.inputRef?.(e)),O=_(w,[`size`,`ui`,`center`,`clearable`,`inputRef`,`controlProps`,`incrementProps`,`decrementProps`]),k=r(()=>e(n({size:w.size,center:w.center}),w.ui));return S({ui:k}),(e,n)=>(f(),i(m(x),l(m(O),{"onUpdate:modelValue":n[0]||=e=>T(`update:modelValue`,e)}),{default:h(({clear:n})=>[p(e.$slots,`leading`),o(m(v),l(s.controlProps,{ref:m(D)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(k.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),p(e.$slots,`trailing`),o(m(y),d(c(s.decrementProps)),{default:h(()=>[p(e.$slots,`decrement`,{},()=>[o(t,{icon:`lucide:minus`})])]),_:3},16),o(m(b),d(c(s.incrementProps)),{default:h(()=>[p(e.$slots,`increment`,{},()=>[o(t,{icon:`lucide:plus`})])]),_:3},16)]),_:3},16))}});export{C as default};

package/dist/components/number-input/number-input.vue.d.ts

@@ -0,0 +1,28 @@
+import { NumberInputProps } from "./types.js";
+import * as vue146 from "vue";
+
+//#region src/components/number-input/number-input.vue.d.ts
+declare var __VLS_10: {}, __VLS_24: {}, __VLS_31: {}, __VLS_42: {};
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  trailing?: (props: typeof __VLS_24) => any;
+} & {
+  decrement?: (props: typeof __VLS_31) => any;
+} & {
+  increment?: (props: typeof __VLS_42) => any;
+};
+declare const __VLS_base: vue146.DefineComponent<NumberInputProps, {}, {}, {}, {}, vue146.ComponentOptionsMixin, vue146.ComponentOptionsMixin, {
+  "update:modelValue": (val: number) => any;
+}, string, vue146.PublicProps, Readonly<NumberInputProps> & Readonly<{
+  "onUpdate:modelValue"?: ((val: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue146.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/number-input/types.d.ts

@@ -0,0 +1,29 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { NumberInputControlProps, NumberInputDecrementProps, NumberInputIncrementProps, NumberInputRootEmits, NumberInputRootProps, NumberInputUi } from "@soybeanjs/headless";
+
+//#region src/components/number-input/types.d.ts
+interface NumberInputProps extends NumberInputRootProps {
+  size?: ThemeSize;
+  ui?: Partial<NumberInputUi>;
+  /**
+   * Whether to center the input.
+   *
+   * @defaultValue false
+   */
+  center?: boolean;
+  /** Whether to show the clear icon */
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   *
+   * @param el - The input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  controlProps?: NumberInputControlProps;
+  incrementProps?: NumberInputIncrementProps;
+  decrementProps?: NumberInputDecrementProps;
+}
+type NumberInputEmits = NumberInputRootEmits;
+//#endregion
+export { NumberInputEmits, NumberInputProps };

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

@@ -0,0 +1,4 @@
+import { PaginationEmits, PaginationProps } from "./types.js";
+import { _default } from "./pagination.vue.js";
+import { PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps } from "@soybeanjs/headless/pagination";
+export { type PaginationButtonProps, type PaginationEllipsisProps, type PaginationListItemProps, type PaginationListProps, type PaginationRootEmits, type PaginationRootProps };

package/dist/components/pagination/pagination.js

@@ -0,0 +1 @@
+import{cn as e}from"../../theme/merge.js";import{mergeSlotVariants as t}from"../../theme/shared.js";import n from"../icon/icon.js";import{paginationVariants as r}from"../../variants/pagination.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,unref as _,withCtx as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{PaginationEllipsis as b,PaginationFirst as x,PaginationLast as S,PaginationList as C,PaginationListItem as w,PaginationNext as T,PaginationPrev as E,PaginationRoot as D,providePaginationThemeContext as O}from"@soybeanjs/headless";var k=u({name:`SPagination`,__name:`pagination`,props:{ui:{},size:{},variant:{},shape:{},actionAsSelected:{type:Boolean},showFirstOrLast:{type:Boolean,default:!0},listProps:{},listItemProps:{},ellipsisProps:{},firstProps:{},prevProps:{},nextProps:{},lastProps:{},page:{},defaultPage:{},itemsPerPage:{},total:{},siblingCount:{},disabled:{type:Boolean},showEdges:{type:Boolean}},emits:[`update:page`],setup(u,{emit:k}){let A=u,j=k,M=y(A,[`ui`,`size`,`variant`,`shape`,`actionAsSelected`,`showFirstOrLast`,`listProps`,`listItemProps`,`ellipsisProps`,`firstProps`,`prevProps`,`nextProps`,`lastProps`]),N=a(()=>A.actionAsSelected?``:void 0);return O({ui:a(()=>{let n=r({size:A.size,variant:A.variant,shape:A.shape,actionAsSelected:A.actionAsSelected}),i=[`listItem`,`first`,`prev`,`next`,`last`];return{...t(n,A.ui),...i.reduce((t,r)=>(t[r]=e(r===`listItem`?n.button():n.navigationButton(),A.ui?.[r]),t),{})}})}),(e,t)=>(m(),o(_(D),f(_(M),{"onUpdate:page":t[0]||=e=>j(`update:page`,e)}),{default:v(()=>[l(_(C),p(d(A.listProps)),{default:v(({items:t})=>[u.showFirstOrLast?(m(),o(_(x),f({key:0},A.firstProps,{"data-selected":N.value}),{default:v(()=>[g(e.$slots,`first`,{},()=>[l(n,{icon:`lucide:chevrons-left`})])]),_:3},16,[`data-selected`])):s(`v-if`,!0),l(_(E),f(A.prevProps,{"data-selected":N.value}),{default:v(()=>[g(e.$slots,`prev`,{},()=>[l(n,{icon:`lucide:chevron-left`})])]),_:3},16,[`data-selected`]),(m(!0),c(i,null,h(t,t=>(m(),c(i,{key:t},[t.type===`page`?(m(),o(_(w),f({key:0,ref_for:!0},A.listItemProps,{value:t.value}),null,16,[`value`])):t.type===`ellipsis`?(m(),o(_(b),f({key:1,ref_for:!0},A.ellipsisProps),{default:v(()=>[g(e.$slots,`ellipsis`,{},()=>[l(n,{icon:`lucide:ellipsis`})])]),_:3},16)):s(`v-if`,!0)],64))),128)),l(_(T),f(A.nextProps,{"data-selected":N.value}),{default:v(()=>[g(e.$slots,`next`,{},()=>[l(n,{icon:`lucide:chevron-right`})])]),_:3},16,[`data-selected`]),u.showFirstOrLast?(m(),o(_(S),f({key:1},A.lastProps,{"data-selected":N.value}),{default:v(()=>[g(e.$slots,`last`,{},()=>[l(n,{icon:`lucide:chevrons-right`})])]),_:3},16,[`data-selected`])):s(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{k as default};

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

@@ -0,0 +1,32 @@
+import { PaginationProps } from "./types.js";
+import * as vue171 from "vue";
+
+//#region src/components/pagination/pagination.vue.d.ts
+declare var __VLS_20: {}, __VLS_31: {}, __VLS_47: {}, __VLS_58: {}, __VLS_69: {};
+type __VLS_Slots = {} & {
+  first?: (props: typeof __VLS_20) => any;
+} & {
+  prev?: (props: typeof __VLS_31) => any;
+} & {
+  ellipsis?: (props: typeof __VLS_47) => any;
+} & {
+  next?: (props: typeof __VLS_58) => any;
+} & {
+  last?: (props: typeof __VLS_69) => any;
+};
+declare const __VLS_base: vue171.DefineComponent<PaginationProps, {}, {}, {}, {}, vue171.ComponentOptionsMixin, vue171.ComponentOptionsMixin, {
+  "update:page": (value: number) => any;
+}, string, vue171.PublicProps, Readonly<PaginationProps> & Readonly<{
+  "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {
+  showFirstOrLast: boolean;
+}, {}, {}, {}, string, vue171.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,37 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { PaginationShape, PaginationVariant } from "../../variants/pagination.js";
+import { PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi } from "@soybeanjs/headless";
+
+//#region src/components/pagination/types.d.ts
+interface PaginationProps extends PaginationRootProps {
+  /** The custom ui class names */
+  ui?: Partial<PaginationUi>;
+  /** The size of the pagination */
+  size?: ThemeSize;
+  /** The variant of the pagination */
+  variant?: PaginationVariant;
+  /** The shape of the pagination */
+  shape?: PaginationShape;
+  /** Whether to apply the selected state to the action button */
+  actionAsSelected?: boolean;
+  /** Whether to show the first and last buttons */
+  showFirstOrLast?: boolean;
+  /** The props for the list component */
+  listProps?: PaginationListProps;
+  /** The props for the list item component */
+  listItemProps?: PaginationListItemProps;
+  /** The props for the ellipsis component */
+  ellipsisProps?: PaginationEllipsisProps;
+  /** The props for the first button component */
+  firstProps?: PaginationButtonProps;
+  /** The props for the previous button component */
+  prevProps?: PaginationButtonProps;
+  /** The props for the next button component */
+  nextProps?: PaginationButtonProps;
+  /** The props for the last button component */
+  lastProps?: PaginationButtonProps;
+}
+type PaginationEmits = PaginationRootEmits;
+//#endregion
+export { PaginationEmits, PaginationProps };

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

@@ -0,0 +1,2 @@
+import { PasswordEmits, PasswordProps } from "./types.js";
+import { _default } from "./password.vue.js";

package/dist/components/password/password.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{inputVariants as n}from"../../variants/input.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,mergeProps as c,normalizeClass as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";import{useControllableState as m,useForwardElement as h,useOmitProps as g}from"@soybeanjs/headless/composables";import{InputControl as _,InputRoot as v,provideInputThemeContext as y}from"@soybeanjs/headless";var b=s({name:`SPassword`,__name:`password`,props:{size:{},ui:{},visible:{type:Boolean,default:void 0},clearable:{type:Boolean},inputRef:{},controlProps:{},defaultValue:{},modelValue:{},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},pattern:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:visible`],setup(s,{emit:b}){let x=s,S=b,[C,w]=h(e=>x.inputRef?.(e)),T=g(x,[`size`,`ui`,`clearable`,`visible`,`inputRef`,`controlProps`]),E=m(()=>x.visible,e=>{S(`update:visible`,e)},!1),D=()=>{E.value=!E.value},O=r(()=>e(n({size:x.size}),x.ui));return y({ui:O}),(e,n)=>(u(),i(f(v),c(f(T),{"onUpdate:modelValue":n[0]||=e=>S(`update:modelValue`,e)}),{default:p(({clear:n})=>[d(e.$slots,`leading`),o(f(_),c(s.controlProps,{ref:f(w),type:f(E)?`text`:`password`}),null,16,[`type`]),s.clearable?(u(),i(t,{key:0,icon:`lucide:x`,class:l(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),d(e.$slots,`trailing`),d(e.$slots,`visible`,{visible:f(E),toggle:D},()=>[o(t,{icon:f(E)?`lucide:eye`:`lucide:eye-off`,class:l(O.value.visible),onClick:D},null,8,[`icon`,`class`])])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,33 @@
+import { PasswordProps } from "./types.js";
+import * as vue192 from "vue";
+
+//#region src/components/password/password.vue.d.ts
+declare var __VLS_10: {}, __VLS_24: {}, __VLS_26: {
+    visible: boolean | undefined;
+    toggle: () => void;
+  };
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  trailing?: (props: typeof __VLS_24) => any;
+} & {
+  visible?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: vue192.DefineComponent<PasswordProps, {}, {}, {}, {}, vue192.ComponentOptionsMixin, vue192.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+  "update:visible": (visible: boolean) => any;
+}, string, vue192.PublicProps, Readonly<PasswordProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+  visible: boolean;
+}, {}, {}, {}, string, vue192.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,30 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { ClassValue, InputControlProps, InputRootEmits, InputRootProps, InputUi } from "@soybeanjs/headless";
+
+//#region src/components/password/types.d.ts
+type PasswordThemeSlot = 'clearable' | 'visible';
+type PasswordUi = InputUi & Record<PasswordThemeSlot, ClassValue>;
+interface PasswordProps extends InputRootProps {
+  size?: ThemeSize;
+  ui?: Partial<PasswordUi>;
+  /** Whether to show the password */
+  visible?: boolean;
+  /** Whether to show the clear icon */
+  clearable?: boolean;
+  /**
+   * The function to set the input element.
+   *
+   * @param el - The input element.
+   */
+  inputRef?: (el: HTMLInputElement) => void;
+  /**
+   * The props of the input extra props.
+   */
+  controlProps?: InputControlProps;
+}
+type PasswordEmits = InputRootEmits & {
+  'update:visible': [visible: boolean];
+};
+//#endregion
+export { PasswordEmits, PasswordProps };

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

@@ -0,0 +1,4 @@
+import { PopoverEmits, PopoverProps } from "./types.js";
+import { _default } from "./popover.vue.js";
+import { PopoverAnchorProps, PopoverCloseProps, PopoverContentEmits, PopoverContentProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps } from "@soybeanjs/headless/popover";
+export { type PopoverAnchorProps, type PopoverCloseProps, type PopoverContentEmits, type PopoverContentProps, type PopoverRootEmits, type PopoverRootProps, type PopoverTriggerProps };

package/dist/components/popover/popover.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{popoverVariants as t}from"../../variants/popover.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,PopoverContent as y,PopoverPortal as b,PopoverRoot as x,PopoverTrigger as S,providePopoverThemeContext as C}from"@soybeanjs/headless";var w=o({name:`SPopover`,__name:`popover`,props:{size:{},ui:{},placement:{},showArrow:{type:Boolean,default:!0},contentProps:{},triggerProps:{},closeProps:{},portalProps:{},arrowProps:{},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:w}){let T=o,E=w,D=g(T,[`defaultOpen`,`open`,`modal`]),O=h(E),k=n(()=>e(t({size:T.size}),T.ui)),A=n(()=>({placement:T.placement,...T.contentProps}));return C({ui:k}),(e,t)=>(u(),r(p(x),c(p(D),{"onUpdate:open":t[0]||=e=>E(`update:open`,e)}),{default:m(()=>[a(p(S),{"as-child":``},{default:m(()=>[d(e.$slots,`trigger`)]),_:3}),a(p(b),l(s(o.portalProps)),{default:m(()=>[a(p(y),c(A.value,f(p(O))),{default:m(()=>[d(e.$slots,`default`),e.$slots.close?(u(),r(p(v),{key:0,"as-child":``},{default:m(()=>[d(e.$slots,`close`)]),_:3})):i(`v-if`,!0),o.showArrow?(u(),r(p(_),l(c({key:1},o.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{w as default};

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

@@ -0,0 +1,43 @@
+import { PopoverProps } from "./types.js";
+import * as vue166 from "vue";
+import * as _soybeanjs_headless80 from "@soybeanjs/headless";
+
+//#region src/components/popover/popover.vue.d.ts
+declare var __VLS_15: {}, __VLS_27: {}, __VLS_34: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_15) => any;
+} & {
+  default?: (props: typeof __VLS_27) => any;
+} & {
+  close?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_base: vue166.DefineComponent<PopoverProps, {}, {}, {}, {}, vue166.ComponentOptionsMixin, vue166.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless80.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless80.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless80.PointerDownOutsideEvent | _soybeanjs_headless80.FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+}, string, vue166.PublicProps, Readonly<PopoverProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless80.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless80.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless80.PointerDownOutsideEvent | _soybeanjs_headless80.FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  showArrow: boolean;
+}, {}, {}, {}, string, vue166.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,19 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { Placement, PopoverArrowProps, PopoverCloseProps, PopoverContentEmits, PopoverContentProps, PopoverPortalProps, PopoverRootEmits, PopoverRootProps, PopoverTriggerProps, PopperUi } from "@soybeanjs/headless";
+
+//#region src/components/popover/types.d.ts
+interface PopoverProps extends PopoverRootProps {
+  size?: ThemeSize;
+  ui?: Partial<PopperUi>;
+  placement?: Placement;
+  showArrow?: boolean;
+  contentProps?: PopoverContentProps;
+  triggerProps?: PopoverTriggerProps;
+  closeProps?: PopoverCloseProps;
+  portalProps?: PopoverPortalProps;
+  arrowProps?: PopoverArrowProps;
+}
+type PopoverEmits = PopoverRootEmits & PopoverContentEmits;
+//#endregion
+export { PopoverEmits, PopoverProps };

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

@@ -0,0 +1,7 @@
+import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardThemeSlot, RadioGroupCardUi, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
+import { _default } from "./radio-group.vue.js";
+import { _default as _default$1 } from "./radio.vue.js";
+import { _default as _default$2 } from "./radio-card.vue.js";
+import { _default as _default$3 } from "./radio-card-group.vue.js";
+import { RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemEmits, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupRootEmits, RadioGroupRootProps } from "@soybeanjs/headless/radio-group";
+export { type RadioGroupControlProps, type RadioGroupIndicatorProps, type RadioGroupItemEmits, type RadioGroupItemProps, type RadioGroupLabelProps, type RadioGroupRootEmits, type RadioGroupRootProps };

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioCardGroupVariants as t}from"../../variants/radio-group.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,provideRadioGroupThemeContext as h}from"@soybeanjs/headless";var g=s({name:`SRadioCardGroup`,__name:`radio-card-group`,props:{ui:{},items:{},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(_,[`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]),b=i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui));return h({ui: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

@@ -0,0 +1,20 @@
+import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
+import * as vue188 from "vue";
+import { AcceptableBooleanValue } from "@soybeanjs/headless";
+
+//#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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
+  }> & vue188.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
+}>) => vue188.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +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{RadioGroupControl as S,RadioGroupIndicator as C,RadioGroupItem as w,RadioGroupLabel as T,Slot as E}from"@soybeanjs/headless";const D={key:0};var 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)},[l.icon?(m(),r(e,{key:0,icon:l.icon,class:f(l.ui?.icon)},null,8,[`icon`,`class`])):i(`v-if`,!0),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-card.vue.d.ts

@@ -0,0 +1,22 @@
+import { RadioCardProps } from "./types.js";
+import * as vue183 from "vue";
+
+//#region src/components/radio-group/radio-card.vue.d.ts
+declare var __VLS_16: {
+    id: string;
+  }, __VLS_23: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_16) => any;
+} & {
+  description?: (props: typeof __VLS_23) => any;
+};
+declare const __VLS_base: vue183.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue183.ComponentOptionsMixin, vue183.ComponentOptionsMixin, {}, string, vue183.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue183.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{radioGroupVariants as t}from"../../variants/radio-group.js";import n from"./radio.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,provideRadioGroupThemeContext as h}from"@soybeanjs/headless";var g=s({name:`SRadioGroup`,__name:`radio-group`,props:{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:g}){let _=s,v=g,y=p(_,[`ui`,`variant`,`color`,`size`,`items`,`itemProps`,`controlProps`,`indicatorProps`,`labelProps`]);return h({ui:i(()=>e(t({variant:_.variant,color:_.color,size:_.size}),_.ui))}),(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,{color:s.color,size:s.size,value:e.value,label:e.label,disabled:s.disabled||e.disabled,"control-props":s.controlProps,"indicator-props":s.indicatorProps,"label-props":s.labelProps}),null,16,[`color`,`size`,`value`,`label`,`disabled`,`control-props`,`indicator-props`,`label-props`]))),128))]),_:1},16))}});export{g as default};

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

@@ -0,0 +1,20 @@
+import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
+import * as vue176 from "vue";
+import { AcceptableBooleanValue } from "@soybeanjs/headless";
+
+//#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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & vue176.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {};
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => vue176.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import{Transition as e,computed as t,createBlock as n,createTextVNode as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,useId as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{RadioGroupControl as g,RadioGroupIndicator as _,RadioGroupItem as v,RadioGroupLabel as y}from"@soybeanjs/headless";var b=a({name:`SRadio`,__name:`radio`,props:{label:{},controlProps:{},indicatorProps:{},labelProps:{},value:{type:[String,Number,Boolean]},disabled:{type:Boolean},name:{},required:{type:Boolean}},setup(a){let b=a,x=h(b,[`controlProps`,`indicatorProps`,`labelProps`]),S=p(),C=t(()=>b.id||`radio-${S}`);return(t,p)=>(l(),n(f(v),c(o(f(x))),{default:m(()=>[i(f(g),s(a.controlProps,{id:C.value}),{default:m(()=>[i(e,{"enter-active-class":`transition`,"enter-from-class":`opacity-0 scale-0`},{default:m(()=>[i(f(_),c(o(a.indicatorProps)),null,16)]),_:1})]),_:1},16,[`id`]),i(f(y),s(a.labelProps,{for:C.value}),{default:m(()=>[u(t.$slots,`default`,{},()=>[r(d(a.label),1)])]),_:3},16,[`for`])]),_:3},16))}});export{b as default};

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

@@ -0,0 +1,18 @@
+import { RadioProps } from "./types.js";
+import * as vue178 from "vue";
+
+//#region src/components/radio-group/radio.vue.d.ts
+declare var __VLS_27: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: vue178.DefineComponent<RadioProps, {}, {}, {}, {}, vue178.ComponentOptionsMixin, vue178.ComponentOptionsMixin, {}, string, vue178.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue178.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,47 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { RadioGroupVariant } from "../../variants/radio-group.js";
+import { AcceptableBooleanValue, ClassValue, RadioGroupControlProps, RadioGroupIndicatorProps, RadioGroupItemProps, RadioGroupLabelProps, RadioGroupRootEmits, RadioGroupRootProps, RadioGroupUi } from "@soybeanjs/headless";
+
+//#region src/components/radio-group/types.d.ts
+interface RadioProps extends RadioGroupItemProps {
+  label?: string;
+  controlProps?: RadioGroupControlProps;
+  indicatorProps?: RadioGroupIndicatorProps;
+  labelProps?: RadioGroupLabelProps;
+}
+interface RadioGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> {
+  value: NonNullable<T>;
+  label: string;
+  disabled?: boolean;
+}
+interface RadioGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<T>> extends RadioGroupRootProps<T> {
+  ui?: Partial<RadioGroupUi>;
+  variant?: RadioGroupVariant;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  items: S[];
+  itemProps?: RadioGroupItemProps;
+  controlProps?: RadioGroupControlProps;
+  indicatorProps?: RadioGroupIndicatorProps;
+  labelProps?: RadioGroupLabelProps;
+}
+type RadioGroupEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupRootEmits<T>;
+type RadioGroupCardThemeSlot = 'content' | 'textContent' | 'icon' | 'description';
+type RadioGroupCardUi = RadioGroupUi & Record<RadioGroupCardThemeSlot, ClassValue>;
+interface RadioCardProps extends RadioProps {
+  ui?: Partial<RadioGroupCardUi>;
+  icon?: string;
+  description?: string;
+}
+interface RadioCardGroupOptionData<T extends AcceptableBooleanValue = AcceptableBooleanValue> extends RadioGroupOptionData<T> {
+  icon?: string;
+  description?: string;
+}
+interface RadioCardGroupProps<T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<T>> extends RadioGroupProps<T, S> {
+  ui?: Partial<RadioGroupCardUi>;
+  items: S[];
+}
+type RadioGroupCardEmits<T extends AcceptableBooleanValue = AcceptableBooleanValue> = RadioGroupEmits<T>;
+//#endregion
+export { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardThemeSlot, RadioGroupCardUi, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps };

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

@@ -0,0 +1,2 @@
+import { SegmentExtendedUi, SegmentOptionData, SegmentProps } from "./types.js";
+import { _default } from "./segment.vue.js";

package/dist/components/segment/segment.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsIndicator as w,TabsList as T,TabsRoot as E,TabsTrigger as D,provideTabsThemeContext as O}from"@soybeanjs/headless";var k=u({name:`SSegment`,__name:`segment`,props:{ui:{},size:{},shape:{},items:{},fill:{default:`auto`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:k}){let A=u,j=k,M=C(A,[`size`,`ui`,`items`,`fill`,`enableIndicator`,`listProps`,`triggerProps`,`indicatorProps`]),N=S(j),P=r(()=>e(t({size:A.size,orientation:A.orientation,shape:A.shape,fill:A.fill,enableIndicator:A.enableIndicator}),A.ui));return O({ui:P}),(e,t)=>(h(),i(b(E),f(b(M),y(b(N))),{default:x(()=>[l(b(T),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(D),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`item`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(w),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(P.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16)]),_:3},16))}});export{k as default};