@openameba/spindle-ui 2.10.0 → 3.0.0

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";

package/Form/InlineDropDown/InlineDropDown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Size = 'medium' | 'small';
+interface Props extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'className'> {
+    children?: React.ReactNode;
+    visualSize?: Size;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+export declare const InlineDropDown: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
+export {};
+//# sourceMappingURL=InlineDropDown.d.ts.map

package/Form/InlineDropDown/InlineDropDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineDropDown.d.ts","sourceRoot":"","sources":["../../../src/Form/InlineDropDown/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/InlineDropDown.js

@@ -0,0 +1,93 @@
+"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.InlineDropDown = 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-InlineDropDown';
+exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref) {
+    var children = _a.children, _b = _a.visualSize, visualSize = _b === void 0 ? 'medium' : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "visualSize", "onChange"]);
+    var selectEl = (0, react_1.useRef)(null);
+    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
+    var update = function () {
+        if (selectEl && selectEl.current) {
+            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
+            var value = selectedEl.text;
+            setText(value);
+        }
+    };
+    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")].filter(Boolean).join(' ') },
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") },
+            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, 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/InlineDropDown.js.map

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

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

package/Form/InlineDropDown.d.ts

@@ -1,10 +1,2 @@
-import React from 'react';
-type Size = 'medium' | 'small';
-interface Props extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'className'> {
-    children?: React.ReactNode;
-    visualSize?: Size;
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-}
-export declare const InlineDropDown: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLSelectElement>>;
-export {};
+export { InlineDropDown } from './InlineDropDown/InlineDropDown';
 //# sourceMappingURL=InlineDropDown.d.ts.map

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,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"}
+{"version":3,"file":"InlineDropDown.d.ts","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/Form/InlineDropDown.js

@@ -1,93 +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.InlineDropDown = 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-InlineDropDown';
-exports.InlineDropDown = (0, react_1.forwardRef)(function InlineDropDown(_a, ref) {
-    var children = _a.children, _b = _a.visualSize, visualSize = _b === void 0 ? 'medium' : _b, onChange = _a.onChange, rest = __rest(_a, ["children", "visualSize", "onChange"]);
-    var selectEl = (0, react_1.useRef)(null);
-    var _c = (0, react_1.useState)(''), text = _c[0], setText = _c[1];
-    var update = function () {
-        if (selectEl && selectEl.current) {
-            var selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            var value = selectedEl.text;
-            setText(value);
-        }
-    };
-    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")].filter(Boolean).join(' ') },
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-visual") },
-            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, 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 InlineDropDown_1 = require("./InlineDropDown/InlineDropDown");
+Object.defineProperty(exports, "InlineDropDown", { enumerable: true, get: function () { return InlineDropDown_1.InlineDropDown; } });
 //# 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,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"}
+{"version":3,"file":"InlineDropDown.js","sourceRoot":"","sources":["../../src/Form/InlineDropDown.tsx"],"names":[],"mappings":";;;AAAA,6EAA6E;AAC7E,mDAAmD;AACnD,kEAAiE;AAAxD,gHAAA,cAAc,OAAA"}

package/Form/InlineDropDown.mjs

@@ -1,30 +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-InlineDropDown';
-export const InlineDropDown = forwardRef(function InlineDropDown({ children, visualSize = 'medium', onChange, ...rest }, ref) {
-    const selectEl = useRef(null);
-    const [text, setText] = useState('');
-    const update = () => {
-        if (selectEl && selectEl.current) {
-            const selectedEl = selectEl.current.options[selectEl.current.selectedIndex];
-            const value = selectedEl.text;
-            setText(value);
-        }
-    };
-    const handleChange = (event) => {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-        update();
-    };
-    // Update text once
-    useEffect(update, []);
-    return (React.createElement("label", { className: [`${BLOCK_NAME}-label`].filter(Boolean).join(' ') },
-        React.createElement("span", { className: `${BLOCK_NAME}-visual` },
-            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: 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 { InlineDropDown } from "./InlineDropDown/InlineDropDown.mjs";

package/Form/InputLabel/InputLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className'> {
+    children?: React.ReactNode;
+    id: string;
+}
+export declare const InputLabel: React.FC<Props>;
+export {};
+//# sourceMappingURL=InputLabel.d.ts.map

package/Form/InputLabel/InputLabel.d.ts.map

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

package/Form/InputLabel/InputLabel.js

@@ -0,0 +1,36 @@
+"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 __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.InputLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var BLOCK_NAME = 'spui-InputLabel';
+var InputLabel = function (_a) {
+    var children = _a.children, _b = _a.id, id = _b === void 0 ? '' : _b, rest = __rest(_a, ["children", "id"]);
+    return (react_1.default.createElement("label", __assign({ className: BLOCK_NAME, htmlFor: id }, rest), children));
+};
+exports.InputLabel = InputLabel;
+//# sourceMappingURL=InputLabel.js.map

package/Form/InputLabel/InputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../../src/Form/InputLabel/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAQ1B,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,UAAU,GAAoB,UAAC,EAIpC;IAHN,IAAA,QAAQ,cAAA,EACR,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EACJ,IAAI,cAHmC,kBAI3C,CADQ;IAEP,OAAO,CACL,kDAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,IAAM,IAAI,GAChD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB"}

package/Form/InputLabel/InputLabel.mjs

@@ -0,0 +1,5 @@
+import React from 'react';
+const BLOCK_NAME = 'spui-InputLabel';
+export const InputLabel = ({ children, id = '', ...rest }) => {
+    return (React.createElement("label", { className: BLOCK_NAME, htmlFor: id, ...rest }, children));
+};

package/Form/InputLabel.d.ts

@@ -1,8 +1,2 @@
-import React from 'react';
-interface Props extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className'> {
-    children?: React.ReactNode;
-    id: string;
-}
-export declare const InputLabel: React.FC<Props>;
-export {};
+export { InputLabel } from './InputLabel/InputLabel';
 //# sourceMappingURL=InputLabel.d.ts.map

package/Form/InputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/Form/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAUtC,CAAC"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/Form/InputLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/Form/InputLabel.js

@@ -1,36 +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 __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.InputLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var BLOCK_NAME = 'spui-InputLabel';
-var InputLabel = function (_a) {
-    var children = _a.children, _b = _a.id, id = _b === void 0 ? '' : _b, rest = __rest(_a, ["children", "id"]);
-    return (react_1.default.createElement("label", __assign({ className: BLOCK_NAME, htmlFor: id }, rest), children));
-};
-exports.InputLabel = InputLabel;
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+var InputLabel_1 = require("./InputLabel/InputLabel");
+Object.defineProperty(exports, "InputLabel", { enumerable: true, get: function () { return InputLabel_1.InputLabel; } });
 //# sourceMappingURL=InputLabel.js.map

package/Form/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../src/Form/InputLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAQ1B,IAAM,UAAU,GAAG,iBAAiB,CAAC;AAE9B,IAAM,UAAU,GAAoB,UAAC,EAIpC;IAHN,IAAA,QAAQ,cAAA,EACR,UAAO,EAAP,EAAE,mBAAG,EAAE,KAAA,EACJ,IAAI,cAHmC,kBAI3C,CADQ;IAEP,OAAO,CACL,kDAAO,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,IAAM,IAAI,GAChD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB"}
+{"version":3,"file":"InputLabel.js","sourceRoot":"","sources":["../../src/Form/InputLabel.tsx"],"names":[],"mappings":";;;AAAA,6EAA6E;AAC7E,mDAAmD;AACnD,sDAAqD;AAA5C,wGAAA,UAAU,OAAA"}

package/Form/InputLabel.mjs

@@ -1,5 +1,3 @@
-import React from 'react';
-const BLOCK_NAME = 'spui-InputLabel';
-export const InputLabel = ({ children, id = '', ...rest }) => {
-    return (React.createElement("label", { className: BLOCK_NAME, htmlFor: id, ...rest }, children));
-};
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+export { InputLabel } from "./InputLabel/InputLabel.mjs";

package/Form/InvalidMessage/InvalidMessage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'className'> {
+    children?: React.ReactNode;
+    visible?: boolean;
+}
+export declare const InvalidMessage: React.FC<Props>;
+export {};
+//# sourceMappingURL=InvalidMessage.d.ts.map

package/Form/InvalidMessage/InvalidMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidMessage.d.ts","sourceRoot":"","sources":["../../../src/Form/InvalidMessage/InvalidMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa1C,CAAC"}

package/Form/InvalidMessage/InvalidMessage.js

@@ -0,0 +1,40 @@
+"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 __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.InvalidMessage = void 0;
+var react_1 = __importDefault(require("react"));
+var ExclamationmarkCircleFill_1 = __importDefault(require("../../Icon/ExclamationmarkCircleFill"));
+var BLOCK_NAME = 'spui-InvalidMessage';
+var InvalidMessage = function (_a) {
+    var children = _a.children, _b = _a.visible, visible = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "visible"]);
+    return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME, hidden: !visible }, rest),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
+            react_1.default.createElement(ExclamationmarkCircleFill_1.default, { "aria-hidden": "true" })),
+        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-body") }, children)));
+};
+exports.InvalidMessage = InvalidMessage;
+//# sourceMappingURL=InvalidMessage.js.map

package/Form/InvalidMessage/InvalidMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvalidMessage.js","sourceRoot":"","sources":["../../../src/Form/InvalidMessage/InvalidMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mGAA6E;AAQ7E,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAElC,IAAM,cAAc,GAAoB,UAAC,EAIxC;IAHN,IAAA,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACZ,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8CAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,IAAM,IAAI;QAClD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mCAAyB,mBAAa,MAAM,GAAG,CAC3C;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CACtD,CACL,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}

package/Form/InvalidMessage/InvalidMessage.mjs

@@ -0,0 +1,9 @@
+import React from 'react';
+import ExclamationmarkCircleFill from "../../Icon/ExclamationmarkCircleFill.mjs";
+const BLOCK_NAME = 'spui-InvalidMessage';
+export const InvalidMessage = ({ children, visible = false, ...rest }) => {
+    return (React.createElement("p", { className: BLOCK_NAME, hidden: !visible, ...rest },
+        React.createElement("span", { className: `${BLOCK_NAME}-icon` },
+            React.createElement(ExclamationmarkCircleFill, { "aria-hidden": "true" })),
+        React.createElement("span", { className: `${BLOCK_NAME}-body` }, children)));
+};

package/Form/InvalidMessage.d.ts

@@ -1,8 +1,2 @@
-import React from 'react';
-interface Props extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'className'> {
-    children?: React.ReactNode;
-    visible?: boolean;
-}
-export declare const InvalidMessage: React.FC<Props>;
-export {};
+export { InvalidMessage } from './InvalidMessage/InvalidMessage';
 //# sourceMappingURL=InvalidMessage.d.ts.map

package/Form/InvalidMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidMessage.d.ts","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,WAAW,CAAC;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAa1C,CAAC"}
+{"version":3,"file":"InvalidMessage.d.ts","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/Form/InvalidMessage.js

@@ -1,40 +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 __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.InvalidMessage = void 0;
-var react_1 = __importDefault(require("react"));
-var ExclamationmarkCircleFill_1 = __importDefault(require("../Icon/ExclamationmarkCircleFill"));
-var BLOCK_NAME = 'spui-InvalidMessage';
-var InvalidMessage = function (_a) {
-    var children = _a.children, _b = _a.visible, visible = _b === void 0 ? false : _b, rest = __rest(_a, ["children", "visible"]);
-    return (react_1.default.createElement("p", __assign({ className: BLOCK_NAME, hidden: !visible }, rest),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-icon") },
-            react_1.default.createElement(ExclamationmarkCircleFill_1.default, { "aria-hidden": "true" })),
-        react_1.default.createElement("span", { className: "".concat(BLOCK_NAME, "-body") }, children)));
-};
-exports.InvalidMessage = InvalidMessage;
+// Re-export for backward compatibility after directory structure refactoring
+// TODO: Remove this file in a future major version
+var InvalidMessage_1 = require("./InvalidMessage/InvalidMessage");
+Object.defineProperty(exports, "InvalidMessage", { enumerable: true, get: function () { return InvalidMessage_1.InvalidMessage; } });
 //# sourceMappingURL=InvalidMessage.js.map

package/Form/InvalidMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvalidMessage.js","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,gGAA0E;AAQ1E,IAAM,UAAU,GAAG,qBAAqB,CAAC;AAElC,IAAM,cAAc,GAAoB,UAAC,EAIxC;IAHN,IAAA,QAAQ,cAAA,EACR,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACZ,IAAI,cAHuC,uBAI/C,CADQ;IAEP,OAAO,CACL,8CAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,OAAO,IAAM,IAAI;QAClD,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO;YACnC,8BAAC,mCAAyB,mBAAa,MAAM,GAAG,CAC3C;QACP,wCAAM,SAAS,EAAE,UAAG,UAAU,UAAO,IAAG,QAAQ,CAAQ,CACtD,CACL,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,cAAc,kBAazB"}
+{"version":3,"file":"InvalidMessage.js","sourceRoot":"","sources":["../../src/Form/InvalidMessage.tsx"],"names":[],"mappings":";;;AAAA,6EAA6E;AAC7E,mDAAmD;AACnD,kEAAiE;AAAxD,gHAAA,cAAc,OAAA"}