@1money/component-ui 0.0.1

package/es/components/Skeleton/Skeleton.js

@@ -0,0 +1,49 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+export var Skeleton = function Skeleton(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'skeleton' : _props$prefixCls,
+    _props$shape = props.shape,
+    shape = _props$shape === void 0 ? 'rectangle' : _props$shape,
+    size = props.size,
+    _props$animation = props.animation,
+    animation = _props$animation === void 0 ? 'wave' : _props$animation,
+    _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '1rem' : _props$height,
+    borderRadius = props.borderRadius,
+    style = props.style,
+    _ref = props.ref,
+    rest = __rest(props, ["className", "prefixCls", "shape", "size", "animation", "width", "height", "borderRadius", "style", "ref"]);
+  var classes = classnames(prefixCls);
+  var inlineStyle = size ? Object.assign({
+    width: size,
+    height: size,
+    borderRadius: borderRadius
+  }, style) : Object.assign({
+    width: width,
+    height: height,
+    borderRadius: borderRadius
+  }, style);
+  return _jsx("div", Object.assign({}, rest, {
+    ref: _ref,
+    "aria-hidden": "true",
+    className: classes(void 0, joinCls(shape === 'circle' ? classes('circle') : '', animation === 'none' ? classes('none') : '', className)),
+    style: inlineStyle
+  }));
+};
+export default /*#__PURE__*/memo(Skeleton);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2tlbGV0b24vU2tlbGV0b24uanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL1NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6WyJfX3Jlc3QiLCJzIiwiZSIsInQiLCJwIiwiT2JqZWN0IiwicHJvdG90eXBlIiwiaGFzT3duUHJvcGVydHkiLCJjYWxsIiwiaW5kZXhPZiIsImdldE93blByb3BlcnR5U3ltYm9scyIsImkiLCJsZW5ndGgiLCJwcm9wZXJ0eUlzRW51bWVyYWJsZSIsImpzeCIsIl9qc3giLCJtZW1vIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiU2tlbGV0b24iLCJwcm9wcyIsIl9wcm9wcyRjbGFzc05hbWUiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiX3Byb3BzJHNoYXBlIiwic2hhcGUiLCJzaXplIiwiX3Byb3BzJGFuaW1hdGlvbiIsImFuaW1hdGlvbiIsIl9wcm9wcyR3aWR0aCIsIndpZHRoIiwiX3Byb3BzJGhlaWdodCIsImhlaWdodCIsImJvcmRlclJhZGl1cyIsInN0eWxlIiwiX3JlZiIsInJlZiIsInJlc3QiLCJjbGFzc2VzIiwiaW5saW5lU3R5bGUiLCJhc3NpZ24iXSwibWFwcGluZ3MiOiJBQUFBLElBQUlBLE1BQU0sR0FBSSxJQUFJLElBQUksSUFBSSxDQUFDQSxNQUFNLElBQUssVUFBVUMsQ0FBQyxFQUFFQyxDQUFDLEVBQUU7RUFDbEQsSUFBSUMsQ0FBQyxHQUFHLENBQUMsQ0FBQztFQUNWLEtBQUssSUFBSUMsQ0FBQyxJQUFJSCxDQUFDLEVBQUUsSUFBSUksTUFBTSxDQUFDQyxTQUFTLENBQUNDLGNBQWMsQ0FBQ0MsSUFBSSxDQUFDUCxDQUFDLEVBQUVHLENBQUMsQ0FBQyxJQUFJRixDQUFDLENBQUNPLE9BQU8sQ0FBQ0wsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxFQUMvRUQsQ0FBQyxDQUFDQyxDQUFDLENBQUMsR0FBR0gsQ0FBQyxDQUFD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LENBQUEsQ0FBQSxDQUFBLEVBQ01ILElBQUksRUFBQTtJQUNSRCxHQUFHLEVBQUVELElBQUk7SUFBQSxhQUFBLEVBQ0csTUFBTTtJQUNsQmQsU0FBUyxFQUFFaUIsT0FBTyxDQUNoQixLQUFLLENBQUMsRUFDTnJCLE9BQU8sQ0FDTFEsS0FBSyxLQUFLLFFBQVEsR0FBR2EsT0FBTyxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsRUFDM0NWLFNBQVMsS0FBSyxNQUFNLEdBQUdVLE9BQU8sQ0FBQyxNQUFNLENBQUMsR0FBRyxFQUFFLEVBQzNDakIsU0FBUyxDQUNWLENBQ0Y7SUFDRGEsS0FBSyxFQUFFSztFQUFXLENBQUEsQ0FBQSxDQUNsQjtBQUVOLENBQUM7QUFFRCw0QkFBZXpCLElBQUksQ0FBQ0ksUUFBUSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2tlbGV0b24vU2tlbGV0b24uanMiLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19yZXN0ID0gKHRoaXMgJiYgdGhpcy5fX3Jlc3QpIHx8IGZ1bmN0aW9uIChzLCBlKSB7XG4gICAgdmFyIHQgPSB7fTtcbiAgICBmb3IgKHZhciBwIGluIHMpIGlmIChPYmplY3QucHJvdG90eXBlLmhhc093blByb3BlcnR5LmNhbGwocywgcCkgJiYgZS5pbmRleE9mKHApIDwgMClcbiAgICAgICAgdFtwXSA9IHNbcF07XG4gICAgaWYgKHMgIT0gbnVsbCAmJiB0eXBlb2YgT2JqZWN0LmdldE93blByb3BlcnR5U3ltYm9scyA9PT0gXCJmdW5jdGlvblwiKVxuICAgICAgICBmb3IgKHZhciBpID0gMCwgcCA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMocyk7IGkgPCBwLmxlbmd0aDsgaSsrKSB7XG4gICAgICAgICAgICBpZiAoZS5pbmRleE9mKHBbaV0pIDwgMCAmJiBPYmplY3QucHJvdG90eXBlLnByb3BlcnR5SXNFbnVtZXJhYmxlLmNhbGwocywgcFtpXSkpXG4gICAgICAgICAgICAgICAgdFtwW2ldXSA9IHNbcFtpXV07XG4gICAgICAgIH1cbiAgICByZXR1cm4gdDtcbn07XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGRlZmF1bHQgYXMgY2xhc3NuYW1lcywgam9pbkNscyB9IGZyb20gJy4uLy4uL3V0aWxzL2NsYXNzbmFtZXMnO1xuaW1wb3J0ICcuL3N0eWxlJztcbmV4cG9ydCBjb25zdCBTa2VsZXRvbiA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNsYXNzTmFtZSA9ICcnLCBwcmVmaXhDbHMgPSAnc2tlbGV0b24nLCBzaGFwZSA9ICdyZWN0YW5nbGUnLCBzaXplLCBhbmltYXRpb24gPSAnd2F2ZScsIHdpZHRoID0gJzEwMCUnLCBoZWlnaHQgPSAnMXJlbScsIGJvcmRlclJhZGl1cywgc3R5bGUsIHJlZjogX3JlZiB9ID0gcHJvcHMsIHJlc3QgPSBfX3Jlc3QocHJvcHMsIFtcImNsYXNzTmFtZVwiLCBcInByZWZpeENsc1wiLCBcInNoYXBlXCIsIFwic2l6ZVwiLCBcImFuaW1hdGlvblwiLCBcIndpZHRoXCIsIFwiaGVpZ2h0XCIsIFwiYm9yZGVyUmFkaXVzXCIsIFwic3R5bGVcIiwgXCJyZWZcIl0pO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaW5saW5lU3R5bGUgPSBzaXplXG4gICAgICAgID8gT2JqZWN0LmFzc2lnbih7IHdpZHRoOiBzaXplLCBoZWlnaHQ6IHNpemUsIGJvcmRlclJhZGl1cyB9LCBzdHlsZSkgOiBPYmplY3QuYXNzaWduKHsgd2lkdGgsIGhlaWdodCwgYm9yZGVyUmFkaXVzIH0sIHN0eWxlKTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7fSwgcmVzdCwgeyByZWY6IF9yZWYsIFwiYXJpYS1oaWRkZW5cIjogXCJ0cnVlXCIsIGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGpvaW5DbHMoc2hhcGUgPT09ICdjaXJjbGUnID8gY2xhc3NlcygnY2lyY2xlJykgOiAnJywgYW5pbWF0aW9uID09PSAnbm9uZScgPyBjbGFzc2VzKCdub25lJykgOiAnJywgY2xhc3NOYW1lKSksIHN0eWxlOiBpbmxpbmVTdHlsZSB9KSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oU2tlbGV0b24pOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Skeleton/index.d.ts

@@ -0,0 +1,4 @@
+import Skeleton from './Skeleton';
+export { Skeleton } from './Skeleton';
+export default Skeleton;
+export * from './interface';

package/es/components/Skeleton/index.js

@@ -0,0 +1,5 @@
+import Skeleton from './Skeleton';
+export { Skeleton } from './Skeleton';
+export default Skeleton;
+export * from './interface';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vaW5kZXgudHMiXSwibmFtZXMiOlsiU2tlbGV0b24iXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLFFBQVEsTUFBTSxZQUFZO0FBRWpDLFNBQVNBLFFBQVEsUUFBUSxZQUFZO0FBRXJDLGVBQWVBLFFBQVE7QUFFdkIsY0FBYyxhQUFhIiwiZmlsZSI6ImNvbXBvbmVudHMvU2tlbGV0b24vaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Skeleton/interface.d.ts

@@ -0,0 +1,19 @@
+import type { CSSProperties, HTMLAttributes, RefObject } from 'react';
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Ref to the root element */
+    ref?: RefObject<HTMLDivElement | null>;
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Shape of the skeleton */
+    shape?: 'rectangle' | 'circle';
+    /** Shorthand to set both width and height to the same value */
+    size?: CSSProperties['width'];
+    /** Animation type. Use 'none' to disable */
+    animation?: 'wave' | 'none';
+    /** Width of the skeleton. Ignored when size is set */
+    width?: CSSProperties['width'];
+    /** Height of the skeleton. Ignored when size is set */
+    height?: CSSProperties['height'];
+    /** Border radius override */
+    borderRadius?: CSSProperties['borderRadius'];
+}

package/es/components/Skeleton/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9Ta2VsZXRvbi9pbnRlcmZhY2UuanMiLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMiLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2tlbGV0b24vaW50ZXJmYWNlLmpzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7fTsiXSwibWFwcGluZ3MiOiJBQUFBIiwiaWdub3JlTGlzdCI6W119

package/es/components/Skeleton/style/Skeleton.css

@@ -0,0 +1 @@
+.om-react-ui-skeleton{position:relative;overflow:hidden;background-color:var(--om-bg-neutral-tertiary-hover,#e3e4e4);border-radius:var(--om-radius-100,4px)}.om-react-ui-skeleton:after{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent,var(--om-bg-scrim-light,hsla(0,0%,100%,.8)),transparent);transform:translateX(-100%);animation:om-skeleton-wave 1.2s infinite;content:""}.om-react-ui-skeleton-circle{border-radius:var(--om-radius-full,9999px)}.om-react-ui-skeleton-none:after{animation:none}@keyframes om-skeleton-wave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}

package/es/components/Skeleton/style/Skeleton.scss

@@ -0,0 +1,47 @@
+@use '@/styles/api' as theme;
+
+$component: 'skeleton';
+
+.#{theme.$prefix}-#{$component} {
+  position: relative;
+  overflow: hidden;
+  background-color: theme.palette(bg, 'neutral-tertiary-hover');
+  border-radius: theme.shape(100);
+
+  &::after {
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    background: linear-gradient(
+      90deg,
+      transparent,
+      theme.palette(bg, 'scrim-light'),
+      transparent
+    );
+    transform: translateX(-100%);
+    animation: om-skeleton-wave 1.2s infinite;
+    content: '';
+  }
+
+  // ── Shape: circle ──
+  &-circle {
+    border-radius: theme.shape('full');
+  }
+
+  // ── Animation: none ──
+  &-none::after {
+    animation: none;
+  }
+}
+
+/* stylelint-disable at-rule-prelude-no-invalid */
+@keyframes om-skeleton-wave {
+  from {
+    transform: translateX(-100%);
+  }
+
+  to {
+    transform: translateX(100%);
+  }
+}
+/* stylelint-enable at-rule-prelude-no-invalid */

package/es/components/Skeleton/style/css.js

@@ -0,0 +1,2 @@
+import './Skeleton.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2tlbGV0b24vc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIiLCJmaWxlIjoiY29tcG9uZW50cy9Ta2VsZXRvbi9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Skeleton/style/index.d.ts

@@ -0,0 +1 @@
+import './Skeleton.scss';

package/es/components/Skeleton/style/index.js

@@ -0,0 +1,2 @@
+import './Skeleton.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2tlbGV0b24vc3JjL2NvbXBvbmVudHMvU2tlbGV0b24vc3R5bGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxpQkFBaUIiLCJmaWxlIjoiY29tcG9uZW50cy9Ta2VsZXRvbi9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Slider/Slider.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { SliderProps } from './interface';
+import './style';
+export declare const Slider: FC<SliderProps>;
+declare const _default: import("react").NamedExoticComponent<SliderProps>;
+export default _default;

package/es/components/Slider/Slider.js

@@ -0,0 +1,116 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useRef } from 'react';
+import { useControlledState, useEventCallback } from '@1money/hooks';
+import { TypographyBody } from '../Typography';
+import { default as classnames, joinCls } from '../../utils/classnames';
+import './style';
+var DEFAULT_MIN = 0;
+var DEFAULT_MAX = 100;
+var DEFAULT_STEP = 1;
+export var Slider = function Slider(props) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'slider' : _props$prefixCls,
+    id = props.id,
+    name = props.name,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'],
+    value = props.value,
+    defaultValue = props.defaultValue,
+    _props$min = props.min,
+    min = _props$min === void 0 ? DEFAULT_MIN : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? DEFAULT_MAX : _props$max,
+    _props$step = props.step,
+    step = _props$step === void 0 ? DEFAULT_STEP : _props$step,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    label = props.label,
+    description = props.description,
+    _props$showLabel = props.showLabel,
+    showLabel = _props$showLabel === void 0 ? true : _props$showLabel,
+    _props$showDescriptio = props.showDescription,
+    showDescription = _props$showDescriptio === void 0 ? true : _props$showDescriptio,
+    _props$valuePrefix = props.valuePrefix,
+    valuePrefix = _props$valuePrefix === void 0 ? '' : _props$valuePrefix,
+    formatValue = props.formatValue,
+    onChange = props.onChange,
+    onChangeEnd = props.onChangeEnd,
+    ref = props.ref;
+  var _useControlledState = useControlledState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : min, value),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    innerValue = _useControlledState2[0],
+    setInnerValue = _useControlledState2[1];
+  var isInteractedRef = useRef(value !== undefined || defaultValue !== undefined);
+  var classes = classnames(prefixCls);
+  var percentage = max > min ? (innerValue - min) / (max - min) * 100 : 0;
+  var displayValue = formatValue ? formatValue(innerValue, min, max) : isInteractedRef.current || innerValue !== min ? "".concat(valuePrefix).concat(innerValue) : "".concat(valuePrefix).concat(min, "-").concat(max);
+  var handleChange = useEventCallback(function (event) {
+    if (disabled) return;
+    var nextValue = Number(event.target.value);
+    isInteractedRef.current = true;
+    setInnerValue(nextValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+  });
+  var handleChangeEnd = useEventCallback(function () {
+    if (disabled) return;
+    onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(innerValue);
+  });
+  return _jsxs("div", {
+    ref: ref,
+    className: classes(undefined, joinCls(disabled && classes('disabled'), className)),
+    children: [showLabel && label && _jsxs("div", {
+      className: classes('label-row'),
+      children: [_jsx(TypographyBody, {
+        size: "lg",
+        className: classes('label'),
+        children: label
+      }), _jsx(TypographyBody, {
+        size: "md",
+        className: classes('output'),
+        children: displayValue
+      })]
+    }), _jsxs("div", {
+      className: classes('track-wrapper'),
+      children: [_jsx("input", {
+        className: classes('input'),
+        type: "range",
+        id: id,
+        name: name,
+        "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : typeof label === 'string' ? label : undefined,
+        "aria-labelledby": ariaLabelledBy,
+        min: min,
+        max: max,
+        step: step,
+        value: innerValue,
+        disabled: disabled,
+        onChange: handleChange,
+        onMouseUp: handleChangeEnd,
+        onTouchEnd: handleChangeEnd
+      }), _jsx("div", {
+        className: classes('track'),
+        children: _jsx("div", {
+          className: classes('fill'),
+          style: {
+            width: "".concat(percentage, "%")
+          }
+        })
+      }), _jsx("div", {
+        className: classes('knob'),
+        style: {
+          left: "".concat(percentage, "%")
+        }
+      }), disabled && _jsx("div", {
+        className: classes('knob-end')
+      })]
+    }), showDescription && description && _jsx(TypographyBody, {
+      size: "lg",
+      className: classes('description'),
+      children: description
+    })]
+  });
+};
+export default /*#__PURE__*/memo(Slider);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2xpZGVyL1NsaWRlci5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2xpZGVyL1NsaWRlci50c3giXSwibmFtZXMiOlsianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIm1lbW8iLCJ1c2VSZWYiLCJ1c2VDb250cm9sbGVkU3RhdGUiLCJ1c2VFdmVudENhbGxiYWNrIiwiVHlwb2dyYXBoeUJvZHkiLCJkZWZhdWx0IiwiY2xhc3NuYW1lcyIsImpvaW5DbHMiLCJERUZBVUxUX01JTiIsIkRFRkFVTFRfTUFYIiwiREVGQVVMVF9TVEVQIiwiU2xpZGVyIiwicHJvcHMiLCJfcHJvcHMkY2xhc3NOYW1lIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImlkIiwibmFtZSIsImFyaWFMYWJlbCIsImFyaWFMYWJlbGxlZEJ5IiwidmFsdWUiLCJkZWZhdWx0VmFsdWUiLCJfcHJvcHMkbWluIiwibWluIiwiX3Byb3BzJG1heCIsIm1heCIsIl9wcm9wcyRzdGVwIiwic3RlcCIsIl9wcm9wcyRkaXNhYmxlZCIsImRpc2FibGVkIiwibGFiZWwiLCJkZXNjcmlwdGlvbiIsIl9wcm9wcyRzaG93TGFiZWwiLCJzaG93TGFiZWwiLCJfcHJvcHMkc2hvd0Rlc2NyaXB0aW8iLCJzaG93RGVzY3JpcHRpb24iLCJfcHJvcHMkdmFsdWVQcmVmaXgiLCJ2YWx1ZVByZWZpeCIsImZvcm1hdFZhbHVlIiwib25DaGFuZ2UiLCJvbkNoYW5nZUVuZCIsInJlZiIsIl91c2VDb250cm9sbGVkU3RhdGUiLCJfdXNlQ29udHJvbGxlZFN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwiaW5uZXJWYWx1ZSIsInNldElubmVyVmFsdWUiLCJpc0ludGVyYWN0ZWRSZWYiLCJ1bmRlZmluZWQiLCJjbGFzc2VzIiwicGVyY2VudGFnZSIsImRpc3BsYXlWYWx1ZSIsImN1cnJlbnQiLCJjb25jYXQiLCJoYW5kbGVDaGFuZ2UiLCJldmVudCIsIm5leHRWYWx1ZSIsIk51bWJlciIsInRhcmdldCIsImhhbmRsZUNoYW5nZUVuZCIsImNoaWxkcmVuIiwic2l6ZSIsInR5cGUiLCJvbk1vdXNlVXAiLCJvblRvdWNoRW5kIiwic3R5bGUiLCJ3aWR0aCIsImxlZnQiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLElBQUksRUFBRUMsTUFBTSxRQUFRLE9BQU87QUFDcEMsU0FBU0Msa0JBQWtCLEVBQUVDLGdCQUFnQixRQUFRLGVBQWU7QUFDcEUsU0FBU0MsY0FBYyxRQUFRLGVBQWU7QUFDOUMsU0FBU0MsT0FBTyxJQUFJQyxVQUFVLEVBQUVDLE9BQU8sUUFBUSx3QkFBd0I7QUFHdkUsT0FBTyxTQUFTO0FBRWhCLElBQU1DLFdBQVcsR0FBRyxDQUFDO0FBQ3JCLElBQU1DLFdBQVcsR0FBRyxHQUFHO0FBQ3ZCLElBQU1DLFlBQVksR0FBRyxDQUFDO0FBRXRCLE9BQU8sSUFBTUMsTUFBTSxHQUFvQixTQUExQkEsTUFBTUEsQ0FBb0JDLEtBQUssRUFBRztFQUM3QyxJQUFBQyxnQkFBQSxHQXNCSUQsS0FBSyxDQXJCUEUsU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsRUFBRSxHQUFBQSxnQkFBQTtJQUFBRSxnQkFBQSxHQXFCWkgsS0FBSyxDQXBCUEksU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsUUFBUSxHQUFBQSxnQkFBQTtJQUNwQkUsRUFBRSxHQW1CQUwsS0FBSyxDQW5CUEssRUFBRTtJQUNGQyxJQUFJLEdBa0JGTixLQUFLLENBbEJQTSxJQUFJO0lBQ1VDLFNBQVMsR0FpQnJCUCxLQUFLLENBakJQLFlBQVk7SUFDT1EsY0FBYyxHQWdCL0JSLEtBQUssQ0FoQlAsaUJBQWlCO0lBQ2pCUyxLQUFLLEdBZUhULEtBQUssQ0FmUFMsS0FBSztJQUNMQyxZQUFZLEdBY1ZWLEtBQUssQ0FkUFUsWUFBWTtJQUFBQyxVQUFBLEdBY1ZYLEtB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QUMsYUFBYSxDQUFDO01BQUFXLFFBQUEsRUFBRzdCO0lBQVcsQ0FBQSxDQUMxRTtFQUFBLENBQUEsQ0FDRztBQUVWLENBQUM7QUFFRCw0QkFBZWhDLElBQUksQ0FBQ1csTUFBTSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2xpZGVyL1NsaWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VDb250cm9sbGVkU3RhdGUsIHVzZUV2ZW50Q2FsbGJhY2sgfSBmcm9tICdAMW1vbmV5L2hvb2tzJztcbmltcG9ydCB7IFR5cG9ncmFwaHlCb2R5IH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCAnLi9zdHlsZSc7XG5jb25zdCBERUZBVUxUX01JTiA9IDA7XG5jb25zdCBERUZBVUxUX01BWCA9IDEwMDtcbmNvbnN0IERFRkFVTFRfU1RFUCA9IDE7XG5leHBvcnQgY29uc3QgU2xpZGVyID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY2xhc3NOYW1lID0gJycsIHByZWZpeENscyA9ICdzbGlkZXInLCBpZCwgbmFtZSwgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsICdhcmlhLWxhYmVsbGVkYnknOiBhcmlhTGFiZWxsZWRCeSwgdmFsdWUsIGRlZmF1bHRWYWx1ZSwgbWluID0gREVGQVVMVF9NSU4sIG1heCA9IERFRkFVTFRfTUFYLCBzdGVwID0gREVGQVVMVF9TVEVQLCBkaXNhYmxlZCA9IGZhbHNlLCBsYWJlbCwgZGVzY3JpcHRpb24sIHNob3dMYWJlbCA9IHRydWUsIHNob3dEZXNjcmlwdGlvbiA9IHRydWUsIHZhbHVlUHJlZml4ID0gJycsIGZvcm1hdFZhbHVlLCBvbkNoYW5nZSwgb25DaGFuZ2VFbmQsIHJlZiwgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtpbm5lclZhbHVlLCBzZXRJbm5lclZhbHVlXSA9IHVzZUNvbnRyb2xsZWRTdGF0ZShkZWZhdWx0VmFsdWUgIT09IG51bGwgJiYgZGVmYXVsdFZhbHVlICE9PSB2b2lkIDAgPyBkZWZhdWx0VmFsdWUgOiBtaW4sIHZhbHVlKTtcbiAgICBjb25zdCBpc0ludGVyYWN0ZWRSZWYgPSB1c2VSZWYodmFsdWUgIT09IHVuZGVmaW5lZCB8fCBkZWZhdWx0VmFsdWUgIT09IHVuZGVmaW5lZCk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBwZXJjZW50YWdlID0gbWF4ID4gbWluID8gKChpbm5lclZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMCA6IDA7XG4gICAgY29uc3QgZGlzcGxheVZhbHVlID0gZm9ybWF0VmFsdWVcbiAgICAgICAgPyBmb3JtYXRWYWx1ZShpbm5lclZhbHVlLCBtaW4sIG1heClcbiAgICAgICAgOiBpc0ludGVyYWN0ZWRSZWYuY3VycmVudCB8fCBpbm5lclZhbHVlICE9PSBtaW5cbiAgICAgICAgICAgID8gYCR7dmFsdWVQcmVmaXh9JHtpbm5lclZhbHVlfWBcbiAgICAgICAgICAgIDogYCR7dmFsdWVQcmVmaXh9JHttaW59LSR7bWF4fWA7XG4gICAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlRXZlbnRDYWxsYmFjaygoZXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKVxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICBjb25zdCBuZXh0VmFsdWUgPSBOdW1iZXIoZXZlbnQudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgaXNJbnRlcmFjdGVkUmVmLmN1cnJlbnQgPSB0cnVlO1xuICAgICAgICBzZXRJbm5lclZhbHVlKG5leHRWYWx1ZSk7XG4gICAgICAgIG9uQ2hhbmdlID09PSBudWxsIHx8IG9uQ2hhbmdlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZShuZXh0VmFsdWUpO1xuICAgIH0pO1xuICAgIGNvbnN0IGhhbmRsZUNoYW5nZUVuZCA9IHVzZUV2ZW50Q2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBpZiAoZGlzYWJsZWQpXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIG9uQ2hhbmdlRW5kID09PSBudWxsIHx8IG9uQ2hhbmdlRW5kID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNoYW5nZUVuZChpbm5lclZhbHVlKTtcbiAgICB9KTtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgcmVmOiByZWYsIGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGpvaW5DbHMoZGlzYWJsZWQgJiYgY2xhc3NlcygnZGlzYWJsZWQnKSwgY2xhc3NOYW1lKSksIGNoaWxkcmVuOiBbc2hvd0xhYmVsICYmIGxhYmVsICYmIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwtcm93JyksIGNoaWxkcmVuOiBbX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBzaXplOiBcImxnXCIsIGNsYXNzTmFtZTogY2xhc3NlcygnbGFiZWwnKSwgY2hpbGRyZW46IGxhYmVsIH0pLCBfanN4KFR5cG9ncmFwaHlCb2R5LCB7IHNpemU6IFwibWRcIiwgY2xhc3NOYW1lOiBjbGFzc2VzKCdvdXRwdXQnKSwgY2hpbGRyZW46IGRpc3BsYXlWYWx1ZSB9KV0gfSkpLCBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndHJhY2std3JhcHBlcicpLCBjaGlsZHJlbjogW19qc3goXCJpbnB1dFwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaW5wdXQnKSwgdHlwZTogXCJyYW5nZVwiLCBpZDogaWQsIG5hbWU6IG5hbWUsIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwgIT09IG51bGwgJiYgYXJpYUxhYmVsICE9PSB2b2lkIDAgPyBhcmlhTGFiZWwgOiAodHlwZW9mIGxhYmVsID09PSAnc3RyaW5nJyA/IGxhYmVsIDogdW5kZWZpbmVkKSwgXCJhcmlhLWxhYmVsbGVkYnlcIjogYXJpYUxhYmVsbGVkQnksIG1pbjogbWluLCBtYXg6IG1heCwgc3RlcDogc3RlcCwgdmFsdWU6IGlubmVyVmFsdWUsIGRpc2FibGVkOiBkaXNhYmxlZCwgb25DaGFuZ2U6IGhhbmRsZUNoYW5nZSwgb25Nb3VzZVVwOiBoYW5kbGVDaGFuZ2VFbmQsIG9uVG91Y2hFbmQ6IGhhbmRsZUNoYW5nZUVuZCB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygndHJhY2snKSwgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2ZpbGwnKSwgc3R5bGU6IHsgd2lkdGg6IGAke3BlcmNlbnRhZ2V9JWAgfSB9KSB9KSwgX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygna25vYicpLCBzdHlsZTogeyBsZWZ0OiBgJHtwZXJjZW50YWdlfSVgIH0gfSksIGRpc2FibGVkICYmIChfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdrbm9iLWVuZCcpIH0pKV0gfSksIHNob3dEZXNjcmlwdGlvbiAmJiBkZXNjcmlwdGlvbiAmJiAoX2pzeChUeXBvZ3JhcGh5Qm9keSwgeyBzaXplOiBcImxnXCIsIGNsYXNzTmFtZTogY2xhc3NlcygnZGVzY3JpcHRpb24nKSwgY2hpbGRyZW46IGRlc2NyaXB0aW9uIH0pKV0gfSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oU2xpZGVyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Slider/index.d.ts

@@ -0,0 +1,4 @@
+import Slider from './Slider';
+export { Slider } from './Slider';
+export default Slider;
+export * from './interface';

package/es/components/Slider/index.js

@@ -0,0 +1,5 @@
+import Slider from './Slider';
+export { Slider } from './Slider';
+export default Slider;
+export * from './interface';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2xpZGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbIlNsaWRlciJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBT0EsTUFBTSxNQUFNLFVBQVU7QUFFN0IsU0FBU0EsTUFBTSxRQUFRLFVBQVU7QUFFakMsZUFBZUEsTUFBTTtBQUVyQixjQUFjLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9TbGlkZXIvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Slider/interface.d.ts

@@ -0,0 +1,39 @@
+import type { ReactNode, RefObject } from 'react';
+export interface SliderProps {
+    ref?: RefObject<HTMLDivElement | null>;
+    className?: string;
+    /** CSS class prefix for customization */
+    prefixCls?: string;
+    id?: string;
+    name?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Current value (controlled) */
+    value?: number;
+    /** Default value (uncontrolled) */
+    defaultValue?: number;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Label displayed above the slider */
+    label?: ReactNode;
+    /** Description displayed below the slider */
+    description?: ReactNode;
+    /** Whether to show the label row */
+    showLabel?: boolean;
+    /** Whether to show the description */
+    showDescription?: boolean;
+    /** Prefix string for the output value (e.g., "$") */
+    valuePrefix?: string;
+    /** Custom formatter for the output value display */
+    formatValue?: (value: number, min: number, max: number) => string;
+    /** Callback when value changes */
+    onChange?: (value: number) => void;
+    /** Callback when user finishes dragging */
+    onChangeEnd?: (value: number) => void;
+}

package/es/components/Slider/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9TbGlkZXIvaW50ZXJmYWNlLmpzIiwibmFtZXMiOltdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIiwic291cmNlcyI6WyJjb21wb25lbnRzL1NsaWRlci9pbnRlcmZhY2UuanMiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHt9OyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJpZ25vcmVMaXN0IjpbXX0=

package/es/components/Slider/style/Slider.css

@@ -0,0 +1 @@
+.om-react-ui-slider{display:flex;flex-direction:column;gap:var(--om-spacing-300,12px);width:100%;min-width:120px}.om-react-ui-slider-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.om-react-ui-slider-label{flex:1 0 0;color:var(--om-text-default,#131313)}.om-react-ui-slider-output{display:flex;flex-shrink:0;align-items:center;color:var(--om-text-default,#131313);white-space:nowrap;text-align:right}.om-react-ui-slider-track-wrapper{position:relative;display:flex;align-items:center;width:100%;height:12px;cursor:pointer}.om-react-ui-slider-input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;cursor:inherit;opacity:0;-moz-appearance:none;appearance:none}.om-react-ui-slider-input::-webkit-slider-thumb{width:12px;height:12px;cursor:pointer;-webkit-appearance:none}.om-react-ui-slider-input::-moz-range-thumb{width:12px;height:12px;background:transparent;border:none;cursor:pointer}.om-react-ui-slider-track{position:relative;display:flex;align-items:center;width:100%;height:8px;overflow:hidden;background-color:var(--om-bg-default-tertiary,#e3e4e4);border-radius:var(--om-radius-full,9999px);pointer-events:none}.om-react-ui-slider-fill{height:6px}.om-react-ui-slider-fill,.om-react-ui-slider-knob{background-color:var(--om-bg-neutral,#131313);border-radius:var(--om-radius-full,9999px);pointer-events:none}.om-react-ui-slider-knob{position:absolute;z-index:1;width:12px;height:12px;transform:translateX(-50%);transition:box-shadow .15s ease}.om-react-ui-slider-knob-end{position:absolute;right:0;z-index:1;width:12px;height:12px;background-color:var(--om-bg-neutral,#131313);border-radius:var(--om-radius-full,9999px);pointer-events:none}.om-react-ui-slider-input:focus-visible~.om-react-ui-slider-knob{box-shadow:0 0 0 2px var(--om-border-brand,#073387)}.om-react-ui-slider:not(.om-react-ui-slider-disabled) .om-react-ui-slider-track-wrapper:hover .om-react-ui-slider-knob{box-shadow:var(--om-shadow-100,0 4px 8px rgba(65,91,130,.12))}.om-react-ui-slider-description{width:100%;color:var(--om-text-default-tertiary,#646465)}.om-react-ui-slider-disabled,.om-react-ui-slider-disabled .om-react-ui-slider-input,.om-react-ui-slider-disabled .om-react-ui-slider-track-wrapper{cursor:not-allowed}.om-react-ui-slider-disabled .om-react-ui-slider-label,.om-react-ui-slider-disabled .om-react-ui-slider-output{color:var(--om-text-disabled,#bbbdc1)}.om-react-ui-slider-disabled .om-react-ui-slider-track{background-color:var(--om-bg-default-tertiary,#e3e4e4)}.om-react-ui-slider-disabled .om-react-ui-slider-fill{background-color:transparent}.om-react-ui-slider-disabled .om-react-ui-slider-knob,.om-react-ui-slider-disabled .om-react-ui-slider-knob-end{background-color:var(--om-bg-disabled,#f0f0f0);border:.75px solid var(--om-border-default,#d1d2d2)}.om-react-ui-slider-disabled .om-react-ui-slider-description{color:var(--om-text-disabled,#bbbdc1)}

package/es/components/Slider/style/Slider.scss

@@ -0,0 +1,182 @@
+@use '@/styles/api' as theme;
+
+$component: 'slider';
+$track-height: 8px;
+$filled-track-height: 6px;
+$knob-size: 12px;
+
+.#{theme.$prefix}-#{$component} {
+  display: flex;
+  flex-direction: column;
+  gap: theme.spacing(gap, 300);
+  width: 100%;
+  min-width: 120px;
+
+  // ── Label row ──
+  &-label-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  &-label {
+    flex: 1 0 0;
+    color: theme.palette(text, 'default');
+  }
+
+  &-output {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    color: theme.palette(text, 'default');
+    white-space: nowrap;
+    text-align: right;
+  }
+
+  // ── Track area ──
+  &-track-wrapper {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: $knob-size;
+    cursor: pointer;
+  }
+
+  // ── Hidden native input ──
+  &-input {
+    position: absolute;
+    z-index: 2;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    cursor: inherit;
+    opacity: 0;
+    -webkit-appearance: none;
+    appearance: none;
+
+    &::-webkit-slider-thumb {
+      width: $knob-size;
+      height: $knob-size;
+      cursor: pointer;
+      -webkit-appearance: none;
+    }
+
+    &::-moz-range-thumb {
+      width: $knob-size;
+      height: $knob-size;
+      background: transparent;
+      border: none;
+      cursor: pointer;
+    }
+  }
+
+  // ── Visual track ──
+  &-track {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: $track-height;
+    overflow: hidden;
+    background-color: theme.palette(bg, 'default-tertiary');
+    border-radius: theme.shape('full');
+    pointer-events: none;
+  }
+
+  // ── Filled portion of track ──
+  &-fill {
+    height: $filled-track-height;
+    background-color: theme.palette(bg, 'neutral');
+    border-radius: theme.shape('full');
+    pointer-events: none;
+  }
+
+  // ── Knob ──
+  &-knob {
+    position: absolute;
+    z-index: 1;
+    width: $knob-size;
+    height: $knob-size;
+    background-color: theme.palette(bg, 'neutral');
+    border-radius: theme.shape('full');
+    transform: translateX(-50%);
+    transition: box-shadow 0.15s ease;
+    pointer-events: none;
+  }
+
+  // ── Knob end (disabled state endpoint indicator) ──
+  &-knob-end {
+    position: absolute;
+    right: 0;
+    z-index: 1;
+    width: $knob-size;
+    height: $knob-size;
+    background-color: theme.palette(bg, 'neutral');
+    border-radius: theme.shape('full');
+    pointer-events: none;
+  }
+
+  // ── Focus ring ──
+  &-input:focus-visible ~ .#{theme.$prefix}-#{$component}-knob {
+    box-shadow: 0 0 0 2px theme.palette(border, 'brand');
+  }
+
+  // ── Hover ──
+  &:not(&-disabled) &-track-wrapper:hover {
+    .#{theme.$prefix}-#{$component}-knob {
+      box-shadow: theme.shadows(100);
+    }
+  }
+
+  // ── Description ──
+  &-description {
+    width: 100%;
+    color: theme.palette(text, 'default-tertiary');
+  }
+
+  // ── Disabled state ──
+  &-disabled {
+    cursor: not-allowed;
+
+    .#{theme.$prefix}-#{$component}-track-wrapper {
+      cursor: not-allowed;
+    }
+
+    .#{theme.$prefix}-#{$component}-input {
+      cursor: not-allowed;
+    }
+
+    .#{theme.$prefix}-#{$component}-label {
+      color: theme.palette(text, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-output {
+      color: theme.palette(text, 'disabled');
+    }
+
+    .#{theme.$prefix}-#{$component}-track {
+      background-color: theme.palette(bg, 'default-tertiary');
+    }
+
+    .#{theme.$prefix}-#{$component}-fill {
+      background-color: transparent;
+    }
+
+    .#{theme.$prefix}-#{$component}-knob {
+      background-color: theme.palette(bg, 'disabled');
+      border: 0.75px solid theme.palette(border, 'default');
+    }
+
+    .#{theme.$prefix}-#{$component}-knob-end {
+      background-color: theme.palette(bg, 'disabled');
+      border: 0.75px solid theme.palette(border, 'default');
+    }
+
+    .#{theme.$prefix}-#{$component}-description {
+      color: theme.palette(text, 'disabled');
+    }
+  }
+}

package/es/components/Slider/style/css.js

@@ -0,0 +1,2 @@
+import './Slider.css';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2xpZGVyL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9TbGlkZXIvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/es/components/Slider/style/index.d.ts

@@ -0,0 +1 @@
+import './Slider.scss';

package/es/components/Slider/style/index.js

@@ -0,0 +1,2 @@
+import './Slider.scss';
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2xpZGVyL3NyYy9jb21wb25lbnRzL1NsaWRlci9zdHlsZS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUiLCJmaWxlIjoiY29tcG9uZW50cy9TbGlkZXIvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Space/Space.d.ts

@@ -0,0 +1,5 @@
+import './style';
+import type { PropsWithChildren } from 'react';
+import type { SpaceProps } from './interface';
+export declare const Space: import("react").NamedExoticComponent<PropsWithChildren<SpaceProps>>;
+export default Space;