@vinyasa/form 1.0.22

package/dist/cjs/range-slider.cjs

@@ -0,0 +1,276 @@
+"use strict";
+var __webpack_modules__ = {
+    506 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>slider_Slider
+        });
+        var jsx_runtime_ = __webpack_require__(732);
+        const react_slider_namespaceObject = require("@radix-ui/react-slider");
+        var external_react_ = __webpack_require__(15);
+        var range = '_1qawm8c2';
+        var root = '_1qawm8c0';
+        var thumb = '_1qawm8c3';
+        var track = '_1qawm8c1';
+        function _define_property(obj, key, value) {
+            if (key in obj) Object.defineProperty(obj, key, {
+                value: value,
+                enumerable: true,
+                configurable: true,
+                writable: true
+            });
+            else obj[key] = value;
+            return obj;
+        }
+        function _object_spread(target) {
+            for(var i = 1; i < arguments.length; i++){
+                var source = null != arguments[i] ? arguments[i] : {};
+                var ownKeys = Object.keys(source);
+                if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                    return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+                }));
+                ownKeys.forEach(function(key) {
+                    _define_property(target, key, source[key]);
+                });
+            }
+            return target;
+        }
+        function Slider_ownKeys(object, enumerableOnly) {
+            var keys = Object.keys(object);
+            if (Object.getOwnPropertySymbols) {
+                var symbols = Object.getOwnPropertySymbols(object);
+                if (enumerableOnly) symbols = symbols.filter(function(sym) {
+                    return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+                });
+                keys.push.apply(keys, symbols);
+            }
+            return keys;
+        }
+        function _object_spread_props(target, source) {
+            source = null != source ? source : {};
+            if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+            else Slider_ownKeys(Object(source)).forEach(function(key) {
+                Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+            });
+            return target;
+        }
+        function _object_without_properties(source, excluded) {
+            if (null == source) return {};
+            var target = {}, sourceKeys, key, i;
+            if ("u" > typeof Reflect && Reflect.ownKeys) {
+                sourceKeys = Reflect.ownKeys(Object(source));
+                for(i = 0; i < sourceKeys.length; i++){
+                    key = sourceKeys[i];
+                    if (!(excluded.indexOf(key) >= 0)) {
+                        if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                    }
+                }
+                return target;
+            }
+            target = _object_without_properties_loose(source, excluded);
+            if (Object.getOwnPropertySymbols) {
+                sourceKeys = Object.getOwnPropertySymbols(source);
+                for(i = 0; i < sourceKeys.length; i++){
+                    key = sourceKeys[i];
+                    if (!(excluded.indexOf(key) >= 0)) {
+                        if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                    }
+                }
+            }
+            return target;
+        }
+        function _object_without_properties_loose(source, excluded) {
+            if (null == source) return {};
+            var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+            return target;
+        }
+        const Slider = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
+            let _ref = [
+                _0,
+                _1
+            ], [_ref1, ..._rest] = _ref, { label = 'Value', value, defaultValue = [
+                0
+            ], className } = _ref1, rest = _object_without_properties(_ref1, [
+                "label",
+                "value",
+                "defaultValue",
+                "className"
+            ]), [ref] = _rest;
+            const thumbCount = (null != value ? value : defaultValue).length;
+            const classes = className ? `${root} ${className}` : root;
+            return /*#__PURE__*/ (0, jsx_runtime_.jsxs)(react_slider_namespaceObject.Root, _object_spread_props(_object_spread({
+                ref: ref,
+                className: classes,
+                value: value,
+                defaultValue: defaultValue
+            }, rest), {
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_slider_namespaceObject.Track, {
+                        className: track,
+                        children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_slider_namespaceObject.Range, {
+                            className: range
+                        })
+                    }),
+                    Array.from({
+                        length: thumbCount
+                    }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_.jsx)(react_slider_namespaceObject.Thumb, {
+                            className: thumb,
+                            "aria-label": Array.isArray(label) ? label[index] : label
+                        }, index))
+                ]
+            }));
+        });
+        Slider.displayName = 'Slider';
+        const slider_Slider = Slider;
+    },
+    15 (module) {
+        module.exports = require("react");
+    },
+    732 (module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        default: ()=>range_slider
+    });
+    var jsx_runtime_ = __webpack_require__(732);
+    var external_react_ = __webpack_require__(15);
+    var Slider = __webpack_require__(506);
+    function _define_property(obj, key, value) {
+        if (key in obj) Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+        else obj[key] = value;
+        return obj;
+    }
+    function _object_spread(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = null != arguments[i] ? arguments[i] : {};
+            var ownKeys = Object.keys(source);
+            if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+            ownKeys.forEach(function(key) {
+                _define_property(target, key, source[key]);
+            });
+        }
+        return target;
+    }
+    function _object_without_properties(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys, key, i;
+        if ("u" > typeof Reflect && Reflect.ownKeys) {
+            sourceKeys = Reflect.ownKeys(Object(source));
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+            return target;
+        }
+        target = _object_without_properties_loose(source, excluded);
+        if (Object.getOwnPropertySymbols) {
+            sourceKeys = Object.getOwnPropertySymbols(source);
+            for(i = 0; i < sourceKeys.length; i++){
+                key = sourceKeys[i];
+                if (!(excluded.indexOf(key) >= 0)) {
+                    if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    }
+    function _object_without_properties_loose(source, excluded) {
+        if (null == source) return {};
+        var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (!(excluded.indexOf(key) >= 0)) {
+                if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
+            }
+        }
+        return target;
+    }
+    const RangeSlider = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
+        let _ref = [
+            _0,
+            _1
+        ], [_ref1, ..._rest] = _ref, { value, defaultValue = [
+            0,
+            100
+        ], minLabel = 'Minimum', maxLabel = 'Maximum', minStepsBetweenThumbs = 1 } = _ref1, rest = _object_without_properties(_ref1, [
+            "value",
+            "defaultValue",
+            "minLabel",
+            "maxLabel",
+            "minStepsBetweenThumbs"
+        ]), [ref] = _rest;
+        return /*#__PURE__*/ (0, jsx_runtime_.jsx)(Slider.A, _object_spread({
+            ref: ref,
+            value: value,
+            defaultValue: defaultValue,
+            label: [
+                minLabel,
+                maxLabel
+            ],
+            minStepsBetweenThumbs: minStepsBetweenThumbs
+        }, rest));
+    });
+    RangeSlider.displayName = 'RangeSlider';
+    const range_slider_RangeSlider = RangeSlider;
+    const range_slider = range_slider_RangeSlider;
+})();
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/range-slider.css

@@ -0,0 +1,46 @@
+._1qawm8c0 {
+  touch-action: none;
+  align-items: center;
+  width: 100%;
+  min-width: 12rem;
+  height: 1.25rem;
+  display: flex;
+  position: relative;
+}
+
+._1qawm8c0[data-disabled] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1qawm8c1 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-border-color-default);
+  flex-grow: 1;
+  height: .25rem;
+  position: relative;
+}
+
+._1qawm8c2 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-primary);
+  height: 100%;
+  position: absolute;
+}
+
+._1qawm8c3 {
+  border-radius: var(--vinyasa-radius-full);
+  background-color: var(--vinyasa-on-primary);
+  border: 2px solid var(--vinyasa-primary);
+  width: 1rem;
+  height: 1rem;
+  box-shadow: var(--vinyasa-shadow-sm);
+  display: block;
+}
+
+._1qawm8c3:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+