npm - @soybeanjs/ui - Versions diffs - 0.18.0 → 0.19.0 - Mend

@soybeanjs/ui 0.18.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (285) hide show

package/dist/components/time-range-picker/types.d.ts DELETED Viewed

@@ -1,71 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { TimeRangePickerPopupProps, TimeRangePickerRootEmits, TimeRangePickerRootProps, TimeRangePickerTriggerProps, TimeRangePickerUi } from "@soybeanjs/headless/time-range-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { TimeRange, TimeValue } from "@soybeanjs/headless/date";
-//#region src/components/time-range-picker/types.d.ts
-/**
- * Properties for the TimeRangePicker component.
- */
-interface TimeRangePickerProps extends /** @vue-ignore */TimeRangePickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<TimeRangePickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: TimeRangePickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: TimeRangePickerPopupProps;
-}
-/**
- * Events for the TimeRangePicker component.
- */
-type TimeRangePickerEmits = TimeRangePickerRootEmits;
-/**
- * Slots for the TimeRangePicker component.
- */
-interface TimeRangePickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: TimeRange;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the time slot.
-   */
-  time?: (props: {
-    disabled: boolean;
-    focused: boolean;
-    highlighted: boolean;
-    label: string;
-    rangeEnd: boolean;
-    rangeStart: boolean;
-    selected: boolean;
-    time: TimeValue;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: TimeRange;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { TimeRangePickerEmits, TimeRangePickerProps, TimeRangePickerSlots };

package/dist/components/time-range-picker/variants.js DELETED Viewed

@@ -1 +0,0 @@

package/dist/components/toggle-group/toggle-group-item.js DELETED Viewed

@@ -1 +0,0 @@

- import{createBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{ToggleGroupItem as c}from"@soybeanjs/headless/toggle-group";const l=t({name:`SToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(t){let l=t,u=s(l,[`class`]);return(t,s)=>(r(),e(a(c),n(a(u),{class:l.class}),{default:o(()=>[i(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/toggle-group/toggle-group-item.vue.d.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import * as _$vue from "vue";
-import { ToggleGroupItemProps } from "@soybeanjs/headless/toggle-group";
-import { DefinedValue } from "@soybeanjs/headless/types";
-//#region src/components/toggle-group/toggle-group-item.vue.d.ts
-declare const __VLS_export: <T extends DefinedValue = string>(__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<ToggleGroupItemProps<T>> & (typeof globalThis extends {
-    __VLS_PROPS_FALLBACK: infer P;
-  } ? P : {});
-  expose: (exposed: {}) => void;
-  attrs: any;
-  slots: {
-    default?: (props: {}) => any;
-  };
-  emit: {};
-}>) => _$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/tree-menu/context.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{useContext as e,useUiContext as t}from"@soybeanjs/headless/composables";const[n,r]=e(`TreeMenu`),[i,a]=e(`TreeMenuOptions`),[o,s]=t(`TreeMenuExtraUi`);export{n as provideTreeMenuContext,o as provideTreeMenuExtraUi,i as provideTreeMenuOptionsContext,r as useTreeMenuContext,s as useTreeMenuExtraUi,a as useTreeMenuOptionsContext};

package/dist/components/tree-menu/shared.js DELETED Viewed

	@@ -1 +0,0 @@
1	- const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenMenus,e as treeMenuCssVars};

package/dist/components/tree-menu/tree-menu-option-slot.js DELETED Viewed

@@ -1 +0,0 @@

- import e from"../icon/icon.js";import t from"../badge/badge.js";import n from"../button/button-icon.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless/tree-menu";const w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.filter(e=>!e.hidden)?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[p(e,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(t,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(e,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(n,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(e,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};

package/dist/components/tree-menu/tree-menu-option.js DELETED Viewed

@@ -1 +0,0 @@

- import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i,useTreeMenuOptionsContext as a}from"./context.js";import o from"./tree-menu-option-slot.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createSlots as p,createVNode as m,defineComponent as h,guardReactiveProps as g,mergeProps as _,normalizeClass as v,normalizeProps as y,openBlock as b,renderList as x,renderSlot as S,resolveComponent as C,resolveDynamicComponent as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useOmitProps as O}from"@soybeanjs/headless/composables";import{TreeMenuButton as k,TreeMenuCollapsible as A,TreeMenuItem as j,TreeMenuSub as M,useTreeMenuRootContext as N}from"@soybeanjs/headless/tree-menu";const P=h({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(h,{emit:P}){let F=h,I=P,L=E(),ee=O(F,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=N(`TreeMenuOption`),{size:V,side:H}=r(`TreeMenuOption`),{activePaths:U}=a(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>F.item.children??[]),q=c(()=>!!K.value.length),J=c(()=>{let e=F.item.value;return z.value===e?!1:U.value.includes(e)}),Y=c(()=>!!(F.item.to||F.item.href)),X=c(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=F.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=c(()=>R.value&&q.value),Q=c(()=>R.value&&!Z.value?F.item.label:void 0),$=c(()=>H.value===`left`?`right`:`left`),te=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??$.value})),ne=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??$.value})),re=()=>{F.item.disabled||B(F.item.value)},ie=e=>{F.item.disabled||(B(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let a=C(`STreeMenuOption`);return q.value?(b(),l(T(j),_({key:1},h.itemProps,{"as-child":``,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[m(T(A),_(h.collapsibleProps,{as:h.as,"disabled-collapsible":T(R)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:D(()=>[Z.value?(b(),l(t,_({key:0},ne.value,{items:K.value,disabled:h.item.disabled,size:T(V),"data-menu":h.item.label,"active-value":T(z),onSelect:ie}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):u(`v-if`,!0)]),default:D(()=>[m(T(M),y(g(h.subProps)),{default:D(()=>[(b(!0),d(s,null,x(K.value,e=>(b(),l(a,_({key:e.value,ref_for:!0},T(ee),{item:e}),p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,_({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(b(),l(T(j),_({key:0},h.itemProps,{as:h.as,value:h.item.value,disabled:h.item.disabled}),{default:D(()=>[Y.value?(b(),l(T(k),_({key:0},h.buttonProps,{"as-child":``}),{default:D(()=>[m(e,y(g(X.value)),{default:D(({isHref:e})=>[m(o,{item:h.item,"show-link-icon":e},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(b(),l(T(k),y(_({key:1},h.buttonProps)),{default:D(()=>[m(o,{item:h.item},p({_:2},[x(G.value,e=>({name:e,fn:D(t=>[S(r.$slots,e,y(g(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(b(),l(n,_({key:2},te.value,{size:T(V),content:Q.value}),{trigger:D(()=>[(b(),l(w(Y.value?e:`div`),_(X.value,{class:T(W),onClick:re}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):u(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{P as default};

package/dist/components/tree-menu/tree-menu-options.js DELETED Viewed

@@ -1 +0,0 @@

- import e from"../icon/icon.js";import{provideTreeMenuOptionsContext as t}from"./context.js";import n from"./tree-menu-option.js";import{filterHiddenMenus as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{usePickProps as x}from"@soybeanjs/headless/composables";import{getTreePaths as S}from"@soybeanjs/headless/shared";import{TreeMenuGroup as C,TreeMenuGroupLabel as w,TreeMenuGroupRoot as T,useTreeMenuRootContext as E}from"@soybeanjs/headless/tree-menu";const D=f({name:`STreeMenuOptions`,__name:`tree-menu-options`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(f,{emit:D}){let O=f,k=D,A=y(),j={item:`default`,"item-leading":`leading`,"item-trailing":`trailing`},M=a(()=>Object.keys(A).filter(e=>e.startsWith(`item`)).map(e=>({key:e,map:j[e]}))),N=x(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:P}=E(`TreeMenuOptions`),F=a(()=>r(O.items));return t({activePaths:a(()=>S(P.value,F.value))}),(t,r)=>(m(!0),c(i,null,h(F.value,a=>(m(),c(i,{key:a.value},[a.isGroup?(m(),o(v(T),p({key:0,ref_for:!0},f.groupRootProps),{default:b(()=>[d(v(w),p({ref_for:!0},f.groupLabelProps),{default:b(()=>[g(t.$slots,`group-label`,{item:a},()=>[f.showGroupIcon?(m(),o(e,{key:0,icon:a.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,null,_(a.label),1)])]),_:2},1040),d(v(C),p({ref_for:!0},f.groupProps),{default:b(()=>[(m(!0),c(i,null,h(a.children,e=>(m(),o(n,p({key:e.value},{ref_for:!0},v(N),{item:e,onSelectDropdown:r[0]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(m(),o(n,p({key:1,as:`div`},{ref_for:!0},v(N),{item:a,onSelectDropdown:r[1]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128))}});export{D as default};

package/dist/components/year-picker/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { YearPickerEmits, YearPickerProps, YearPickerSlots } from "./types.js";
-import { _default } from "./year-picker.vue.js";
-export * from "@soybeanjs/headless/year-picker";

package/dist/components/year-picker/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./year-picker.js";

package/dist/components/year-picker/types.d.ts DELETED Viewed

@@ -1,86 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { YearPickerPopupProps, YearPickerRootEmits, YearPickerRootProps, YearPickerTriggerProps, YearPickerUi } from "@soybeanjs/headless/year-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { DateValue } from "@internationalized/date";
-//#region src/components/year-picker/types.d.ts
-/**
- * Properties for the YearPicker component.
- */
-interface YearPickerProps extends /** @vue-ignore */YearPickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<YearPickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: YearPickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: YearPickerPopupProps;
-}
-/**
- * Events for the YearPicker component.
- */
-type YearPickerEmits = YearPickerRootEmits;
-/**
- * Slots for the YearPicker component.
- */
-interface YearPickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the heading slot.
-   */
-  heading?: (props: {
-    headingValue: string;
-  }) => any;
-  /**
-   * Custom content for the prev slot.
-   */
-  prev?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the next slot.
-   */
-  next?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the year slot.
-   */
-  year?: (props: {
-    date: DateValue;
-    label: string;
-    disabled: boolean;
-    focused: boolean;
-    selected: boolean;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: DateValue | undefined;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { YearPickerEmits, YearPickerProps, YearPickerSlots };

package/dist/components/year-picker/variants.js DELETED Viewed

@@ -1 +0,0 @@

- import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 overflow-hidden rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],header:`mb-3 grid grid-cols-[auto_1fr_auto] items-center gap-1`,heading:`text-center font-medium text-foreground`,prev:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],next:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],grid:`grid grid-cols-4 gap-1`,cellTrigger:[`inline-flex h-9 cursor-pointer items-center justify-center rounded-md border border-transparent bg-transparent px-3 text-sm font-normal transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[selected]:bg-primary data-[selected]:text-primary-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[focused]:ring-2 data-[focused]:ring-primary/20`]},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,prev:`size-6 text-2xs`,next:`size-6 text-2xs`,cellTrigger:`h-7 px-2 text-2xs`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,prev:`size-7 text-xs`,next:`size-7 text-xs`,cellTrigger:`h-8 px-2.5 text-xs`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,prev:`size-8 text-sm`,next:`size-8 text-sm`,cellTrigger:`h-9 px-3 text-sm`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,prev:`size-9 text-base`,next:`size-9 text-base`,cellTrigger:`h-10 px-3.5 text-base`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,prev:`size-10 text-lg`,next:`size-10 text-lg`,cellTrigger:`h-11 px-4 text-lg`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,prev:`size-12 text-xl`,next:`size-12 text-xl`,cellTrigger:`h-12 px-5 text-xl`}}},defaultVariants:{size:`md`}});export{t as yearPickerVariants};

package/dist/components/year-picker/year-picker.js DELETED Viewed

@@ -1 +0,0 @@

- import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{yearPickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementBlock 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,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{YearPickerPopup as b,YearPickerRoot as x,YearPickerTrigger as S,provideYearPickerUi as C}from"@soybeanjs/headless/year-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SYearPicker`,__name:`year-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(c,{emit:E}){let D=c,O=v(E),k=y(D,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return C(r(()=>e(n({size:D.size}),D.ui,{root:D.class}))),(e,n)=>(f(),i(g(x),u(g(k),h(g(O))),{default:_(n=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{displayValue:n.displayValue,modelValue:n.modelValue,open:n.open},()=>[s(t,{class:`size-4`,icon:`lucide:calendar`}),n.displayValue?(f(),a(`span`,w,m(n.displayValue),1)):(f(),a(`span`,T,`Pick a year`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{heading:_(t=>[p(e.$slots,`heading`,d(l(t)),()=>[o(m(t.headingValue),1)])]),prev:_(n=>[p(e.$slots,`prev`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),next:_(n=>[p(e.$slots,`next`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),year:_(t=>[p(e.$slots,`year`,d(l(t)),()=>[o(m(t.label),1)])]),_:3},16),p(e.$slots,`default`,d(l(n)))]),_:3},16))}});export{E as default};

package/dist/components/year-picker/year-picker.vue.d.ts DELETED Viewed

@@ -1,24 +0,0 @@
-import { YearPickerProps, YearPickerSlots } from "./types.js";
-import * as _$vue from "vue";
-import * as _$_internationalized_date0 from "@internationalized/date";
-//#region src/components/year-picker/year-picker.vue.d.ts
-type __VLS_Slots = YearPickerSlots;
-declare const __VLS_base: _$vue.DefineComponent<YearPickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
-  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
-  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
-}, string, _$vue.PublicProps, Readonly<YearPickerProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
-}>, {}, {}, {}, {}, string, _$vue.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/year-range-picker/index.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { YearRangePickerEmits, YearRangePickerProps, YearRangePickerSlots } from "./types.js";
-import { _default } from "./year-range-picker.vue.js";
-export * from "@soybeanjs/headless/year-range-picker";

package/dist/components/year-range-picker/index.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import"./year-range-picker.js";

package/dist/components/year-range-picker/types.d.ts DELETED Viewed

@@ -1,90 +0,0 @@
-import { ThemeSize } from "../../theme/types.js";
-import { YearRangePickerPopupProps, YearRangePickerRootEmits, YearRangePickerRootProps, YearRangePickerTriggerProps, YearRangePickerUi } from "@soybeanjs/headless/year-range-picker";
-import { ClassValue } from "@soybeanjs/headless/types";
-import { DateValue } from "@internationalized/date";
-import { DateRange } from "@soybeanjs/headless/date";
-//#region src/components/year-range-picker/types.d.ts
-/**
- * Properties for the YearRangePicker component.
- */
-interface YearRangePickerProps extends /** @vue-ignore */YearRangePickerRootProps {
-  /**
-   * Additional class names applied to the root element.
-   */
-  class?: ClassValue;
-  /**
-   * Visual size of the component.
-   */
-  size?: ThemeSize;
-  /**
-   * Per-slot class overrides for the component.
-   */
-  ui?: Partial<YearRangePickerUi>;
-  /**
-   * Properties forwarded to the trigger element.
-   */
-  triggerProps?: YearRangePickerTriggerProps;
-  /**
-   * Properties forwarded to the popup element.
-   */
-  popupProps?: YearRangePickerPopupProps;
-}
-/**
- * Events for the YearRangePicker component.
- */
-type YearRangePickerEmits = YearRangePickerRootEmits;
-/**
- * Slots for the YearRangePicker component.
- */
-interface YearRangePickerSlots {
-  /**
-   * Custom content for the trigger slot.
-   */
-  trigger?: (props: {
-    displayValue: string;
-    modelValue: DateRange;
-    open: boolean;
-  }) => any;
-  /**
-   * Custom content for the heading slot.
-   */
-  heading?: (props: {
-    headingValue: string;
-  }) => any;
-  /**
-   * Custom content for the prev slot.
-   */
-  prev?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the next slot.
-   */
-  next?: (props: {
-    disabled: boolean;
-  }) => any;
-  /**
-   * Custom content for the year slot.
-   */
-  year?: (props: {
-    date: DateValue;
-    label: string;
-    disabled: boolean;
-    focused: boolean;
-    highlighted: boolean;
-    rangeEnd: boolean;
-    rangeStart: boolean;
-    selected: boolean;
-  }) => any;
-  /**
-   * Custom content for the default slot.
-   */
-  default?: (props: {
-    displayValue: string;
-    modelValue: DateRange;
-    open: boolean;
-  }) => any;
-}
-//#endregion
-export { YearRangePickerEmits, YearRangePickerProps, YearRangePickerSlots };

package/dist/components/year-range-picker/variants.js DELETED Viewed

@@ -1 +0,0 @@

- import{tv as e}from"tailwind-variants";const t=e({slots:{root:`inline-flex w-full flex-col gap-2`,trigger:[`inline-flex w-full items-center justify-start gap-2 rounded-md border border-input bg-background px-3 py-0 text-start font-normal shadow-xs transition-[background-color,color,box-shadow]`,`hover:bg-accent/50 hover:text-accent-foreground`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-60`,`data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground`],popup:[`z-50 overflow-hidden rounded-lg border border-border bg-popover p-3 text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`,`data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95`],header:`mb-3 grid grid-cols-[auto_1fr_auto] items-center gap-1`,heading:`text-center font-medium text-foreground`,prev:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],next:[`inline-flex size-8 items-center justify-center rounded-md border border-transparent bg-transparent transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],grid:`grid grid-cols-4 gap-1`,cellTrigger:[`inline-flex h-9 cursor-pointer items-center justify-center rounded-md border border-transparent bg-transparent px-3 text-sm font-normal transition-colors`,`hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30`,`data-[selected]:bg-accent data-[selected]:text-foreground`,`data-[range-start]:bg-primary data-[range-start]:text-primary-foreground`,`data-[range-end]:bg-primary data-[range-end]:text-primary-foreground`,`data-[highlighted]:bg-accent/80 data-[highlighted]:text-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[focused]:ring-2 data-[focused]:ring-primary/20`]},variants:{size:{xs:{root:`text-2xs`,trigger:`h-6 px-2 text-2xs`,prev:`size-6 text-2xs`,next:`size-6 text-2xs`,cellTrigger:`h-7 px-2 text-2xs`},sm:{root:`text-xs`,trigger:`h-7 px-2.5 text-xs`,prev:`size-7 text-xs`,next:`size-7 text-xs`,cellTrigger:`h-8 px-2.5 text-xs`},md:{root:`text-sm`,trigger:`h-8 px-3 text-sm`,prev:`size-8 text-sm`,next:`size-8 text-sm`,cellTrigger:`h-9 px-3 text-sm`},lg:{root:`text-base`,trigger:`h-9 px-3.5 text-base`,prev:`size-9 text-base`,next:`size-9 text-base`,cellTrigger:`h-10 px-3.5 text-base`},xl:{root:`text-lg`,trigger:`h-10 px-4 text-lg`,prev:`size-10 text-lg`,next:`size-10 text-lg`,cellTrigger:`h-11 px-4 text-lg`},"2xl":{root:`text-xl`,trigger:`h-12 px-5 text-xl`,prev:`size-12 text-xl`,next:`size-12 text-xl`,cellTrigger:`h-12 px-5 text-xl`}}},defaultVariants:{size:`md`}});export{t as yearRangePickerVariants};

package/dist/components/year-range-picker/year-range-picker.js DELETED Viewed

@@ -1 +0,0 @@

- import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import t from"../icon/icon.js";import{yearRangePickerVariants as n}from"./variants.js";import{computed as r,createBlock as i,createElementBlock 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,toHandlers as h,unref as g,withCtx as _}from"vue";import{useForwardListeners as v,useOmitProps as y}from"@soybeanjs/headless/composables";import{YearRangePickerPopup as b,YearRangePickerRoot as x,YearRangePickerTrigger as S,provideYearRangePickerUi as C}from"@soybeanjs/headless/year-range-picker";const w={key:0},T={key:1,class:`text-muted-foreground`},E=c({name:`SYearRangePicker`,__name:`year-range-picker`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},triggerProps:{},popupProps:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`,`update:open`],setup(c,{emit:E}){let D=c,O=v(E),k=y(D,[`class`,`size`,`ui`,`triggerProps`,`popupProps`]);return C(r(()=>e(n({size:D.size}),D.ui,{root:D.class}))),(e,n)=>(f(),i(g(x),u(g(k),h(g(O))),{default:_(n=>[s(g(S),d(l(c.triggerProps)),{default:_(()=>[p(e.$slots,`trigger`,{displayValue:n.displayValue,modelValue:n.modelValue,open:n.open},()=>[s(t,{class:`size-4`,icon:`lucide:calendar-range`}),n.displayValue?(f(),a(`span`,w,m(n.displayValue),1)):(f(),a(`span`,T,`Pick a year range`))])]),_:2},1040),s(g(b),d(l(c.popupProps)),{heading:_(t=>[p(e.$slots,`heading`,d(l(t)),()=>[o(m(t.headingValue),1)])]),prev:_(n=>[p(e.$slots,`prev`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-left`})])]),next:_(n=>[p(e.$slots,`next`,d(l(n)),()=>[s(t,{class:`size-4 rtl:rotate-180`,icon:`lucide:chevron-right`})])]),year:_(t=>[p(e.$slots,`year`,d(l(t)),()=>[o(m(t.label),1)])]),_:3},16),p(e.$slots,`default`,d(l(n)))]),_:3},16))}});export{E as default};

package/dist/components/year-range-picker/year-range-picker.vue.d.ts DELETED Viewed

@@ -1,29 +0,0 @@
-import { YearRangePickerProps, YearRangePickerSlots } from "./types.js";
-import * as _$vue from "vue";
-import * as _$_internationalized_date0 from "@internationalized/date";
-import * as _$_soybeanjs_headless_date0 from "@soybeanjs/headless/date";
-//#region src/components/year-range-picker/year-range-picker.vue.d.ts
-type __VLS_Slots = YearRangePickerSlots;
-declare const __VLS_base: _$vue.DefineComponent<YearRangePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:open": (open: boolean) => any;
-  "update:modelValue": (range: _$_soybeanjs_headless_date0.DateRange) => any;
-  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
-  "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
-  "update:endValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
-}, string, _$vue.PublicProps, Readonly<YearRangePickerProps> & Readonly<{
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-  "onUpdate:modelValue"?: ((range: _$_soybeanjs_headless_date0.DateRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
-  "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
-  "onUpdate:endValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, _$vue.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 };