@openameba/spindle-ui 2.6.0 → 2.6.3

package/DropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/Form/ButtonSwitch/ButtonSwitch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     id?: string;
     value: string | null;
     options: {

package/Form/ButtonSwitch/ButtonSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAG9E,aAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsExC,CAAC"}
+{"version":3,"file":"ButtonSwitch.d.ts","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAG9E,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAsExC,CAAC"}

package/Form/ButtonSwitch/ButtonSwitch.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/Form/ButtonSwitch/ButtonSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8E;AAC9E,mEAA6C;AAY7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAK7C;QAJC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiC,EAAE,CAAC,CAAC;IAE9D,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE;gBACX,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;aACH;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;aACP;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;aACP;SACF;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAhC,CAAgC,EAC/C,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,EApB+B,CAoB/B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,YAAY,gBAsEvB"}
+{"version":3,"file":"ButtonSwitch.js","sourceRoot":"","sources":["../../../src/Form/ButtonSwitch/ButtonSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8E;AAC9E,mEAA6C;AAY7C,IAAM,UAAU,GAAG,mBAAmB,CAAC;AAEhC,IAAM,YAAY,GAAoB,UAAC,EAK7C;QAJC,EAAE,QAAA,EACF,KAAK,WAAA,EACL,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiC,EAAE,CAAC,CAAC;IAE9D,OAAO,CAAC,OAAO,CAAC,UAAC,CAAC,EAAE,KAAK;QACvB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAS,GAAqB,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,CAAyC,EAAE,KAAa;QACvD,IAAM,WAAW,GAAG,UAAC,MAAc;YACjC,IAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAChB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CACnD,CAAC;YACJ,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;YACjC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,EAAE,CAAC;YAChB,IAAI,OAAO,EAAE,CAAC;gBACZ,OAAO,CACL,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAClE,CAAC;YACJ,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChB,MAAM;YACR,CAAC;YACD,KAAK,WAAW,CAAC;YACjB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;YACR,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uCAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAC,OAAO,IAC7C,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,0CACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,MAAM,CAAC,KAAK,EACpC,SAAS,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EAAvB,CAAuB,EACzC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAAhC,CAAgC,EAC/C,GAAG,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC;QAE7B,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CACzB,8BAAC,mBAAS,mBACI,MAAM,EAClB,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,CACH;QACD,wCAAM,SAAS,EAAE,UAAG,UAAU,WAAQ,IAAG,MAAM,CAAC,KAAK,CAAQ,CACtD,CACV,EApB+B,CAoB/B,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,YAAY,gBAsEvB"}

package/Form/Checkbox.css

@@ -1 +1 @@
-.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-outline{border-radius:2px;bottom:-2px;height:22px;left:-2px;position:absolute;right:-2px;top:-2px;width:22px}.spui-Checkbox-input:focus~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-input:focus:not(:focus-visible)~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}
+:root{--Checkbox-backGroundColor:var(--color-surface-primary)}.spui-Checkbox-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-text:not(:empty)){box-shadow:0 0 0 2px var(--Checkbox-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Checkbox-label:focus-within:has(.spui-Checkbox-input:not(:focus-visible)){box-shadow:none}.spui-Checkbox-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Checkbox-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:4px;box-sizing:border-box;color:transparent;display:inline-flex;font-size:.875em;height:18px;justify-content:center;width:18px}.spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Checkbox-input:disabled+.spui-Checkbox-icon{opacity:.3}.spui-Checkbox-outline{border-radius:2px;height:22px;inset:-2px;position:absolute;width:22px}.spui-Checkbox-label:has(:not(.spui-Checkbox-text)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Checkbox-label:has(.spui-Checkbox-text):has(:not(.spui-Checkbox-text:empty)) .spui-Checkbox-input:focus-visible~.spui-Checkbox-outline{box-shadow:none}.spui-Checkbox-text:not(:empty){margin-left:8px}.spui-Checkbox-input:checked~.spui-Checkbox-text{color:var(--color-object-accent-primary)}.spui-Checkbox-input:disabled~.spui-Checkbox-text{color:var(--color-text-disabled)}

package/Form/Checkbox.figma.js

@@ -7,7 +7,10 @@ var react_1 = __importDefault(require("react"));
 var Checkbox_1 = require("./Checkbox");
 var code_connect_1 = __importDefault(require("@figma/code-connect"));
 code_connect_1.default.connect(Checkbox_1.Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33059&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { Checkbox } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { Checkbox } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/Checkbox.css';",
+    ],
     props: {
         active: code_connect_1.default.boolean('Active'),
         hover: code_connect_1.default.boolean('Focus Ring'),

package/Form/Checkbox.figma.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.figma.js","sourceRoot":"","sources":["../../src/Form/Checkbox.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,uCAAsC;AACtC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,mBAAQ,EACR,uGAAuG,EACvG;IACE,OAAO,EAAE,CAAC,wDAAwD,CAAC;IACnE,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,YAAY,CAAC;QAClC,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,sBAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAC/C,8BAAC,mBAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,MAAM,GACL,CACb;IARgD,CAQhD;CACF,CACF,CAAC"}
+{"version":3,"file":"Checkbox.figma.js","sourceRoot":"","sources":["../../src/Form/Checkbox.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,uCAAsC;AACtC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,mBAAQ,EACR,uGAAuG,EACvG;IACE,OAAO,EAAE;QACP,wDAAwD;QACxD,mDAAmD;KACpD;IACD,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,YAAY,CAAC;QAClC,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,sBAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,UAAC,EAAkC;YAAhC,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAC/C,8BAAC,mBAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,MAAM,GACL,CACb;IARgD,CAQhD;CACF,CACF,CAAC"}

package/Form/Checkbox.figma.mjs

@@ -2,7 +2,10 @@ import React from 'react';
 import { Checkbox } from "./Checkbox.mjs";
 import figma from '@figma/code-connect';
 figma.connect(Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33059&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { Checkbox } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { Checkbox } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/Checkbox.css';",
+    ],
     props: {
         active: figma.boolean('Active'),
         hover: figma.boolean('Focus Ring'),

package/Form/Checkbox.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)

package/Form/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gEAA0C;AAO1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gEAA0C;AAO1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA4B,EAC5B,GAAG;IADD,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAGnB,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ;QACrC,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,IACX,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/DropDown.css

@@ -1 +1 @@
-.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-medium-emphasis);border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}
+.spui-DropDown-label{display:inline-block;position:relative}.spui-DropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;opacity:0;outline:none}.spui-DropDown-select,.spui-DropDown-visual{box-sizing:border-box;font-size:1em;min-height:40px;padding:.5em calc(40px + 1em) .5em 1em}.spui-DropDown-visual{align-items:center;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;color:var(--color-text-disabled);display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.spui-DropDown-label.is-active .spui-DropDown-visual{color:var(--color-text-high-emphasis)}.spui-DropDown-icon{align-items:center;background-color:var(--color-surface-secondary);border:1px solid var(--color-border-medium-emphasis);border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-low-emphasis);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:40px}.spui-DropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-DropDown-select:focus~.spui-DropDown-outline{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-DropDown-select:focus:not(:focus-visible)~.spui-DropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}.spui-DropDown-label.is-error .spui-DropDown-icon,.spui-DropDown-label.is-error .spui-DropDown-visual,.spui-DropDown-label:user-invalid .spui-DropDown-icon,.spui-DropDown-label:user-invalid .spui-DropDown-visual{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}

package/Form/DropDown.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)
@@ -50,7 +60,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = void 0;
 var react_1 = __importStar(require("react"));
-var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
+var use_callback_ref_1 = require("use-callback-ref");
 var ChevronDownBold_1 = __importDefault(require("../Icon/ChevronDownBold"));
 var BLOCK_NAME = 'spui-DropDown';
 exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
@@ -85,7 +95,7 @@ exports.DropDown = (0, react_1.forwardRef)(function DropDown(_a, ref) {
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") }, text),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
             react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select"), ref: (0, react_merge_refs_1.default)([selectEl, ref]), onChange: handleChange }, rest), children),
+        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select"), ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange }, rest), children),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
 });
 //# sourceMappingURL=DropDown.js.map

package/Form/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,4EAAsD;AAStD,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;SACvB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAAgD;AAEhD,4EAAsD;AAStD,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAwD,EACxD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA/C,oCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAC/B,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACjC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,IAAM,UAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;YACrC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,WAAW,CAAC,UAAQ,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC5B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS,IAAG,IAAI,CAAQ;QACtD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,YAAS,EACjC,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/DropDown.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import mergeRefs from 'react-merge-refs';
+import { useMergeRefs } from 'use-callback-ref';
 import ChevronDownBold from "../Icon/ChevronDownBold.mjs";
 const BLOCK_NAME = 'spui-DropDown';
 export const DropDown = forwardRef(function DropDown({ children, hasError = false, onChange, ...rest }, ref) {
@@ -33,6 +33,6 @@ export const DropDown = forwardRef(function DropDown({ children, hasError = fals
         React.createElement("span", { className: `${BLOCK_NAME}-visual` }, text),
         React.createElement("span", { className: `${BLOCK_NAME}-icon` },
             React.createElement(ChevronDownBold, { "aria-hidden": "true" })),
-        React.createElement("select", { className: `${BLOCK_NAME}-select`, ref: mergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
+        React.createElement("select", { className: `${BLOCK_NAME}-select`, ref: useMergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
         React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });

package/Form/InlineDropDown.css

@@ -1 +1 @@
-.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:listitem;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}
+.spui-InlineDropDown-label{display:inline-block;position:relative}.spui-InlineDropDown-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;font-size:1em;margin:0;opacity:0;outline:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select--medium{min-height:40px}.spui-InlineDropDown-select--small{min-height:32px}.spui-InlineDropDown-text,.spui-InlineDropDown-visual{border-radius:8px;display:flex}.spui-InlineDropDown-text{align-items:center;box-sizing:border-box;color:var(--color-text-medium-emphasis);font-weight:700;height:100%;left:0;padding:.5em 0}.spui-InlineDropDown-text--medium{font-size:.875em;min-height:40px}.spui-InlineDropDown-text--small{font-size:.8125em;min-height:32px}.spui-InlineDropDown-icon{align-items:center;background-color:transparent;border-bottom-right-radius:8px;border-top-right-radius:8px;box-sizing:border-box;color:var(--color-object-medium-emphasis);display:flex;justify-content:center;margin-left:4px}.spui-InlineDropDown-icon--medium{font-size:.875em}.spui-InlineDropDown-icon--small{font-size:.8125em}.spui-InlineDropDown-outline{border-radius:8px;display:inline-block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.spui-InlineDropDown-select:focus~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.spui-InlineDropDown-select:focus:not(:focus-visible)~.spui-InlineDropDown-outline{border-color:var(--color-border-medium-emphasis);box-shadow:none}

package/Form/InlineDropDown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Size = 'medium' | 'small';
+type Size = 'medium' | 'small';
 interface Props extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'className'> {
     children?: React.ReactNode;
     visualSize?: Size;

package/Form/InlineDropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropDown.d.ts","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,aAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAID,eAAO,MAAM,cAAc,iFAsD1B,CAAC"}
+{"version":3,"file":"InlineDropDown.d.ts","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,KAAK,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/B,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAID,eAAO,MAAM,cAAc,iFAsD1B,CAAC"}

package/Form/InlineDropDown.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)
@@ -50,7 +60,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineDropDown = void 0;
 var react_1 = __importStar(require("react"));
-var react_merge_refs_1 = __importDefault(require("react-merge-refs"));
+var use_callback_ref_1 = require("use-callback-ref");
 var ChevronDownBold_1 = __importDefault(require("../Icon/ChevronDownBold"));
 var BLOCK_NAME = 'spui-InlineDropDown';
 exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref) {
@@ -77,7 +87,7 @@ exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref
             react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text ").concat(BLOCK_NAME, "-text--").concat(visualSize) }, text),
             react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon ").concat(BLOCK_NAME, "-icon--").concat(visualSize) },
                 react_1.default.createElement(ChevronDownBold_1.default, { "aria-hidden": "true" }))),
-        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select ").concat(BLOCK_NAME, "-select--").concat(visualSize), ref: (0, react_merge_refs_1.default)([selectEl, ref]), onChange: handleChange }, rest), children),
+        react_1.default.createElement("select", __assign({ className: "".concat(BLOCK_NAME, "-select ").concat(BLOCK_NAME, "-select--").concat(visualSize), ref: (0, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange }, rest), children),
         react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
 });
 //# sourceMappingURL=InlineDropDown.js.map

package/Form/InlineDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,sEAAyC;AAEzC,4EAAsD;AAWtD,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAA6D,EAC7D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAApD,sCAAsD,CAAF;IAGpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAErC,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE;YAChC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;YAClC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,UAAG,UAAU,WAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS;YACrC,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE;gBAEjE,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,qBAAW,UAAU,sBAAY,UAAU,CAAE,EACrE,GAAG,EAAE,IAAA,0BAAS,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAC/B,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAAgD;AAEhD,4EAAsD;AAWtD,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAE5B,QAAA,cAAc,GAAG,IAAA,kBAAU,EACtC,SAAS,cAAc,CACrB,EAA6D,EAC7D,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAApD,sCAAsD,CAAF;IAGpD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAE3C,IAAA,KAAkB,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAA7B,IAAI,QAAA,EAAE,OAAO,QAAgB,CAAC;IAErC,IAAM,MAAM,GAAG;QACb,IAAI,QAAQ,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACjC,IAAM,UAAU,GACd,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YAC3D,IAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;YAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAA2C;QAC/D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,mBAAmB;IACnB,IAAA,iBAAS,EAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEtB,OAAO,CACL,yCAAO,SAAS,EAAE,CAAC,UAAG,UAAU,WAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACjE,wCAAM,SAAS,EAAE,UAAG,UAAU,YAAS;YACrC,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE,IAEhE,IAAI,CACA;YACP,wCACE,SAAS,EAAE,UAAG,UAAU,mBAAS,UAAU,oBAAU,UAAU,CAAE;gBAEjE,8BAAC,yBAAe,mBAAa,MAAM,GAAG,CACjC,CACF;QACP,mDACE,SAAS,EAAE,UAAG,UAAU,qBAAW,UAAU,sBAAY,UAAU,CAAE,EACrE,GAAG,EAAE,IAAA,+BAAY,EAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,EAClC,QAAQ,EAAE,YAAY,IAClB,IAAI,GAEP,QAAQ,CACF;QACT,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS,CAC3C,CACT,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/InlineDropDown.mjs

@@ -1,5 +1,5 @@
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-import mergeRefs from 'react-merge-refs';
+import { useMergeRefs } from 'use-callback-ref';
 import ChevronDownBold from "../Icon/ChevronDownBold.mjs";
 const BLOCK_NAME = 'spui-InlineDropDown';
 export const InlineDropDown = forwardRef(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
@@ -25,6 +25,6 @@ export const InlineDropDown = forwardRef(function InlineDropDown({ children, vis
             React.createElement("span", { className: `${BLOCK_NAME}-text ${BLOCK_NAME}-text--${visualSize}` }, text),
             React.createElement("span", { className: `${BLOCK_NAME}-icon ${BLOCK_NAME}-icon--${visualSize}` },
                 React.createElement(ChevronDownBold, { "aria-hidden": "true" }))),
-        React.createElement("select", { className: `${BLOCK_NAME}-select ${BLOCK_NAME}-select--${visualSize}`, ref: mergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
+        React.createElement("select", { className: `${BLOCK_NAME}-select ${BLOCK_NAME}-select--${visualSize}`, ref: useMergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
         React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
 });

package/Form/Radio.css

@@ -1 +1 @@
-.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;bottom:-2px;height:24px;left:-2px;position:absolute;right:-2px;top:-2px;width:24px}.spui-Radio-input:focus~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-input:focus:not(:focus-visible)~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}
+:root{--Radio-backGroundColor:var(--color-surface-primary)}.spui-Radio-label{align-items:center;border-radius:2px;color:var(--color-text-low-emphasis);display:inline-flex;font-size:1em;font-weight:700;line-height:1;position:relative}.spui-Radio-label:focus-within:has(.spui-Radio-text:not(:empty)){box-shadow:0 0 0 2px var(--Radio-backGroundColor),0 0 0 4px var(--color-focus-clarity)}.spui-Radio-label:focus-within:has(.spui-Radio-input:not(:focus-visible)){box-shadow:none}.spui-Radio-input{clip:rect(1px,1px,1px,1px);height:1px;margin-top:0;overflow:hidden;position:absolute;width:1px}.spui-Radio-icon{align-items:center;border:1px solid var(--color-border-medium-emphasis);border-radius:50%;box-sizing:border-box;color:transparent;display:inline-flex;flex-shrink:0;font-size:.875em;height:20px;justify-content:center;vertical-align:top;width:20px}.spui-Radio-input:checked+.spui-Radio-icon{background-color:var(--color-object-accent-primary);border:1px solid var(--color-object-accent-primary);color:var(--color-text-high-emphasis-inverse)}.spui-Radio-input:disabled+.spui-Radio-icon{opacity:.3}.spui-Radio-outline{border-radius:50%;height:24px;inset:-2px;position:absolute;width:24px}.spui-Radio-label:has(:not(.spui-Radio-text)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-Radio-label:has(.spui-Radio-text):has(:not(.spui-Radio-text:empty)) .spui-Radio-input:focus-visible~.spui-Radio-outline{box-shadow:none}.spui-Radio-text:not(:empty){margin-left:8px}.spui-Radio-input:checked~.spui-Radio-text{color:var(--color-object-accent-primary)}.spui-Radio-input:disabled~.spui-Radio-text{color:var(--color-text-disabled)}

package/Form/Radio.figma.js

@@ -7,7 +7,10 @@ var react_1 = __importDefault(require("react"));
 var Radio_1 = require("./Radio");
 var code_connect_1 = __importDefault(require("@figma/code-connect"));
 code_connect_1.default.connect(Radio_1.Radio, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33051&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { Radio } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { Radio } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/Radio.css';",
+    ],
     props: {
         active: code_connect_1.default.boolean('Active'),
         hover: code_connect_1.default.boolean('Focus Ring'),

package/Form/Radio.figma.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.figma.js","sourceRoot":"","sources":["../../src/Form/Radio.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,iCAAgC;AAChC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,aAAK,EACL,uGAAuG,EACvG;IACE,OAAO,EAAE,CAAC,qDAAqD,CAAC;IAChE,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,YAAY,CAAC;QAClC,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,sBAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;KACvB;IACD,OAAO,EAAE,UAAC,EAA2B;YAAzB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;QAAO,OAAA,CACxC,8BAAC,aAAK,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,OAAO,EAAE,MAAM,GAAU,CACxE;IAFyC,CAEzC;CACF,CACF,CAAC"}
+{"version":3,"file":"Radio.figma.js","sourceRoot":"","sources":["../../src/Form/Radio.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,iCAAgC;AAChC,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,aAAK,EACL,uGAAuG,EACvG;IACE,OAAO,EAAE;QACP,qDAAqD;QACrD,gDAAgD;KACjD;IACD,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,KAAK,EAAE,sBAAK,CAAC,OAAO,CAAC,YAAY,CAAC;QAClC,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5B,IAAI,EAAE,sBAAK,CAAC,MAAM,CAAC,MAAM,CAAC;QAC1B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;KACvB;IACD,OAAO,EAAE,UAAC,EAA2B;YAAzB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA;QAAO,OAAA,CACxC,8BAAC,aAAK,IAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,OAAO,EAAE,MAAM,GAAU,CACxE;IAFyC,CAEzC;CACF,CACF,CAAC"}

package/Form/Radio.figma.mjs

@@ -2,7 +2,10 @@ import React from 'react';
 import { Radio } from "./Radio.mjs";
 import figma from '@figma/code-connect';
 figma.connect(Radio, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33051&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { Radio } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { Radio } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/Radio.css';",
+    ],
     props: {
         active: figma.boolean('Active'),
         hover: figma.boolean('Focus Ring'),

package/Form/Radio.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)

package/Form/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/Form/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gEAA0C;AAQ1C,IAAM,UAAU,GAAG,YAAY,CAAC;AAEnB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA0B,SAAS,KAAK,CACrE,EAAqC,EACrC,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA5B,kBAA8B,CAAF;IAG5B,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ,EAAE,OAAO,EAAE,EAAE;QAClD,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,IACR,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/Form/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,gEAA0C;AAQ1C,IAAM,UAAU,GAAG,YAAY,CAAC;AAEnB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAA0B,SAAS,KAAK,CACrE,EAAqC,EACrC,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA5B,kBAA8B,CAAF;IAG5B,OAAO,CACL,yCAAO,SAAS,EAAE,UAAG,UAAU,WAAQ,EAAE,OAAO,EAAE,EAAE;QAClD,kDACE,SAAS,EAAE,UAAG,UAAU,WAAQ,EAChC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,IACR,IAAI,EACR;QACF,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mBAAS,mBAAa,MAAM,GAAG,CAC3B;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,aAAU,GAAS;QAChD,QAAQ,IAAI,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CAC/D,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/TextArea.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)

package/Form/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/Form/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,SAAS,QAAQ,CACf,EAAuD,EACvD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA9C,8BAAgD,CAAF;IAG9C,OAAO,CACL,qDACE,SAAS,EAAE,CAAC,UAAG,UAAU,CAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../src/Form/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAS1C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,SAAS,QAAQ,CACf,EAAuD,EACvD,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAK,IAAI,cAA9C,8BAAgD,CAAF;IAG9C,OAAO,CACL,qDACE,SAAS,EAAE,CAAC,UAAG,UAAU,CAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,GAEP,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC,CACF,CAAC"}

package/Form/TextField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Variant = 'large' | 'medium';
+type Variant = 'large' | 'medium';
 interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
     hasError?: boolean;
     id: string;

package/Form/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/Form/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,aAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElC,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,SAAS,gFAgBpB,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/Form/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,KAAK,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AAElC,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,SAAS,gFAgBpB,CAAC"}

package/Form/TextField.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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)

package/Form/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/Form/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAW1C,IAAM,UAAU,GAAG,gBAAgB,CAAC;AAEvB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA0B,SAAS,SAAS,CAC7E,EAAiE,EACjE,GAAG;IADD,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAAK,IAAI,cAAxD,6BAA0D,CAAF;IAGxD,OAAO,CACL,kDACE,SAAS,EAAE;YACT,UAAG,UAAU,CAAE;YACf,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/Form/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAW1C,IAAM,UAAU,GAAG,gBAAgB,CAAC;AAEvB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAA0B,SAAS,SAAS,CAC7E,EAAiE,EACjE,GAAG;IADD,IAAA,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAAK,IAAI,cAAxD,6BAA0D,CAAF;IAGxD,OAAO,CACL,kDACE,SAAS,EAAE;YACT,UAAG,UAAU,CAAE;YACf,UAAG,UAAU,eAAK,OAAO,CAAE;YAC3B,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,IACJ,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/Form/ToggleSwitch.css

@@ -1 +1 @@
-.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;bottom:-2px;left:-2px;position:absolute;right:-2px;top:-2px}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}
+.spui-ToggleSwitch{display:inline-block;height:32px;position:relative;width:52px}.spui-ToggleSwitch-input{opacity:0;outline:none}.spui-ToggleSwitch-input:disabled~.spui-ToggleSwitch-visual{opacity:.3}.spui-ToggleSwitch-visual{background-color:var(--color-surface-quaternary);border-radius:16px;box-sizing:border-box;display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual{background-color:var(--color-surface-accent-primary)}.spui-ToggleSwitch-visual:before{background-color:var(--color-object-high-emphasis-inverse);border:1px solid var(--color-border-low-emphasis);border-radius:100%;box-sizing:border-box;content:"";display:inline-block;height:24px;left:4px;position:absolute;top:4px;transition:transform .3s ease-out;width:24px}.spui-ToggleSwitch-input:checked~.spui-ToggleSwitch-visual:before{transform:translate(20px)}.spui-ToggleSwitch-outline{border-radius:16px;inset:-2px;position:absolute}.spui-ToggleSwitch-input:focus~.spui-ToggleSwitch-outline{box-shadow:0 0 0 2px var(--color-focus-clarity)}.spui-ToggleSwitch-input:focus:not(:focus-visible)~.spui-ToggleSwitch-outline{box-shadow:none}

package/Form/ToggleSwitch.figma.js

@@ -7,7 +7,10 @@ var react_1 = __importDefault(require("react"));
 var ToggleSwitch_1 = require("./ToggleSwitch");
 var code_connect_1 = __importDefault(require("@figma/code-connect"));
 code_connect_1.default.connect(ToggleSwitch_1.ToggleSwitch, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33067&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { ToggleSwitch } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { ToggleSwitch } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/ToggleSwitch.css';",
+    ],
     props: {
         active: code_connect_1.default.boolean('Active'),
         id: code_connect_1.default.string('id'),

package/Form/ToggleSwitch.figma.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.figma.js","sourceRoot":"","sources":["../../src/Form/ToggleSwitch.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+CAA8C;AAC9C,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,2BAAY,EACZ,uGAAuG,EACvG;IACE,OAAO,EAAE,CAAC,4DAA4D,CAAC;IACvE,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,UAAC,EAAqB;YAAnB,MAAM,YAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAClC,8BAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,gBAAc,KAAK,EAAE,OAAO,EAAE,MAAM,GAAiB,CAC1E;IAFmC,CAEnC;CACF,CACF,CAAC"}
+{"version":3,"file":"ToggleSwitch.figma.js","sourceRoot":"","sources":["../../src/Form/ToggleSwitch.figma.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,+CAA8C;AAC9C,qEAAwC;AAExC,sBAAK,CAAC,OAAO,CACX,2BAAY,EACZ,uGAAuG,EACvG;IACE,OAAO,EAAE;QACP,4DAA4D;QAC5D,uDAAuD;KACxD;IACD,KAAK,EAAE;QACL,MAAM,EAAE,sBAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;QAC/B,EAAE,EAAE,sBAAK,CAAC,MAAM,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,sBAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KAC7B;IACD,OAAO,EAAE,UAAC,EAAqB;YAAnB,MAAM,YAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CAClC,8BAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,gBAAc,KAAK,EAAE,OAAO,EAAE,MAAM,GAAiB,CAC1E;IAFmC,CAEnC;CACF,CACF,CAAC"}

package/Form/ToggleSwitch.figma.mjs

@@ -2,7 +2,10 @@ import React from 'react';
 import { ToggleSwitch } from "./ToggleSwitch.mjs";
 import figma from '@figma/code-connect';
 figma.connect(ToggleSwitch, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spindle-UI?node-id=473-33067&t=BiQUBKKifVQV5TbP-0', {
-    imports: ["import { ToggleSwitch } from '@openameba/spindle-ui/Form';"],
+    imports: [
+        "import { ToggleSwitch } from '@openameba/spindle-ui/Form';",
+        "import '@openameba/spindle-ui/Form/ToggleSwitch.css';",
+    ],
     props: {
         active: figma.boolean('Active'),
         id: figma.string('id'),