@soybeanjs/ui 0.15.4 → 0.16.0

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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,4 @@
+import { YearRangePickerEmits, YearRangePickerProps, YearRangePickerSlots } from "./types.js";
+import { _default } from "./year-range-picker.vue.js";
+import { YearRangePickerPopupProps as YearRangePickerPopupProps$1, YearRangePickerRootEmits as YearRangePickerRootEmits$1, YearRangePickerRootProps as YearRangePickerRootProps$1, YearRangePickerTriggerProps as YearRangePickerTriggerProps$1, YearRangePickerUi as YearRangePickerUi$1, YearRangePickerUiSlot } from "@soybeanjs/headless/year-range-picker";
+export { type YearRangePickerPopupProps$1 as YearRangePickerPopupProps, type YearRangePickerRootEmits$1 as YearRangePickerRootEmits, type YearRangePickerRootProps$1 as YearRangePickerRootProps, type YearRangePickerTriggerProps$1 as YearRangePickerTriggerProps, type YearRangePickerUi$1 as YearRangePickerUi, type YearRangePickerUiSlot };

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

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

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

@@ -0,0 +1,48 @@
+import { ThemeSize } from "../../theme/types.js";
+import { ClassValue } from "@soybeanjs/headless";
+import { YearRangePickerPopupProps, YearRangePickerRootEmits, YearRangePickerRootProps, YearRangePickerTriggerProps, YearRangePickerUi } from "@soybeanjs/headless/year-range-picker";
+import { DateValue } from "@internationalized/date";
+import { DateRange } from "@soybeanjs/headless/date";
+
+//#region src/components/year-range-picker/types.d.ts
+interface YearRangePickerProps extends /* @vue-ignore */YearRangePickerRootProps {
+  class?: ClassValue;
+  size?: ThemeSize;
+  ui?: Partial<YearRangePickerUi>;
+  triggerProps?: YearRangePickerTriggerProps;
+  popupProps?: YearRangePickerPopupProps;
+}
+type YearRangePickerEmits = YearRangePickerRootEmits;
+interface YearRangePickerSlots {
+  trigger?: (props: {
+    displayValue: string;
+    modelValue: DateRange;
+    open: boolean;
+  }) => any;
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  year?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    highlighted: boolean;
+    rangeEnd: boolean;
+    rangeStart: boolean;
+    selected: boolean;
+  }) => any;
+  default?: (props: {
+    displayValue: string;
+    modelValue: DateRange;
+    open: boolean;
+  }) => any;
+}
+//#endregion
+export { YearRangePickerEmits, YearRangePickerProps, YearRangePickerSlots };

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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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:{},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

@@ -0,0 +1,29 @@
+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 };

package/dist/constants/components.d.ts

@@ -13,6 +13,20 @@ declare const components: {
   bottomSheet: string[];
   breadcrumb: string[];
   button: string[];
+  calendar: string[];
+  dateField: string[];
+  datePicker: string[];
+  dateRangeField: string[];
+  dateRangePicker: string[];
+  monthPicker: string[];
+  monthRangePicker: string[];
+  yearPicker: string[];
+  yearRangePicker: string[];
+  timeField: string[];
+  timePicker: string[];
+  timeRangeField: string[];
+  timeRangePicker: string[];
+  rangeCalendar: string[];
   card: string[];
   carousel: string[];
   checkbox: string[];

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`SAccordion`],affix:[`SAffix`],alert:[`SAlert`],anchor:[`SAnchor`],autocomplete:[`SAutocomplete`],arrow:[`SArrow`],aspectRatio:[`SAspectRatio`],avatar:[`SAvatar`],backtop:[`SBacktop`],badge:[`SBadge`],bottomSheet:[`SBottomSheet`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],card:[`SCard`,`SCardCollapsibleTrigger`],carousel:[`SCarousel`,`SCarouselContent`,`SCarouselItem`,`SCarouselPrevious`,`SCarouselNext`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],clipboard:[`SClipboard`],collapsible:[`SCollapsible`,`SCollapsibleContent`,`SCollapsibleTrigger`],combobox:[`SCombobox`],colorArea:[`SColorArea`],colorField:[`SColorField`],colorPicker:[`SColorPicker`],colorSlider:[`SColorSlider`],colorSwatch:[`SColorSwatch`],colorSwatchPicker:[`SColorSwatchPicker`],command:[`SCommand`],configProvider:[`SConfigProvider`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],dialog:[`SDialog`,`SDialogProvider`],drawer:[`SDrawer`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],editable:[`SEditable`],empty:[`SEmpty`],form:[`SForm`,`SFormFieldBase`],hoverCard:[`SHoverCard`],input:[`SInput`],inputNumber:[`SInputNumber`],inputOtp:[`SInputOtp`],icon:[`SIcon`],kbd:[`SKbd`],label:[`SLabel`],layout:[`SLayout`,`SLayoutClassic`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOption`,`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],menubar:[`SMenubar`],navigationMenu:[`SNavigationMenu`],pageTabs:[`SPageTabs`],pagination:[`SPagination`],password:[`SPassword`],popconfirm:[`SPopconfirm`,`SPopconfirmCancel`,`SPopconfirmConfirm`],popover:[`SPopover`],progress:[`SProgress`,`SProgressCircle`,`SProgressProvider`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],segment:[`SSegment`],scrollArea:[`SScrollArea`],select:[`SSelect`],separator:[`SSeparator`],skeleton:[`SSkeleton`],slider:[`SSlider`],spinner:[`SSpinner`],splitter:[`SSplitterGroup`,`SSplitterPanel`,`SSplitterResizeHandle`],stepper:[`SStepper`],switch:[`SSwitch`],table:[`STable`,`STableRow`,`STableCell`],tabs:[`STabs`],tag:[`STag`],tagsInput:[`STagsInput`,`STagsInputInput`,`STagsInputItem`,`STagsInputItemText`,`STagsInputItemDelete`,`STagsInputClear`],textarea:[`STextarea`],toast:[`SToaster`],toolbar:[`SToolbar`,`SToolbarButton`,`SToolbarLink`,`SToolbarSeparator`,`SToolbarToggleGroup`,`SToolbarToggleItem`],toggle:[`SToggle`],toggleGroup:[`SToggleGroup`,`SToggleGroupItem`],tooltip:[`STooltip`],tree:[`STree`,`STreeVirtualizer`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],virtualizer:[`SVirtualizer`]};export{e as components};
+const e={accordion:[`SAccordion`],affix:[`SAffix`],alert:[`SAlert`],anchor:[`SAnchor`],autocomplete:[`SAutocomplete`],arrow:[`SArrow`],aspectRatio:[`SAspectRatio`],avatar:[`SAvatar`],backtop:[`SBacktop`],badge:[`SBadge`],bottomSheet:[`SBottomSheet`],breadcrumb:[`SBreadcrumb`,`SBreadcrumbPage`,`SBreadcrumbEllipsis`],button:[`SButton`,`SButtonLoading`,`SButtonIcon`,`SButtonLink`,`SButtonGroup`],calendar:[`SCalendar`],dateField:[`SDateField`],datePicker:[`SDatePicker`],dateRangeField:[`SDateRangeField`],dateRangePicker:[`SDateRangePicker`],monthPicker:[`SMonthPicker`],monthRangePicker:[`SMonthRangePicker`],yearPicker:[`SYearPicker`],yearRangePicker:[`SYearRangePicker`],timeField:[`STimeField`],timePicker:[`STimePicker`],timeRangeField:[`STimeRangeField`],timeRangePicker:[`STimeRangePicker`],rangeCalendar:[`SRangeCalendar`],card:[`SCard`,`SCardCollapsibleTrigger`],carousel:[`SCarousel`,`SCarouselContent`,`SCarouselItem`,`SCarouselPrevious`,`SCarouselNext`],checkbox:[`SCheckboxGroup`,`SCheckbox`,`SCheckboxCardGroup`,`SCheckboxCard`],clipboard:[`SClipboard`],collapsible:[`SCollapsible`,`SCollapsibleContent`,`SCollapsibleTrigger`],combobox:[`SCombobox`],colorArea:[`SColorArea`],colorField:[`SColorField`],colorPicker:[`SColorPicker`],colorSlider:[`SColorSlider`],colorSwatch:[`SColorSwatch`],colorSwatchPicker:[`SColorSwatchPicker`],command:[`SCommand`],configProvider:[`SConfigProvider`],contextMenu:[`SContextMenu`,`SContextMenuCheckbox`,`SContextMenuRadio`,`SContextMenuWrapper`],dialog:[`SDialog`,`SDialogProvider`],drawer:[`SDrawer`],dropdownMenu:[`SDropdownMenu`,`SDropdownMenuCheckbox`,`SDropdownMenuRadio`,`SDropdownMenuWrapper`],editable:[`SEditable`],empty:[`SEmpty`],form:[`SForm`,`SFormFieldBase`],hoverCard:[`SHoverCard`],input:[`SInput`],inputNumber:[`SInputNumber`],inputOtp:[`SInputOtp`],icon:[`SIcon`],kbd:[`SKbd`],label:[`SLabel`],layout:[`SLayout`,`SLayoutClassic`,`SLayoutTrigger`],link:[`SLink`],list:[`SList`,`SListItem`],menu:[`SMenuOption`,`SMenuOptions`,`SMenuCheckboxOptions`,`SMenuRadioOptions`],menubar:[`SMenubar`],navigationMenu:[`SNavigationMenu`],pageTabs:[`SPageTabs`],pagination:[`SPagination`],password:[`SPassword`],popconfirm:[`SPopconfirm`,`SPopconfirmCancel`,`SPopconfirmConfirm`],popover:[`SPopover`],progress:[`SProgress`,`SProgressCircle`,`SProgressProvider`],radioGroup:[`SRadioGroup`,`SRadio`,`SRadioCard`,`SRadioCardGroup`],segment:[`SSegment`],scrollArea:[`SScrollArea`],select:[`SSelect`],separator:[`SSeparator`],skeleton:[`SSkeleton`],slider:[`SSlider`],spinner:[`SSpinner`],splitter:[`SSplitterGroup`,`SSplitterPanel`,`SSplitterResizeHandle`],stepper:[`SStepper`],switch:[`SSwitch`],table:[`STable`,`STableRow`,`STableCell`],tabs:[`STabs`],tag:[`STag`],tagsInput:[`STagsInput`,`STagsInputInput`,`STagsInputItem`,`STagsInputItemText`,`STagsInputItemDelete`,`STagsInputClear`],textarea:[`STextarea`],toast:[`SToaster`],toolbar:[`SToolbar`,`SToolbarButton`,`SToolbarLink`,`SToolbarSeparator`,`SToolbarToggleGroup`,`SToolbarToggleItem`],toggle:[`SToggle`],toggleGroup:[`SToggleGroup`,`SToggleGroupItem`],tooltip:[`STooltip`],tree:[`STree`,`STreeVirtualizer`],treeMenu:[`STreeMenu`,`STreeMenuStyledItem`],virtualizer:[`SVirtualizer`]};export{e as components};