@vinyasa/form 1.0.22

package/dist/cjs/time-picker.css

@@ -0,0 +1,308 @@
+.sbqkrx0 {
+  width: 100%;
+  font-family: var(--vinyasa-font-family-sans);
+  color: var(--vinyasa-on-secondary);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: rgba(0, 0, 0, 0);
+  display: block;
+}
+
+.sbqkrx0::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+.sbqkrx0::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+.sbqkrx0: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;
+}
+
+.sbqkrx0:disabled {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.sbqkrx1 {
+  padding: var(--vinyasa-space1) var(--vinyasa-space2);
+  font-size: var(--vinyasa-font-size-sm);
+}
+
+.sbqkrx2 {
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+}
+
+.sbqkrx3 {
+  padding: var(--vinyasa-space3) var(--vinyasa-space4);
+  font-size: var(--vinyasa-font-size-md);
+}
+
+.sbqkrx4 {
+  border-color: var(--vinyasa-error);
+}
+
+.sbqkrx5 {
+  align-items: stretch;
+  display: flex;
+  position: relative;
+}
+
+.sbqkrx6 {
+  left: var(--vinyasa-space3);
+  color: var(--vinyasa-text-muted);
+  pointer-events: none;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.sbqkrx7 {
+  right: var(--vinyasa-space2);
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.sbqkrx8 {
+  padding-left: 2.25rem;
+}
+
+.sbqkrx9 {
+  padding-right: 2.25rem;
+}
+
+.sbqkrxa {
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background: none;
+  border: none;
+  align-items: center;
+  margin: 0;
+  padding: 0;
+  display: inline-flex;
+}
+
+.sbqkrxa:hover {
+  color: var(--vinyasa-on-secondary);
+}
+
+.sbqkrxa:disabled {
+  cursor: not-allowed;
+  opacity: var(--vinyasa-opacity-disabled);
+}
+
+.sbqkrxb {
+  font-size: var(--vinyasa-font-size-sm);
+  font-weight: var(--vinyasa-font-weight-medium);
+  color: var(--vinyasa-on-secondary);
+  margin-bottom: var(--vinyasa-space1);
+  display: block;
+}
+
+.sbqkrxc {
+  color: var(--vinyasa-error);
+  margin-left: .125rem;
+}
+
+.sbqkrxd {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-text-muted);
+  margin-top: var(--vinyasa-space1);
+}
+
+.sbqkrxe {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-error);
+  margin-top: var(--vinyasa-space1);
+}
+
+.sbqkrxf {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  display: inline-flex;
+}
+
+.sbqkrxg {
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+}
+
+._1u69cbs0 {
+  z-index: var(--vinyasa-z-index-dropdown);
+  width: var(--radix-popper-anchor-width);
+  background-color: var(--vinyasa-surface);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  min-width: 16rem;
+  box-shadow: var(--vinyasa-elevation-overlay);
+  overflow: hidden;
+}
+
+._1u69cbs1 {
+  max-height: 16rem;
+  padding: var(--vinyasa-space1);
+  overflow-y: auto;
+}
+
+._1u69cbs2 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-radius: var(--vinyasa-radius-sm);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: flex;
+}
+
+._1u69cbs2[data-selected="true"] {
+  background-color: var(--vinyasa-secondary);
+  outline: none;
+}
+
+._1u69cbs2[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._1u69cbs3 {
+  color: var(--vinyasa-primary);
+  display: flex;
+}
+
+._1u69cbs4 {
+  padding: var(--vinyasa-space3) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-text-muted);
+  text-align: center;
+}
+
+._1u69cbs5 {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbs6 {
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  text-align: left;
+  cursor: pointer;
+  background-color: rgba(0, 0, 0, 0);
+  width: 100%;
+  min-width: 10rem;
+  max-width: 20rem;
+  display: inline-flex;
+}
+
+._1u69cbs7 {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._1u69cbs8 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._1u69cbs9 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  display: flex;
+}
+
+._1u69cbsa {
+  color: var(--vinyasa-text-muted);
+  flex-shrink: 0;
+  display: flex;
+}
+
+._1u69cbsb {
+  min-width: 0;
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  color: var(--vinyasa-on-secondary);
+  background: none;
+  border: none;
+  outline: none;
+  flex: 1;
+}
+
+._1u69cbsb::-webkit-input-placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbsb::placeholder {
+  color: var(--vinyasa-text-muted);
+}
+
+._1u69cbsc {
+  cursor: text;
+  align-items: center;
+  min-width: 10rem;
+  min-height: 2.5rem;
+  display: flex;
+}
+
+._1u69cbsd {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  flex-wrap: wrap;
+  min-height: 1.25rem;
+  display: flex;
+}
+
+._1u69cbse {
+  align-items: center;
+  gap: var(--vinyasa-space1);
+  padding: .125rem var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-on-secondary);
+  font-size: var(--vinyasa-font-size-xs);
+  display: inline-flex;
+}
+
+._1u69cbsf {
+  padding: .125rem var(--vinyasa-space2);
+  border-radius: var(--vinyasa-radius-sm);
+  background-color: var(--vinyasa-secondary);
+  color: var(--vinyasa-text-muted);
+  font-size: var(--vinyasa-font-size-xs);
+  font-weight: var(--vinyasa-font-weight-medium);
+  align-items: center;
+  display: inline-flex;
+}
+
+._1u69cbsg {
+  color: inherit;
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+}
+
+._1u69cbsg:hover {
+  color: var(--vinyasa-error);
+}
+

package/dist/cjs/toggle-button.cjs

@@ -0,0 +1,172 @@
+"use strict";
+var __webpack_modules__ = {
+    570 (__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            A: ()=>toggle_button_ToggleButton
+        });
+        var jsx_runtime_ = __webpack_require__(732);
+        const react_toggle_namespaceObject = require("@radix-ui/react-toggle");
+        var button_ = __webpack_require__(60);
+        var button_default = /*#__PURE__*/ __webpack_require__.n(button_);
+        var external_react_ = __webpack_require__(15);
+        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 ToggleButton = /*#__PURE__*/ (0, external_react_.forwardRef)((_0, _1)=>{
+            let _ref = [
+                _0,
+                _1
+            ], [_ref1, ..._rest] = _ref, { pressed, defaultPressed = false, onPressedChange, pressedVariant = 'primary', unpressedVariant = 'outline' } = _ref1, buttonProps = _object_without_properties(_ref1, [
+                "pressed",
+                "defaultPressed",
+                "onPressedChange",
+                "pressedVariant",
+                "unpressedVariant"
+            ]), [ref] = _rest;
+            const [uncontrolledPressed, setUncontrolledPressed] = (0, external_react_.useState)(defaultPressed);
+            const isControlled = void 0 !== pressed;
+            const currentPressed = isControlled ? pressed : uncontrolledPressed;
+            const handlePressedChange = (next)=>{
+                if (!isControlled) setUncontrolledPressed(next);
+                null == onPressedChange || onPressedChange(next);
+            };
+            return /*#__PURE__*/ (0, jsx_runtime_.jsx)(react_toggle_namespaceObject.Root, {
+                pressed: pressed,
+                defaultPressed: defaultPressed,
+                onPressedChange: handlePressedChange,
+                asChild: true,
+                children: /*#__PURE__*/ (0, jsx_runtime_.jsx)(button_default(), _object_spread({
+                    ref: ref,
+                    variant: currentPressed ? pressedVariant : unpressedVariant
+                }, buttonProps))
+            });
+        });
+        ToggleButton.displayName = 'ToggleButton';
+        const toggle_button_ToggleButton = ToggleButton;
+    },
+    60 (module) {
+        module.exports = require("@vinyasa/button");
+    },
+    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__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__);
+    var _ToggleButton__rspack_import_0 = __webpack_require__(570);
+    const __rspack_default_export = _ToggleButton__rspack_import_0.A;
+    __webpack_require__.d(__webpack_exports__, {}, {
+        default: __rspack_default_export
+    });
+})();
+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/esm/27.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;
+}
+

package/dist/esm/27.js

@@ -0,0 +1,38 @@
+import "./27.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as __rspack_external__radix_ui_react_slider_67d82a63 from "@radix-ui/react-slider";
+var range = '_1qawm8c2';
+var root = '_1qawm8c0';
+var thumb = '_1qawm8c3';
+var track = '_1qawm8c1';
+const Slider = /*#__PURE__*/ forwardRef(({ label = 'Value', value, defaultValue = [
+    0
+], className, ...rest }, ref)=>{
+    const thumbCount = (value ?? defaultValue).length;
+    const classes = className ? `${root} ${className}` : root;
+    return /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_slider_67d82a63.Root, {
+        ref: ref,
+        className: classes,
+        value: value,
+        defaultValue: defaultValue,
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_slider_67d82a63.Track, {
+                className: track,
+                children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_slider_67d82a63.Range, {
+                    className: range
+                })
+            }),
+            Array.from({
+                length: thumbCount
+            }, (_, index)=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_slider_67d82a63.Thumb, {
+                    className: thumb,
+                    "aria-label": Array.isArray(label) ? label[index] : label
+                }, index))
+        ]
+    });
+});
+Slider.displayName = 'Slider';
+const slider_Slider = Slider;
+export { slider_Slider };

package/dist/esm/2942.css

@@ -0,0 +1,111 @@
+._3ltn2y0 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  border: var(--vinyasa-border-width-thin) dashed var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  color: var(--vinyasa-on-secondary);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  cursor: pointer;
+  background-color: #0000;
+  display: inline-flex;
+}
+
+._3ltn2y0:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._3ltn2y0: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;
+}
+
+._3ltn2y0[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+._3ltn2y1 {
+  margin-top: var(--vinyasa-space3);
+  border: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-sm);
+  overflow: hidden;
+}
+
+._3ltn2y2 {
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+._3ltn2y3 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  padding: var(--vinyasa-space2) var(--vinyasa-space3);
+  font-size: var(--vinyasa-font-size-sm);
+  display: flex;
+}
+
+._3ltn2y3:not(:last-child) {
+  border-bottom: var(--vinyasa-border-width-thin) solid var(--vinyasa-border-color-default);
+}
+
+._3ltn2y3:hover {
+  background-color: var(--vinyasa-secondary);
+}
+
+._3ltn2y4 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  min-width: 0;
+  color: var(--vinyasa-on-secondary);
+  display: flex;
+}
+
+._3ltn2y5 {
+  flex-shrink: 0;
+  display: flex;
+}
+
+._3ltn2y6 {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  overflow: hidden;
+}
+
+._3ltn2y7 {
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  flex-shrink: 0;
+  margin-left: auto;
+  display: flex;
+}
+
+._3ltn2y8 {
+  color: var(--vinyasa-text-muted);
+}
+
+._3ltn2y9 {
+  color: var(--vinyasa-text-muted);
+  cursor: pointer;
+  background: none;
+  border: none;
+  padding: 0;
+  display: inline-flex;
+}
+
+._3ltn2y9:hover {
+  color: var(--vinyasa-error);
+}
+
+._3ltn2ya {
+  font-size: var(--vinyasa-font-size-xs);
+  color: var(--vinyasa-error);
+  margin-top: var(--vinyasa-space1);
+}
+

package/dist/esm/2942.js

@@ -0,0 +1,13 @@
+import "./2942.css";
+var fileList = '_3ltn2y2';
+var fileListWrapper = '_3ltn2y1';
+var fileMeta = '_3ltn2y7';
+var fileName = '_3ltn2y4';
+var fileNameIcon = '_3ltn2y5';
+var fileNameText = '_3ltn2y6';
+var fileRemove = '_3ltn2y9';
+var fileRow = '_3ltn2y3';
+var fileSize = '_3ltn2y8';
+var rejectionText = '_3ltn2ya';
+var trigger = '_3ltn2y0';
+export { fileList, fileListWrapper, fileMeta, fileName, fileNameIcon, fileNameText, fileRemove, fileRow, fileSize, rejectionText, trigger };