@sytechui/theme 3.0.2 → 3.0.3

package/dist/components/date-picker.d.ts

@@ -0,0 +1,220 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+/**
+ * DatePicker wrapper **Tailwind Variants** component
+ *
+ * @example
+ */
+declare const datePicker: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, unknown, unknown, undefined>>;
+declare const dateRangePicker: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            separator?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            bottomContent?: tailwind_merge.ClassNameValue;
+            timeInputWrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            separator?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            bottomContent?: tailwind_merge.ClassNameValue;
+            timeInputWrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            separator?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            bottomContent?: tailwind_merge.ClassNameValue;
+            timeInputWrapper?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    calendar: string;
+    bottomContent: string;
+    timeInputWrapper: string;
+    separator: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            selectorIcon?: tailwind_merge.ClassNameValue;
+            popoverContent?: tailwind_merge.ClassNameValue;
+            selectorButton?: tailwind_merge.ClassNameValue;
+            calendar?: tailwind_merge.ClassNameValue;
+            calendarContent?: tailwind_merge.ClassNameValue;
+            timeInputLabel?: tailwind_merge.ClassNameValue;
+            timeInput?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    selectorButton: string;
+    selectorIcon: string;
+    popoverContent: string;
+    calendar: string;
+    calendarContent: string;
+    timeInputLabel: string;
+    timeInput: string;
+}, undefined, unknown, unknown, undefined>>>;
+/** Base */
+type DatePickerReturnType = ReturnType<typeof datePicker>;
+type DatePickerVariantProps = VariantProps<typeof datePicker>;
+type DatePickerSlots = keyof ReturnType<typeof datePicker>;
+/** Range */
+type DateRangePickerReturnType = ReturnType<typeof dateRangePicker>;
+type DateRangePickerVariantProps = VariantProps<typeof dateRangePicker>;
+type DateRangePickerSlots = keyof ReturnType<typeof dateRangePicker>;
+
+export { type DatePickerReturnType, type DatePickerSlots, type DatePickerVariantProps, type DateRangePickerReturnType, type DateRangePickerSlots, type DateRangePickerVariantProps, datePicker, dateRangePicker };

package/dist/components/date-picker.mjs

@@ -1,16 +1,16 @@
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-P5HLCB43.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-ROFEKAS6.mjs";
+} from "../chunk-U4D7XSGV.mjs";
+import "../chunk-IURX3VEE.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
 export {
   datePicker,
   dateRangePicker

package/dist/components/divider.d.mts

@@ -0,0 +1,85 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Divider wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const styles = divider()
+ *
+ * <span className={styles} />
+ */
+declare const divider: tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 bg-divider border-none", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 bg-divider border-none", unknown, unknown, undefined>>;
+declare const labeledDivider: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+    label: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+    label: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    line: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type DividerVariantProps = VariantProps<typeof divider>;
+type LabeledDividerSlots = keyof ReturnType<typeof labeledDivider>;
+
+export { type DividerVariantProps, type LabeledDividerSlots, divider, labeledDivider };

package/dist/components/divider.d.ts

@@ -0,0 +1,85 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Divider wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const styles = divider()
+ *
+ * <span className={styles} />
+ */
+declare const divider: tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 bg-divider border-none", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    inset: {
+        none: string;
+        sm: string;
+        md: string;
+    };
+}, undefined, "shrink-0 bg-divider border-none", unknown, unknown, undefined>>;
+declare const labeledDivider: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+    label: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            line?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+    label: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    line: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;
+type DividerVariantProps = VariantProps<typeof divider>;
+type LabeledDividerSlots = keyof ReturnType<typeof labeledDivider>;
+
+export { type DividerVariantProps, type LabeledDividerSlots, divider, labeledDivider };

package/dist/components/divider.mjs

@@ -1,16 +1,16 @@
 import {
   divider,
   labeledDivider
-} from "../chunk-2QZDAFQ3.mjs";
-import "../chunk-KKEJLP4U.mjs";
-import "../chunk-ECD4ABCS.mjs";
-import "../chunk-ROFEKAS6.mjs";
+} from "../chunk-L26ZWPVZ.mjs";
+import "../chunk-IURX3VEE.mjs";
+import "../chunk-DFZLOLJU.mjs";
+import "../chunk-3C7AZEID.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
 import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-7FAFG773.mjs";
-import "../chunk-FJOYYPB2.mjs";
-import "../chunk-RUIUXVZ4.mjs";
 export {
   divider,
   labeledDivider

package/dist/components/drawer.d.mts

@@ -0,0 +1,190 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Modal **Tailwind Variants** component
+ *
+ * @example
+ * ```js
+ * const {base} = drawer({...})
+ *
+ * <div>
+ *    <button>Open Drawer</button>
+ *    <div className={base()}>
+ *       Drawer Content
+ *    </div>
+ * </div>
+ * ```
+ */
+declare const drawer: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, undefined, {
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        "4xl": {
+            base: string;
+        };
+        "5xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    placement: {
+        top: {
+            base: string[];
+        };
+        right: {
+            base: string[];
+        };
+        bottom: {
+            base: string[];
+        };
+        left: {
+            base: string[];
+        };
+    };
+    nativeMotion: {
+        true: {
+            base: string[];
+        };
+    };
+}, {
+    base: string[];
+    swipeHandle: string[];
+    swipeHandleBar: string;
+}, undefined, unknown, unknown, undefined>>;
+type DrawerVariants = VariantProps<typeof drawer>;
+
+export { type DrawerVariants, drawer };