@mindlogic-ai/logician-ui 2.0.0 → 3.0.0-alpha.1

package/dist/components/Select/Select.styles.js

@@ -1,88 +1,66 @@
 "use client";
 'use strict';
 
-var react = require('@chakra-ui/react');
-var index = require('../../theme/index.js');
-
-const placeholderStyles = {
-    color: index.default.colors.gray[800],
-    fontSize: index.default.fontSizes.p,
-    fontWeight: index.default.fontWeights.semibold,
-};
-const menuStyles = {
+/**
+ * Select component styles (Chakra v3 compatible)
+ *
+ * Note: These functions accept resolved color values from useToken()
+ * since Chakra v3 doesn't export useTheme() hook.
+ */
+const getPlaceholderStyles = (colors) => ({
+    color: colors.gray600,
+    fontSize: '14px',
+    fontWeight: 'semibold',
+});
+const getMenuStyles = (colors) => ({
     width: 'max-content',
     minWidth: '100%',
-    backgroundColor: index.default.colors.white,
-    borderRadius: index.default.radii.md,
-    border: `1px solid ${index.default.colors.gray[400]}`,
-    marginTop: 3,
+    backgroundColor: 'white',
+    borderRadius: 8,
+    border: `1px solid ${colors.gray300}`,
+    marginTop: 12,
     boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
     zIndex: 9,
-};
-const optionStyles = ({ isDisabled, isFocused, isSelected, }) => ({
+});
+const getOptionStyles = ({ isSelected, isFocused, isDisabled, colors, }) => ({
     cursor: isDisabled ? 'not-allowed' : 'pointer',
-    height: index.default.sizes[9],
-    margin: `${index.default.space[1]} 0`,
-    borderRadius: index.default.radii.sm,
-    fontSize: index.default.fontSizes.p,
-    backgroundColor: isSelected || isFocused || isDisabled
-        ? index.default.colors.gray[50]
-        : index.default.colors.white,
+    minHeight: 36,
+    margin: '4px 0',
+    borderRadius: 4,
+    fontSize: 14,
+    backgroundColor: isSelected || isFocused || isDisabled ? colors.primaryLightest : 'white',
     color: isSelected
-        ? index.default.colors.gray[1500]
+        ? colors.primaryDark
         : isDisabled
-            ? index.default.colors.gray[800]
-            : index.default.colors.gray[1200],
-    fontWeight: isSelected
-        ? index.default.fontWeights.semibold
-        : index.default.fontWeights.normal,
+            ? colors.gray500
+            : colors.gray1200,
+    fontWeight: isSelected ? 700 : 400,
     '&:hover': {
-        backgroundColor: index.default.colors.gray[50],
+        backgroundColor: colors.gray50,
     },
 });
-const controlStyles = {
-    borderRadius: index.default.radii.md,
-    cursor: 'pointer',
-    maxWidth: '100%',
-    height: '100%',
-    color: index.default.colors.gray[1200],
-    fontSize: index.default.fontSizes.p,
-    fontWeight: index.default.fontWeights.semibold,
-    paddingLeft: 4,
-    paddingRight: 3,
-    border: `1px solid ${index.default.colors.gray[400]}`,
-    boxShadow: 'none',
-};
-const getControlVariantStyles = (state, variant) => {
-    const primaryColor = react.useToken('colors', index.default.semanticTokens.colors.primary.main);
-    const dangerColor = react.useToken('colors', index.default.semanticTokens.colors.danger.main);
-    switch (variant) {
-        case 'danger':
-            return {
-                border: `1px solid ${dangerColor}`,
-                boxShadow: `0 0 0 1px ${dangerColor}`,
-            };
-        default:
-            return {
-                fontWeight: index.default.fontWeights.semibold,
-                border: `1px solid ${state.isFocused ? primaryColor : index.default.colors.gray[400]}`,
-                boxShadow: state.isFocused
-                    ? `0 0 0 1px ${primaryColor} !important`
-                    : 'none',
-                '&:hover': state.isFocused
-                    ? {
-                        borderColor: primaryColor,
-                    }
-                    : {
-                        borderColor: react.useToken('colors', 'gray.600'),
-                    },
-            };
+const getControlStyles = (variant, colors) => {
+    const baseStyles = {
+        borderRadius: 6,
+        cursor: 'pointer',
+        minHeight: 40,
+        fontSize: 14,
+        fontWeight: 600,
+        paddingLeft: 4,
+        paddingRight: 3,
+    };
+    if (variant === 'danger') {
+        return {
+            ...baseStyles,
+            border: `1px solid ${colors.dangerColor}`,
+            boxShadow: `0 0 0 1px ${colors.dangerColor}`,
+        };
     }
+    return baseStyles;
 };
 
-exports.controlStyles = controlStyles;
-exports.getControlVariantStyles = getControlVariantStyles;
-exports.menuStyles = menuStyles;
-exports.optionStyles = optionStyles;
-exports.placeholderStyles = placeholderStyles;
+exports.getControlStyles = getControlStyles;
+exports.getMenuStyles = getMenuStyles;
+exports.getOptionStyles = getOptionStyles;
+exports.getPlaceholderStyles = getPlaceholderStyles;
 //# sourceMappingURL=Select.styles.js.map

package/dist/components/Select/Select.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":["theme","useToken"],"mappings":"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"}
+{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAIU,oBAAoB,GAAG,CAAC,MAAoB,MAAM;IAC7D,KAAK,EAAE,MAAM,CAAC,OAAO;AACrB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,UAAU,EAAE,UAAU;AACvB,CAAA;MAEY,aAAa,GAAG,CAAC,MAAoB,MAAM;AACtD,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,MAAM,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,OAAO,CAAA,CAAE;AACrC,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,MAAM,EAAE,CAAC;AACV,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,SAAS,EACT,UAAU,EACV,MAAM,GAMP,MAAM;IACL,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS;AAC9C,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,eAAe,EACb,UAAU,IAAI,SAAS,IAAI,UAAU,GAAG,MAAM,CAAC,eAAe,GAAG,OAAO;AAC1E,IAAA,KAAK,EAAE;UACH,MAAM,CAAC;AACT,UAAE;cACE,MAAM,CAAC;cACP,MAAM,CAAC,QAAQ;IACrB,UAAU,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG;AAClC,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,MAAM;AAC/B,KAAA;AACF,CAAA;MAEY,gBAAgB,GAAG,CAAC,OAAe,EAAE,MAAoB,KAAI;AACxE,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,CAAC;KAChB;AAED,IAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;QACxB,OAAO;AACL,YAAA,GAAG,UAAU;AACb,YAAA,MAAM,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,WAAW,CAAA,CAAE;AACzC,YAAA,SAAS,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,WAAW,CAAA,CAAE;SAC7C;IACH;AAEA,IAAA,OAAO,UAAU;AACnB;;;;;;;"}

package/dist/components/Select/Select.styles.mjs

@@ -1,82 +1,61 @@
 "use client";
-import { useToken } from '@chakra-ui/react';
-import theme from '../../theme/index.mjs';
-
-const placeholderStyles = {
-    color: theme.colors.gray[800],
-    fontSize: theme.fontSizes.p,
-    fontWeight: theme.fontWeights.semibold,
-};
-const menuStyles = {
+/**
+ * Select component styles (Chakra v3 compatible)
+ *
+ * Note: These functions accept resolved color values from useToken()
+ * since Chakra v3 doesn't export useTheme() hook.
+ */
+const getPlaceholderStyles = (colors) => ({
+    color: colors.gray600,
+    fontSize: '14px',
+    fontWeight: 'semibold',
+});
+const getMenuStyles = (colors) => ({
     width: 'max-content',
     minWidth: '100%',
-    backgroundColor: theme.colors.white,
-    borderRadius: theme.radii.md,
-    border: `1px solid ${theme.colors.gray[400]}`,
-    marginTop: 3,
+    backgroundColor: 'white',
+    borderRadius: 8,
+    border: `1px solid ${colors.gray300}`,
+    marginTop: 12,
     boxShadow: '0px 5px 20px 0px rgba(0, 0, 0, 0.10)',
     zIndex: 9,
-};
-const optionStyles = ({ isDisabled, isFocused, isSelected, }) => ({
+});
+const getOptionStyles = ({ isSelected, isFocused, isDisabled, colors, }) => ({
     cursor: isDisabled ? 'not-allowed' : 'pointer',
-    height: theme.sizes[9],
-    margin: `${theme.space[1]} 0`,
-    borderRadius: theme.radii.sm,
-    fontSize: theme.fontSizes.p,
-    backgroundColor: isSelected || isFocused || isDisabled
-        ? theme.colors.gray[50]
-        : theme.colors.white,
+    minHeight: 36,
+    margin: '4px 0',
+    borderRadius: 4,
+    fontSize: 14,
+    backgroundColor: isSelected || isFocused || isDisabled ? colors.primaryLightest : 'white',
     color: isSelected
-        ? theme.colors.gray[1500]
+        ? colors.primaryDark
         : isDisabled
-            ? theme.colors.gray[800]
-            : theme.colors.gray[1200],
-    fontWeight: isSelected
-        ? theme.fontWeights.semibold
-        : theme.fontWeights.normal,
+            ? colors.gray500
+            : colors.gray1200,
+    fontWeight: isSelected ? 700 : 400,
     '&:hover': {
-        backgroundColor: theme.colors.gray[50],
+        backgroundColor: colors.gray50,
     },
 });
-const controlStyles = {
-    borderRadius: theme.radii.md,
-    cursor: 'pointer',
-    maxWidth: '100%',
-    height: '100%',
-    color: theme.colors.gray[1200],
-    fontSize: theme.fontSizes.p,
-    fontWeight: theme.fontWeights.semibold,
-    paddingLeft: 4,
-    paddingRight: 3,
-    border: `1px solid ${theme.colors.gray[400]}`,
-    boxShadow: 'none',
-};
-const getControlVariantStyles = (state, variant) => {
-    const primaryColor = useToken('colors', theme.semanticTokens.colors.primary.main);
-    const dangerColor = useToken('colors', theme.semanticTokens.colors.danger.main);
-    switch (variant) {
-        case 'danger':
-            return {
-                border: `1px solid ${dangerColor}`,
-                boxShadow: `0 0 0 1px ${dangerColor}`,
-            };
-        default:
-            return {
-                fontWeight: theme.fontWeights.semibold,
-                border: `1px solid ${state.isFocused ? primaryColor : theme.colors.gray[400]}`,
-                boxShadow: state.isFocused
-                    ? `0 0 0 1px ${primaryColor} !important`
-                    : 'none',
-                '&:hover': state.isFocused
-                    ? {
-                        borderColor: primaryColor,
-                    }
-                    : {
-                        borderColor: useToken('colors', 'gray.600'),
-                    },
-            };
+const getControlStyles = (variant, colors) => {
+    const baseStyles = {
+        borderRadius: 6,
+        cursor: 'pointer',
+        minHeight: 40,
+        fontSize: 14,
+        fontWeight: 600,
+        paddingLeft: 4,
+        paddingRight: 3,
+    };
+    if (variant === 'danger') {
+        return {
+            ...baseStyles,
+            border: `1px solid ${colors.dangerColor}`,
+            boxShadow: `0 0 0 1px ${colors.dangerColor}`,
+        };
     }
+    return baseStyles;
 };
 
-export { controlStyles, getControlVariantStyles, menuStyles, optionStyles, placeholderStyles };
+export { getControlStyles, getMenuStyles, getOptionStyles, getPlaceholderStyles };
 //# sourceMappingURL=Select.styles.mjs.map

package/dist/components/Select/Select.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.styles.mjs","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;AAKG;MAIU,oBAAoB,GAAG,CAAC,MAAoB,MAAM;IAC7D,KAAK,EAAE,MAAM,CAAC,OAAO;AACrB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,UAAU,EAAE,UAAU;AACvB,CAAA;MAEY,aAAa,GAAG,CAAC,MAAoB,MAAM;AACtD,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,QAAQ,EAAE,MAAM;AAChB,IAAA,eAAe,EAAE,OAAO;AACxB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,MAAM,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,OAAO,CAAA,CAAE;AACrC,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,SAAS,EAAE,sCAAsC;AACjD,IAAA,MAAM,EAAE,CAAC;AACV,CAAA;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,SAAS,EACT,UAAU,EACV,MAAM,GAMP,MAAM;IACL,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS;AAC9C,IAAA,SAAS,EAAE,EAAE;AACb,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,eAAe,EACb,UAAU,IAAI,SAAS,IAAI,UAAU,GAAG,MAAM,CAAC,eAAe,GAAG,OAAO;AAC1E,IAAA,KAAK,EAAE;UACH,MAAM,CAAC;AACT,UAAE;cACE,MAAM,CAAC;cACP,MAAM,CAAC,QAAQ;IACrB,UAAU,EAAE,UAAU,GAAG,GAAG,GAAG,GAAG;AAClC,IAAA,SAAS,EAAE;QACT,eAAe,EAAE,MAAM,CAAC,MAAM;AAC/B,KAAA;AACF,CAAA;MAEY,gBAAgB,GAAG,CAAC,OAAe,EAAE,MAAoB,KAAI;AACxE,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,YAAY,EAAE,CAAC;AACf,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,WAAW,EAAE,CAAC;AACd,QAAA,YAAY,EAAE,CAAC;KAChB;AAED,IAAA,IAAI,OAAO,KAAK,QAAQ,EAAE;QACxB,OAAO;AACL,YAAA,GAAG,UAAU;AACb,YAAA,MAAM,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,WAAW,CAAA,CAAE;AACzC,YAAA,SAAS,EAAE,CAAA,UAAA,EAAa,MAAM,CAAC,WAAW,CAAA,CAAE;SAC7C;IACH;AAEA,IAAA,OAAO,UAAU;AACnB;;;;"}

package/dist/components/Select/Select.types.d.ts

@@ -2,8 +2,7 @@ import { GroupBase, Props } from 'react-select';
 export type SelectVariant = 'default' | 'danger';
 export type SelectProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = Props<Option, IsMulti, Group> & {
     variant?: SelectVariant;
-    optionHeight?: number;
-    maxHeight?: number;
+    invalid?: boolean;
 };
 export type SelectOption<T> = {
     label: string;

package/dist/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,WAAW,CACrB,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,IAC7B,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,WAAW,CACrB,MAAM,EACN,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,IAC7B,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,GAAG;IAClC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV,CAAC"}

package/dist/components/Slider/Slider.d.ts

@@ -1,3 +1,12 @@
 import { SliderProps } from './Slider.types';
+/**
+ * Slider component using Chakra UI v3 API.
+ *
+ * Uses v3 API pattern:
+ * - value: number[]
+ * - onValueChange: (details) => void
+ *
+ * Automatically wraps children in SliderControl if not already wrapped.
+ */
 export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Slider.d.ts.map

package/dist/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,wGAIlB,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,wGAiClB,CAAC"}

package/dist/components/Slider/Slider.js

@@ -4,9 +4,25 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var SliderControl = require('./SliderControl/SliderControl.js');
 
-const Slider = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.Slider, { isolation: "isolate", ref: ref, ...rest });
+/**
+ * Slider component using Chakra UI v3 API.
+ *
+ * Uses v3 API pattern:
+ * - value: number[]
+ * - onValueChange: (details) => void
+ *
+ * Automatically wraps children in SliderControl if not already wrapped.
+ */
+const Slider = React.forwardRef(({ value, defaultValue, onValueChange, children, ...rest }, ref) => {
+    // Check if children already contains SliderControl
+    const hasSliderControl = React.Children.toArray(children).some((child) => React.isValidElement(child) &&
+        (child.type === SliderControl.SliderControl ||
+            child.type?.displayName === 'SliderControl'));
+    // Wrap children in SliderControl if not already wrapped
+    const wrappedChildren = hasSliderControl ? (children) : (jsxRuntime.jsx(SliderControl.SliderControl, { children: children }));
+    return (jsxRuntime.jsx(react.Slider.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: wrappedChildren }));
 });
 Slider.displayName = 'Slider';
 

package/dist/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSlider"],"mappings":";;;;;;;AAKO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CAAC,EAAE,GAAG,IAAI,EAAe,EAAE,GAAkC,KAAI;AAC/D,IAAA,OAAOC,cAAA,CAACC,YAAY,EAAA,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,GAAI;AACjE,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["forwardRef","Children","isValidElement","SliderControl","_jsx","ChakraSlider"],"mappings":";;;;;;;;AAMA;;;;;;;;AAQG;MACU,MAAM,GAAGA,gBAAU,CAC9B,CACE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAe,EACtE,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAGC,cAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJC,oBAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAKC,2BAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERC,cAAA,CAACD,2BAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;AAED,IAAA,QACEC,cAAA,CAACC,YAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EAAA,QAAA,EAEP,eAAe,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Slider/Slider.mjs

@@ -1,10 +1,26 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, Children, isValidElement } from 'react';
 import { Slider as Slider$1 } from '@chakra-ui/react';
+import { SliderControl } from './SliderControl/SliderControl.mjs';
 
-const Slider = forwardRef(({ ...rest }, ref) => {
-    return jsx(Slider$1, { isolation: "isolate", ref: ref, ...rest });
+/**
+ * Slider component using Chakra UI v3 API.
+ *
+ * Uses v3 API pattern:
+ * - value: number[]
+ * - onValueChange: (details) => void
+ *
+ * Automatically wraps children in SliderControl if not already wrapped.
+ */
+const Slider = forwardRef(({ value, defaultValue, onValueChange, children, ...rest }, ref) => {
+    // Check if children already contains SliderControl
+    const hasSliderControl = Children.toArray(children).some((child) => isValidElement(child) &&
+        (child.type === SliderControl ||
+            child.type?.displayName === 'SliderControl'));
+    // Wrap children in SliderControl if not already wrapped
+    const wrappedChildren = hasSliderControl ? (children) : (jsx(SliderControl, { children: children }));
+    return (jsx(Slider$1.Root, { isolation: "isolate", ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange, ...rest, children: wrappedChildren }));
 });
 Slider.displayName = 'Slider';
 

package/dist/components/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSlider"],"mappings":";;;;;AAKO,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,GAAG,IAAI,EAAe,EAAE,GAAkC,KAAI;AAC/D,IAAA,OAAOA,GAAA,CAACC,QAAY,EAAA,EAAC,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,IAAI,GAAI;AACjE,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Slider.mjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSlider"],"mappings":";;;;;;AAMA;;;;;;;;AAQG;MACU,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAe,EACtE,GAAkC,KAChC;;AAEF,IAAA,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CACtD,CAAC,KAAK,KACJ,cAAc,CAAC,KAAK,CAAC;AACrB,SAAC,KAAK,CAAC,IAAI,KAAK,aAAa;YAC1B,KAAK,CAAC,IAAY,EAAE,WAAW,KAAK,eAAe,CAAC,CAC1D;;AAGD,IAAA,MAAM,eAAe,GAAG,gBAAgB,IACtC,QAAQ,KAERA,GAAA,CAAC,aAAa,cAAE,QAAQ,EAAA,CAAiB,CAC1C;AAED,IAAA,QACEA,GAAA,CAACC,QAAY,CAAC,IAAI,EAAA,EAChB,SAAS,EAAC,SAAS,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EAAA,QAAA,EAEP,eAAe,EAAA,CACE;AAExB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Slider/Slider.types.d.ts

@@ -1,4 +1,12 @@
-import { SliderProps as ChakraSliderProps } from '@chakra-ui/react';
-export interface SliderProps extends ChakraSliderProps {
+import { ReactNode } from 'react';
+import { Slider } from '@chakra-ui/react';
+export interface SliderProps extends Omit<Slider.RootProps, 'value' | 'defaultValue' | 'onValueChange'> {
+    /** Slider value as array */
+    value?: number[];
+    /** Default slider value as array */
+    defaultValue?: number[];
+    /** Callback when slider value changes */
+    onValueChange?: Slider.RootProps['onValueChange'];
+    children?: ReactNode;
 }
 //# sourceMappingURL=Slider.types.d.ts.map

package/dist/components/Slider/Slider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,MAAM,WAAW,WAAY,SAAQ,iBAAiB;CAAG"}
+{"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,MAAM,CAAC,SAAS,EAChB,OAAO,GAAG,cAAc,GAAG,eAAe,CAC3C;IACC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/dist/components/Slider/SliderControl/SliderControl.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface SliderControlProps {
+    children?: ReactNode;
+}
+export declare const SliderControl: import("react").ForwardRefExoticComponent<SliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SliderControl.d.ts.map

package/dist/components/Slider/SliderControl/SliderControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderControl.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderControl/SliderControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,+GAWzB,CAAC"}

package/dist/components/Slider/SliderControl/SliderControl.js

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+
+const SliderControl = React.forwardRef(({ children, ...rest }, ref) => {
+    return (jsxRuntime.jsx(react.Slider.Control, { ...rest, ref: ref, children: children }));
+});
+SliderControl.displayName = 'SliderControl';
+
+exports.SliderControl = SliderControl;
+//# sourceMappingURL=SliderControl.js.map

package/dist/components/Slider/SliderControl/SliderControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderControl.js","sources":["../../../../src/components/Slider/SliderControl/SliderControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAOO,MAAM,aAAa,GAAGA,gBAAU,CACrC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,EACzC,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,OAAO,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAC/B,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/components/Slider/SliderControl/SliderControl.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Slider } from '@chakra-ui/react';
+
+const SliderControl = forwardRef(({ children, ...rest }, ref) => {
+    return (jsx(Slider.Control, { ...rest, ref: ref, children: children }));
+});
+SliderControl.displayName = 'SliderControl';
+
+export { SliderControl };
+//# sourceMappingURL=SliderControl.mjs.map

package/dist/components/Slider/SliderControl/SliderControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderControl.mjs","sources":["../../../../src/components/Slider/SliderControl/SliderControl.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOO,MAAM,aAAa,GAAG,UAAU,CACrC,CACE,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,EACzC,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,OAAO,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAC/B,QAAQ,EAAA,CACM;AAErB,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/components/Slider/SliderControl/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SliderControl';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/SliderControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderControl/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,mHAM7B,CAAC"}
+{"version":3,"file":"SliderFilledTrack.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,mHAa7B,CAAC"}

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.js

@@ -6,7 +6,9 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const SliderFilledTrack = React.forwardRef(({ ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.SliderFilledTrack, { bgColor: "primary.main", ...rest, ref: ref }));
+    return (jsxRuntime.jsx(react.Slider.Range, { bg: "primary.main", _disabled: {
+            bg: 'gray.400',
+        }, ...rest, ref: ref }));
 });
 SliderFilledTrack.displayName = 'SliderFilledTrack';
 

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSliderFilledTrack"],"mappings":";;;;;;;AAKO,MAAM,iBAAiB,GAAGA,gBAAU,CACzC,CAAC,EAAE,GAAG,IAAI,EAA0B,EAAE,GAAkC,KAAI;AAC1E,IAAA,QACEC,cAAA,CAACC,uBAAuB,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAE1E,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"SliderFilledTrack.js","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,iBAAiB,GAAGA,gBAAU,CACzC,CAAC,EAAE,GAAG,IAAI,EAA0B,EAAE,GAAkC,KAAI;IAC1E,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,EAAE,EAAC,cAAc,EACjB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACf,SAAA,EAAA,GACG,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.mjs

@@ -1,10 +1,12 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { SliderFilledTrack as SliderFilledTrack$1 } from '@chakra-ui/react';
+import { Slider } from '@chakra-ui/react';
 
 const SliderFilledTrack = forwardRef(({ ...rest }, ref) => {
-    return (jsx(SliderFilledTrack$1, { bgColor: "primary.main", ...rest, ref: ref }));
+    return (jsx(Slider.Range, { bg: "primary.main", _disabled: {
+            bg: 'gray.400',
+        }, ...rest, ref: ref }));
 });
 SliderFilledTrack.displayName = 'SliderFilledTrack';
 

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.mjs","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSliderFilledTrack"],"mappings":";;;;;AAKO,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,GAAG,IAAI,EAA0B,EAAE,GAAkC,KAAI;AAC1E,IAAA,QACEA,GAAA,CAACC,mBAAuB,EAAA,EAAC,OAAO,EAAC,cAAc,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAE1E,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"SliderFilledTrack.mjs","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,iBAAiB,GAAG,UAAU,CACzC,CAAC,EAAE,GAAG,IAAI,EAA0B,EAAE,GAAkC,KAAI;IAC1E,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,EAAE,EAAC,cAAc,EACjB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACf,SAAA,EAAA,GACG,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.types.d.ts

@@ -1,4 +1,4 @@
-import { SliderTrackProps as ChakraSliderFilledTrackProps } from '@chakra-ui/react';
-export interface SliderFilledTrackProps extends ChakraSliderFilledTrackProps {
+import { Slider } from '@chakra-ui/react';
+export interface SliderFilledTrackProps extends Slider.RangeProps {
 }
 //# sourceMappingURL=SliderFilledTrack.types.d.ts.map

package/dist/components/Slider/SliderFilledTrack/SliderFilledTrack.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderFilledTrack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAEpF,MAAM,WAAW,sBAAuB,SAAQ,4BAA4B;CAAG"}
+{"version":3,"file":"SliderFilledTrack.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderFilledTrack/SliderFilledTrack.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,sBAAuB,SAAQ,MAAM,CAAC,UAAU;CAAG"}

package/dist/components/Slider/SliderMark/SliderMark.js

@@ -6,7 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const SliderMark = React.forwardRef(({ ...rest }, ref) => {
-    return jsxRuntime.jsx(react.SliderMark, { ...rest, ref: ref });
+    return jsxRuntime.jsx(react.Slider.Marker, { ...rest, ref: ref });
 });
 SliderMark.displayName = 'SliderMark';
 

package/dist/components/Slider/SliderMark/SliderMark.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderMark.js","sources":["../../../../src/components/Slider/SliderMark/SliderMark.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSliderMark"],"mappings":";;;;;;;AAKO,MAAM,UAAU,GAAGA,gBAAU,CAClC,CAAC,EAAE,GAAG,IAAI,EAAmB,EAAE,GAAkC,KAAI;IACnE,OAAOC,cAAA,CAACC,gBAAgB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACjD,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"SliderMark.js","sources":["../../../../src/components/Slider/SliderMark/SliderMark.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAKO,MAAM,UAAU,GAAGA,gBAAU,CAClC,CAAC,EAAE,GAAG,IAAI,EAAmB,EAAE,GAAkC,KAAI;IACnE,OAAOC,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC9C,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/Slider/SliderMark/SliderMark.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { SliderMark as SliderMark$1 } from '@chakra-ui/react';
+import { Slider } from '@chakra-ui/react';
 
 const SliderMark = forwardRef(({ ...rest }, ref) => {
-    return jsx(SliderMark$1, { ...rest, ref: ref });
+    return jsx(Slider.Marker, { ...rest, ref: ref });
 });
 SliderMark.displayName = 'SliderMark';
 

package/dist/components/Slider/SliderMark/SliderMark.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderMark.mjs","sources":["../../../../src/components/Slider/SliderMark/SliderMark.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSliderMark"],"mappings":";;;;;AAKO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,GAAG,IAAI,EAAmB,EAAE,GAAkC,KAAI;IACnE,OAAOA,GAAA,CAACC,YAAgB,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AACjD,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
+{"version":3,"file":"SliderMark.mjs","sources":["../../../../src/components/Slider/SliderMark/SliderMark.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAKO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,GAAG,IAAI,EAAmB,EAAE,GAAkC,KAAI;IACnE,OAAOA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI;AAC9C,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/Slider/SliderMark/SliderMark.types.d.ts

@@ -1,4 +1,4 @@
-import { SliderMarkProps as ChakraSliderMarkProps } from '@chakra-ui/react';
-export interface SliderMarkProps extends ChakraSliderMarkProps {
+import { Slider } from '@chakra-ui/react';
+export interface SliderMarkProps extends Slider.MarkerProps {
 }
 //# sourceMappingURL=SliderMark.types.d.ts.map

package/dist/components/Slider/SliderMark/SliderMark.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderMark.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderMark/SliderMark.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;CAAG"}
+{"version":3,"file":"SliderMark.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/SliderMark/SliderMark.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,MAAM,CAAC,WAAW;CAAG"}

package/dist/components/Slider/SliderThumb/SliderThumb.d.ts

@@ -1,3 +1,5 @@
 import { SliderThumbProps } from './SliderThumb.types';
-export declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & {
+    index?: number;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=SliderThumb.d.ts.map