@openameba/spindle-ui 2.10.0 → 2.11.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.11.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.10.0...@openameba/spindle-ui@2.11.0) (2025-10-15)
+
+### Features
+
+- **spindle-ui:** add inverse style to Checkbox component ([885559e](https://github.com/openameba/spindle/commit/885559e823afea1a7b995259fafb2560a2af7d7b))
+
 # [2.10.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.9.1...@openameba/spindle-ui@2.10.0) (2025-10-10)
 
 ### Features

package/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
+    children?: React.ReactNode;
+    inverse?: boolean;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

package/Form/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,QAAQ,gFA0BnB,CAAC"}

package/Form/Checkbox/Checkbox.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.figma.d.ts","sourceRoot":"","sources":["../../../src/Form/Checkbox/Checkbox.figma.tsx"],"names":[],"mappings":""}

package/Form/{Checkbox.figma.js → Checkbox/Checkbox.figma.js}

@@ -13,6 +13,7 @@ code_connect_1.default.connect(Checkbox_1.Checkbox, 'https://www.figma.com/desig
     ],
     props: {
         active: code_connect_1.default.boolean('Active'),
+        inverse: code_connect_1.default.boolean('Inverse'),
         hover: code_connect_1.default.boolean('Focus Ring'),
         label: code_connect_1.default.string('Label'),
         name: code_connect_1.default.string('Name'),
@@ -20,8 +21,8 @@ code_connect_1.default.connect(Checkbox_1.Checkbox, 'https://www.figma.com/desig
         value: code_connect_1.default.string('value'),
     },
     example: function (_a) {
-        var active = _a.active, label = _a.label, name = _a.name, id = _a.id, value = _a.value;
-        return (react_1.default.createElement(Checkbox_1.Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active }));
+        var active = _a.active, inverse = _a.inverse, label = _a.label, name = _a.name, id = _a.id, value = _a.value;
+        return (react_1.default.createElement(Checkbox_1.Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active, inverse: inverse }));
     },
 });
 //# sourceMappingURL=Checkbox.figma.js.map

package/Form/Checkbox/Checkbox.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.figma.js","sourceRoot":"","sources":["../../../src/Form/Checkbox/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,OAAO,EAAE,sBAAK,CAAC,OAAO,CAAC,SAAS,CAAC;QACjC,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,EAA2C;YAAzC,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,EAAE,QAAA,EAAE,KAAK,WAAA;QAAO,OAAA,CACxD,8BAAC,mBAAQ,IACP,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GACN,CACb;IATyD,CASzD;CACF,CACF,CAAC"}

package/Form/{Checkbox.figma.mjs → Checkbox/Checkbox.figma.mjs}

@@ -8,11 +8,12 @@ figma.connect(Checkbox, 'https://www.figma.com/design/FSgvRthUiMMXWgrSE4RUgr/Spi
     ],
     props: {
         active: figma.boolean('Active'),
+        inverse: figma.boolean('Inverse'),
         hover: figma.boolean('Focus Ring'),
         label: figma.string('Label'),
         name: figma.string('Name'),
         id: figma.string('id'),
         value: figma.string('value'),
     },
-    example: ({ active, label, name, id, value }) => (React.createElement(Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active })),
+    example: ({ active, inverse, label, name, id, value }) => (React.createElement(Checkbox, { id: id, name: name, value: value, "aria-label": label, checked: active, inverse: inverse })),
 });

package/Form/Checkbox/Checkbox.js

@@ -0,0 +1,79 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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)
+        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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var react_1 = __importStar(require("react"));
+var CheckBold_1 = __importDefault(require("../../Icon/CheckBold"));
+var BLOCK_NAME = 'spui-Checkbox';
+exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
+    var children = _a.children, _b = _a.inverse, inverse = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "inverse"]);
+    return (react_1.default.createElement("label", { className: [
+            "".concat(BLOCK_NAME, "-label"),
+            inverse && "".concat(BLOCK_NAME, "-label--inverse"),
+        ]
+            .filter(Boolean)
+            .join(' ') },
+        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), ref: ref, type: "checkbox" }, rest)),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+            react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true" })),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
+        children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
+});
+//# sourceMappingURL=Checkbox.js.map

package/Form/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/Form/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAE1C,mEAA6C;AAQ7C,IAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA0B,SAAS,QAAQ,CAC3E,EAA6C,EAC7C,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAK,IAAI,cAApC,uBAAsC,CAAF;IAGpC,OAAO,CACL,yCACE,SAAS,EAAE;YACT,UAAG,UAAU,WAAQ;YACrB,OAAO,IAAI,UAAG,UAAU,oBAAiB;SAC1C;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC;QAEZ,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/Checkbox/Checkbox.mjs

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import CheckBold from "../../Icon/CheckBold.mjs";
+const BLOCK_NAME = 'spui-Checkbox';
+export const Checkbox = forwardRef(function Checkbox({ children, inverse = false, ...rest }, ref) {
+    return (React.createElement("label", { className: [
+            `${BLOCK_NAME}-label`,
+            inverse && `${BLOCK_NAME}-label--inverse`,
+        ]
+            .filter(Boolean)
+            .join(' ') },
+        React.createElement("input", { className: `${BLOCK_NAME}-input`, ref: ref, type: "checkbox", ...rest }),
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
+            React.createElement(CheckBold, { "aria-hidden": "true" })),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` }),
+        children && React.createElement("span", { className: `${BLOCK_NAME}-text` }, children)));
+});

package/Form/Checkbox.css

@@ -1 +1 @@
-: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)}
+: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-label--inverse .spui-Checkbox-icon{border:1px solid var(--color-border-low-emphasis-inverse)}.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-label--inverse .spui-Checkbox-input:checked+.spui-Checkbox-icon{background-color:var(--color-surface-primary);border:1px solid var(--color-surface-primary);color:var(--color-object-accent-primary)}.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.d.ts

@@ -1,7 +1,2 @@
-import React from 'react';
-interface Props extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className'> {
-    children?: React.ReactNode;
-}
-export declare const Checkbox: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export {};
+export { Checkbox } from './Checkbox/Checkbox';
 //# sourceMappingURL=Checkbox.d.ts.map

package/Form/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAID,eAAO,MAAM,QAAQ,gFAmBnB,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Form/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/Form/Checkbox.js

@@ -1,74 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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)
-        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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
-var react_1 = __importStar(require("react"));
-var CheckBold_1 = __importDefault(require("../Icon/CheckBold"));
-var BLOCK_NAME = 'spui-Checkbox';
-exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return (react_1.default.createElement("label", { className: "".concat(BLOCK_NAME, "-label") },
-        react_1.default.createElement("input", __assign({ className: "".concat(BLOCK_NAME, "-input"), ref: ref, type: "checkbox" }, rest)),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
-            react_1.default.createElement(CheckBold_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") }),
-        children && react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-text") }, children)));
-});
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+var Checkbox_1 = require("./Checkbox/Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 //# sourceMappingURL=Checkbox.js.map

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,6EAA6E;AAC7E,mDAAmD;AACnD,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA"}

package/Form/Checkbox.mjs

@@ -1,11 +1,3 @@
-import React, { forwardRef } from 'react';
-import CheckBold from "../Icon/CheckBold.mjs";
-const BLOCK_NAME = 'spui-Checkbox';
-export const Checkbox = forwardRef(function Checkbox({ children, ...rest }, ref) {
-    return (React.createElement("label", { className: `${BLOCK_NAME}-label` },
-        React.createElement("input", { className: `${BLOCK_NAME}-input`, ref: ref, type: "checkbox", ...rest }),
-        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
-            React.createElement(CheckBold, { "aria-hidden": "true" })),
-        React.createElement("span", { className: `${BLOCK_NAME}-outline` }),
-        children && React.createElement("span", { className: `${BLOCK_NAME}-text` }, children)));
-});
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+export { Checkbox } from "./Checkbox/Checkbox.mjs";

package/Form/DropDown/DropDown.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'className'> {
+    children?: React.ReactNode;
+    hasError?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+export declare const DropDown: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
+export {};
+//# sourceMappingURL=DropDown.d.ts.map

package/Form/DropDown/DropDown.d.ts.map

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

package/Form/DropDown/DropDown.js

@@ -0,0 +1,101 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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)
+        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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropDown = void 0;
+var react_1 = __importStar(require("react"));
+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) {
+    var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "hasError", "onChange"]);
+    var selectEl = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
+    var _d = (0, react_1.useState)(false), disabled = _d[0], setDisabled = _d[1];
+    var update = function () {
+        if (selectEl && selectEl.current) {
+            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            var value = selectedEl.text;
+            var disabled_1 = selectedEl.disabled;
+            setText(value);
+            setDisabled(disabled_1);
+        }
+    };
+    var handleChange = function (event) {
+        if (typeof onChange === 'function') {
+            onChange(event);
+        }
+        update();
+    };
+    // Update text once
+    (0, react_1.useEffect)(update, []);
+    return (react_1.default.createElement("label", { className: [
+            "".concat(BLOCK_NAME, "-label"),
+            !disabled ? 'is-active' : '',
+            hasError ? 'is-error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ') },
+        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, 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/DropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../../src/Form/DropDown/DropDown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuE;AACvE,qDAAgD;AAEhD,+EAAyD;AASzD,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/DropDown.mjs

@@ -0,0 +1,38 @@
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+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) {
+    const selectEl = useRef(null);
+    const [text, setText] = useState('');
+    const [disabled, setDisabled] = useState(false);
+    const update = () => {
+        if (selectEl && selectEl.current) {
+            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            const value = selectedEl.text;
+            const disabled = selectedEl.disabled;
+            setText(value);
+            setDisabled(disabled);
+        }
+    };
+    const handleChange = (event) => {
+        if (typeof onChange === 'function') {
+            onChange(event);
+        }
+        update();
+    };
+    // Update text once
+    useEffect(update, []);
+    return (React.createElement("label", { className: [
+            `${BLOCK_NAME}-label`,
+            !disabled ? 'is-active' : '',
+            hasError ? 'is-error' : '',
+        ]
+            .filter(Boolean)
+            .join(' ') },
+        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: useMergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
+        React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
+});

package/Form/DropDown.d.ts

@@ -1,9 +1,2 @@
-import React from 'react';
-interface Props extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'className'> {
-    children?: React.ReactNode;
-    hasError?: boolean;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-}
-export declare const DropDown: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
-export {};
+export { DropDown } from './DropDown/DropDown';
 //# sourceMappingURL=DropDown.d.ts.map

package/Form/DropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IACxE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAID,eAAO,MAAM,QAAQ,iFAuDnB,CAAC"}
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/Form/DropDown.js

@@ -1,101 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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)
-        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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = void 0;
-var react_1 = __importStar(require("react"));
-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) {
-    var children = _a.children, _b = _a.hasError, hasError = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "hasError", "onChange"]);
-    var selectEl = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
-    var _d = (0, react_1.useState)(false), disabled = _d[0], setDisabled = _d[1];
-    var update = function () {
-        if (selectEl && selectEl.current) {
-            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            var value = selectedEl.text;
-            var disabled_1 = selectedEl.disabled;
-            setText(value);
-            setDisabled(disabled_1);
-        }
-    };
-    var handleChange = function (event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-        update();
-    };
-    // Update text once
-    (0, react_1.useEffect)(update, []);
-    return (react_1.default.createElement("label", { className: [
-            "".concat(BLOCK_NAME, "-label"),
-            !disabled ? 'is-active' : '',
-            hasError ? 'is-error' : '',
-        ]
-            .filter(Boolean)
-            .join(' ') },
-        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, use_callback_ref_1.useMergeRefs)([selectEl, ref]), onChange: handleChange }, rest), children),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-outline") })));
-});
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+var DropDown_1 = require("./DropDown/DropDown");
+Object.defineProperty(exports, "DropDown", { enumerable: true, get: function () { return DropDown_1.DropDown; } });
 //# 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,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"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/Form/DropDown.tsx"],"names":[],"mappings":";;;AAAA,6EAA6E;AAC7E,mDAAmD;AACnD,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA"}

package/Form/DropDown.mjs

@@ -1,38 +1,3 @@
-import React, { forwardRef, useEffect, useRef, useState } from 'react';
-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) {
-    const selectEl = useRef(null);
-    const [text, setText] = useState('');
-    const [disabled, setDisabled] = useState(false);
-    const update = () => {
-        if (selectEl && selectEl.current) {
-            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            const value = selectedEl.text;
-            const disabled = selectedEl.disabled;
-            setText(value);
-            setDisabled(disabled);
-        }
-    };
-    const handleChange = (event) => {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-        update();
-    };
-    // Update text once
-    useEffect(update, []);
-    return (React.createElement("label", { className: [
-            `${BLOCK_NAME}-label`,
-            !disabled ? 'is-active' : '',
-            hasError ? 'is-error' : '',
-        ]
-            .filter(Boolean)
-            .join(' ') },
-        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: useMergeRefs([selectEl, ref]), onChange: handleChange, ...rest }, children),
-        React.createElement("span", { className: `${BLOCK_NAME}-outline` })));
-});
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+export { DropDown } from "./DropDown/DropDown.mjs";