@veeqo/ui 13.11.2 → 13.12.1

package/dist/components/Slider/hooks/useSliderKeyboard.js

@@ -0,0 +1,83 @@
+import { useCallback } from 'react';
+import { calculateSliderValue } from '../utils/calculateSliderValue.js';
+
+/**
+ * Hook that manages keyboard navigation for slider handles.
+ * Handles arrow keys, Home, and End keys with proper boundary constraints.
+ * Returns a keyboard event handler to attach to slider handles.
+ */
+const useSliderKeyboard = ({ value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef, }) => {
+    const handleKeyDown = useCallback((handle) => (e) => {
+        var _a;
+        if (disabled)
+            return;
+        let currentValue;
+        if (Array.isArray(value)) {
+            currentValue = handle === 'start' ? value[0] : value[1];
+        }
+        else {
+            currentValue = value;
+        }
+        let newValue;
+        switch (e.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                e.preventDefault();
+                newValue = calculateSliderValue({
+                    currentValue,
+                    targetValue: currentValue + step,
+                    min,
+                    max,
+                    step,
+                });
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                e.preventDefault();
+                newValue = calculateSliderValue({
+                    currentValue,
+                    targetValue: currentValue - step,
+                    min,
+                    max,
+                    step,
+                });
+                break;
+            case 'Home':
+                e.preventDefault();
+                newValue = min;
+                break;
+            case 'End':
+                e.preventDefault();
+                newValue = max;
+                break;
+            default:
+                return;
+        }
+        let resultValue;
+        if (Array.isArray(value)) {
+            const newStart = handle === 'start' ? newValue : value[0];
+            const newEnd = handle === 'end' ? newValue : value[1];
+            // If handles cross, swap them and switch focus to continue movement
+            if (newStart > newEnd) {
+                resultValue = [newEnd, newStart];
+                const newHandle = handle === 'start' ? 'end' : 'start';
+                setFocusedHandle(newHandle);
+                const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;
+                (_a = targetRef.current) === null || _a === undefined ? undefined : _a.focus();
+            }
+            else {
+                resultValue = [newStart, newEnd];
+            }
+        }
+        else {
+            resultValue = newValue;
+        }
+        onChange(resultValue);
+    }, [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef]);
+    return {
+        handleKeyDown,
+    };
+};
+
+export { useSliderKeyboard };
+//# sourceMappingURL=useSliderKeyboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderKeyboard.js","sources":["../../../../src/components/Slider/hooks/useSliderKeyboard.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { calculateSliderValue } from '../utils';\nimport { UseSliderKeyboardProps } from './types';\n\n/**\n * Hook that manages keyboard navigation for slider handles.\n * Handles arrow keys, Home, and End keys with proper boundary constraints.\n * Returns a keyboard event handler to attach to slider handles.\n */\nexport const useSliderKeyboard = ({\n  value,\n  min,\n  max,\n  step,\n  disabled,\n  onChange,\n  setFocusedHandle,\n  startHandleRef,\n  endHandleRef,\n}: UseSliderKeyboardProps) => {\n  const handleKeyDown = useCallback(\n    (handle: 'start' | 'end') => (e: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let currentValue: number;\n      if (Array.isArray(value)) {\n        currentValue = handle === 'start' ? value[0] : value[1];\n      } else {\n        currentValue = value as number;\n      }\n\n      let newValue: number;\n\n      switch (e.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue + step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          e.preventDefault();\n          newValue = calculateSliderValue({\n            currentValue,\n            targetValue: currentValue - step,\n            min,\n            max,\n            step,\n          });\n          break;\n        case 'Home':\n          e.preventDefault();\n          newValue = min;\n          break;\n        case 'End':\n          e.preventDefault();\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      let resultValue: number | number[];\n\n      if (Array.isArray(value)) {\n        const newStart = handle === 'start' ? newValue : value[0];\n        const newEnd = handle === 'end' ? newValue : value[1];\n\n        // If handles cross, swap them and switch focus to continue movement\n        if (newStart > newEnd) {\n          resultValue = [newEnd, newStart];\n          const newHandle = handle === 'start' ? 'end' : 'start';\n          setFocusedHandle(newHandle);\n          const targetRef = newHandle === 'start' ? startHandleRef : endHandleRef;\n          targetRef.current?.focus();\n        } else {\n          resultValue = [newStart, newEnd];\n        }\n      } else {\n        resultValue = newValue;\n      }\n\n      onChange(resultValue);\n    },\n    [value, min, max, step, disabled, onChange, setFocusedHandle, startHandleRef, endHandleRef],\n  );\n\n  return {\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":";;;AAIA;;;;AAIG;AACU,MAAA,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,YAAY,GACW,KAAI;AAC3B,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,MAAuB,KAAK,CAAC,CAAsB,KAAI;;AACtD,QAAA,IAAI,QAAQ;YAAE;AAEd,QAAA,IAAI,YAAoB;AACxB,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,YAAY,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD;AAAM,aAAA;YACL,YAAY,GAAG,KAAe;AAC/B;AAED,QAAA,IAAI,QAAgB;QAEpB,QAAQ,CAAC,CAAC,GAAG;AACX,YAAA,KAAK,YAAY;AACjB,YAAA,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,oBAAoB,CAAC;oBAC9B,YAAY;oBACZ,WAAW,EAAE,YAAY,GAAG,IAAI;oBAChC,GAAG;oBACH,GAAG;oBACH,IAAI;AACL,iBAAA,CAAC;gBACF;AACF,YAAA,KAAK,MAAM;gBACT,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE;gBAClB,QAAQ,GAAG,GAAG;gBACd;AACF,YAAA;gBACE;AACH;AAED,QAAA,IAAI,WAA8B;AAElC,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;AACxB,YAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACzD,YAAA,MAAM,MAAM,GAAG,MAAM,KAAK,KAAK,GAAG,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;;YAGrD,IAAI,QAAQ,GAAG,MAAM,EAAE;AACrB,gBAAA,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC;AAChC,gBAAA,MAAM,SAAS,GAAG,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,OAAO;gBACtD,gBAAgB,CAAC,SAAS,CAAC;AAC3B,gBAAA,MAAM,SAAS,GAAG,SAAS,KAAK,OAAO,GAAG,cAAc,GAAG,YAAY;AACvE,gBAAA,CAAA,EAAA,GAAA,SAAS,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,KAAK,EAAE;AAC3B;AAAM,iBAAA;AACL,gBAAA,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC;AACjC;AACF;AAAM,aAAA;YACL,WAAW,GAAG,QAAQ;AACvB;QAED,QAAQ,CAAC,WAAW,CAAC;KACtB,EACD,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,YAAY,CAAC,CAC5F;IAED,OAAO;QACL,aAAa;KACd;AACH;;;;"}

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

@@ -1,4 +1,4 @@
-export type SliderComponentPropTypes = {
+export type SliderComponentProps = {
     id?: string;
     value: number | number[];
     min: number;
@@ -6,6 +6,11 @@ export type SliderComponentPropTypes = {
     step?: number;
     className?: string;
     e2eClassName?: string;
+    showFill?: boolean;
+    showValueLabel?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
     onChange: (value: number | number[]) => void;
     onSlideStart?: () => void;
     onSlideEnd?: () => void;
@@ -17,10 +22,4 @@ export type ClassNamesReturnPayload = {
     startSlider?: string;
     endSlider?: string;
 };
-export type DraggingSliderIndex = -1 | 0 | 1;
-export type SliderPropTypes = {
-    left: number;
-};
-export type SliderRangePropTypes = SliderPropTypes & {
-    width: number;
-};
+export type DraggingHandle = null | 'start' | 'end';

package/dist/components/Slider/utils/calculateSliderValue.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+/**
+ * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.
+ */
+const calculateSliderValue = ({ currentValue, targetValue, min, max, step, }) => {
+    var _a, _b;
+    // Fix floating point precision on inputs
+    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === undefined ? undefined : _a.length) !== null && _b !== undefined ? _b : 0;
+    const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));
+    const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));
+    let newValue = fixedTargetValue;
+    // Apply step snapping with directional bias
+    const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));
+    if (diff > 0) {
+        // Moving left/down: use ceil to snap in the direction of movement
+        const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));
+        newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;
+    }
+    else if (diff < 0) {
+        // Moving right/up: use floor to snap in the direction of movement
+        const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));
+        newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;
+    }
+    // Apply boundary constraints
+    newValue = Math.max(min, Math.min(max, newValue));
+    // Fix floating point precision after calculations
+    return Number(newValue.toFixed(decimalPlaces));
+};
+
+exports.calculateSliderValue = calculateSliderValue;
+//# sourceMappingURL=calculateSliderValue.cjs.map

package/dist/components/Slider/utils/calculateSliderValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculateSliderValue.cjs","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":";;AAEA;;AAEG;AACU,MAAA,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gDAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}

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

@@ -0,0 +1,5 @@
+import { CalculateSliderValueProps } from './types';
+/**
+ * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.
+ */
+export declare const calculateSliderValue: ({ currentValue, targetValue, min, max, step, }: CalculateSliderValueProps) => number;

package/dist/components/Slider/utils/calculateSliderValue.js

@@ -0,0 +1,30 @@
+/**
+ * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.
+ */
+const calculateSliderValue = ({ currentValue, targetValue, min, max, step, }) => {
+    var _a, _b;
+    // Fix floating point precision on inputs
+    const decimalPlaces = (_b = (_a = step.toString().split('.')[1]) === null || _a === undefined ? undefined : _a.length) !== null && _b !== undefined ? _b : 0;
+    const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));
+    const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));
+    let newValue = fixedTargetValue;
+    // Apply step snapping with directional bias
+    const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));
+    if (diff > 0) {
+        // Moving left/down: use ceil to snap in the direction of movement
+        const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));
+        newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;
+    }
+    else if (diff < 0) {
+        // Moving right/up: use floor to snap in the direction of movement
+        const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));
+        newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;
+    }
+    // Apply boundary constraints
+    newValue = Math.max(min, Math.min(max, newValue));
+    // Fix floating point precision after calculations
+    return Number(newValue.toFixed(decimalPlaces));
+};
+
+export { calculateSliderValue };
+//# sourceMappingURL=calculateSliderValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calculateSliderValue.js","sources":["../../../../src/components/Slider/utils/calculateSliderValue.ts"],"sourcesContent":["import { CalculateSliderValueProps } from './types';\n\n/**\n * Calculates a new slider value with step snapping, boundary constraints, and decimal precision.\n */\nexport const calculateSliderValue = ({\n  currentValue,\n  targetValue,\n  min,\n  max,\n  step,\n}: CalculateSliderValueProps): number => {\n  // Fix floating point precision on inputs\n  const decimalPlaces = step.toString().split('.')[1]?.length ?? 0;\n  const fixedCurrentValue = Number(currentValue.toFixed(decimalPlaces));\n  const fixedTargetValue = Number(targetValue.toFixed(decimalPlaces));\n\n  let newValue = fixedTargetValue;\n\n  // Apply step snapping with directional bias\n  const diff = Number((fixedCurrentValue - newValue).toFixed(decimalPlaces + 1));\n\n  if (diff > 0) {\n    // Moving left/down: use ceil to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.ceil(deltaValue / step) * step;\n  } else if (diff < 0) {\n    // Moving right/up: use floor to snap in the direction of movement\n    const deltaValue = Number((newValue - fixedCurrentValue).toFixed(decimalPlaces + 1));\n    newValue = fixedCurrentValue + Math.floor(deltaValue / step) * step;\n  }\n\n  // Apply boundary constraints\n  newValue = Math.max(min, Math.min(max, newValue));\n\n  // Fix floating point precision after calculations\n  return Number(newValue.toFixed(decimalPlaces));\n};\n"],"names":[],"mappings":"AAEA;;AAEG;AACU,MAAA,oBAAoB,GAAG,CAAC,EACnC,YAAY,EACZ,WAAW,EACX,GAAG,EACH,GAAG,EACH,IAAI,GACsB,KAAY;;;IAEtC,MAAM,aAAa,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,gDAAE,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,CAAC;IAChE,MAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACrE,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IAEnE,IAAI,QAAQ,GAAG,gBAAgB;;AAG/B,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,iBAAiB,GAAG,QAAQ,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;IAE9E,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEZ,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACnE;SAAM,IAAI,IAAI,GAAG,CAAC,EAAE;;AAEnB,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,QAAQ,GAAG,iBAAiB,EAAE,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC;AACpF,QAAA,QAAQ,GAAG,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,IAAI;AACpE;;AAGD,IAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;;IAGjD,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAChD;;;;"}

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

@@ -0,0 +1 @@
+export { calculateSliderValue } from './calculateSliderValue';

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

@@ -0,0 +1,7 @@
+export type CalculateSliderValueProps = {
+    currentValue: number;
+    targetValue: number;
+    min: number;
+    max: number;
+    step: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "13.11.2",
+  "version": "13.12.1",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",

package/dist/components/Slider/styled.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const TRACK_HEIGHT = 4;
-const BORDER_SIZE = 4;
-const SLIDER_SIZE = 12;
-const ADDITIONAL_PADDING = 2;
-const SliderContainer = styled__default.default.div.withConfig({ displayName: "vui--SliderContainer", componentId: "vui--103oce3" }) `min-width:128px;display:inline-block;position:relative;padding:${SLIDER_SIZE / 2 + ADDITIONAL_PADDING}px 0px;`;
-const SliderTrack = styled__default.default.div.withConfig({ displayName: "vui--SliderTrack", componentId: "vui--1ctzbzj" }) `background:${index.theme.colors.neutral.grey.base};height:${TRACK_HEIGHT}px;border-radius:20px;`;
-const SliderDiv = styled__default.default.div.withConfig({ displayName: "vui--SliderDiv", componentId: "vui--1tltjvk" }) `position:absolute;top:-${(SLIDER_SIZE - TRACK_HEIGHT) / 2 - ADDITIONAL_PADDING * 2}px;left:${(props) => `${props.left}%`};width:${SLIDER_SIZE}px;height:${SLIDER_SIZE}px;background:white;border:${BORDER_SIZE}px solid ${index.theme.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${SLIDER_SIZE}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};}`;
-const SliderRange = styled__default.default(SliderTrack).withConfig({ displayName: "vui--SliderRange", componentId: "vui--t3v3py" }) `position:relative;width:${(props) => `${props.width}%`};left:${(props) => `${props.left}%`};background:${index.theme.colors.secondary.blue.light};bottom:${TRACK_HEIGHT}px;border-radius:0;`;
-
-exports.SliderContainer = SliderContainer;
-exports.SliderDiv = SliderDiv;
-exports.SliderRange = SliderRange;
-exports.SliderTrack = SliderTrack;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/Slider/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Slider/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { SliderPropTypes, SliderRangePropTypes } from './types';\n\nconst TRACK_HEIGHT = 4;\nconst BORDER_SIZE = 4;\nconst SLIDER_SIZE = 12;\nconst ADDITIONAL_PADDING = 2;\n\nconst SliderContainer = styled.div`\n  min-width: 128px;\n  display: inline-block;\n  position: relative;\n  padding: ${SLIDER_SIZE / 2 + ADDITIONAL_PADDING}px 0px;\n`;\n\nconst SliderTrack = styled.div`\n  background: ${theme.colors.neutral.grey.base};\n  height: ${TRACK_HEIGHT}px;\n  border-radius: 20px;\n`;\n\nconst SliderDiv = styled.div<SliderPropTypes>`\n  position: absolute;\n  top: -${(SLIDER_SIZE - TRACK_HEIGHT) / 2 - ADDITIONAL_PADDING * 2}px;\n  left: ${(props) => `${props.left}%`};\n  width: ${SLIDER_SIZE}px;\n  height: ${SLIDER_SIZE}px;\n  background: white;\n  border: ${BORDER_SIZE}px solid ${theme.colors.secondary.blue.base};\n  border-radius: 50%;\n  touch-action: none;\n  cursor: pointer;\n  margin-left: -${SLIDER_SIZE}px;\n\n  &:active,\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst SliderRange = styled(SliderTrack)<SliderRangePropTypes>`\n  position: relative;\n  width: ${(props) => `${props.width}%`};\n  left: ${(props) => `${props.left}%`};\n  background: ${theme.colors.secondary.blue.light};\n  bottom: ${TRACK_HEIGHT}px;\n  border-radius: 0;\n`;\n\nexport { SliderContainer, SliderTrack, SliderRange, SliderDiv };\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAIA,MAAM,YAAY,GAAG,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC;AACrB,MAAM,WAAW,GAAG,EAAE;AACtB,MAAM,kBAAkB,GAAG,CAAC;AAE5B,MAAM,eAAe,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+DAAA,EAIrB,WAAW,GAAG,CAAC,GAAG,kBAAkB,CAAA,OAAA;AAGjD,MAAM,WAAW,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACdC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAClC,QAAA,EAAA,YAAY;AAIlB,MAAA,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAElB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,WAAW,GAAG,YAAY,IAAI,CAAC,GAAG,kBAAkB,GAAG,CAAC,CAAA,QAAA,EACzD,CAAC,KAAK,KAAK,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,CAAA,CAAG,UAC1B,WAAW,CAAA,UAAA,EACV,WAAW,CAAA,2BAAA,EAEX,WAAW,CAAA,SAAA,EAAYC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iEAAA,EAIjD,WAAW,CAAA,wEAAA,EAMDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA;AAI7D,MAAM,WAAW,GAAGD,uBAAM,CAAC,WAAW,CAAC,wGAE5B,CAAC,KAAK,KAAK,CAAG,EAAA,KAAK,CAAC,KAAK,CAAA,CAAA,CAAG,SAC7B,CAAC,KAAK,KAAK,CAAG,EAAA,KAAK,CAAC,IAAI,CAAA,CAAA,CAAG,eACrBC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CACrC,QAAA,EAAA,YAAY;;;;;;;"}

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

@@ -1,8 +0,0 @@
-import { SliderPropTypes } from './types';
-declare const SliderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const SliderTrack: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const SliderDiv: import("styled-components").StyledComponent<"div", any, SliderPropTypes, never>;
-declare const SliderRange: import("styled-components").StyledComponent<"div", any, SliderPropTypes & {
-    width: number;
-}, never>;
-export { SliderContainer, SliderTrack, SliderRange, SliderDiv };

package/dist/components/Slider/styled.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const TRACK_HEIGHT = 4;
-const BORDER_SIZE = 4;
-const SLIDER_SIZE = 12;
-const ADDITIONAL_PADDING = 2;
-const SliderContainer = styled.div.withConfig({ displayName: "vui--SliderContainer", componentId: "vui--103oce3" }) `min-width:128px;display:inline-block;position:relative;padding:${SLIDER_SIZE / 2 + ADDITIONAL_PADDING}px 0px;`;
-const SliderTrack = styled.div.withConfig({ displayName: "vui--SliderTrack", componentId: "vui--1ctzbzj" }) `background:${theme.colors.neutral.grey.base};height:${TRACK_HEIGHT}px;border-radius:20px;`;
-const SliderDiv = styled.div.withConfig({ displayName: "vui--SliderDiv", componentId: "vui--1tltjvk" }) `position:absolute;top:-${(SLIDER_SIZE - TRACK_HEIGHT) / 2 - ADDITIONAL_PADDING * 2}px;left:${(props) => `${props.left}%`};width:${SLIDER_SIZE}px;height:${SLIDER_SIZE}px;background:white;border:${BORDER_SIZE}px solid ${theme.colors.secondary.blue.base};border-radius:50%;touch-action:none;cursor:pointer;margin-left:-${SLIDER_SIZE}px;&:active,&:focus,&:focus-visible,&:focus-within{box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};}`;
-const SliderRange = styled(SliderTrack).withConfig({ displayName: "vui--SliderRange", componentId: "vui--t3v3py" }) `position:relative;width:${(props) => `${props.width}%`};left:${(props) => `${props.left}%`};background:${theme.colors.secondary.blue.light};bottom:${TRACK_HEIGHT}px;border-radius:0;`;
-
-export { SliderContainer, SliderDiv, SliderRange, SliderTrack };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Slider/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { SliderPropTypes, SliderRangePropTypes } from './types';\n\nconst TRACK_HEIGHT = 4;\nconst BORDER_SIZE = 4;\nconst SLIDER_SIZE = 12;\nconst ADDITIONAL_PADDING = 2;\n\nconst SliderContainer = styled.div`\n  min-width: 128px;\n  display: inline-block;\n  position: relative;\n  padding: ${SLIDER_SIZE / 2 + ADDITIONAL_PADDING}px 0px;\n`;\n\nconst SliderTrack = styled.div`\n  background: ${theme.colors.neutral.grey.base};\n  height: ${TRACK_HEIGHT}px;\n  border-radius: 20px;\n`;\n\nconst SliderDiv = styled.div<SliderPropTypes>`\n  position: absolute;\n  top: -${(SLIDER_SIZE - TRACK_HEIGHT) / 2 - ADDITIONAL_PADDING * 2}px;\n  left: ${(props) => `${props.left}%`};\n  width: ${SLIDER_SIZE}px;\n  height: ${SLIDER_SIZE}px;\n  background: white;\n  border: ${BORDER_SIZE}px solid ${theme.colors.secondary.blue.base};\n  border-radius: 50%;\n  touch-action: none;\n  cursor: pointer;\n  margin-left: -${SLIDER_SIZE}px;\n\n  &:active,\n  &:focus,\n  &:focus-visible,\n  &:focus-within {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst SliderRange = styled(SliderTrack)<SliderRangePropTypes>`\n  position: relative;\n  width: ${(props) => `${props.width}%`};\n  left: ${(props) => `${props.left}%`};\n  background: ${theme.colors.secondary.blue.light};\n  bottom: ${TRACK_HEIGHT}px;\n  border-radius: 0;\n`;\n\nexport { SliderContainer, SliderTrack, SliderRange, SliderDiv };\n"],"names":[],"mappings":";;;AAIA,MAAM,YAAY,GAAG,CAAC;AACtB,MAAM,WAAW,GAAG,CAAC;AACrB,MAAM,WAAW,GAAG,EAAE;AACtB,MAAM,kBAAkB,GAAG,CAAC;AAE5B,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+DAAA,EAIrB,WAAW,GAAG,CAAC,GAAG,kBAAkB,CAAA,OAAA;AAGjD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAClC,QAAA,EAAA,YAAY;AAIlB,MAAA,SAAS,GAAG,MAAM,CAAC,GAAG,CAElB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uBAAA,EAAA,CAAC,WAAW,GAAG,YAAY,IAAI,CAAC,GAAG,kBAAkB,GAAG,CAAC,CAAA,QAAA,EACzD,CAAC,KAAK,KAAK,CAAA,EAAG,KAAK,CAAC,IAAI,CAAA,CAAA,CAAG,UAC1B,WAAW,CAAA,UAAA,EACV,WAAW,CAAA,2BAAA,EAEX,WAAW,CAAA,SAAA,EAAY,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,iEAAA,EAIjD,WAAW,CAAA,wEAAA,EAMD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA;AAI7D,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,wGAE5B,CAAC,KAAK,KAAK,CAAG,EAAA,KAAK,CAAC,KAAK,CAAA,CAAA,CAAG,SAC7B,CAAC,KAAK,KAAK,CAAG,EAAA,KAAK,CAAC,IAAI,CAAA,CAAA,CAAG,eACrB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CACrC,QAAA,EAAA,YAAY;;;;"}