@soybeanjs/ui 0.18.0 → 0.20.0

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

@@ -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

@@ -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

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

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

@@ -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

@@ -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

@@ -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

@@ -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 };