@soybeanjs/ui 0.0.8 → 0.0.10

package/dist/variants/tabs.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,list:`relative inline-flex justify-center items-center bg-muted text-muted-foreground`,trigger:[`relative z-3 inline-flex items-center justify-center flex-1 whitespace-nowrap rounded-md font-medium transition-all-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`,`disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-0 left-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`size-full bg-background shadow`,content:`flex-grow self-stretch overflow-hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`},variants:{size:{xs:{root:`text-2xs`,list:`p-0.75`,trigger:`gap-1 px-1.5 py-0.75`},sm:{root:`text-xs`,list:`p-0.875`,trigger:`gap-1.5 px-2 py-1`},md:{root:`text-sm`,list:`p-1`,trigger:`gap-2 px-3 py-1`},lg:{root:`text-base`,list:`p-1.125`,trigger:`gap-2.5 px-4 py-1.125`},xl:{root:`text-lg`,list:`p-1.25`,trigger:`gap-3 px-5 py-1.25`},"2xl":{root:`text-xl`,list:`p-1.5`,trigger:`gap-4 px-6 py-1.5`}},orientation:{horizontal:{root:`flex-col`,indicator:`h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position]`},vertical:{list:`flex-col items-stretch`,indicator:`w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]`}},shape:{square:{list:`rounded-md`,indicatorContent:`rounded-md`},rounded:{list:`rounded-full`,indicatorContent:`rounded-full`}},fill:{full:{root:`items-stretch`},auto:{root:`items-start`}},enableIndicator:{false:{trigger:`data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow`}}},compoundVariants:[{size:`xs`,orientation:`horizontal`,class:{indicator:`py-0.75`,content:`mt-1.5`}},{size:`xs`,orientation:`vertical`,class:{indicator:`px-0.75`,content:`ml-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ml-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ml-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ml-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,list:`relative inline-flex justify-center items-center bg-muted text-muted-foreground`,trigger:[`relative z-3 inline-flex items-center justify-center flex-1 whitespace-nowrap rounded-md font-medium transition-all-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`,`disabled:cursor-not-allowed disabled:opacity-50`],indicator:`absolute top-0 left-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`w-full h-full bg-background shadow`,content:`flex-grow self-stretch overflow-hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-primary`},variants:{size:{xs:{root:`text-2xs`,list:`p-0.75`,trigger:`gap-1 px-1.5 py-0.75`},sm:{root:`text-xs`,list:`p-0.875`,trigger:`gap-1.5 px-2 py-1`},md:{root:`text-sm`,list:`p-1`,trigger:`gap-2 px-3 py-1`},lg:{root:`text-base`,list:`p-1.125`,trigger:`gap-2.5 px-4 py-1.125`},xl:{root:`text-lg`,list:`p-1.25`,trigger:`gap-3 px-5 py-1.25`},"2xl":{root:`text-xl`,list:`p-1.5`,trigger:`gap-4 px-6 py-1.5`}},orientation:{horizontal:{root:`flex-col`,indicator:`h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position]`},vertical:{list:`flex-col items-stretch`,indicator:`w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]`}},shape:{square:{list:`rounded-md`,indicatorContent:`rounded-md`},rounded:{list:`rounded-full`,indicatorContent:`rounded-full`}},fill:{full:{root:`items-stretch`},auto:{root:`items-start`}},enableIndicator:{false:{trigger:`data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow`}}},compoundVariants:[{size:`xs`,orientation:`horizontal`,class:{indicator:`py-0.75`,content:`mt-1.5`}},{size:`xs`,orientation:`vertical`,class:{indicator:`px-0.75`,content:`ml-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ml-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ml-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ml-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants25.TVReturnType<{
+declare const tagVariants: tailwind_variants21.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants25.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants25.TVReturnType<{
+}, undefined, tailwind_variants21.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants23 from "tailwind-variants";
+import * as tailwind_variants25 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/textarea.d.ts
-declare const textareaVariants: tailwind_variants23.TVReturnType<{
+declare const textareaVariants: tailwind_variants25.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants23.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants23.TVReturnType<{
+}, tailwind_variants25.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

@@ -1,9 +1,9 @@
-import * as tailwind_variants29 from "tailwind-variants";
+import * as tailwind_variants27 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/toast.d.ts
 
-declare const toastViewportVariants: tailwind_variants29.TVReturnType<{
+declare const toastViewportVariants: tailwind_variants27.TVReturnType<{
   size: {
     xs: string;
     sm: string;
@@ -37,7 +37,7 @@ declare const toastViewportVariants: tailwind_variants29.TVReturnType<{
     'bottom-left': string;
     'bottom-right': string;
   };
-}, undefined, tailwind_variants29.TVReturnType<{
+}, undefined, tailwind_variants27.TVReturnType<{
   size: {
     xs: string;
     sm: string;

package/dist/variants/tree-menu.js

@@ -1 +1 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 size-full m-0 overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out data-[state=collapsed]:space-y-0`,groupLabel:`flex items-center text-foreground/70 list-none group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:[`relative rounded-sm outline-none cursor-pointer select-none list-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`group-data-[state=collapsed]:overflow-hidden`],itemContent:`flex items-center w-full outline-none data-[link]:decoration-none`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 data-[expanded]:rotate-90`},variants:{size:{xs:{root:`space-y-0.75 p-1.5 text-2xs`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,item:`h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6 text-2xs ml-[calc(var(--soybean-tree-menu-indent)*0.75rem)]`,itemContent:`gap-1.5`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`space-y-0.875 p-1.75 text-xs`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,item:`h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7 text-xs ml-[calc(var(--soybean-tree-menu-indent)*0.875rem)]`,itemContent:`gap-1.75`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`space-y-1 p-2 text-sm`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,item:`h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8 text-sm ml-[calc(var(--soybean-tree-menu-indent)*1rem)]`,itemContent:`gap-2`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`space-y-1.25 p-2.25 text-base`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,item:`h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9 text-base ml-[calc(var(--soybean-tree-menu-indent)*1.125rem)]`,itemContent:`gap-2.25`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`space-y-1.5 p-2.5 text-lg`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,item:`h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10 text-lg ml-[calc(var(--soybean-tree-menu-indent)*1.25rem)]`,itemContent:`gap-2.5`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`space-y-2 p-3 text-xl`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,item:`h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12 text-xl ml-[calc(var(--soybean-tree-menu-indent)*1.5rem)]`,itemContent:`gap-3`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:``,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active=true]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active=true]/button:text-primary`,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`],sub:`flex flex-col m-0 list-none ml-[--soybean-tree-menu-indent] border-l border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`absolute -translate-y-1/2 top-1/2`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-2 p-1.5 text-2xs data-[state=collapsed]:gap-0.75`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.75`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.75 px-1.5 pt-0.75`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ml-1`,itemAction:`right-1.5`},sm:{root:`gap-2.5 p-1.75 text-xs data-[state=collapsed]:gap-0.875`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-0.875`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-0.875 px-1.75 pt-0.875`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ml-1.5`,itemAction:`right-1.75`},md:{root:`gap-3 p-2 text-sm data-[state=collapsed]:gap-1`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1 px-2 pt-1`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ml-2`,itemAction:`right-2`},lg:{root:`gap-3.5 p-2.25 text-base data-[state=collapsed]:gap-1.25`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.25`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.25 px-2.25 pt-1.25`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ml-2.5`,itemAction:`right-2.25`},xl:{root:`gap-4 p-2.5 text-lg data-[state=collapsed]:gap-1.5`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,group:`gap-1.5`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-1.5 px-2.5 pt-1.5`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ml-3`,itemAction:`right-2.5`},"2xl":{root:`gap-5 p-3 text-xl data-[state=collapsed]:gap-2`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2 px-3 pt-2`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ml-4`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -52,7 +52,9 @@
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
-    "@soybeanjs/headless": "^0.0.8"
+    "valibot": "^1.2.0",
+    "zod": "^4.3.5",
+    "@soybeanjs/headless": "^0.0.10"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",
@@ -81,7 +83,7 @@
     "vue": "^3.5.26",
     "vue-eslint-parser": "^10.2.0",
     "vue-router": "^4.6.4",
-    "vue-tsc": "^3.2.1"
+    "vue-tsc": "^3.2.2"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",

package/dist/components/form/form-field-array.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,useSlots as h,withCtx as g,withDirectives as _}from"vue";import{useOmitProps as v}from"@soybeanjs/headless/composables";import{FormDescription as y,FormError as b,FormFieldArray as x,FormLabel as S,provideFormThemeContext as C}from"@soybeanjs/headless";import{useField as w}from"@soybeanjs/headless/forms";import{vAutoAnimate as T}from"@formkit/auto-animate";var E=s({name:`SFormFieldArray`,__name:`form-field-array`,props:{size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},name:{}},setup(s){let E=s,D=h(),O=v(E,[`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),k=n(`FormFieldArray`),{error:A}=w(()=>E.name),j=r(()=>typeof A.value==`string`),M=r(()=>E.size??k.size.value);C({ui:r(()=>e(t({size:M.value,error:!!A.value}),{...k.ui.value,...E.ui}))});let N=r(()=>({...k.labelProps.value,...E.labelProps})),P=r(()=>({...k.descriptionProps.value,...E.descriptionProps})),F=r(()=>({...k.errorProps.value,...E.errorProps}));return(e,t)=>_((d(),i(m(x),u(c(m(O))),{default:g(t=>[m(D).label||s.label?(d(),i(m(S),u(l({key:0},N.value)),{default:g(()=>[f(e.$slots,`label`,u(c(t)),()=>[o(p(s.label),1)])]),_:2},1040)):a(`v-if`,!0),f(e.$slots,`default`,u(c(t))),m(D).description||s.description?(d(),i(m(y),u(l({key:1},P.value)),{default:g(()=>[f(e.$slots,`description`,u(c(t)),()=>[o(p(s.description),1)])]),_:2},1040)):a(`v-if`,!0),j.value?(d(),i(m(b),u(l({key:2},F.value)),{default:g(()=>[o(p(m(A)),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[m(T)]])}});export{E as default};

package/dist/components/form/form-field-array.vue.d.ts

@@ -1,71 +0,0 @@
-import { FormFieldArrayProps } from "./types.js";
-import * as vue65 from "vue";
-import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
-
-//#region src/components/form/form-field-array.vue.d.ts
-declare var __VLS_14: {
-    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
-    dirty: boolean;
-    error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
-    touched: boolean | undefined;
-    formFieldId: string;
-    formDescriptionId: string;
-    formErrorId: string;
-    append: (value: unknown) => void;
-    prepend: (value: unknown) => void;
-    swap: (indexA: number, indexB: number) => void;
-    remove: (index?: number) => void;
-    move: (from: number, to: number) => void;
-    insert: (index: number, value: unknown) => void;
-    update: (index: number, value: unknown) => void;
-    replace: ($values: unknown[]) => void;
-  }, __VLS_16: {
-    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
-    dirty: boolean;
-    error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
-    touched: boolean | undefined;
-    formFieldId: string;
-    formDescriptionId: string;
-    formErrorId: string;
-    append: (value: unknown) => void;
-    prepend: (value: unknown) => void;
-    swap: (indexA: number, indexB: number) => void;
-    remove: (index?: number) => void;
-    move: (from: number, to: number) => void;
-    insert: (index: number, value: unknown) => void;
-    update: (index: number, value: unknown) => void;
-    replace: ($values: unknown[]) => void;
-  }, __VLS_24: {
-    fields: _soybeanjs_headless_forms0.FormFieldEntry<unknown>[];
-    dirty: boolean;
-    error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
-    touched: boolean | undefined;
-    formFieldId: string;
-    formDescriptionId: string;
-    formErrorId: string;
-    append: (value: unknown) => void;
-    prepend: (value: unknown) => void;
-    swap: (indexA: number, indexB: number) => void;
-    remove: (index?: number) => void;
-    move: (from: number, to: number) => void;
-    insert: (index: number, value: unknown) => void;
-    update: (index: number, value: unknown) => void;
-    replace: ($values: unknown[]) => void;
-  };
-type __VLS_Slots = {} & {
-  label?: (props: typeof __VLS_14) => any;
-} & {
-  default?: (props: typeof __VLS_16) => any;
-} & {
-  description?: (props: typeof __VLS_24) => any;
-};
-declare const __VLS_base: vue65.DefineComponent<FormFieldArrayProps, {}, {}, {}, {}, vue65.ComponentOptionsMixin, vue65.ComponentOptionsMixin, {}, string, vue65.PublicProps, Readonly<FormFieldArrayProps> & Readonly<{}>, {}, {}, {}, {}, string, vue65.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/form/form-field.js

@@ -1 +0,0 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{formVariants as t}from"../../variants/form.js";import{useFormContext as n}from"./context.js";import{computed as r,createBlock as i,createCommentVNode as a,createTextVNode as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toDisplayString as m,unref as h,useSlots as g,withCtx as _,withDirectives as v}from"vue";import{useOmitProps as y}from"@soybeanjs/headless/composables";import{FormDescription as b,FormError as x,FormField as S,FormLabel as C,Slot as w,provideFormThemeContext as T}from"@soybeanjs/headless";import{useField as E}from"@soybeanjs/headless/forms";import{vAutoAnimate as D}from"@formkit/auto-animate";var O=c({name:`SFormField`,__name:`form-field`,props:{size:{},ui:{},label:{},description:{},labelProps:{},descriptionProps:{},errorProps:{},name:{}},setup(c){let O=c,k=g(),A=y(O,[`size`,`ui`,`label`,`description`,`labelProps`,`descriptionProps`,`errorProps`]),j=n(`FormField`),{error:M}=E(()=>O.name),N=r(()=>O.size??j.size.value);T({ui:r(()=>e(t({size:N.value,error:!!M.value}),{...j.ui.value,...O.ui}))});let P=r(()=>({...j.labelProps.value,...O.labelProps})),F=r(()=>({...j.descriptionProps.value,...O.descriptionProps})),I=r(()=>({...j.errorProps.value,...O.errorProps}));return(e,t)=>v((f(),i(h(S),d(l(h(A))),{default:_(({modelValue:t,updateModelValue:n,attrs:r,dirty:l,touched:g,ariaDescribedBy:v,ariaInvalid:y})=>[h(k).label||c.label?(f(),i(h(C),d(u({key:0},P.value)),{default:_(()=>[p(e.$slots,`label`,{},()=>[o(m(c.label),1)])]),_:3},16)):a(`v-if`,!0),s(h(w),{size:N.value,"model-value":t,"aria-described-by":v,"aria-invalid":y,"onUpdate:modelValue":n,onChange:r.onChange,onInput:r.onInput,onBlur:r.onBlur},{default:_(()=>[p(e.$slots,`default`,{dirty:l,error:h(M),touched:g})]),_:2},1032,[`size`,`model-value`,`aria-described-by`,`aria-invalid`,`onUpdate:modelValue`,`onChange`,`onInput`,`onBlur`]),h(k).description||c.description?(f(),i(h(b),d(u({key:1},F.value)),{default:_(()=>[p(e.$slots,`description`,{},()=>[o(m(c.description),1)])]),_:3},16)):a(`v-if`,!0),h(M)?(f(),i(h(x),d(u({key:2},I.value)),{default:_(()=>[o(m(h(M)),1)]),_:1},16)):a(`v-if`,!0)]),_:3},16)),[[h(D)]])}});export{O as default};

package/dist/components/form/form-field.vue.d.ts

@@ -1,27 +0,0 @@
-import { FormFieldProps } from "./types.js";
-import * as vue60 from "vue";
-import * as _soybeanjs_headless_forms0 from "@soybeanjs/headless/forms";
-
-//#region src/components/form/form-field.vue.d.ts
-declare var __VLS_14: {}, __VLS_27: {
-    dirty: boolean;
-    error: string | string[] | _soybeanjs_headless_forms0.FormErrors<any> | undefined;
-    touched: boolean | undefined;
-  }, __VLS_35: {};
-type __VLS_Slots = {} & {
-  label?: (props: typeof __VLS_14) => any;
-} & {
-  default?: (props: typeof __VLS_27) => any;
-} & {
-  description?: (props: typeof __VLS_35) => any;
-};
-declare const __VLS_base: vue60.DefineComponent<FormFieldProps, {}, {}, {}, {}, vue60.ComponentOptionsMixin, vue60.ComponentOptionsMixin, {}, string, vue60.PublicProps, Readonly<FormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, vue60.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/tree-menu/tree-menu-item-wrapper.js

@@ -1 +0,0 @@
-import{useTreeMenuThemeContext as e}from"./context.js";import{treeMenuCssVars as t}from"./shared.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`STreeMenuItemWrapper`,__name:`tree-menu-item-wrapper`,setup(i){let{ui:l}=e(`STreeMenuItemWrapper`),u=`${t.indent}: 0`;return(e,t)=>(o(),n(`li`,{class:a(c(l).item),"data-level":`0`,style:u},[r(`div`,{class:a(c(l).itemContent)},[s(e.$slots,`default`)],2)],2))}});export{l as default};

package/dist/components/tree-menu/tree-menu-item-wrapper.vue.d.ts

@@ -1,17 +0,0 @@
-import * as vue288 from "vue";
-
-//#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: vue288.DefineComponent<{}, {}, {}, {}, {}, vue288.ComponentOptionsMixin, vue288.ComponentOptionsMixin, {}, string, vue288.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue288.ComponentProvideOptions, true, {}, 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/tree-menu/tree-menu-item.js

@@ -1 +0,0 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderSlot as b,resolveDynamicComponent as x,toDisplayString as S,toHandlers as C,unref as w,useAttrs as T,withCtx as E,withModifiers as D}from"vue";import{useForwardListeners as O,usePickProps as k}from"@soybeanjs/headless/composables";import{TreeItem as A}from"@soybeanjs/headless";var j=g({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`selectDropdown`],setup(g,{emit:j}){let M=g,N=j,P=T(),F=O(N),{size:I,collapsed:L}=s(`TreeMenuItem`),{ui:R}=c(`TreeMenuItem`),z=d(()=>!!(M.to||M.href||M.linkProps)),B=d(()=>{let e={disabled:M.disabled,...M.linkProps};return M.to&&(e.to=M.to),M.href&&(e.href=M.href),e}),V=k(M,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],P),H=d(()=>z.value?r:`button`),U=d(()=>z.value?B.value:{}),W=d(()=>({[l.indent]:M.level-1})),G=d(()=>!!M.children?.length),K=d(()=>L.value&&G.value),q=d(()=>L.value&&!K.value?M.label:void 0),J=d(()=>!!(K.value||q.value)),Y=d(()=>({placement:`right`,...M.tooltipProps})),X=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...M.dropdownMenuProps})),Z=d(()=>({color:`accent`,variant:`raw`,...M.tagProps,content:M.tag})),Q=e=>{N(`selectDropdown`,e.value)};return(r,s)=>(y(),f(w(A),_({class:w(R).item},w(V),{"data-level":g.level,"disabled-toggle":J.value,"disabled-select":J.value,style:W.value},C(w(F))),{default:E(({isExpanded:c})=>[(y(),f(x(H.value),_(U.value,{class:w(R).itemContent,"data-link":z.value?``:void 0,tabindex:`-1`}),{default:E(o=>[b(r.$slots,`leading`,{},()=>[g.icon?(y(),f(t,{key:0,icon:g.icon},null,8,[`icon`])):p(`v-if`,!0)]),b(r.$slots,`default`,{},()=>[g.badge?(y(),f(n,_({key:0},g.badgeProps,{size:w(I),content:g.badge,class:w(R).itemBadge}),{default:E(()=>[h(`span`,{class:v(w(R).itemLabel)},S(g.label),3)]),_:1},16,[`size`,`content`,`class`])):(y(),m(`span`,{key:1,class:v(w(R).itemLabel)},S(g.label),3))]),z.value&&o?.isHref?(y(),f(t,{key:0,icon:`lucide:arrow-up-right`,class:v(w(R).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),g.tag?(y(),f(a,_({key:1},Z.value,{size:w(I),content:g.tag,class:w(R).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),g.actions?.length?(y(),f(i,_({key:2},g.actionMenuProps,{size:w(I),items:g.actions,onSelect:g.onActionSelect}),{trigger:E(()=>[w(L)?p(`v-if`,!0):(y(),f(e,{key:0,icon:`lucide:ellipsis`,size:w(I),class:v(w(R).itemAction),onClick:s[0]||=D(()=>{},[`stop`])},null,8,[`size`,`class`]))]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),b(r.$slots,`trailing`),G.value?(y(),f(t,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:v(w(R).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),J.value?(y(),m(u,{key:0},[q.value?(y(),f(o,_({key:0},Y.value,{size:w(I),content:q.value}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),K.value?(y(),f(i,_({key:1},X.value,{items:g.children??[],disabled:g.disabled,size:w(I),"data-menu":g.label,onSelect:Q}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`disabled-toggle`,`disabled-select`,`style`]))}});export{j as default};