@techsio/ui-kit 0.3.2 → 0.4.0

package/dist/src/molecules/search-form.d.ts

@@ -1,39 +1,106 @@
-import { type FormHTMLAttributes, type ReactNode, type Ref } from 'react';
-import type { VariantProps } from 'tailwind-variants';
-import { type ButtonProps } from '../atoms/button';
-import { type InputProps } from '../atoms/input';
-declare const formVariants: import("tailwind-variants").TVReturnType<{
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import type { VariantProps } from "tailwind-variants";
+import { type ButtonProps } from "../atoms/button";
+import { type InputProps } from "../atoms/input";
+import { type LabelProps } from "../atoms/label";
+declare const searchFormVariants: import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            root: string;
+            control: string;
+        };
+        md: {
+            root: string;
+            control: string;
+        };
+        lg: {
+            root: string;
+        };
     };
-}, undefined, string[], {
+}, {
+    root: string[];
+    control: string[];
+    input: string[];
+    button: string[];
+    clearButton: string[];
+}, undefined, {
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            root: string;
+            control: string;
+        };
+        md: {
+            root: string;
+            control: string;
+        };
+        lg: {
+            root: string;
+        };
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, {
+    root: string[];
+    control: string[];
+    input: string[];
+    button: string[];
+    clearButton: string[];
+}, import("tailwind-variants").TVReturnType<{
     size: {
-        sm: string;
-        md: string;
-        lg: string;
+        sm: {
+            root: string;
+            control: string;
+        };
+        md: {
+            root: string;
+            control: string;
+        };
+        lg: {
+            root: string;
+        };
     };
-}, undefined, string[], unknown, unknown, undefined>>;
-export interface SearchFormProps extends VariantProps<typeof formVariants>, Omit<FormHTMLAttributes<HTMLFormElement>, 'size'> {
-    inputProps?: Omit<InputProps, 'size'>;
-    buttonProps?: Omit<ButtonProps, 'size'>;
-    label?: ReactNode;
-    buttonText?: ReactNode;
-    buttonIcon?: boolean;
-    placeholder?: string;
+}, {
+    root: string[];
+    control: string[];
+    input: string[];
+    button: string[];
+    clearButton: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type SearchFormSize = "sm" | "md" | "lg";
+type SearchFormContextValue = {
+    size: SearchFormSize;
+    inputId: string;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    clearInput: () => void;
+    hasValue: boolean;
+};
+declare function useSearchFormContext(): SearchFormContextValue;
+export interface SearchFormProps extends VariantProps<typeof searchFormVariants>, Omit<ComponentPropsWithoutRef<"form">, "size"> {
+    children: ReactNode;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
     ref?: Ref<HTMLFormElement>;
-    searchId?: string;
 }
-export declare function SearchForm({ inputProps, buttonProps, size, buttonText, buttonIcon, placeholder, label, className, ref, searchId, ...props }: SearchFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchForm({ size, children, defaultValue, value, onValueChange, className, ref, onSubmit, ...props }: SearchFormProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace SearchForm {
+    var Label: ({ children, className, ...props }: SearchFormLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var Control: ({ children, className, ref, ...props }: SearchFormControlProps) => import("react/jsx-runtime").JSX.Element;
+    var Input: ({ className, placeholder, ref, ...props }: SearchFormInputProps) => import("react/jsx-runtime").JSX.Element;
+    var Button: ({ className, children, showSearchIcon, icon, iconPosition, ...props }: SearchFormButtonProps) => import("react/jsx-runtime").JSX.Element;
+    var ClearButton: ({ className, icon, theme, ...props }: SearchFormClearButtonProps) => import("react/jsx-runtime").JSX.Element | null;
     var displayName: string;
 }
-export {};
+interface SearchFormLabelProps extends Omit<LabelProps, "htmlFor" | "size"> {
+}
+interface SearchFormControlProps extends ComponentPropsWithoutRef<"div"> {
+    ref?: Ref<HTMLDivElement>;
+}
+interface SearchFormInputProps extends Omit<InputProps, "size" | "value" | "onChange"> {
+}
+interface SearchFormButtonProps extends Omit<ButtonProps, "size"> {
+    showSearchIcon?: boolean;
+}
+interface SearchFormClearButtonProps extends Omit<ButtonProps, "size" | "onClick" | "type"> {
+}
+export { useSearchFormContext, searchFormVariants };
 //# sourceMappingURL=search-form.d.ts.map

package/dist/src/molecules/search-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAS,MAAM,OAAO,CAAA;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAWvD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;qDAYhB,CAAA;AAsBF,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC,EACvC,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IACnD,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;IACrC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,WAAW,EACX,IAAW,EACX,UAAU,EACV,UAAkB,EAClB,WAAyB,EACzB,KAAK,EACL,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAqDjB;yBAjEe,UAAU"}
+{"version":3,"file":"search-form.d.ts","sourceRoot":"","sources":["../../../src/molecules/search-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAG7B,KAAK,SAAS,EACd,KAAK,GAAG,EAIT,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAGvD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA+CtB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE/C,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAID,iBAAS,oBAAoB,2BAM5B;AAED,MAAM,WAAW,eACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC,EAC7C,IAAI,CAAC,wBAAwB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAA;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAW,EACX,QAAQ,EACR,YAAiB,EACjB,KAAK,EACL,aAAa,EACb,SAAS,EACT,GAAG,EACH,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAgDjB;yBA1De,UAAU;mDAkEvB,oBAAoB;0DAmBpB,sBAAsB;2DAmBtB,oBAAoB;wFA+BpB,qBAAqB;4DA8BrB,0BAA0B;;;AAzG7B,UAAU,oBAAqB,SAAQ,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,MAAM,CAAC;CAAG;AAgB9E,UAAU,sBAAuB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAkBD,UAAU,oBACR,SAAQ,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;CAAG;AA2B5D,UAAU,qBAAsB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AA+BD,UAAU,0BACR,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;CAAG;AA6B3D,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/src/molecules/select.d.ts

@@ -1,34 +1,40 @@
-import * as select from '@zag-js/select';
-import { type ReactNode } from 'react';
-import { type VariantProps } from 'tailwind-variants';
-export interface SelectOption {
+import * as select from "@zag-js/select";
+import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type VariantProps } from "tailwind-variants";
+import { type IconProps } from "../atoms/icon";
+export type SelectSize = "xs" | "sm" | "md" | "lg";
+export type SelectItem = {
     label: ReactNode;
     value: string;
     disabled?: boolean;
     displayValue?: string;
     [key: string]: unknown;
-}
+};
 declare const selectVariants: import("tailwind-variants").TVReturnType<{
     size: {
         xs: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         sm: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         md: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         lg: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
     };
 }, {
@@ -40,28 +46,35 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
     content: string[];
     item: string[];
     itemIndicator: string[];
-    value: string[];
+    itemText: string[];
+    itemGroup: string[];
+    itemGroupLabel: string[];
+    valueText: string[];
 }, undefined, {
     size: {
         xs: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         sm: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         md: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         lg: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
     };
 }, {
@@ -73,28 +86,35 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
     content: string[];
     item: string[];
     itemIndicator: string[];
-    value: string[];
+    itemText: string[];
+    itemGroup: string[];
+    itemGroupLabel: string[];
+    valueText: string[];
 }, import("tailwind-variants").TVReturnType<{
     size: {
         xs: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         sm: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         md: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
         lg: {
             trigger: string;
             item: string;
-            value: string;
+            valueText: string;
+            itemGroupLabel: string;
         };
     };
 }, {
@@ -106,21 +126,95 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
     content: string[];
     item: string[];
     itemIndicator: string[];
-    value: string[];
+    itemText: string[];
+    itemGroup: string[];
+    itemGroupLabel: string[];
+    valueText: string[];
 }, undefined, unknown, unknown, undefined>>;
-export interface SelectProps extends VariantProps<typeof selectVariants>, Omit<select.Props, 'collection' | 'id'> {
-    options: SelectOption[];
-    label?: ReactNode;
-    placeholder?: string;
-    helperText?: string;
-    errorText?: string;
-    className?: string;
+type SelectContextValue = {
+    api: ReturnType<typeof select.connect>;
+    size: SelectSize;
+    items: SelectItem[];
+    validateStatus: "default" | "error" | "success" | "warning";
+};
+declare function useSelectContext(): SelectContextValue;
+export interface SelectProps extends VariantProps<typeof selectVariants>, Omit<select.Props, "collection" | "id" | "invalid"> {
+    items: SelectItem[];
     id?: string;
-    clearIcon?: boolean;
+    className?: string;
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    validateStatus?: "default" | "error" | "success" | "warning";
 }
-export declare function Select({ options, label, placeholder, size, value, defaultValue, multiple, clearIcon, disabled, invalid, required, readOnly, errorText, helperText, closeOnSelect, loopFocus, name, form, onValueChange, onOpenChange, onHighlightChange, onSelect, className, id: providedId, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ items, id: providedId, size, value, defaultValue, multiple, disabled, validateStatus, required, readOnly, closeOnSelect, loopFocus, name, form, onValueChange, onOpenChange, onHighlightChange, className, children, ref, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
+    var Label: ({ children, ...props }: SelectLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var Control: ({ children, className, ref, ...props }: SelectControlProps) => import("react/jsx-runtime").JSX.Element;
+    var Trigger: ({ children, className, size: sizeProp, iconSize, ref, ...props }: SelectTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var ValueText: ({ placeholder, className, size: sizeProp, ref, children, ...props }: SelectValueTextProps) => import("react/jsx-runtime").JSX.Element;
+    var ClearTrigger: ({ className, iconSize, ref, ...props }: SelectClearTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    var Positioner: ({ children, className, ref, ...props }: SelectPositionerProps) => import("react/jsx-runtime").JSX.Element;
+    var Content: ({ children, className, ref, ...props }: SelectContentProps) => import("react/jsx-runtime").JSX.Element;
+    var ItemGroup: ({ id, children, className, ref, ...props }: SelectItemGroupProps) => import("react/jsx-runtime").JSX.Element;
+    var ItemGroupLabel: ({ htmlFor, children, className, ref, ...props }: SelectItemGroupLabelProps) => import("react/jsx-runtime").JSX.Element;
+    var Item: ({ item, children, className, size: sizeProp, ref, ...props }: SelectItemProps) => import("react/jsx-runtime").JSX.Element;
+    var ItemText: ({ children, className, ref, ...props }: SelectItemTextProps) => import("react/jsx-runtime").JSX.Element;
+    var ItemIndicator: ({ className, iconSize, ref, ...props }: SelectItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    var StatusText: ({ status: statusProp, size: sizeProp, showIcon, children, ...props }: SelectStatusTextProps) => import("react/jsx-runtime").JSX.Element;
     var displayName: string;
 }
-export {};
+interface SelectLabelProps extends ComponentPropsWithoutRef<"label"> {
+    ref?: Ref<HTMLLabelElement>;
+}
+interface SelectControlProps extends ComponentPropsWithoutRef<"div"> {
+    ref?: Ref<HTMLDivElement>;
+}
+type SelectTriggerProps = ComponentPropsWithoutRef<"button"> & {
+    size?: SelectSize;
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLButtonElement>;
+};
+interface SelectValueTextProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+    placeholder?: string;
+    size?: SelectSize;
+    ref?: Ref<HTMLSpanElement>;
+    children?: ReactNode | ((items: SelectItem[]) => ReactNode);
+}
+type SelectClearTriggerProps = ComponentPropsWithoutRef<"button"> & {
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLButtonElement>;
+};
+interface SelectPositionerProps extends ComponentPropsWithoutRef<"div"> {
+    ref?: Ref<HTMLDivElement>;
+}
+interface SelectContentProps extends ComponentPropsWithoutRef<"ul"> {
+    ref?: Ref<HTMLUListElement>;
+}
+interface SelectItemGroupProps extends ComponentPropsWithoutRef<"div"> {
+    id: string;
+    ref?: Ref<HTMLDivElement>;
+}
+interface SelectItemGroupLabelProps extends ComponentPropsWithoutRef<"div"> {
+    htmlFor: string;
+    ref?: Ref<HTMLDivElement>;
+}
+interface SelectItemProps extends ComponentPropsWithoutRef<"li"> {
+    item: SelectItem;
+    size?: SelectSize;
+    ref?: Ref<HTMLLIElement>;
+}
+interface SelectItemTextProps extends ComponentPropsWithoutRef<"span"> {
+    ref?: Ref<HTMLSpanElement>;
+}
+type SelectItemIndicatorProps = ComponentPropsWithoutRef<"span"> & {
+    iconSize?: IconProps["size"];
+    ref?: Ref<HTMLSpanElement>;
+};
+interface SelectStatusTextProps extends ComponentPropsWithoutRef<"div"> {
+    status?: "default" | "error" | "success" | "warning";
+    size?: SelectSize;
+    showIcon?: boolean;
+    ref?: Ref<HTMLDivElement>;
+}
+export { useSelectContext, selectVariants };
 //# sourceMappingURL=select.d.ts.map

package/dist/src/molecules/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,KAAK,YAAY,EAAM,MAAM,mBAAmB,CAAA;AAQzD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAGD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwElB,CAAA;AAGF,MAAM,WAAW,WACf,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC,EACzC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACzC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAgC,EAChC,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAgB,EAChB,SAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,aAAoB,EACpB,SAAgB,EAChB,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,UAAU,GACf,EAAE,WAAW,2CA4Hb;yBArJe,MAAM"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/molecules/select.tsx"],"names":[],"mappings":"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"}

package/dist/src/molecules/slider.d.ts

@@ -1,4 +1,4 @@
-import type { VariantProps } from 'tailwind-variants';
+import type { VariantProps } from "tailwind-variants";
 declare const sliderVariants: import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -27,7 +27,6 @@ declare const sliderVariants: import("tailwind-variants").TVReturnType<{
     marker: string[];
     markerLine: string[];
     markerText: string[];
-    footer: string[];
 }, undefined, {
     size: {
         sm: {
@@ -56,7 +55,6 @@ declare const sliderVariants: import("tailwind-variants").TVReturnType<{
     marker: string[];
     markerLine: string[];
     markerText: string[];
-    footer: string[];
 }, import("tailwind-variants").TVReturnType<{
     size: {
         sm: {
@@ -85,15 +83,14 @@ declare const sliderVariants: import("tailwind-variants").TVReturnType<{
     marker: string[];
     markerLine: string[];
     markerText: string[];
-    footer: string[];
 }, undefined, unknown, unknown, undefined>>;
 export interface SliderProps extends VariantProps<typeof sliderVariants> {
     id?: string;
     name?: string;
     label?: string;
-    helperText?: string;
-    error?: boolean;
-    errorText?: string;
+    validateStatus?: "default" | "error" | "success" | "warning";
+    helpText?: string;
+    showHelpTextIcon?: boolean;
     value?: number[];
     defaultValue?: number[];
     min?: number;
@@ -102,10 +99,10 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
     minStepsBetweenThumbs?: number;
     disabled?: boolean;
     readOnly?: boolean;
-    dir?: 'ltr' | 'rtl';
-    orientation?: 'horizontal' | 'vertical';
-    origin?: 'start' | 'center' | 'end';
-    thumbAlignment?: 'center' | 'contain';
+    dir?: "ltr" | "rtl";
+    orientation?: "horizontal" | "vertical";
+    origin?: "start" | "center" | "end";
+    thumbAlignment?: "center" | "contain";
     showMarkers?: boolean;
     markerCount?: number;
     showValueText?: boolean;
@@ -115,6 +112,6 @@ export interface SliderProps extends VariantProps<typeof sliderVariants> {
     onChange?: (values: number[]) => void;
     onChangeEnd?: (values: number[]) => void;
 }
-export declare function Slider({ id, name, label, helperText, error, errorText, value, origin, thumbAlignment, defaultValue, min, max, step, minStepsBetweenThumbs, disabled, readOnly, dir, orientation, size, showMarkers, markerCount, showValueText, formatRangeText, formatValue, className, onChange, onChangeEnd, }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare function Slider({ id, name, label, validateStatus, helpText, showHelpTextIcon, value, origin, thumbAlignment, defaultValue, min, max, step, minStepsBetweenThumbs, disabled, readOnly, dir, orientation, size, showMarkers, markerCount, showValueText, formatRangeText, formatValue, className, onChange, onChangeEnd, }: SliderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=slider.d.ts.map

package/dist/src/molecules/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/molecules/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAMrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0FlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACnC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,MAAM,CAAA;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,cAAyB,EACzB,YAAuB,EACvB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,qBAAyB,EACzB,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,WAA0B,EAC1B,IAAW,EACX,WAAmB,EACnB,WAAe,EACf,aAAqB,EACrB,eAAe,EACf,WAA6C,EAC7C,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,EAAE,WAAW,2CAyIb"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/molecules/slider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAKrD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA2FlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAA;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACnC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IACrC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,MAAM,CAAA;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACrC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,QAAQ,EACR,gBAAuB,EACvB,KAAK,EACL,MAAM,EACN,cAAyB,EACzB,YAAuB,EACvB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,qBAAyB,EACzB,QAAgB,EAChB,QAAgB,EAChB,GAAW,EACX,WAA0B,EAC1B,IAAW,EACX,WAAmB,EACnB,WAAe,EACf,aAAqB,EACrB,eAAe,EACf,WAA6C,EAC7C,SAAS,EACT,QAAQ,EACR,WAAW,GACZ,EAAE,WAAW,2CAkIb"}