@soybeanjs/ui 0.19.0 → 0.20.0

package/dist/components/layout/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full block lt-md:hidden`,sidebarWrapper:`absolute inset-y-0 z-10 flex h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear lt-md:hidden`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 flex w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear lt-sm:hidden`,`after:absolute after:inset-y-0 after:left-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-r group-data-[side=right]:border-l`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ms-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -end-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize start-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:start-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed left-0 top-0 z-49 w-full`,content:`fixed inset-0 z-49 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-end-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-start-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:end-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:start-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:end-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:start-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ms-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}}),n=e({slots:{root:`group relative h-full transition-all-300`,main:`flex flex-col h-full group-data-[scroll-behavior=wrapper]:overflow-y-auto transition-all-300`,sidebarRoot:`lt-md:hidden`,sidebarWrapper:[`absolute inset-y-0 z-[--soybean-layout-sidebar-z-index] flex h-full w-[--soybean-sidebar-width] transition-[inset-inline-start,inset-inline-end,width,opacity] duration-200 ease-linear lt-md:hidden`,`group-data-[state=collapsed]:w-[--soybean-collapsed-sidebar-width] pt-[--soybean-layout-sidebar-top-gap] pb-[--soybean-layout-sidebar-bottom-gap]`],sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 flex w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear lt-sm:hidden`,`after:absolute after:inset-y-0 after:start-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,header:[`shrink-0 flex items-center h-[--soybean-layout-header-height]`,`group-data-[fixed-top=true]:absolute group-data-[fixed-top=true]:z-[--soybean-layout-header-z-index] group-data-[fixed-top=true]:top-0 group-data-[fixed-top=true]:inset-x-0`],headerPlaceholder:`shrink-0 h-[--soybean-layout-header-height] overflow-hidden`,tab:`shrink-0 h-[--soybean-layout-tab-height] group-data-[fixed-top=true]:z-[--soybean-layout-tab-z-index]`,tabPlaceholder:`shrink-0 h-[--soybean-layout-tab-height] overflow-hidden`,content:`grow bg-background group-data-[scroll-behavior=content]:overflow-y-auto`,footer:[`shrink-0 h-[--soybean-layout-footer-height]`,`group-data-[fixed-footer=true]:absolute group-data-[fixed-footer=true]:z-[--soybean-layout-footer-z-index] group-data-[fixed-footer=true]:bottom-0 group-data-[fixed-footer=true]:inset-x-0`],footerPlaceholder:`shrink-0 h-[--soybean-layout-footer-height] overflow-hidden`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},side:{left:{main:`ps-[--soybean-layout-start-gap]`,sidebarWrapper:`start-0 border-r`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -end-[var(--soybean-layout-spacing)]`,header:`group-data-[fixed-top=true]:ps-[--soybean-layout-header-start-gap]`,footer:`group-data-[fixed-footer=true]:ps-[--soybean-layout-footer-start-gap]`},right:{main:`pe-[--soybean-layout-start-gap]`,sidebarWrapper:`end-0 border-l`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize start-0`,header:`group-data-[fixed-top=true]:pe-[--soybean-layout-header-start-gap]`,footer:`group-data-[fixed-footer=true]:pe-[--soybean-layout-footer-start-gap]`}},fullContent:{true:{tab:`fixed start-0 top-0 z-[--soybean-layout-base-z-index] w-full`,content:`fixed inset-0 z-[--soybean-layout-base-z-index] group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height] overflow-auto`},false:{tab:`group-data-[fixed-top=true]:absolute group-data-[fixed-top=true]:inset-x-0 group-data-[fixed-top=true]:top-[--soybean-layout-header-height]`,content:`relative`}}},compoundVariants:[{side:`left`,fullContent:!1,class:{tab:`group-data-[fixed-top=true]:ps-[--soybean-layout-start-gap]`}},{side:`right`,fullContent:!1,class:{tab:`group-data-[fixed-top=true]:pe-[--soybean-layout-start-gap]`}}],defaultVariants:{size:`md`,side:`left`,fullContent:!1}});export{n as layoutClassicVariants,t as layoutVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative flex w-full h-full data-[side=right]:flex-row-reverse`,sidebarRoot:`h-full block lt-md:hidden`,sidebarWrapper:`absolute inset-y-0 z-10 flex h-full w-[--soybean-sidebar-width] transition-[left,right,width,opacity] duration-200 ease-linear lt-md:hidden`,sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],sidebarGapHandler:[`relative h-full w-[--soybean-sidebar-width] bg-transparent transition-width duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 flex w-[--soybean-layout-spacing] -translate-x-1/2 rtl:translate-x-1/2 transition-all ease-linear lt-sm:hidden`,`after:absolute after:inset-y-0 after:start-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,main:`relative flex flex-1 flex-col items-stretch bg-background overflow-hidden`,header:`relative flex items-center shrink-0 h-[--soybean-layout-header-height]`,tab:`shrink-0 h-[--soybean-layout-tab-height] bg-background`,content:`grow overflow-auto bg-background`,footer:`shrink-0 h-[--soybean-layout-footer-height]`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},variant:{sidebar:{sidebarGapHandler:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width]`,sidebarWrapper:`group-data-[collapsible=icon]:w-[--soybean-collapsed-sidebar-width] group-data-[side=left]:border-e group-data-[side=right]:border-s`},floating:{sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`},inset:{root:`bg-sidebar`,sidebarGapHandler:`w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,sidebarWrapper:`p-[calc(var(--soybean-layout-spacing)/2)] w-[calc(var(--soybean-sidebar-width)+var(--soybean-layout-spacing))] group-data-[collapsible=icon]:w-[calc(var(--soybean-collapsed-sidebar-width)+var(--soybean-layout-spacing))]`,main:`md:m-[calc(var(--soybean-layout-spacing)/2)] md:ms-0 md:rounded-xl md:shadow`}},side:{left:{sidebarWrapper:`start-0 group-data-[collapsible=offcanvas]:start-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -end-[var(--soybean-layout-spacing)]`},right:{sidebarWrapper:`end-0 group-data-[collapsible=offcanvas]:end-[calc(var(--soybean-sidebar-width)*-1)]`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize start-0`}},collapsible:{offcanvas:{sidebarWrapper:`group-data-[state=collapsed]:opacity-0`,rail:`translate-x-0 after:start-full hover:bg-sidebar`},icon:{}},fullContent:{true:{tab:`fixed start-0 top-0 z-49 w-full`,content:`fixed inset-0 z-49 group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height]`},false:{content:`relative`}}},compoundVariants:[{side:`left`,collapsible:`offcanvas`,class:{rail:`-end-[var(--soybean-layout-spacing)/2]`}},{side:`right`,collapsible:`offcanvas`,class:{rail:`-start-[var(--soybean-layout-spacing)/2]`}},{side:`left`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:end-0`}},{side:`right`,variant:`inset`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:start-0`}},{side:`left`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:end-[calc(var(--soybean-layout-spacing)/2)]`}},{side:`right`,variant:`floating`,collapsible:`offcanvas`,class:{rail:`group-data-[state=collapsed]:start-[calc(var(--soybean-layout-spacing)/2)]`}},{variant:`inset`,collapsible:`offcanvas`,class:{main:`md:group-data-[state=collapsed]:ms-[calc(var(--soybean-layout-spacing)/2)]`}}],defaultVariants:{variant:`sidebar`,side:`left`,collapsible:`icon`}}),n=e({slots:{root:`group relative h-full transition-all-300`,main:`flex flex-col h-full group-data-[scroll-behavior=wrapper]:overflow-y-auto transition-all-300`,sidebarRoot:`lt-md:hidden`,sidebarWrapper:[`absolute inset-y-0 z-[--soybean-layout-sidebar-z-index] flex h-full w-[--soybean-sidebar-width] transition-[inset-inline-start,inset-inline-end,width,opacity] duration-200 ease-linear lt-md:hidden`,`group-data-[state=collapsed]:w-[--soybean-collapsed-sidebar-width] pt-[--soybean-layout-sidebar-top-gap] pb-[--soybean-layout-sidebar-bottom-gap]`],sidebar:[`flex flex-col w-full h-full bg-sidebar`,`group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border group-data-[variant=floating]:border-solid group-data-[variant=floating]:shadow`],mobileDrawer:`w-[--soybean-sidebar-width] bg-sidebar p-0`,mobileOverlay:[`fixed inset-0 z-50 bg-black/80`,`data-[state=open]:animate-in data-[state=open]:fade-in-0`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0`],mobile:`flex flex-col w-full h-full`,rail:[`absolute inset-y-0 z-20 flex w-[--soybean-layout-spacing] -translate-x-1/2 transition-all ease-linear lt-sm:hidden`,`after:absolute after:inset-y-0 after:start-1/2 after:content-empty after:w-[calc(var(--soybean-layout-spacing)/8)] hover:after:bg-sidebar-border`],trigger:``,header:[`shrink-0 flex items-center h-[--soybean-layout-header-height]`,`group-data-[fixed-top=true]:absolute group-data-[fixed-top=true]:z-[--soybean-layout-header-z-index] group-data-[fixed-top=true]:top-0 group-data-[fixed-top=true]:inset-x-0`],headerPlaceholder:`shrink-0 h-[--soybean-layout-header-height] overflow-hidden`,tab:`shrink-0 h-[--soybean-layout-tab-height] group-data-[fixed-top=true]:z-[--soybean-layout-tab-z-index]`,tabPlaceholder:`shrink-0 h-[--soybean-layout-tab-height] overflow-hidden`,content:`grow bg-background group-data-[scroll-behavior=content]:overflow-y-auto`,footer:[`shrink-0 h-[--soybean-layout-footer-height]`,`group-data-[fixed-footer=true]:absolute group-data-[fixed-footer=true]:z-[--soybean-layout-footer-z-index] group-data-[fixed-footer=true]:bottom-0 group-data-[fixed-footer=true]:inset-x-0`],footerPlaceholder:`shrink-0 h-[--soybean-layout-footer-height] overflow-hidden`},variants:{size:{xs:{root:`text-2xs [--soybean-layout-spacing:0.75rem]`},sm:{root:`text-xs [--soybean-layout-spacing:0.875rem]`},md:{root:`text-sm [--soybean-layout-spacing:1rem]`},lg:{root:`text-base [--soybean-layout-spacing:1.25rem]`},xl:{root:`text-lg [--soybean-layout-spacing:1.5rem]`},"2xl":{root:`text-xl [--soybean-layout-spacing:1.75rem]`}},side:{left:{main:`ps-[--soybean-layout-start-gap]`,sidebarWrapper:`start-0 border-e`,rail:`cursor-w-resize group-data-[state=collapsed]:cursor-e-resize -end-[var(--soybean-layout-spacing)]`,header:`group-data-[fixed-top=true]:ps-[--soybean-layout-header-start-gap]`,footer:`group-data-[fixed-footer=true]:ps-[--soybean-layout-footer-start-gap]`},right:{main:`pe-[--soybean-layout-start-gap]`,sidebarWrapper:`end-0 border-s`,rail:`cursor-e-resize group-data-[state=collapsed]:cursor-w-resize start-0`,header:`group-data-[fixed-top=true]:pe-[--soybean-layout-header-start-gap]`,footer:`group-data-[fixed-footer=true]:pe-[--soybean-layout-footer-start-gap]`}},fullContent:{true:{tab:`fixed start-0 top-0 z-[--soybean-layout-base-z-index] w-full`,content:`fixed inset-0 z-[--soybean-layout-base-z-index] group-data-[tab-visible=true]:mt-[--soybean-layout-tab-height] overflow-auto`},false:{tab:`group-data-[fixed-top=true]:absolute group-data-[fixed-top=true]:inset-x-0 group-data-[fixed-top=true]:top-[--soybean-layout-header-height]`,content:`relative`}}},compoundVariants:[{side:`left`,fullContent:!1,class:{tab:`group-data-[fixed-top=true]:ps-[--soybean-layout-start-gap]`}},{side:`right`,fullContent:!1,class:{tab:`group-data-[fixed-top=true]:pe-[--soybean-layout-start-gap]`}}],defaultVariants:{size:`md`,side:`left`,fullContent:!1}});export{n as layoutClassicVariants,t as layoutVariants};

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

@@ -1,4 +1,4 @@
 import { LinkProps as LinkProps$1 } from "./types.js";
 import { _default } from "./link.vue.js";
-import { LinkBaseProps as LinkBaseProps$1, LinkExtraProps } from "@soybeanjs/headless/link";
-export { type LinkBaseProps$1 as LinkBaseProps, type LinkExtraProps };
+import { LinkBaseProps, LinkExtraProps } from "@soybeanjs/headless/link";
+export { type LinkBaseProps, type LinkExtraProps };

package/dist/components/menu/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:``,popup:[`z-50 min-w-max rounded-md border bg-popover text-popover-foreground shadow-md will-change-transform outline-none`,`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`,subPositioner:``,subPopup:[`z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none`,`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`],group:``,groupLabel:`flex items-center font-medium text-muted-foreground`,checkboxGroup:``,radioGroup:``,item:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-accent data-[active=false]:focus:bg-accent`],itemIcon:`shrink-0 text-muted-foreground`,itemLink:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none decoration-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemLinkIcon:`shrink-0 self-start text-muted-foreground`,subTrigger:`group/trigger flex items-center rounded-sm outline-none cursor-pointer select-none focus:bg-accent data-[state=open]:bg-accent data-[child-active]:text-primary`,subTriggerIcon:`ml-auto text-muted-foreground group-data-[child-active]/trigger:text-primary`,shortcut:`ml-auto tracking-widest opacity-60`,separator:`h-px bg-border`,checkboxItem:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemIndicator:`absolute flex items-center justify-center text-primary`,radioItem:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`]},variants:{size:{xs:{popup:`text-2xs p-0.75`,groupLabel:`gap-1 p-1 text-3xs`,item:`gap-1 px-1 py-1`,itemLink:`gap-1 px-1 py-1`,itemLinkIcon:`size-2 -ml-1`,separator:`-mx-0.75 my-0.75`,subTrigger:`gap-1 px-1 py-1`,subPopup:`text-2xs p-0.75`,checkboxItem:`gap-1 py-1`,radioItem:`gap-1 py-1`},sm:{popup:`text-xs p-0.875`,groupLabel:`gap-1.25 p-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1`,itemLink:`gap-1.5 px-1.5 py-1`,itemLinkIcon:`size-2.5 -ml-1.5`,separator:`-mx-0.875 my-0.875`,subTrigger:`gap-1.5 px-1.5 py-1`,subPopup:`text-xs p-0.875`,checkboxItem:`gap-1.5 py-1`,radioItem:`gap-1.5 py-1`},md:{popup:`text-sm p-1`,groupLabel:`gap-1.75 p-1.75 text-xs`,item:`gap-2 px-2 py-1.5`,itemLink:`gap-2 px-2 py-1.5`,itemLinkIcon:`size-3 -ml-2`,separator:`-mx-1 my-1`,subTrigger:`gap-2 px-2 py-1.5`,subPopup:`text-sm p-1`,checkboxItem:`gap-2 py-1.5`,radioItem:`gap-2 py-1.5`},lg:{popup:`text-base p-1.25`,groupLabel:`gap-2 p-2 text-sm`,item:`gap-2.5 px-2.5 py-1.5`,itemLink:`gap-2.5 px-2.5 py-1.5`,itemLinkIcon:`size-3.5 -ml-2.5`,separator:`-mx-1.25 my-1.25`,subTrigger:`gap-2.5 px-2.5 py-1.5`,subPopup:`text-base p-1.25`,checkboxItem:`gap-2.5 py-1.5`,radioItem:`gap-2.5 py-1.5`},xl:{popup:`text-lg p-1.5`,groupLabel:`gap-2.5 p-2.5 text-base`,item:`gap-3 px-3 py-2`,itemLink:`gap-3 px-3 py-2`,itemLinkIcon:`size-4 -ml-3`,separator:`-mx-1.5 my-1.5`,subTrigger:`gap-3 px-3 py-2`,subPopup:`text-lg p-1.5`,checkboxItem:`gap-3 py-2`,radioItem:`gap-3 py-2`},"2xl":{popup:`text-xl p-1.75`,groupLabel:`gap-3 p-3 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,itemLink:`gap-3.5 px-3.5 py-2.5`,itemLinkIcon:`size-4.5 -ml-3.5`,separator:`-mx-1.75 my-1.75`,subTrigger:`gap-3.5 px-3.5 py-2.5`,subPopup:`text-xl p-1.75`,checkboxItem:`gap-3.5 py-2.5`,radioItem:`gap-3.5 py-2.5`}},indicatorPosition:{start:{itemIndicator:`left-2`,checkboxItem:`pl-8 pr-2`,radioItem:`pl-8 pr-2`},end:{itemIndicator:`right-2`,checkboxItem:`pl-2 pr-8`,radioItem:`pl-2 pr-8`}}},compoundVariants:[{indicatorPosition:`start`,size:`xs`,class:{itemIndicator:`left-1`,checkboxItem:`pl-6 pr-1`,radioItem:`pl-6 pr-1`}},{indicatorPosition:`end`,size:`xs`,class:{itemIndicator:`right-1`,checkboxItem:`pl-1 pr-6`,radioItem:`pl-1 pr-6`}},{indicatorPosition:`start`,size:`sm`,class:{itemIndicator:`left-1.5`,checkboxItem:`pl-7 pr-1.5`,radioItem:`pl-7 pr-1.5`}},{indicatorPosition:`end`,size:`sm`,class:{itemIndicator:`right-1.5`,checkboxItem:`pl-1.5 pr-7`,radioItem:`pl-1.5 pr-7`}},{indicatorPosition:`start`,size:`lg`,class:{itemIndicator:`left-2.5`,checkboxItem:`pl-9 pr-2.5`,radioItem:`pl-9 pr-2.5`}},{indicatorPosition:`end`,size:`lg`,class:{itemIndicator:`right-2.5`,checkboxItem:`pl-2.5 pr-9`,radioItem:`pl-2.5 pr-9`}},{indicatorPosition:`start`,size:`xl`,class:{itemIndicator:`left-3`,checkboxItem:`pl-10 pr-3`,radioItem:`pl-10 pr-3`}},{indicatorPosition:`end`,size:`xl`,class:{itemIndicator:`right-3`,checkboxItem:`pl-3 pr-10`,radioItem:`pl-3 pr-10`}},{indicatorPosition:`start`,size:`2xl`,class:{itemIndicator:`left-3.5`,checkboxItem:`pl-12 pr-3.5`,radioItem:`pl-12 pr-3.5`}},{indicatorPosition:`end`,size:`2xl`,class:{itemIndicator:`right-3.5`,checkboxItem:`pl-3.5 pr-12`,radioItem:`pl-3.5 pr-12`}}],defaultVariants:{size:`md`,indicatorPosition:`start`}});export{t as menuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{positioner:``,popup:[`z-50 min-w-max rounded-md border bg-popover text-popover-foreground shadow-md will-change-transform outline-none`,`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`,subPositioner:``,subPopup:[`z-50 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg will-change-transform outline-none`,`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`],group:``,groupLabel:`flex items-center font-medium text-muted-foreground`,checkboxGroup:``,radioGroup:``,item:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-accent data-[active=false]:focus:bg-accent`],itemIcon:`shrink-0 text-muted-foreground`,itemLink:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none decoration-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemLinkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,subTrigger:`group/trigger flex items-center rounded-sm outline-none cursor-pointer select-none focus:bg-accent data-[state=open]:bg-accent data-[child-active]:text-primary`,subTriggerIcon:`ms-auto text-muted-foreground group-data-[child-active]/trigger:text-primary`,shortcut:`ms-auto tracking-widest opacity-60`,separator:`h-px bg-border`,checkboxItem:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],itemIndicator:`absolute flex items-center justify-center text-primary`,radioItem:[`relative flex items-center rounded-sm outline-none transition-colors-200 cursor-pointer select-none`,`focus:bg-accent focus:text-accent-foreground data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`]},variants:{size:{xs:{popup:`text-2xs p-0.75`,groupLabel:`gap-1 p-1 text-3xs`,item:`gap-1 px-1 py-1`,itemLink:`gap-1 px-1 py-1`,itemLinkIcon:`size-2 -ms-1`,separator:`-mx-0.75 my-0.75`,subTrigger:`gap-1 px-1 py-1`,subPopup:`text-2xs p-0.75`,checkboxItem:`gap-1 py-1`,radioItem:`gap-1 py-1`},sm:{popup:`text-xs p-0.875`,groupLabel:`gap-1.25 p-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1`,itemLink:`gap-1.5 px-1.5 py-1`,itemLinkIcon:`size-2.5 -ms-1.5`,separator:`-mx-0.875 my-0.875`,subTrigger:`gap-1.5 px-1.5 py-1`,subPopup:`text-xs p-0.875`,checkboxItem:`gap-1.5 py-1`,radioItem:`gap-1.5 py-1`},md:{popup:`text-sm p-1`,groupLabel:`gap-1.75 p-1.75 text-xs`,item:`gap-2 px-2 py-1.5`,itemLink:`gap-2 px-2 py-1.5`,itemLinkIcon:`size-3 -ms-2`,separator:`-mx-1 my-1`,subTrigger:`gap-2 px-2 py-1.5`,subPopup:`text-sm p-1`,checkboxItem:`gap-2 py-1.5`,radioItem:`gap-2 py-1.5`},lg:{popup:`text-base p-1.25`,groupLabel:`gap-2 p-2 text-sm`,item:`gap-2.5 px-2.5 py-1.5`,itemLink:`gap-2.5 px-2.5 py-1.5`,itemLinkIcon:`size-3.5 -ms-2.5`,separator:`-mx-1.25 my-1.25`,subTrigger:`gap-2.5 px-2.5 py-1.5`,subPopup:`text-base p-1.25`,checkboxItem:`gap-2.5 py-1.5`,radioItem:`gap-2.5 py-1.5`},xl:{popup:`text-lg p-1.5`,groupLabel:`gap-2.5 p-2.5 text-base`,item:`gap-3 px-3 py-2`,itemLink:`gap-3 px-3 py-2`,itemLinkIcon:`size-4 -ms-3`,separator:`-mx-1.5 my-1.5`,subTrigger:`gap-3 px-3 py-2`,subPopup:`text-lg p-1.5`,checkboxItem:`gap-3 py-2`,radioItem:`gap-3 py-2`},"2xl":{popup:`text-xl p-1.75`,groupLabel:`gap-3 p-3 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,itemLink:`gap-3.5 px-3.5 py-2.5`,itemLinkIcon:`size-4.5 -ms-3.5`,separator:`-mx-1.75 my-1.75`,subTrigger:`gap-3.5 px-3.5 py-2.5`,subPopup:`text-xl p-1.75`,checkboxItem:`gap-3.5 py-2.5`,radioItem:`gap-3.5 py-2.5`}},indicatorPosition:{start:{itemIndicator:`start-2`,checkboxItem:`ps-8 pe-2`,radioItem:`ps-8 pe-2`},end:{itemIndicator:`end-2`,checkboxItem:`ps-2 pe-8`,radioItem:`ps-2 pe-8`}}},compoundVariants:[{indicatorPosition:`start`,size:`xs`,class:{itemIndicator:`start-1`,checkboxItem:`ps-6 pe-1`,radioItem:`ps-6 pe-1`}},{indicatorPosition:`end`,size:`xs`,class:{itemIndicator:`end-1`,checkboxItem:`ps-1 pe-6`,radioItem:`ps-1 pe-6`}},{indicatorPosition:`start`,size:`sm`,class:{itemIndicator:`start-1.5`,checkboxItem:`ps-7 pe-1.5`,radioItem:`ps-7 pe-1.5`}},{indicatorPosition:`end`,size:`sm`,class:{itemIndicator:`end-1.5`,checkboxItem:`ps-1.5 pe-7`,radioItem:`ps-1.5 pe-7`}},{indicatorPosition:`start`,size:`lg`,class:{itemIndicator:`start-2.5`,checkboxItem:`ps-9 pe-2.5`,radioItem:`ps-9 pe-2.5`}},{indicatorPosition:`end`,size:`lg`,class:{itemIndicator:`end-2.5`,checkboxItem:`ps-2.5 pe-9`,radioItem:`ps-2.5 pe-9`}},{indicatorPosition:`start`,size:`xl`,class:{itemIndicator:`start-3`,checkboxItem:`ps-10 pe-3`,radioItem:`ps-10 pe-3`}},{indicatorPosition:`end`,size:`xl`,class:{itemIndicator:`end-3`,checkboxItem:`ps-3 pe-10`,radioItem:`ps-3 pe-10`}},{indicatorPosition:`start`,size:`2xl`,class:{itemIndicator:`start-3.5`,checkboxItem:`ps-12 pe-3.5`,radioItem:`ps-12 pe-3.5`}},{indicatorPosition:`end`,size:`2xl`,class:{itemIndicator:`end-3.5`,checkboxItem:`ps-3.5 pe-12`,radioItem:`ps-3.5 pe-12`}}],defaultVariants:{size:`md`,indicatorPosition:`start`}});export{t as menuVariants};

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

@@ -1,3 +1,3 @@
-import { NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps } from "./types.js";
+import { NavigationMenuEmits, NavigationMenuProps, NavigationMenuSlots } from "./types.js";
 import { _default } from "./navigation-menu.vue.js";
 export * from "@soybeanjs/headless/navigation-menu";

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

@@ -1 +1 @@
-import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{provideNavigationMenuExtraUi as t}from"./context.js";import{navigationMenuVariants as n}from"./variants.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,provideNavigationMenuUi as A}from"@soybeanjs/headless/navigation-menu";const j=d({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},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`,`linkProps`,`triggerProps`,`contentProps`,`viewportProps`,`indicatorProps`,`listProps`,`subListProps`,`subItemProps`],I=w(M,[`class`,`size`,`ui`,`items`,...F]),L=T(M,[...F]),R=C(N),z=a(()=>Object.keys(P)),B=a(()=>e(n({size:M.size}),M.ui,{root:M.class}));return A(B),t(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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{navigationMenuVariants 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,renderList as u,renderSlot as d,toHandlers as f,unref as p,useSlots as m,withCtx as h}from"vue";import{useForwardListeners as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{keysOf as v}from"@soybeanjs/utils";import{NavigationMenuCompact as y,provideNavigationMenuUi as b}from"@soybeanjs/headless/navigation-menu";const x=a({name:`SNavigationMenu`,__name:`navigation-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},items:{},modelValue:{},defaultValue:{},dir:{},orientation:{},delayDuration:{},skipDelayDuration:{},disableClickTrigger:{type:Boolean},disableHoverTrigger:{type:Boolean},disablePointerLeaveClose:{type:Boolean},unmountOnHide:{type:Boolean},itemProps:{},linkProps:{},triggerProps:{},contentProps:{},viewportProps:{},indicatorProps:{},listProps:{},subListProps:{},subItemProps:{}},emits:[`update:modelValue`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`select`],setup(a,{emit:x}){let S=a,C=x,w=m(),T=_(S,[`class`,`size`,`ui`]),E=g(C),D=n(()=>v(w));return b(n(()=>e(t({size:S.size}),S.ui,{root:S.class}))),(e,t)=>(l(),r(p(y),s(p(T),f(p(E))),i({_:2},[u(D.value,t=>({name:t,fn:h(n=>[d(e.$slots,t,c(o(n)))])}))]),1040))}});export{x as default};

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

@@ -1,30 +1,9 @@
-import { NavigationMenuOptionData, NavigationMenuProps } from "./types.js";
+import { NavigationMenuProps, NavigationMenuSlots } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 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;
+type __VLS_Slots = NavigationMenuSlots;
 declare const __VLS_base: _$vue.DefineComponent<NavigationMenuProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   select: (payload: CustomEvent<{
     originalEvent: Event;

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

@@ -1,117 +1,12 @@
 import { ThemeSize } from "../../theme/types.js";
-import { IconValue } from "../icon/types.js";
-import { LinkBaseProps } from "@soybeanjs/headless/link";
-import { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkEmits, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootEmits, NavigationMenuRootProps, NavigationMenuSubEmits, NavigationMenuTriggerProps, NavigationMenuUiSlot, NavigationMenuViewportProps } from "@soybeanjs/headless/navigation-menu";
-import { ClassValue, UiClass } from "@soybeanjs/headless/types";
+import { NavigationMenuCompactEmits, NavigationMenuCompactProps, NavigationMenuCompactSlots, NavigationMenuUi } from "@soybeanjs/headless/navigation-menu";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/navigation-menu/types.d.ts
-/**
- * Option data for the NavigationMenu component.
- */
-interface NavigationMenuOptionData extends LinkBaseProps {
-  /** 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 children of the option. */
-  children?: NavigationMenuOptionData[];
-}
-/**
- * Additional UI slots for the navigation menu component.
- */
-type NavigationMenuExtraUiSlot = 'triggerIcon' | 'linkIcon' | 'arrow' | 'viewportRoot' | 'subItemContent' | 'subLinkContent' | 'subLinkLabel' | 'subLinkDescription';
-/**
- * UI class overrides for the NavigationMenuExtra component.
- */
-type NavigationMenuExtraUi = UiClass<NavigationMenuExtraUiSlot>;
-/**
- * Extended UI class overrides for the NavigationMenu component.
- */
-type NavigationMenuExtendedUi = UiClass<NavigationMenuUiSlot | NavigationMenuExtraUiSlot>;
-/**
- * Properties for the NavigationMenuSubOption component.
- */
-interface NavigationMenuSubOptionProps {
-  /**
-   * Sub item.
-   */
-  subItem: NavigationMenuOptionData;
-  /**
-   * Properties forwarded to the sub item element.
-   */
-  subItemProps?: NavigationMenuItemProps;
-  /**
-   * Properties forwarded to the link element.
-   */
-  linkProps?: NavigationMenuLinkProps;
-}
-/**
- * Events for the NavigationMenuSubOption component.
- */
-type NavigationMenuSubOptionEmits = NavigationMenuLinkEmits;
-/**
- * Properties for the NavigationMenuOption component.
- */
-interface NavigationMenuOptionProps {
-  /**
-   * Current item data.
-   */
-  item: NavigationMenuOptionData;
-  /**
-   * Properties forwarded to the item element.
-   */
-  itemProps?: NavigationMenuItemProps;
-  /**
-   * Properties forwarded to the link element.
-   */
-  linkProps?: NavigationMenuLinkProps;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: NavigationMenuTriggerProps;
-  /**
-   * Properties forwarded to the content element.
-   */
-  contentProps?: NavigationMenuContentProps;
-  /**
-   * Properties forwarded to the viewport element.
-   */
-  viewportProps?: NavigationMenuViewportProps;
-  /**
-   * Properties forwarded to the indicator element.
-   */
-  indicatorProps?: NavigationMenuIndicatorProps;
-  /**
-   * Properties forwarded to the list element.
-   */
-  listProps?: NavigationMenuListProps;
-  /**
-   * Properties forwarded to the sub list element.
-   */
-  subListProps?: NavigationMenuListProps;
-  /**
-   * Properties forwarded to the sub item element.
-   */
-  subItemProps?: NavigationMenuItemProps;
-}
-/**
- * Events for the NavigationMenuOption component.
- */
-type NavigationMenuOptionEmits = NavigationMenuSubEmits & NavigationMenuContentEmits & NavigationMenuLinkEmits;
 /**
  * Properties for the NavigationMenu component.
  */
-interface NavigationMenuProps extends NavigationMenuRootProps, Omit<NavigationMenuOptionProps, 'item'> {
+interface NavigationMenuProps extends NavigationMenuCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -123,15 +18,15 @@ interface NavigationMenuProps extends NavigationMenuRootProps, Omit<NavigationMe
   /**
    * Per-slot class overrides for the component.
    */
-  ui?: Partial<NavigationMenuExtendedUi>;
-  /**
-   * Items rendered by the component.
-   */
-  items: NavigationMenuOptionData[];
+  ui?: Partial<NavigationMenuUi>;
 }
 /**
  * Events for the NavigationMenu component.
  */
-type NavigationMenuEmits = NavigationMenuRootEmits & NavigationMenuOptionEmits;
+type NavigationMenuEmits = NavigationMenuCompactEmits;
+/**
+ * Slots for the NavigationMenu component.
+ */
+type NavigationMenuSlots = NavigationMenuCompactSlots;
 //#endregion
-export { NavigationMenuEmits, NavigationMenuExtendedUi, NavigationMenuExtraUi, NavigationMenuExtraUiSlot, NavigationMenuOptionData, NavigationMenuOptionEmits, NavigationMenuOptionProps, NavigationMenuProps, NavigationMenuSubOptionEmits, NavigationMenuSubOptionProps };
+export { NavigationMenuEmits, NavigationMenuProps, NavigationMenuSlots };

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

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group relative z-2`,viewportRoot:`perspective-2000px absolute top-full left-0 flex w-auto justify-center group-data-[orientation=vertical]:top-0 group-data-[orientation=vertical]:left-full`,viewport:[`origin-top-center relative overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`left-0 top-0 w-auto md:absolute lt-md:w-full`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`],arrow:`relative top-70% rotate-45 border border-border bg-background rounded-0.5`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none outline-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ml-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`absolute top-full z-2 flex mt-0.25 w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out translate-x-[--soybean-navigation-menu-indicator-position]`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`group-data-[orientation=vertical]:top-[calc(var(--soybean-navigation-menu-indicator-size)/2)] group-data-[orientation=vertical]:left-full`,`group-data-[orientation=vertical]:translate-y-[--soybean-navigation-menu-indicator-position]`,`group-data-[orientation=vertical]:-rotate-90`,`group-data-[orientation=vertical]:mt-0`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ml-1.75`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75 group-data-[orientation=vertical]:-translate-x-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ml-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ml-2`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2 group-data-[orientation=vertical]:-translate-x-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ml-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-2.5 group-data-[orientation=vertical]:ml-2.5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5 group-data-[orientation=vertical]:-translate-x-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ml-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ml-3`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3 group-data-[orientation=vertical]:-translate-x-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ml-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ml-3.5`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5 group-data-[orientation=vertical]:-translate-x-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ml-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ml-4`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4 group-data-[orientation=vertical]:-translate-x-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ml-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group`,viewport:[`fixed z-50 origin-top-center overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg`,`start-[--soybean-navigation-menu-viewport-left] top-[--soybean-navigation-menu-viewport-top]`,`h-[--soybean-navigation-menu-viewport-height] w-[--soybean-navigation-menu-viewport-width]`,`data-[state=open]:animate-in data-[state=open]:zoom-in-90 data-[state=closed]:animate-out data-[state=closed]:zoom-out-95`,`group-data-[orientation=vertical]:mt-0`],content:[`start-0 top-0 w-auto md:absolute lt-md:w-full`,`data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in`,`data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out`,`data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52`,`rtl:data-[motion=from-end]:slide-in-from-left-52 rtl:data-[motion=from-start]:slide-in-from-right-52 rtl:data-[motion=to-end]:slide-out-to-left-52 rtl:data-[motion=to-start]:slide-out-to-right-52`],arrow:`w-1em h-0.5em fill-popover stroke-border rotate-180 group-data-[orientation=vertical]:rotate-90`,list:[`group grow flex items-center justify-center my-0 list-none`,`group-data-[orientation=vertical]:flex-col group-data-[orientation=vertical]:items-stretch`],subList:`grid grid-cols-[auto_auto] list-none my-0`,item:`list-none m-0`,subItem:`list-none m-0`,itemIcon:`shrink-0 text-muted-foreground`,trigger:[`group inline-flex items-center rounded-md bg-background font-medium transition-colors-200 decoration-none outline-none`,`hover:bg-accent hover:text-accent-foreground`,`focus:bg-accent focus:text-accent-foreground`,`disabled:pointer-events-none disabled:opacity-50`,`data-[active]:bg-accent/50`,`data-[state=open]:bg-accent/50`],subItemContent:`flex items-start rounded-md outline-none cursor-default select-none`,triggerIcon:`ms-auto transition duration-200 group-data-[state=open]:rotate-180`,indicator:[`fixed start-[--soybean-navigation-menu-indicator-left] top-[--soybean-navigation-menu-indicator-top] z-50`,`flex w-[--soybean-navigation-menu-indicator-size] items-end justify-center overflow-hidden transition-transform-200 ease-out`,`data-[state=visible]:animate-in data-[state=visible]:fade-in-0 data-[state=hidden]:animate-out data-[state=hidden]:fade-out-0`,`data-[orientation=vertical]:-rotate-90 [&[dir=rtl]]:data-[orientation=vertical]:rotate-90`],link:[`group relative w-full flex items-center rounded-md font-medium outline-none cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],subLink:[`flex items-start select-none rounded-md no-underline outline-none transition-colors-200 cursor-pointer decoration-none`,`focus:bg-accent focus:text-accent-foreground hover:bg-accent hover:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],linkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,subLinkContent:`grow flex flex-col items-start`,subLinkLabel:`font-medium leading-none`,subLinkDescription:`line-clamp-2 text-muted-foreground leading-snug m-0`},variants:{size:{xs:{viewport:`mt-1.75 group-data-[orientation=vertical]:ms-3.5`,list:`gap-1 text-2xs`,subList:`gap-1.5 p-1.5 text-2xs`,trigger:`gap-1 px-1 py-1`,indicator:`h-1.75`,arrow:`size-2.25`,link:`gap-1 px-1 py-1`,subItemContent:`gap-1 px-1 py-1`,subLink:`gap-1 px-1 py-1`,linkIcon:`size-2 -ms-1`,subLinkDescription:`mt-1.25`},sm:{viewport:`mt-2 group-data-[orientation=vertical]:ms-4`,list:`gap-1.25 text-xs`,subList:`gap-1.75 p-1.75 text-xs`,trigger:`gap-1.5 px-1.5 py-1`,indicator:`h-2`,arrow:`size-2.5`,link:`gap-1.5 px-1.5 py-1`,subItemContent:`gap-1.5 px-1.5 py-1`,subLink:`gap-1.5 px-1.5 py-1`,linkIcon:`size-2.5 -ms-1.5`,subLinkDescription:`mt-1.25`},md:{viewport:`mt-[calc(0.625rem-1px)] group-data-[orientation=vertical]:ms-5`,list:`gap-1.5 text-sm`,subList:`gap-2 p-2 text-sm`,trigger:`gap-2 px-2 py-1.5`,indicator:`h-2.5`,arrow:`size-3`,link:`gap-2 px-2 py-1.5`,subItemContent:`gap-2 px-2 py-1.5`,subLink:`gap-2 px-2 py-1.5`,linkIcon:`size-3 -ms-2`,subLinkDescription:`mt-1.5`},lg:{viewport:`mt-3 group-data-[orientation=vertical]:ms-6`,list:`gap-1.75 text-base`,subList:`gap-2.5 p-2.5 text-base`,trigger:`gap-2.5 px-2.5 py-1.5`,indicator:`h-3`,arrow:`size-3.5`,link:`gap-2.5 px-2.5 py-1.5`,subItemContent:`gap-2.5 px-2.5 py-1.5`,subLink:`gap-2.5 px-2.5 py-1.5`,linkIcon:`size-3.5 -ms-2.5`,subLinkDescription:`mt-1.75`},xl:{viewport:`mt-3.5 group-data-[orientation=vertical]:ms-7`,list:`gap-2 text-lg`,subList:`gap-3 p-3 text-lg`,trigger:`gap-3 px-3 py-2`,indicator:`h-3.5`,arrow:`size-4`,link:`gap-3 px-3 py-2`,subItemContent:`gap-3 px-3 py-2`,subLink:`gap-3 px-3 py-2`,linkIcon:`size-4 -ms-3`,subLinkDescription:`mt-2`},"2xl":{viewport:`mt-4 group-data-[orientation=vertical]:ms-8`,list:`gap-2.5 text-xl`,subList:`gap-3.5 p-3.5 text-xl`,trigger:`gap-3.5 px-3.5 py-2.5`,indicator:`h-4`,arrow:`size-4.5`,link:`gap-3.5 px-3.5 py-2.5`,subItemContent:`gap-3.5 px-3.5 py-2.5`,subLink:`gap-3.5 px-3.5 py-2.5`,linkIcon:`size-4.5 -ms-3.5`,subLinkDescription:`mt-2.5`}}},defaultVariants:{size:`md`}});export{t as navigationMenuVariants};

package/dist/components/page-tabs/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:[`group/item relative flex items-center cursor-pointer select-none outline-none`,`data-[active=true]:bg-primary-50 data-[active=true]:text-primary data-[active=true]:z-2`,`data-[active=false]:hover:bg-accent data-[active=false]:focus:bg-accent`,`dark:data-[active=true]:bg-accent dark:data-[active=true]:text-foreground`],itemText:`grow truncate`,close:[`outline-none rounded-full hover:text-muted group-data-[active=true]/item:hover:bg-primary/50`,`group-data-[active=false]/item:hover:bg-accent-foreground/20`,`dark:hover:text-foreground dark:group-data-[active=true]/item:hover:bg-accent-foreground/20`],pin:`outline-none`,chromeBgLeft:[`absolute right-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 dark:group-data-[active=true]/item:fill-accent group-data-[active=true]/item:z-2`],chromeBgRight:[`absolute left-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 dark:group-data-[active=true]/item:fill-accent group-data-[active=true]/item:z-2`],sliderIndicator:`absolute bottom-0 left-0 w-full h-0.5 group-data-[active=true]/item:bg-primary`},variants:{size:{xs:{root:`text-2xs`,item:`gap-2 px-1 py-1`,itemText:`max-w-50`},sm:{root:`text-xs`,item:`gap-2.5 px-1.5 py-1`,itemText:`max-w-55`},md:{root:`text-sm`,item:`gap-3 px-2 py-1.5`,itemText:`max-w-60`,chromeBgLeft:`w-2 h-2`,chromeBgRight:`w-2 h-2`},lg:{root:`text-base`,item:`gap-3.5 px-2.5 py-1.5`,itemText:`max-w-65`},xl:{root:`text-lg`,item:`gap-4 px-3 py-2`,itemText:`max-w-70`},"2xl":{root:`text-xl`,item:`gap-4.5 px-3.5 py-2.5`,itemText:`max-w-75`}},variant:{chrome:{root:`items-end`,item:`rounded-t-md`},card:{root:`items-center gap-2`,item:`rounded-md shadow-sm border border-border`},slider:{root:`items-end`,item:`rounded-t-md`}}},defaultVariants:{size:`md`,variant:`chrome`}});export{t as pageTabsVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,item:[`group/item relative flex items-center cursor-pointer select-none outline-none`,`data-[active=true]:bg-primary-50 data-[active=true]:text-primary data-[active=true]:z-2`,`data-[active=false]:hover:bg-accent data-[active=false]:focus:bg-accent`,`dark:data-[active=true]:bg-accent dark:data-[active=true]:text-foreground`],itemText:`grow truncate`,close:[`outline-none rounded-full hover:text-muted group-data-[active=true]/item:hover:bg-primary/50`,`group-data-[active=false]/item:hover:bg-accent-foreground/20`,`dark:hover:text-foreground dark:group-data-[active=true]/item:hover:bg-accent-foreground/20`],pin:`outline-none`,chromeBgLeft:[`absolute end-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 dark:group-data-[active=true]/item:fill-accent group-data-[active=true]/item:z-2`],chromeBgRight:[`absolute start-full bottom-0 fill-transparent`,`group-hover/item:fill-accent group-data-[active=true]/item:fill-primary-50 dark:group-data-[active=true]/item:fill-accent group-data-[active=true]/item:z-2`],sliderIndicator:`absolute bottom-0 start-0 w-full h-0.5 group-data-[active=true]/item:bg-primary`},variants:{size:{xs:{root:`text-2xs`,item:`gap-2 px-1 py-1`,itemText:`max-w-50`},sm:{root:`text-xs`,item:`gap-2.5 px-1.5 py-1`,itemText:`max-w-55`},md:{root:`text-sm`,item:`gap-3 px-2 py-1.5`,itemText:`max-w-60`,chromeBgLeft:`w-2 h-2`,chromeBgRight:`w-2 h-2`},lg:{root:`text-base`,item:`gap-3.5 px-2.5 py-1.5`,itemText:`max-w-65`},xl:{root:`text-lg`,item:`gap-4 px-3 py-2`,itemText:`max-w-70`},"2xl":{root:`text-xl`,item:`gap-4.5 px-3.5 py-2.5`,itemText:`max-w-75`}},variant:{chrome:{root:`items-end`,item:`rounded-t-md`},card:{root:`items-center gap-2`,item:`rounded-md shadow-sm border border-border`},slider:{root:`items-end`,item:`rounded-t-md`}}},defaultVariants:{size:`md`,variant:`chrome`}});export{t as pageTabsVariants};

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

@@ -1,3 +1,3 @@
-import { PaginationEmits, PaginationProps } from "./types.js";
+import { PaginationEmits, PaginationProps, PaginationSlots } from "./types.js";
 import { _default } from "./pagination.vue.js";
 export * from "@soybeanjs/headless/pagination";

package/dist/components/pagination/pagination.js

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

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

@@ -1,23 +1,8 @@
-import { PaginationProps } from "./types.js";
+import { PaginationProps, PaginationSlots } from "./types.js";
 import * as _$vue from "vue";
 
 //#region src/components/pagination/pagination.vue.d.ts
-declare var __VLS_11: {}, __VLS_25: {}, __VLS_38: {}, __VLS_56: {}, __VLS_69: {}, __VLS_82: {}, __VLS_89: {};
-type __VLS_Slots = {} & {
-  leading?: (props: typeof __VLS_11) => any;
-} & {
-  first?: (props: typeof __VLS_25) => any;
-} & {
-  prev?: (props: typeof __VLS_38) => any;
-} & {
-  ellipsis?: (props: typeof __VLS_56) => any;
-} & {
-  next?: (props: typeof __VLS_69) => any;
-} & {
-  last?: (props: typeof __VLS_82) => any;
-} & {
-  trailing?: (props: typeof __VLS_89) => any;
-};
+type __VLS_Slots = PaginationSlots;
 declare const __VLS_base: _$vue.DefineComponent<PaginationProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:page": (value: number) => any;
   "update:pageSize": (value: number) => any;

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

@@ -1,13 +1,13 @@
 import { ThemeSize } from "../../theme/types.js";
 import { PaginationShape, PaginationVariant } from "./variants.js";
-import { PaginationButtonProps, PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationRootEmits, PaginationRootProps, PaginationUi } from "@soybeanjs/headless/pagination";
+import { PaginationCompactEmits, PaginationCompactProps, PaginationCompactSlots, PaginationUi } from "@soybeanjs/headless/pagination";
 import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/pagination/types.d.ts
 /**
  * Properties for the Pagination component.
  */
-interface PaginationProps extends PaginationRootProps {
+interface PaginationProps extends PaginationCompactProps {
   /**
    * Additional class names applied to the root element.
    */
@@ -22,26 +22,14 @@ interface PaginationProps extends PaginationRootProps {
   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 properties for the list component */
-  listProps?: PaginationListProps;
-  /** The properties for the list item component */
-  listItemProps?: PaginationListItemProps;
-  /** The properties for the ellipsis component */
-  ellipsisProps?: PaginationEllipsisProps;
-  /** The properties for the first button component */
-  firstProps?: PaginationButtonProps;
-  /** The properties for the previous button component */
-  prevProps?: PaginationButtonProps;
-  /** The properties for the next button component */
-  nextProps?: PaginationButtonProps;
-  /** The properties for the last button component */
-  lastProps?: PaginationButtonProps;
 }
 /**
  * Events for the Pagination component.
  */
-type PaginationEmits = PaginationRootEmits;
+type PaginationEmits = PaginationCompactEmits;
+/**
+ * Slots for the Pagination component.
+ */
+type PaginationSlots = PaginationCompactSlots;
 //#endregion
-export { PaginationEmits, PaginationProps };
+export { PaginationEmits, PaginationProps, PaginationSlots };

package/dist/components/pagination/variants.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,list:`flex items-center`,ellipsis:`flex justify-center items-center`,button:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`],navigationButton:[`inline-flex items-center justify-center flex-shrink-0 font-medium transition-all-150 rtl:[&>svg]:rotate-180`,`hover:bg-accent hover:text-accent-foreground`,`outline-none focus-visible:ring-3  focus-visible:ring-offset-background focus-visible:ring-primary/30`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{list:`gap-0.75 text-2xs`,ellipsis:`size-6`,button:`size-6`,navigationButton:`h-6 px-1 gap-0.75`},sm:{list:`gap-1 text-xs`,ellipsis:`size-7`,button:`size-7`,navigationButton:`h-7 px-1.5 gap-1`},md:{list:`gap-1.25 text-sm`,ellipsis:`size-8`,button:`size-8`,navigationButton:`h-8 px-1.875 gap-1.5`},lg:{list:`gap-1.5 text-base`,ellipsis:`size-9`,button:`size-9`,navigationButton:`h-9 px-2 gap-2`},xl:{list:`gap-1.75 text-lg`,ellipsis:`size-10`,button:`size-10`,navigationButton:`h-10 px-2.25 gap-2.5`},"2xl":{list:`gap-2 text-xl`,ellipsis:`size-12`,button:`size-12`,navigationButton:`h-12 px-2.875 gap-3`}},variant:{pure:{button:`data-[selected]:border data-[selected]:border-border data-[selected]:bg-background data-[selected]:text-accent-foreground data-[selected]:hover:bg-accent/60 data-[selected]:active:bg-accent`},solid:{button:`data-[selected]:border-transparent data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary/80 data-[selected]:hover:text-primary-foreground data-[selected]:active:bg-primary-600`},outline:{button:`data-[selected]:border data-[selected]:border-primary data-[selected]:bg-background data-[selected]:text-primary data-[selected]:hover:bg-transparent`},soft:{button:`data-[selected]:bg-primary/10 data-[selected]:hover:bg-primary/10 data-[selected]:active:bg-primary/20`}},shape:{rounded:{button:`rounded-full`,navigationButton:`rounded-full`},square:{button:`rounded-md`,navigationButton:`rounded-md`}},actionAsSelected:{true:{navigationButton:``}}},compoundVariants:[{variant:`pure`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border data-[soybean-pagination-action]:border-border data-[soybean-pagination-action]:bg-background data-[soybean-pagination-action]:text-accent-foreground data-[soybean-pagination-action]:hover:bg-accent/60 data-[soybean-pagination-action]:active:bg-accent`}},{variant:`solid`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border-transparent data-[soybean-pagination-action]:bg-primary data-[soybean-pagination-action]:text-primary-foreground data-[soybean-pagination-action]:hover:bg-primary/80 data-[soybean-pagination-action]:hover:text-primary-foreground data-[soybean-pagination-action]:active:bg-primary-600`}},{variant:`outline`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:border data-[soybean-pagination-action]:border-primary data-[soybean-pagination-action]:bg-background data-[soybean-pagination-action]:text-primary data-[soybean-pagination-action]:hover:bg-transparent`}},{variant:`soft`,actionAsSelected:!0,class:{navigationButton:`data-[soybean-pagination-action]:bg-primary/10 data-[soybean-pagination-action]:hover:bg-primary/10 data-[soybean-pagination-action]:active:bg-primary/20`}}],defaultVariants:{size:`md`,variant:`pure`,shape:`square`,actionAsSelected:!1}});export{t as paginationVariants};

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`,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};
+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 end-0.5`},sm:{popup:`p-3.5 text-xs`,arrow:`text-2xs`,close:`top-0.75 end-0.75`},md:{popup:`p-4 text-sm`,arrow:`text-xs`,close:`top-1 end-1`},lg:{popup:`p-4.5 text-base`,arrow:`text-sm`,close:`top-1.25 end-1.25`},xl:{popup:`p-5 text-lg`,arrow:`text-base`,close:`top-1.5 end-1.5`},"2xl":{popup:`p-5.5 text-xl`,arrow:`text-lg`,close:`top-2 end-2`}}},defaultVariants:{size:`md`}});export{t as popoverVariants};

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

@@ -1,6 +1,4 @@
-import { RadioCardGroupOptionData, RadioCardGroupProps, RadioCardProps, RadioGroupCardEmits, RadioGroupCardUi, RadioGroupCardUiSlot, RadioGroupEmits, RadioGroupOptionData, RadioGroupProps, RadioProps } from "./types.js";
+import { RadioGroupCardEmits, RadioGroupCardProps, RadioGroupCardSlots, RadioGroupEmits, RadioGroupProps } 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 { _default as _default$1 } from "./radio-group-card.vue.js";
 export * from "@soybeanjs/headless/radio-group";

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

@@ -1 +1 @@
-import"./radio-group.js";import"./radio.js";import"./radio-card.js";import"./radio-card-group.js";
+import"./radio-group.js";import"./radio-group-card.js";

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

@@ -0,0 +1 @@
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,createSlots as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,useSlots as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{RadioGroupCardCompact as p,provideRadioGroupCardUi as m}from"@soybeanjs/headless/radio-group";const h=a({name:`SRadioGroupCard`,__name:`radio-group-card`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},contentProps:{},textContentProps:{},descriptionProps:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(a,{emit:h}){let g=a,_=h,v=u(),y=f(g,[`class`,`ui`,`variant`,`color`,`size`]);return m(n(()=>e(t({variant:g.variant,color:g.color,size:g.size}),g.ui,{root:g.class}))),(e,t)=>(s(),r(l(p),o(l(y),{items:a.items,"onUpdate:modelValue":t[0]||=e=>_(`update:modelValue`,e)}),i({_:2},[v.description?{name:`description`,fn:d(({item:t})=>[c(e.$slots,`description`,{item:t})]),key:`0`}:void 0]),1040,[`items`]))}});export{h as default};

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

@@ -0,0 +1,22 @@
+import { RadioGroupCardProps, RadioGroupCardSlots } from "./types.js";
+import * as _$vue from "vue";
+import { RadioGroupCardOptionData } from "@soybeanjs/headless/radio-group";
+
+//#region src/components/radio-group/radio-group-card.vue.d.ts
+declare const __VLS_export: <T extends RadioGroupCardOptionData>(__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<RadioGroupCardProps<T> & {
+    "onUpdate:modelValue"?: ((payload: T["value"] | null) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: RadioGroupCardSlots;
+  emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-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};
+import{mergeVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{radioGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,unref as s}from"vue";import{useOmitProps as c}from"@soybeanjs/headless/composables";import{RadioGroupCompact as l,provideRadioGroupUi as u}from"@soybeanjs/headless/radio-group";const d=i({name:`SRadioGroup`,__name:`radio-group`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{},color:{},size:{},ui:{},items:{},itemProps:{},controlProps:{},indicatorProps:{},labelProps:{},modelValue:{},defaultValue:{},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(i,{emit:d}){let f=i,p=d,m=c(f,[`class`,`ui`,`variant`,`color`,`size`]);return u(n(()=>e(t({variant:f.variant,color:f.color,size:f.size}),f.ui,{root:f.class}))),(e,t)=>(o(),r(s(l),a(s(m),{items:i.items,"onUpdate:modelValue":t[0]||=e=>p(`update:modelValue`,e)}),null,16,[`items`]))}});export{d as default};

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

@@ -1,18 +1,18 @@
-import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
+import { RadioGroupProps } from "./types.js";
 import * as _$vue from "vue";
-import { AcceptableBooleanValue } from "@soybeanjs/headless/types";
+import { RadioGroupOptionData } from "@soybeanjs/headless/radio-group";
 
 //#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: Exclude<T, undefined>) => any) | undefined;
+declare const __VLS_export: <T extends RadioGroupOptionData>(__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> & {
+    "onUpdate:modelValue"?: ((payload: T["value"] | null) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {};
-  emit: (evt: "update:modelValue", payload: Exclude<T, undefined>) => void;
+  emit: (evt: "update:modelValue", payload: T["value"] | null) => void;
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };