@tomo-inc/tomo-ui 0.0.11 → 0.0.13

package/dist/theme/components/slider.d.mts

@@ -0,0 +1,482 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+/**
+ * Slider wrapper **Tailwind Variants** component
+ *
+ * @example
+ *
+ * const slots = slider()
+ *
+ * <div className={slots.base()}>
+ *  <div className={slots.labelWrapper()}>
+ *    <label className={slots.label()}>Label</label>
+ *    <output className={slots.value()} />
+ *  </div>
+ *  <div className={slots.trackWrapper()}>
+ *      <div className={slots.startContent()}>Start Content</div>
+ *      <div className={slots.track()}>
+ *         <div className={slots.filler()} />
+ *         <div className={slots.step()} />
+ *         <div className={slots.thumb()} />
+ *         <div className={slots.mark()}>Mark</div>
+ *      </div>
+ *     <div className={slots.endContent()}>End Content</div>
+ *   </div>
+ * </div>
+ */
+declare const slider: tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            label: string;
+            value: string;
+            thumb: string;
+            step: string;
+        };
+        md: {
+            thumb: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            thumb: string;
+            step: string;
+            label: string;
+            value: string;
+            mark: string;
+        };
+    };
+    radius: {
+        none: {
+            thumb: string;
+        };
+        sm: {
+            thumb: string;
+        };
+        md: {
+            thumb: string;
+        };
+        lg: {
+            thumb: string;
+        };
+        full: {
+            thumb: string;
+        };
+    };
+    color: {
+        foreground: {
+            filler: string;
+            thumb: string;
+        };
+        primary: {
+            filler: string;
+            thumb: string;
+        };
+        secondary: {
+            filler: string;
+            thumb: string;
+        };
+        success: {
+            filler: string;
+            thumb: string;
+        };
+        warning: {
+            filler: string;
+            thumb: string;
+        };
+        danger: {
+            filler: string;
+            thumb: string;
+        };
+    };
+    isVertical: {
+        true: {
+            base: string;
+            trackWrapper: string;
+            filler: string;
+            thumb: string;
+            track: string;
+            labelWrapper: string;
+            step: string[];
+            mark: string[];
+        };
+        false: {
+            thumb: string;
+            trackWrapper: string;
+            track: string;
+            step: string[];
+            mark: string[];
+        };
+    };
+    isDisabled: {
+        false: {
+            thumb: string[];
+        };
+        true: {
+            base: string;
+            thumb: string;
+        };
+    };
+    hasMarks: {
+        true: {
+            base: string;
+            mark: string;
+        };
+        false: {};
+    };
+    showOutline: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+        };
+    };
+    hideValue: {
+        true: {
+            value: string;
+        };
+    };
+    hideThumb: {
+        true: {
+            thumb: string;
+            track: string;
+        };
+    };
+    hasSingleThumb: {
+        true: {};
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+            mark: string;
+        };
+    };
+    disableThumbScale: {
+        true: {};
+        false: {
+            thumb: string;
+        };
+    };
+}, {
+    base: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    step: string[];
+    mark: string[];
+    trackWrapper: string;
+    track: string[];
+    filler: string;
+    thumb: (string | string[])[];
+    startContent: never[];
+    endContent: never[];
+}, undefined, {
+    size: {
+        sm: {
+            label: string;
+            value: string;
+            thumb: string;
+            step: string;
+        };
+        md: {
+            thumb: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            thumb: string;
+            step: string;
+            label: string;
+            value: string;
+            mark: string;
+        };
+    };
+    radius: {
+        none: {
+            thumb: string;
+        };
+        sm: {
+            thumb: string;
+        };
+        md: {
+            thumb: string;
+        };
+        lg: {
+            thumb: string;
+        };
+        full: {
+            thumb: string;
+        };
+    };
+    color: {
+        foreground: {
+            filler: string;
+            thumb: string;
+        };
+        primary: {
+            filler: string;
+            thumb: string;
+        };
+        secondary: {
+            filler: string;
+            thumb: string;
+        };
+        success: {
+            filler: string;
+            thumb: string;
+        };
+        warning: {
+            filler: string;
+            thumb: string;
+        };
+        danger: {
+            filler: string;
+            thumb: string;
+        };
+    };
+    isVertical: {
+        true: {
+            base: string;
+            trackWrapper: string;
+            filler: string;
+            thumb: string;
+            track: string;
+            labelWrapper: string;
+            step: string[];
+            mark: string[];
+        };
+        false: {
+            thumb: string;
+            trackWrapper: string;
+            track: string;
+            step: string[];
+            mark: string[];
+        };
+    };
+    isDisabled: {
+        false: {
+            thumb: string[];
+        };
+        true: {
+            base: string;
+            thumb: string;
+        };
+    };
+    hasMarks: {
+        true: {
+            base: string;
+            mark: string;
+        };
+        false: {};
+    };
+    showOutline: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+        };
+    };
+    hideValue: {
+        true: {
+            value: string;
+        };
+    };
+    hideThumb: {
+        true: {
+            thumb: string;
+            track: string;
+        };
+    };
+    hasSingleThumb: {
+        true: {};
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+            mark: string;
+        };
+    };
+    disableThumbScale: {
+        true: {};
+        false: {
+            thumb: string;
+        };
+    };
+}, {
+    base: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    step: string[];
+    mark: string[];
+    trackWrapper: string;
+    track: string[];
+    filler: string;
+    thumb: (string | string[])[];
+    startContent: never[];
+    endContent: never[];
+}, tailwind_variants.TVReturnType<{
+    size: {
+        sm: {
+            label: string;
+            value: string;
+            thumb: string;
+            step: string;
+        };
+        md: {
+            thumb: string;
+            label: string;
+            value: string;
+        };
+        lg: {
+            thumb: string;
+            step: string;
+            label: string;
+            value: string;
+            mark: string;
+        };
+    };
+    radius: {
+        none: {
+            thumb: string;
+        };
+        sm: {
+            thumb: string;
+        };
+        md: {
+            thumb: string;
+        };
+        lg: {
+            thumb: string;
+        };
+        full: {
+            thumb: string;
+        };
+    };
+    color: {
+        foreground: {
+            filler: string;
+            thumb: string;
+        };
+        primary: {
+            filler: string;
+            thumb: string;
+        };
+        secondary: {
+            filler: string;
+            thumb: string;
+        };
+        success: {
+            filler: string;
+            thumb: string;
+        };
+        warning: {
+            filler: string;
+            thumb: string;
+        };
+        danger: {
+            filler: string;
+            thumb: string;
+        };
+    };
+    isVertical: {
+        true: {
+            base: string;
+            trackWrapper: string;
+            filler: string;
+            thumb: string;
+            track: string;
+            labelWrapper: string;
+            step: string[];
+            mark: string[];
+        };
+        false: {
+            thumb: string;
+            trackWrapper: string;
+            track: string;
+            step: string[];
+            mark: string[];
+        };
+    };
+    isDisabled: {
+        false: {
+            thumb: string[];
+        };
+        true: {
+            base: string;
+            thumb: string;
+        };
+    };
+    hasMarks: {
+        true: {
+            base: string;
+            mark: string;
+        };
+        false: {};
+    };
+    showOutline: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+        };
+    };
+    hideValue: {
+        true: {
+            value: string;
+        };
+    };
+    hideThumb: {
+        true: {
+            thumb: string;
+            track: string;
+        };
+    };
+    hasSingleThumb: {
+        true: {};
+        false: {};
+    };
+    disableAnimation: {
+        true: {
+            thumb: string;
+        };
+        false: {
+            thumb: string;
+            mark: string;
+        };
+    };
+    disableThumbScale: {
+        true: {};
+        false: {
+            thumb: string;
+        };
+    };
+}, {
+    base: string;
+    labelWrapper: string;
+    label: string;
+    value: string;
+    step: string[];
+    mark: string[];
+    trackWrapper: string;
+    track: string[];
+    filler: string;
+    thumb: (string | string[])[];
+    startContent: never[];
+    endContent: never[];
+}, undefined, unknown, unknown, undefined>>;
+type SliderVariantProps = VariantProps<typeof slider>;
+type SliderSlots = keyof ReturnType<typeof slider>;
+
+export { type SliderSlots, type SliderVariantProps, slider };