@dragunio/fe-libs 0.1.3 → 0.1.5

package/dist/index.js

@@ -9,9 +9,9 @@ var __export = (target, all) => {
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    for (let key2 of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key2) && key2 !== except)
+        __defProp(to, key2, { get: () => from[key2], enumerable: !(desc = __getOwnPropDesc(from, key2)) || desc.enumerable });
   }
   return to;
 };
@@ -54,9 +54,26 @@ __export(index_exports, {
   TextInput: () => TextInput,
   Toggle: () => Toggle,
   Tooltip: () => Tooltip,
+  arrow_left: () => arrow_left,
+  check_square_fill: () => check_square_fill,
+  chevron_down: () => chevron_down,
+  chevron_left: () => chevron_left,
+  chevron_right: () => chevron_right,
+  chevron_up: () => chevron_up,
+  copy: () => copy,
   formatNumber: () => formatNumber,
   getIconSize: () => getIconSize,
-  message: () => message
+  key: () => key,
+  lock: () => lock,
+  lock_unlocked: () => lock_unlocked,
+  log_out: () => log_out,
+  message: () => message,
+  minus_square: () => minus_square,
+  plus: () => plus,
+  plus_square: () => plus_square,
+  search: () => search,
+  trash: () => trash,
+  x_close: () => x_close
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -126,9 +143,96 @@ var Button = (0, import_react.forwardRef)(
 );
 Button.displayName = "Button";
 
-// packages/icons/src/index.tsx
+// packages/icons/src/svgItems/general.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var primaryColor = "#101828";
 var iconProps = ({ size, ...props }) => ({
+  width: size ?? 20,
+  height: size ?? 20,
+  fill: primaryColor,
+  viewBox: "0 0 24 24",
+  "aria-hidden": true,
+  ...props
+});
+var plus = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 4.1499C12.4694 4.1499 12.85 4.53046 12.85 4.9999V11.1499H19C19.4694 11.1499 19.85 11.5305 19.85 11.9999C19.85 12.4693 19.4694 12.8499 19 12.8499H12.85V18.9999C12.85 19.4693 12.4694 19.8499 12 19.8499C11.5306 19.8499 11.15 19.4693 11.15 18.9999V12.8499H4.99999C4.53055 12.8499 4.14999 12.4693 4.14999 11.9999C4.14999 11.5305 4.53055 11.1499 4.99999 11.1499H11.15V4.9999C11.15 4.53046 11.5306 4.1499 12 4.1499Z", fill: props.fill }) });
+};
+var plus_square = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.76413 2.1499H16.2359C17.0455 2.14989 17.7046 2.14989 18.2396 2.1936C18.7924 2.23877 19.2872 2.33481 19.7479 2.56953C20.4723 2.93864 21.0613 3.52762 21.4304 4.25204C21.6651 4.7127 21.7611 5.20747 21.8063 5.76029C21.85 6.29532 21.85 6.95444 21.85 7.7641V16.2357C21.85 17.0454 21.85 17.7045 21.8063 18.2395C21.7611 18.7923 21.6651 19.2871 21.4304 19.7478C21.0613 20.4722 20.4723 21.0612 19.7479 21.4303C19.2872 21.665 18.7924 21.761 18.2396 21.8062C17.7046 21.8499 17.0455 21.8499 16.2358 21.8499H7.76419C6.95454 21.8499 6.29542 21.8499 5.76038 21.8062C5.20756 21.761 4.7128 21.665 4.25213 21.4303C3.52771 21.0612 2.93873 20.4722 2.56962 19.7478C2.3349 19.2871 2.23886 18.7923 2.19369 18.2395C2.14998 17.7045 2.14998 17.0454 2.14999 16.2358V7.76404C2.14998 6.95441 2.14998 6.29531 2.19369 5.76029C2.23886 5.20747 2.3349 4.7127 2.56962 4.25204C2.93873 3.52762 3.52771 2.93864 4.25213 2.56953C4.7128 2.33481 5.20756 2.23877 5.76038 2.1936C6.2954 2.14989 6.9545 2.14989 7.76413 2.1499ZM5.89882 3.88795C5.45113 3.92453 5.20498 3.99198 5.02392 4.08424C4.61937 4.29037 4.29046 4.61928 4.08433 5.02382C3.99207 5.20489 3.92462 5.45103 3.88804 5.89873C3.85066 6.35634 3.84999 6.9458 3.84999 7.7999V16.1999C3.84999 17.054 3.85066 17.6435 3.88804 18.1011C3.92462 18.5488 3.99207 18.7949 4.08433 18.976C4.29046 19.3805 4.61937 19.7094 5.02392 19.9156C5.20498 20.0078 5.45113 20.0753 5.89882 20.1119C6.35643 20.1492 6.94589 20.1499 7.79999 20.1499H16.2C17.0541 20.1499 17.6436 20.1492 18.1012 20.1119C18.5489 20.0753 18.795 20.0078 18.9761 19.9156C19.3806 19.7094 19.7095 19.3805 19.9157 18.976C20.0079 18.7949 20.0754 18.5488 20.1119 18.1011C20.1493 17.6435 20.15 17.054 20.15 16.1999V7.7999C20.15 6.9458 20.1493 6.35634 20.1119 5.89873C20.0754 5.45103 20.0079 5.20489 19.9157 5.02382C19.7095 4.61928 19.3806 4.29037 18.9761 4.08424C18.795 3.99198 18.5489 3.92453 18.1012 3.88795C17.6436 3.85056 17.0541 3.8499 16.2 3.8499H7.79999C6.94589 3.8499 6.35643 3.85056 5.89882 3.88795ZM12 7.1499C12.4694 7.1499 12.85 7.53046 12.85 7.9999V11.1499H16C16.4694 11.1499 16.85 11.5305 16.85 11.9999C16.85 12.4693 16.4694 12.8499 16 12.8499H12.85V15.9999C12.85 16.4693 12.4694 16.8499 12 16.8499C11.5306 16.8499 11.15 16.4693 11.15 15.9999V12.8499H7.99999C7.53055 12.8499 7.14999 12.4693 7.14999 11.9999C7.14999 11.5305 7.53055 11.1499 7.99999 11.1499H11.15V7.9999C11.15 7.53046 11.5306 7.1499 12 7.1499Z", fill: props.fill }) });
+};
+var arrow_left = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.6011 4.39898C12.933 4.73093 12.933 5.26912 12.6011 5.60107L7.05211 11.15H19C19.4695 11.15 19.85 11.5306 19.85 12C19.85 12.4695 19.4695 12.85 19 12.85H7.05211L12.6011 18.399C12.933 18.7309 12.933 19.2691 12.6011 19.6011C12.2691 19.933 11.7309 19.933 11.399 19.6011L4.39898 12.6011C4.06704 12.2691 4.06704 11.7309 4.39898 11.399L11.399 4.39898C11.7309 4.06704 12.2691 4.06704 12.6011 4.39898Z", fill: props.fill }) });
+};
+var log_out = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.05948 2.70693L9.11224 2.8239C9.12546 2.82537 9.13849 2.82682 9.15133 2.82824C9.40732 2.85665 9.58836 2.87674 9.75082 2.90904C11.4318 3.24326 12.6894 4.64836 12.8359 6.35593C12.8501 6.52096 12.8501 6.70312 12.85 6.96069C12.85 6.9736 12.85 6.9867 12.85 7C12.85 7.46944 12.4695 7.85 12 7.85C11.5306 7.85 11.15 7.46944 11.15 7C11.15 6.68742 11.1493 6.58403 11.1422 6.50129C11.0603 5.54771 10.358 4.76305 9.4193 4.57641C9.33785 4.56021 9.23517 4.54802 8.92451 4.51351L7.9031 4.40002C7.12368 4.31341 6.58335 4.25388 6.16078 4.23712C5.74477 4.22061 5.51369 4.25002 5.34475 4.30408C4.76229 4.49047 4.28677 4.91608 4.0372 5.4744C3.96482 5.63633 3.91007 5.86275 3.88053 6.27804C3.85053 6.69988 3.85002 7.24347 3.85002 8.02769V15.9723C3.85002 16.7565 3.85053 17.3001 3.88053 17.722C3.91007 18.1373 3.96482 18.3637 4.0372 18.5256C4.28677 19.0839 4.76229 19.5095 5.34475 19.6959C5.51368 19.75 5.74476 19.7794 6.16079 19.7629C6.58337 19.7461 7.12369 19.6866 7.9031 19.6L8.92451 19.4865C9.23507 19.452 9.33787 19.4398 9.41929 19.4236C10.358 19.237 11.0603 18.4523 11.1422 17.4987C11.1493 17.416 11.15 17.3126 11.15 17C11.15 16.5306 11.5306 16.15 12 16.15C12.4695 16.15 12.85 16.5306 12.85 17L12.85 17.0393C12.8501 17.2969 12.8501 17.479 12.8359 17.6441C12.6894 19.3516 11.4318 20.7567 9.75082 21.091C9.58838 21.1233 9.40722 21.1434 9.1513 21.1718C9.13847 21.1732 9.12545 21.1746 9.11224 21.1761L8.05936 21.2931C7.31879 21.3754 6.71831 21.4421 6.22818 21.4615C5.72456 21.4815 5.26724 21.456 4.82663 21.315C3.78362 20.9813 2.93211 20.2191 2.4852 19.2194C2.29641 18.797 2.22057 18.3453 2.18481 17.8426C2.15001 17.3533 2.15002 16.749 2.15002 16.0038V7.99615C2.15002 7.25096 2.15001 6.64674 2.18481 6.15743C2.22057 5.65469 2.29641 5.20298 2.4852 4.78064C2.93211 3.78087 3.78362 3.01873 4.82663 2.68497C5.26724 2.54397 5.72456 2.51847 6.22817 2.53845C6.71833 2.5579 7.31885 2.62463 8.05948 2.70693ZM15.399 6.39896C15.7309 6.06701 16.2691 6.06701 16.6011 6.39896L21.6011 11.399C21.933 11.7309 21.933 12.2691 21.6011 12.601L16.6011 17.601C16.2691 17.933 15.7309 17.933 15.399 17.601C15.067 17.2691 15.067 16.7309 15.399 16.399L18.9479 12.85H9.00003C8.53058 12.85 8.15003 12.4694 8.15003 12C8.15003 11.5306 8.53058 11.15 9.00003 11.15H18.9479L15.399 7.60104C15.067 7.26909 15.067 6.7309 15.399 6.39896Z", fill: props.fill }) });
+};
+var search = (props) => {
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11 3.8499C7.05116 3.8499 3.84999 7.05107 3.84999 10.9999C3.84999 14.9487 7.05116 18.1499 11 18.1499C12.9306 18.1499 14.6825 17.3847 15.9689 16.1411C15.993 16.109 16.0197 16.0781 16.049 16.0489C16.0782 16.0196 16.109 15.9929 16.1412 15.9689C17.3848 14.6824 18.15 12.9305 18.15 10.9999C18.15 7.05107 14.9488 3.8499 11 3.8499ZM17.8302 16.628C19.092 15.0984 19.85 13.1377 19.85 10.9999C19.85 6.11218 15.8877 2.1499 11 2.1499C6.11227 2.1499 2.14999 6.11218 2.14999 10.9999C2.14999 15.8876 6.11227 19.8499 11 19.8499C13.1378 19.8499 15.0985 19.0919 16.6281 17.8301L20.399 21.6009C20.7309 21.9329 21.2691 21.9329 21.601 21.6009C21.933 21.269 21.933 20.7308 21.601 20.3989L17.8302 16.628Z", fill: props.fill }) });
+};
+var x_close = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.25478 5.25441C5.59399 4.9152 6.14397 4.9152 6.48318 5.25441L12.0004 10.7716L17.5176 5.25441C17.8568 4.9152 18.4067 4.9152 18.746 5.25441C19.0852 5.59363 19.0852 6.1436 18.746 6.48282L13.2288 12L18.746 17.5172C19.0852 17.8564 19.0852 18.4064 18.746 18.7456C18.4067 19.0848 17.8568 19.0848 17.5176 18.7456L12.0004 13.2284L6.48318 18.7456C6.14397 19.0848 5.59399 19.0848 5.25478 18.7456C4.91556 18.4064 4.91556 17.8564 5.25478 17.5172L10.772 12L5.25478 6.48282C4.91556 6.1436 4.91556 5.59363 5.25478 5.25441Z", fill: props.fill }) });
+};
+var minus_square = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.76416 2.15002H16.2359C17.0455 2.15002 17.7046 2.15001 18.2396 2.19372C18.7925 2.23889 19.2872 2.33493 19.7479 2.56965C20.4723 2.93876 21.0613 3.52774 21.4304 4.25216C21.6651 4.71283 21.7612 5.20759 21.8063 5.76041C21.85 6.29545 21.85 6.95457 21.85 7.76422V16.2358C21.85 17.0455 21.85 17.7046 21.8063 18.2396C21.7612 18.7925 21.6651 19.2872 21.4304 19.7479C21.0613 20.4723 20.4723 21.0613 19.7479 21.4304C19.2872 21.6651 18.7925 21.7612 18.2396 21.8063C17.7046 21.85 17.0455 21.85 16.2358 21.85H7.76422C6.95457 21.85 6.29545 21.85 5.76041 21.8063C5.20759 21.7612 4.71283 21.6651 4.25216 21.4304C3.52774 21.0613 2.93876 20.4723 2.56965 19.7479C2.33493 19.2872 2.23889 18.7925 2.19372 18.2396C2.15001 17.7046 2.15002 17.0455 2.15002 16.2359V7.76416C2.15002 6.95453 2.15001 6.29543 2.19372 5.76041C2.23889 5.20759 2.33493 4.71283 2.56965 4.25216C2.93876 3.52774 3.52774 2.93876 4.25216 2.56965C4.71283 2.33493 5.20759 2.23889 5.76041 2.19372C6.29543 2.15001 6.95453 2.15002 7.76416 2.15002ZM5.89885 3.88807C5.45116 3.92465 5.20502 3.9921 5.02395 4.08436C4.6194 4.29049 4.29049 4.6194 4.08436 5.02395C3.9921 5.20502 3.92465 5.45116 3.88807 5.89885C3.85069 6.35646 3.85002 6.94592 3.85002 7.80002V16.2C3.85002 17.0541 3.85069 17.6436 3.88807 18.1012C3.92465 18.5489 3.9921 18.795 4.08436 18.9761C4.29049 19.3807 4.6194 19.7096 5.02395 19.9157C5.20502 20.0079 5.45116 20.0754 5.89885 20.112C6.35646 20.1494 6.94592 20.15 7.80002 20.15H16.2C17.0541 20.15 17.6436 20.1494 18.1012 20.112C18.5489 20.0754 18.795 20.0079 18.9761 19.9157C19.3807 19.7096 19.7096 19.3807 19.9157 18.9761C20.0079 18.795 20.0754 18.5489 20.112 18.1012C20.1494 17.6436 20.15 17.0541 20.15 16.2V7.80002C20.15 6.94592 20.1494 6.35646 20.112 5.89885C20.0754 5.45116 20.0079 5.20502 19.9157 5.02395C19.7096 4.6194 19.3807 4.29049 18.9761 4.08436C18.795 3.9921 18.5489 3.92465 18.1012 3.88807C17.6436 3.85069 17.0541 3.85002 16.2 3.85002H7.80002C6.94592 3.85002 6.35646 3.85069 5.89885 3.88807ZM7.15002 12C7.15002 11.5306 7.53058 11.15 8.00002 11.15H16C16.4695 11.15 16.85 11.5306 16.85 12C16.85 12.4695 16.4695 12.85 16 12.85H8.00002C7.53058 12.85 7.15002 12.4695 7.15002 12Z", fill: props.fill }) });
+};
+var trash = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.15002 3.00002C8.15002 2.53058 8.53058 2.15002 9.00002 2.15002H15C15.4695 2.15002 15.85 2.53058 15.85 3.00002C15.85 3.46947 15.4695 3.85002 15 3.85002H9.00002C8.53058 3.85002 8.15002 3.46947 8.15002 3.00002ZM4.99342 5.15002H3.00002C2.53058 5.15002 2.15002 5.53058 2.15002 6.00002C2.15002 6.46947 2.53058 6.85002 3.00002 6.85002H4.2048L4.85549 16.6103C4.90614 17.3702 4.94747 17.9902 5.0213 18.4931C5.09776 19.0138 5.2174 19.4774 5.46145 19.9058C5.84658 20.5818 6.42751 21.1253 7.12767 21.4646C7.57135 21.6796 8.04182 21.7682 8.56649 21.8098C9.07318 21.85 9.69462 21.85 10.4562 21.85H13.5438C14.3054 21.85 14.9269 21.85 15.4336 21.8098C15.9582 21.7682 16.4287 21.6796 16.8724 21.4646C17.5725 21.1253 18.1535 20.5818 18.5386 19.9058C18.7827 19.4774 18.9023 19.0138 18.9787 18.4931C19.0526 17.9902 19.0939 17.3702 19.1446 16.6103L19.7952 6.85002H21C21.4695 6.85002 21.85 6.46947 21.85 6.00002C21.85 5.53058 21.4695 5.15002 21 5.15002H19.0066C19.0017 5.14998 18.9967 5.14998 18.9917 5.15002H5.00832C5.00336 5.14998 4.99839 5.14998 4.99342 5.15002ZM18.0915 6.85002H5.90858L6.54943 16.4628C6.60294 17.2654 6.64039 17.8179 6.70327 18.2462C6.76464 18.6641 6.84175 18.8943 6.93857 19.0643C7.15364 19.4418 7.47805 19.7453 7.86905 19.9348C8.04507 20.0201 8.27988 20.0817 8.70101 20.1152C9.13249 20.1494 9.68627 20.15 10.4907 20.15H13.5094C14.3138 20.15 14.8676 20.1494 15.299 20.1152C15.7202 20.0817 15.955 20.0201 16.131 19.9348C16.522 19.7453 16.8464 19.4418 17.0615 19.0643C17.1583 18.8943 17.2354 18.6641 17.2968 18.2462C17.3597 17.8179 17.3971 17.2654 17.4506 16.4628L18.0915 6.85002ZM10 9.65002C10.4695 9.65002 10.85 10.0306 10.85 10.5V15.5C10.85 15.9695 10.4695 16.35 10 16.35C9.53058 16.35 9.15002 15.9695 9.15002 15.5V10.5C9.15002 10.0306 9.53058 9.65002 10 9.65002ZM14 9.65002C14.4695 9.65002 14.85 10.0306 14.85 10.5V15.5C14.85 15.9695 14.4695 16.35 14 16.35C13.5306 16.35 13.15 15.9695 13.15 15.5V10.5C13.15 10.0306 13.5306 9.65002 14 9.65002Z", fill: props.fill }) });
+};
+var copy = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17.158 3.90158C16.5336 3.85056 15.7341 3.8499 14.6 3.8499H7.5C7.03056 3.8499 6.65 3.46934 6.65 2.9999C6.65 2.53046 7.03056 2.1499 7.5 2.1499L14.637 2.1499C15.7257 2.1499 16.5947 2.14989 17.2964 2.20722C18.016 2.26601 18.6342 2.3893 19.2019 2.67852C20.1144 3.14351 20.8564 3.88546 21.3214 4.79805C21.6106 5.36567 21.7339 5.98392 21.7927 6.70349C21.85 7.40523 21.85 8.2742 21.85 9.36297V16.4999C21.85 16.9693 21.4694 17.3499 21 17.3499C20.5306 17.3499 20.15 16.9693 20.15 16.4999V9.3999C20.15 8.26577 20.1493 7.46629 20.0983 6.84193C20.0481 6.22748 19.9534 5.85786 19.8067 5.56983C19.5047 4.97712 19.0228 4.49523 18.4301 4.19323C18.142 4.04648 17.7724 3.95178 17.158 3.90158ZM6.16622 5.6499H14.3338C14.8651 5.64989 15.3145 5.64988 15.6828 5.67997C16.0689 5.71152 16.4402 5.78031 16.7939 5.96053C17.3301 6.23377 17.7661 6.66977 18.0394 7.20603C18.2196 7.55974 18.2884 7.93102 18.3199 8.31709C18.35 8.68545 18.35 9.13485 18.35 9.66613V17.8337C18.35 18.365 18.35 18.8144 18.3199 19.1827C18.2884 19.5688 18.2196 19.9401 18.0394 20.2938C17.7661 20.83 17.3301 21.266 16.7939 21.5393C16.4402 21.7195 16.0689 21.7883 15.6828 21.8198C15.3144 21.8499 14.865 21.8499 14.3337 21.8499H6.16627C5.63498 21.8499 5.18557 21.8499 4.81719 21.8198C4.43112 21.7883 4.05984 21.7195 3.70613 21.5393C3.16987 21.266 2.73387 20.83 2.46063 20.2938C2.28041 19.9401 2.21162 19.5688 2.18007 19.1827C2.14998 18.8144 2.14999 18.365 2.15 17.8337V9.66612C2.14999 9.13485 2.14998 8.68545 2.18007 8.31709C2.21162 7.93102 2.28041 7.55974 2.46063 7.20603C2.73387 6.66977 3.16987 6.23377 3.70613 5.96053C4.05984 5.78031 4.43112 5.71152 4.81719 5.67997C5.18555 5.64988 5.63495 5.64989 6.16622 5.6499ZM4.95562 7.37433C4.67468 7.39728 4.55203 7.43748 4.47791 7.47525C4.26153 7.5855 4.0856 7.76143 3.97535 7.97781C3.93758 8.05193 3.89738 8.17458 3.87443 8.45552C3.85066 8.74639 3.85 9.12582 3.85 9.6999V17.7999C3.85 18.374 3.85066 18.7534 3.87443 19.0443C3.89738 19.3252 3.93758 19.4479 3.97535 19.522C4.0856 19.7384 4.26153 19.9143 4.47791 20.0246C4.55203 20.0623 4.67468 20.1025 4.95562 20.1255C5.24649 20.1492 5.62592 20.1499 6.2 20.1499H14.3C14.8741 20.1499 15.2535 20.1492 15.5444 20.1255C15.8253 20.1025 15.948 20.0623 16.0221 20.0246C16.2385 19.9143 16.4144 19.7384 16.5247 19.522C16.5624 19.4479 16.6026 19.3252 16.6256 19.0443C16.6493 18.7534 16.65 18.374 16.65 17.7999V9.6999C16.65 9.12582 16.6493 8.74639 16.6256 8.45552C16.6026 8.17458 16.5624 8.05193 16.5247 7.97781C16.4144 7.76143 16.2385 7.5855 16.0221 7.47525C15.948 7.43748 15.8253 7.39728 15.5444 7.37433C15.2535 7.35056 14.8741 7.3499 14.3 7.3499H6.2C5.62592 7.3499 5.24649 7.35056 4.95562 7.37433Z", fill: props.fill }) });
+};
+var check_square_fill = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.2359 2.15039H7.76414C6.95452 2.15038 6.2954 2.15037 5.76039 2.19409C5.20757 2.23925 4.7128 2.3353 4.25214 2.57002C3.52771 2.93913 2.93874 3.5281 2.56963 4.25253C2.3349 4.71319 2.23886 5.20796 2.1937 5.76078C2.14998 6.29579 2.14999 6.95489 2.15 7.7645V16.2363C2.14999 17.0459 2.14998 17.705 2.1937 18.24C2.23886 18.7928 2.3349 19.2876 2.56963 19.7483C2.93874 20.4727 3.52771 21.0617 4.25214 21.4308C4.7128 21.6655 5.20757 21.7615 5.76039 21.8067C6.29542 21.8504 6.95454 21.8504 7.76419 21.8504H16.2358C17.0455 21.8504 17.7046 21.8504 18.2396 21.8067C18.7924 21.7615 19.2872 21.6655 19.7479 21.4308C20.4723 21.0617 21.0613 20.4727 21.4304 19.7483C21.6651 19.2876 21.7611 18.7928 21.8063 18.24C21.85 17.705 21.85 17.0459 21.85 16.2362V7.76459C21.85 6.95493 21.85 6.29581 21.8063 5.76078C21.7611 5.20796 21.6651 4.71319 21.4304 4.25253C21.0613 3.5281 20.4723 2.93913 19.7479 2.57002C19.2872 2.3353 18.7924 2.23925 18.2396 2.19409C17.7046 2.15037 17.0455 2.15038 16.2359 2.15039ZM17.101 9.60143C17.433 9.26949 17.433 8.7313 17.101 8.39935C16.7691 8.06741 16.2309 8.06741 15.899 8.39935L10.5 13.7983L8.10104 11.3994C7.7691 11.0674 7.23091 11.0674 6.89896 11.3994C6.56701 11.7313 6.56701 12.2695 6.89896 12.6014L9.89896 15.6014C10.2309 15.9334 10.7691 15.9334 11.101 15.6014L17.101 9.60143Z", fill: props.fill }) });
+};
+
+// packages/icons/src/svgItems/arrows.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var primaryColor2 = "#101828";
+var iconProps2 = ({ size, ...props }) => ({
+  width: size ?? 20,
+  height: size ?? 20,
+  fill: primaryColor2,
+  viewBox: "0 0 24 24",
+  "aria-hidden": true,
+  ...props
+});
+var chevron_right = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...iconProps2(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.39898 5.39898C8.73093 5.06704 9.26912 5.06704 9.60107 5.39898L15.6011 11.399C15.933 11.7309 15.933 12.2691 15.6011 12.6011L9.60107 18.6011C9.26912 18.933 8.73093 18.933 8.39898 18.6011C8.06704 18.2691 8.06704 17.7309 8.39898 17.399L13.7979 12L8.39898 6.60107C8.06704 6.26912 8.06704 5.73093 8.39898 5.39898Z", fill: props.fill }) });
+};
+var chevron_up = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...iconProps2(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.399 8.39898C11.7309 8.06704 12.2691 8.06704 12.6011 8.39898L18.6011 14.399C18.933 14.7309 18.933 15.2691 18.6011 15.6011C18.2691 15.933 17.7309 15.933 17.399 15.6011L12 10.2021L6.60107 15.6011C6.26912 15.933 5.73093 15.933 5.39898 15.6011C5.06704 15.2691 5.06704 14.7309 5.39898 14.399L11.399 8.39898Z", fill: "#101828" }) });
+};
+var chevron_left = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...iconProps2(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6011 5.39898C15.933 5.73093 15.933 6.26912 15.6011 6.60107L10.2021 12L15.6011 17.399C15.933 17.7309 15.933 18.2691 15.6011 18.6011C15.2691 18.933 14.7309 18.933 14.399 18.6011L8.39898 12.6011C8.06704 12.2691 8.06704 11.7309 8.39898 11.399L14.399 5.39898C14.7309 5.06704 15.2691 5.06704 15.6011 5.39898Z", fill: "#101828" }) });
+};
+var chevron_down = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...iconProps2(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.39898 8.39898C5.73093 8.06704 6.26912 8.06704 6.60107 8.39898L12 13.7979L17.399 8.39898C17.7309 8.06704 18.2691 8.06704 18.6011 8.39898C18.933 8.73093 18.933 9.26912 18.6011 9.60107L12.6011 15.6011C12.2691 15.933 11.7309 15.933 11.399 15.6011L5.39898 9.60107C5.06704 9.26912 5.06704 8.73093 5.39898 8.39898Z", fill: "#101828" }) });
+};
+
+// packages/icons/src/svgItems/security.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var primaryColor3 = "#101828";
+var iconProps3 = ({ size, ...props }) => ({
+  width: size ?? 20,
+  height: size ?? 20,
+  fill: primaryColor3,
+  viewBox: "0 0 24 24",
+  "aria-hidden": true,
+  ...props
+});
+var key = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...iconProps3(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.15005 8.9999C8.15005 5.21675 11.2169 2.1499 15 2.1499C18.7832 2.1499 21.85 5.21675 21.85 8.9999C21.85 12.7831 18.7832 15.8499 15 15.8499C14.6884 15.8499 14.3812 15.829 14.0798 15.7885C13.8559 15.7584 13.7118 15.7392 13.6057 15.729C13.5482 15.7234 13.5186 15.7224 13.5082 15.7221C13.5037 15.7229 13.5002 15.7235 13.4973 15.724C13.4936 15.7259 13.4884 15.7286 13.4814 15.7324C13.4755 15.737 13.4609 15.7488 13.435 15.7723C13.3784 15.824 13.3051 15.8969 13.1802 16.0218L8.06971 21.1323C8.05819 21.1438 8.04652 21.1556 8.03471 21.1674C7.89856 21.3041 7.7426 21.4608 7.55245 21.5773C7.38693 21.6787 7.20647 21.7535 7.01771 21.7988C6.80087 21.8508 6.57985 21.8504 6.3869 21.85C6.37015 21.8499 6.35361 21.8499 6.3373 21.8499H4.57146C4.31611 21.8499 4.07591 21.8499 3.87403 21.8335C3.65471 21.8155 3.40692 21.774 3.16016 21.6483C2.81206 21.4709 2.52905 21.1879 2.35168 20.8398C2.22596 20.593 2.18441 20.3452 2.16649 20.1259C2.15 19.924 2.15002 19.6839 2.15004 19.4285L2.15005 17.6626C2.15005 17.6463 2.15001 17.6298 2.14998 17.613C2.14957 17.4201 2.1491 17.1991 2.20116 16.9822C2.24648 16.7935 2.32123 16.613 2.42266 16.4475C2.53918 16.2574 2.69579 16.1014 2.83251 15.9653C2.84438 15.9534 2.8561 15.9418 2.86763 15.9302L7.97814 10.8197C8.10306 10.6948 8.17598 10.6216 8.2276 10.5649C8.25115 10.539 8.26293 10.5244 8.26751 10.5185C8.27131 10.5116 8.27405 10.5064 8.27597 10.5026C8.27648 10.4998 8.27709 10.4962 8.27781 10.4918C8.27753 10.4814 8.27656 10.4518 8.271 10.3942C8.26075 10.2881 8.24152 10.144 8.21143 9.92019C8.17091 9.6188 8.15005 9.31156 8.15005 8.9999ZM15 3.8499C12.1558 3.8499 9.85005 6.15564 9.85005 8.9999C9.85005 9.2356 9.86582 9.46716 9.89628 9.69368L9.89837 9.70928C9.92577 9.913 9.94945 10.0891 9.96313 10.2308C9.97635 10.3678 9.98818 10.5412 9.9632 10.7158C9.92794 10.9623 9.86817 11.1392 9.7467 11.3565C9.61878 11.5854 9.41529 11.7878 9.23157 11.9706C9.21425 11.9879 9.19711 12.0049 9.18022 12.0218L4.06972 17.1323C3.97801 17.224 3.92912 17.2732 3.89424 17.3114C3.88033 17.3267 3.87311 17.3354 3.87007 17.3392C3.86357 17.3505 3.85857 17.3626 3.85519 17.3752C3.85463 17.38 3.85355 17.3913 3.85261 17.4119C3.85025 17.4636 3.85005 17.533 3.85005 17.6626V19.3999C3.85005 19.694 3.85071 19.8634 3.86085 19.9875C3.86499 20.0382 3.86985 20.0663 3.87251 20.0789C3.88472 20.0986 3.90135 20.1152 3.92109 20.1274C3.93369 20.1301 3.96172 20.135 4.01246 20.1391C4.13657 20.1492 4.30599 20.1499 4.60005 20.1499H6.3373C6.467 20.1499 6.53633 20.1497 6.58803 20.1473C6.60864 20.1464 6.61993 20.1453 6.6248 20.1448C6.63837 20.1411 6.65137 20.1356 6.66341 20.1283C6.65324 20.1346 6.65687 20.1346 6.68853 20.1057C6.72676 20.0708 6.77593 20.0219 6.86763 19.9302L11.9781 14.8197C11.995 14.8028 12.0121 14.7857 12.0293 14.7684C12.2121 14.5847 12.4146 14.3812 12.6434 14.2533C12.8608 14.1318 13.0376 14.072 13.2841 14.0367C13.4588 14.0118 13.6322 14.0236 13.7691 14.0368C13.9108 14.0505 14.087 14.0742 14.2907 14.1016L14.3063 14.1037C14.5328 14.1341 14.7643 14.1499 15 14.1499C17.8443 14.1499 20.15 11.8442 20.15 8.9999C20.15 6.15564 17.8443 3.8499 15 3.8499ZM14.15 8.9999C14.15 8.53046 14.5306 8.1499 15 8.1499H15.01C15.4795 8.1499 15.86 8.53046 15.86 8.9999C15.86 9.46934 15.4795 9.8499 15.01 9.8499H15C14.5306 9.8499 14.15 9.46934 14.15 8.9999Z", fill: "#101828" }) });
+};
+var lock = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...iconProps3(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.1499 7.9999C6.1499 4.76904 8.76904 2.1499 11.9999 2.1499C15.2308 2.1499 17.8499 4.76904 17.8499 7.9999V9.2727C18.1659 9.33256 18.4634 9.42461 18.7478 9.56953C19.4722 9.93864 20.0612 10.5276 20.4303 11.252C20.665 11.7127 20.761 12.2075 20.8062 12.7603C20.8499 13.2953 20.8499 13.9544 20.8499 14.7641V16.2357C20.8499 17.0454 20.8499 17.7045 20.8062 18.2395C20.761 18.7923 20.665 19.2871 20.4303 19.7478C20.0612 20.4722 19.4722 21.0612 18.7478 21.4303C18.2871 21.665 17.7923 21.761 17.2395 21.8062C16.7045 21.8499 16.0454 21.8499 15.2357 21.8499H8.7641C7.95444 21.8499 7.29532 21.8499 6.76029 21.8062C6.20747 21.761 5.7127 21.665 5.25204 21.4303C4.52762 21.0612 3.93864 20.4722 3.56953 19.7478C3.33481 19.2871 3.23877 18.7923 3.1936 18.2395C3.14989 17.7045 3.14989 17.0454 3.1499 16.2358V14.764C3.14989 13.9544 3.14989 13.2953 3.1936 12.7603C3.23877 12.2075 3.33481 11.7127 3.56953 11.252C3.93864 10.5276 4.52762 9.93864 5.25204 9.56953C5.53645 9.42461 5.83386 9.33256 6.1499 9.2727V7.9999ZM7.8499 9.15282C8.13095 9.14989 8.43507 9.1499 8.76405 9.1499H15.2358C15.5647 9.1499 15.8689 9.14989 16.1499 9.15282V7.9999C16.1499 5.70792 14.2919 3.8499 11.9999 3.8499C9.70792 3.8499 7.8499 5.70792 7.8499 7.9999V9.15282ZM6.89873 10.888C6.45103 10.9245 6.20489 10.992 6.02382 11.0842C5.61927 11.2904 5.29037 11.6193 5.08424 12.0238C4.99198 12.2049 4.92453 12.451 4.88795 12.8987C4.85056 13.3563 4.8499 13.9458 4.8499 14.7999V16.1999C4.8499 17.054 4.85056 17.6435 4.88795 18.1011C4.92453 18.5488 4.99198 18.7949 5.08424 18.976C5.29037 19.3805 5.61928 19.7094 6.02382 19.9156C6.20489 20.0078 6.45103 20.0753 6.89873 20.1119C7.35634 20.1492 7.9458 20.1499 8.7999 20.1499H15.1999C16.054 20.1499 16.6435 20.1492 17.1011 20.1119C17.5488 20.0753 17.7949 20.0078 17.976 19.9156C18.3805 19.7094 18.7094 19.3805 18.9156 18.976C19.0078 18.7949 19.0753 18.5488 19.1119 18.1011C19.1492 17.6435 19.1499 17.054 19.1499 16.1999V14.7999C19.1499 13.9458 19.1492 13.3563 19.1119 12.8987C19.0753 12.451 19.0078 12.2049 18.9156 12.0238C18.7094 11.6193 18.3805 11.2904 17.976 11.0842C17.7949 10.992 17.5488 10.9245 17.1011 10.888C16.6435 10.8506 16.054 10.8499 15.1999 10.8499H8.7999C7.9458 10.8499 7.35634 10.8506 6.89873 10.888ZM11.9999 13.6499C12.4693 13.6499 12.8499 14.0305 12.8499 14.4999V16.4999C12.8499 16.9693 12.4693 17.3499 11.9999 17.3499C11.5305 17.3499 11.1499 16.9693 11.1499 16.4999V14.4999C11.1499 14.0305 11.5305 13.6499 11.9999 13.6499Z", fill: "#101828" }) });
+};
+var lock_unlocked = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...iconProps3(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.1499 7.9999C6.1499 4.76904 8.76904 2.1499 11.9999 2.1499C15.2308 2.1499 17.8499 4.76904 17.8499 7.9999V9.2727C18.1659 9.33256 18.4634 9.42461 18.7478 9.56953C19.4722 9.93864 20.0612 10.5276 20.4303 11.252C20.665 11.7127 20.761 12.2075 20.8062 12.7603C20.8499 13.2953 20.8499 13.9544 20.8499 14.7641V16.2357C20.8499 17.0454 20.8499 17.7045 20.8062 18.2395C20.761 18.7923 20.665 19.2871 20.4303 19.7478C20.0612 20.4722 19.4722 21.0612 18.7478 21.4303C18.2871 21.665 17.7923 21.761 17.2395 21.8062C16.7045 21.8499 16.0454 21.8499 15.2357 21.8499H8.7641C7.95444 21.8499 7.29532 21.8499 6.76029 21.8062C6.20747 21.761 5.7127 21.665 5.25204 21.4303C4.52762 21.0612 3.93864 20.4722 3.56953 19.7478C3.33481 19.2871 3.23877 18.7923 3.1936 18.2395C3.14989 17.7045 3.14989 17.0454 3.1499 16.2358V14.764C3.14989 13.9544 3.14989 13.2953 3.1936 12.7603C3.23877 12.2075 3.33481 11.7127 3.56953 11.252C3.93864 10.5276 4.52762 9.93864 5.25204 9.56953C5.53645 9.42461 5.83386 9.33256 6.1499 9.2727V7.9999ZM7.8499 9.15282C8.13095 9.14989 8.43507 9.1499 8.76405 9.1499H15.2358C15.5647 9.1499 15.8689 9.14989 16.1499 9.15282V7.9999C16.1499 5.70792 14.2919 3.8499 11.9999 3.8499C9.70792 3.8499 7.8499 5.70792 7.8499 7.9999V9.15282ZM6.89873 10.888C6.45103 10.9245 6.20489 10.992 6.02382 11.0842C5.61927 11.2904 5.29037 11.6193 5.08424 12.0238C4.99198 12.2049 4.92453 12.451 4.88795 12.8987C4.85056 13.3563 4.8499 13.9458 4.8499 14.7999V16.1999C4.8499 17.054 4.85056 17.6435 4.88795 18.1011C4.92453 18.5488 4.99198 18.7949 5.08424 18.976C5.29037 19.3805 5.61928 19.7094 6.02382 19.9156C6.20489 20.0078 6.45103 20.0753 6.89873 20.1119C7.35634 20.1492 7.9458 20.1499 8.7999 20.1499H15.1999C16.054 20.1499 16.6435 20.1492 17.1011 20.1119C17.5488 20.0753 17.7949 20.0078 17.976 19.9156C18.3805 19.7094 18.7094 19.3805 18.9156 18.976C19.0078 18.7949 19.0753 18.5488 19.1119 18.1011C19.1492 17.6435 19.1499 17.054 19.1499 16.1999V14.7999C19.1499 13.9458 19.1492 13.3563 19.1119 12.8987C19.0753 12.451 19.0078 12.2049 18.9156 12.0238C18.7094 11.6193 18.3805 11.2904 17.976 11.0842C17.7949 10.992 17.5488 10.9245 17.1011 10.888C16.6435 10.8506 16.054 10.8499 15.1999 10.8499H8.7999C7.9458 10.8499 7.35634 10.8506 6.89873 10.888ZM11.9999 13.6499C12.4693 13.6499 12.8499 14.0305 12.8499 14.4999V16.4999C12.8499 16.9693 12.4693 17.3499 11.9999 17.3499C11.5305 17.3499 11.1499 16.9693 11.1499 16.4999V14.4999C11.1499 14.0305 11.5305 13.6499 11.9999 13.6499Z", fill: "#101828" }) });
+};
+
+// packages/icons/src/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var iconProps4 = ({ size, ...props }) => ({
   width: size ?? 20,
   height: size ?? 20,
   fill: "none",
@@ -137,18 +241,51 @@ var iconProps = ({ size, ...props }) => ({
   ...props
 });
 function PlusIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 5v14M5 12h14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...iconProps4(props), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      d: "M12 5v14M5 12h14",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
 }
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m6 9 6 6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...iconProps4(props), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      d: "m6 9 6 6 6-6",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
 }
 function CloseIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { ...iconProps(props), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m6 6 12 12M18 6 6 18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { ...iconProps4(props), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      d: "m6 6 12 12M18 6 6 18",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
 }
 function SearchIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { ...iconProps(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11", cy: "11", r: "6.5", stroke: "currentColor", strokeWidth: "2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m16 16 4 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", { ...iconProps4(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "11", cy: "11", r: "6.5", stroke: "currentColor", strokeWidth: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "path",
+      {
+        d: "m16 16 4 4",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round"
+      }
+    )
   ] });
 }
 
@@ -157,7 +294,7 @@ var import_react3 = require("react");
 
 // packages/pagination/src/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var clamp = (value, min, max) => Math.min(Math.max(value, min), max);
 var range = (start, end) => Array.from({ length: Math.max(0, end - start + 1) }, (_, index) => start + index);
 function getItems(totalPages, page, siblingCount, boundaryCount) {
@@ -200,9 +337,9 @@ function Pagination({
     if (page === void 0) setUncontrolledPage(resolvedPage);
     if (resolvedPage !== currentPage) onPageChange?.(resolvedPage);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("nav", { className: ["fe-pagination", className].filter(Boolean).join(" "), "aria-label": "Pagination", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { className: "fe-pagination__button fe-pagination__button--control", hierarchy: "secondary-gray", size: "40", iconOnly: true, icon: "\u2039", "aria-label": previousLabel, disabled: disabled || currentPage === 1, onClick: () => selectPage(currentPage - 1) }),
-    items.map((item, index) => item === "start-ellipsis" || item === "end-ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "fe-pagination__ellipsis", "aria-hidden": "true", children: "\u2026" }, `${item}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("nav", { className: ["fe-pagination", className].filter(Boolean).join(" "), "aria-label": "Pagination", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { className: "fe-pagination__button fe-pagination__button--control", hierarchy: "secondary-gray", size: "40", iconOnly: true, icon: "\u2039", "aria-label": previousLabel, disabled: disabled || currentPage === 1, onClick: () => selectPage(currentPage - 1) }),
+    items.map((item, index) => item === "start-ellipsis" || item === "end-ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "fe-pagination__ellipsis", "aria-hidden": "true", children: "\u2026" }, `${item}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Button,
       {
         className: "fe-pagination__button",
@@ -216,12 +353,12 @@ function Pagination({
       },
       item
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { className: "fe-pagination__button fe-pagination__button--control", hierarchy: "secondary-gray", size: "40", iconOnly: true, icon: "\u203A", "aria-label": nextLabel, disabled: disabled || currentPage === safeTotalPages, onClick: () => selectPage(currentPage + 1) })
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { className: "fe-pagination__button fe-pagination__button--control", hierarchy: "secondary-gray", size: "40", iconOnly: true, icon: "\u203A", "aria-label": nextLabel, disabled: disabled || currentPage === safeTotalPages, onClick: () => selectPage(currentPage + 1) })
   ] });
 }
 
 // packages/table/src/index.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var TableContext = (0, import_react3.createContext)({ striped: false });
 var MIN_COLUMN_WIDTH = 96;
 var MAX_COLUMN_WIDTH = 1200;
@@ -321,14 +458,14 @@ function DataTable({
     if (nextPage !== currentPage) onPageChange?.(nextPage);
   };
   const resolvedPaginationPosition = paginationPosition === "middle-bottom" ? "bottom-center" : paginationPosition;
-  const paginationControl = shouldPaginate && totalPages > 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `fe-table__pagination fe-table__pagination--${resolvedPaginationPosition}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Pagination, { page: currentPage, totalPages, onPageChange: changePage }) }) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "fe-table", "data-resizing": isResizing || void 0, children: [
+  const paginationControl = shouldPaginate && totalPages > 1 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: `fe-table__pagination fe-table__pagination--${resolvedPaginationPosition}`, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Pagination, { page: currentPage, totalPages, onPageChange: changePage }) }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "fe-table", "data-resizing": isResizing || void 0, children: [
     resolvedPaginationPosition === "top-right" && paginationControl,
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("table", { className: ["fe-table__table", className].filter(Boolean).join(" "), "data-fe-table": true, "data-striped": striped || void 0, ...props, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("colgroup", { children: sizes2.map((size, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("col", { style: { width: `${size}px` } }, index)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: Array.from({ length: columnCount }, (_, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("th", { scope: "col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "fe-table__header-content", children: headers[columnIndex] ?? `Column ${columnIndex + 1}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("table", { className: ["fe-table__table", className].filter(Boolean).join(" "), "data-fe-table": true, "data-striped": striped || void 0, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("colgroup", { children: sizes2.map((size, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("col", { style: { width: `${size}px` } }, index)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: Array.from({ length: columnCount }, (_, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("th", { scope: "col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-table__header-content", children: headers[columnIndex] ?? `Column ${columnIndex + 1}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "span",
           {
             className: "fe-table__resize-handle",
@@ -352,7 +489,7 @@ function DataTable({
           }
         )
       ] }, columnIndex)) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { children: pagedData.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { children: Array.from({ length: columnCount }, (_, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: row[columnIndex] }, columnIndex)) }, shouldPaginate ? (currentPage - 1) * safePageSize + rowIndex : rowIndex)) })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { children: pagedData.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { children: Array.from({ length: columnCount }, (_, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { children: row[columnIndex] }, columnIndex)) }, shouldPaginate ? (currentPage - 1) * safePageSize + rowIndex : rowIndex)) })
     ] }),
     resolvedPaginationPosition !== "top-right" && paginationControl
   ] });
@@ -370,42 +507,42 @@ function Table({
   paginationPosition,
   ...props
 }) {
-  if (headers || data) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DataTable, { headers: headers ?? [], data: data ?? [], striped: striped ?? true, pagination, pageSize, page, defaultPage, onPageChange, paginationPosition, ...props });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TableContext.Provider, { value: { striped: striped ?? false }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("table", { "data-fe-table": true, "data-striped": striped || void 0, ...props, children }) });
+  if (headers || data) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DataTable, { headers: headers ?? [], data: data ?? [], striped: striped ?? true, pagination, pageSize, page, defaultPage, onPageChange, paginationPosition, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableContext.Provider, { value: { striped: striped ?? false }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("table", { "data-fe-table": true, "data-striped": striped || void 0, ...props, children }) });
 }
 function TableHead(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("thead", { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("thead", { ...props });
 }
 function TableBody(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tbody", { ...props });
 }
 function TableRow({ children, ...props }) {
   const { striped } = (0, import_react3.useContext)(TableContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { "data-striped": striped || void 0, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("tr", { "data-striped": striped || void 0, ...props, children });
 }
 function TableCell({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("td", { ...props, children });
 }
 function TableHeader({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { scope: "col", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("th", { scope: "col", ...props, children });
 }
 function TableCaption(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("caption", { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("caption", { ...props });
 }
 
 // packages/toggle/src/index.tsx
 var import_react4 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Toggle = (0, import_react4.forwardRef)(function Toggle2({ color = "#16a34a", label, className, style, id, ...props }, ref) {
   const classes = ["fe-toggle", className].filter(Boolean).join(" ");
   const toggleStyle = {
     "--fe-toggle-color": color,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: classes, style: toggleStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref, id, className: "fe-toggle__input", type: "checkbox", role: "switch", ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "fe-toggle__control", "aria-hidden": "true" }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "fe-toggle__label", children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: classes, style: toggleStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("input", { ref, id, className: "fe-toggle__input", type: "checkbox", role: "switch", ...props }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "fe-toggle__control", "aria-hidden": "true" }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "fe-toggle__label", children: label })
   ] });
 });
 Toggle.displayName = "Toggle";
@@ -413,7 +550,7 @@ Toggle.displayName = "Toggle";
 // packages/drawer/src/index.tsx
 var import_react5 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Drawer({ open, onClose, title, footer, side = "right", width = 400, fullScreen = false, children, closeOnBackdropClick = true, className, style, ...props }) {
   (0, import_react5.useEffect)(() => {
     if (!open) return;
@@ -425,21 +562,48 @@ function Drawer({ open, onClose, title, footer, side = "right", width = 400, ful
   }, [onClose, open]);
   if (!open || typeof document === "undefined") return null;
   const panelStyle = !fullScreen && (side === "left" || side === "right") ? { ...style, width: typeof width === "number" ? `${width}px` : width } : style;
-  return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "fe-drawer-backdrop", role: "presentation", onMouseDown: (event) => {
+  return (0, import_react_dom.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fe-drawer-backdrop", role: "presentation", onMouseDown: (event) => {
     if (event.target === event.currentTarget && closeOnBackdropClick) onClose();
-  }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("aside", { className: ["fe-drawer", `fe-drawer--${side}`, fullScreen && "fe-drawer--full-screen", className].filter(Boolean).join(" "), style: panelStyle, role: "dialog", "aria-modal": "true", "aria-label": typeof title === "string" ? title : "Drawer", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { className: "fe-drawer__header", children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", "aria-label": "Close drawer", onClick: onClose, children: "\xD7" })
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("aside", { className: ["fe-drawer", `fe-drawer--${side}`, fullScreen && "fe-drawer--full-screen", className].filter(Boolean).join(" "), style: panelStyle, role: "dialog", "aria-modal": "true", "aria-label": typeof title === "string" ? title : "Drawer", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { className: "fe-drawer__header", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { type: "button", "aria-label": "Close drawer", onClick: onClose, children: "\xD7" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "fe-drawer__body", children }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("footer", { className: "fe-drawer__footer", children: footer })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fe-drawer__body", children }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("footer", { className: "fe-drawer__footer", children: footer })
   ] }) }), document.body);
 }
 
-// packages/form-controls/src/index.tsx
+// packages/form-controls/src/controls/TextInput/text-input.tsx
+var import_react7 = require("react");
+
+// packages/tooltip/src/index.tsx
 var import_react6 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Tooltip({ content, children, placement = "top", disabled, className, ...props }) {
+  const [visible, setVisible] = (0, import_react6.useState)(false);
+  const id = (0, import_react6.useId)();
+  const trigger = (0, import_react6.cloneElement)(children, { "aria-describedby": visible ? id : void 0, onMouseEnter: (event) => {
+    children.props.onMouseEnter?.(event);
+    setVisible(true);
+  }, onMouseLeave: (event) => {
+    children.props.onMouseLeave?.(event);
+    setVisible(false);
+  }, onFocus: (event) => {
+    children.props.onFocus?.(event);
+    setVisible(true);
+  }, onBlur: (event) => {
+    children.props.onBlur?.(event);
+    setVisible(false);
+  } });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: ["fe-tooltip", `fe-tooltip--${placement}`, className].filter(Boolean).join(" "), ...props, children: [
+    trigger,
+    visible && !disabled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { id, role: "tooltip", className: "fe-tooltip__content", children: content })
+  ] });
+}
+
+// packages/form-controls/src/controls/Field/field.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function getFieldError(error, errorMessage) {
   if (errorMessage !== void 0 && errorMessage !== null) return errorMessage;
   if (typeof error !== "boolean") return error;
@@ -448,161 +612,648 @@ function getFieldError(error, errorMessage) {
 function getDescribedBy(existing, messageId2) {
   return [existing, messageId2].filter(Boolean).join(" ") || void 0;
 }
-var TextInput = (0, import_react6.forwardRef)(function TextInput2({ value, defaultValue = "", onChange, onValueChange, label, helperText, error, errorMessage, clearable = false, onClear, clearLabel = "Clear input", className, disabled, readOnly, id, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-  const generatedId = (0, import_react6.useId)();
-  const inputId = id ?? `${generatedId}-input`;
-  const labelId = `${generatedId}-label`;
-  const messageId2 = `${generatedId}-message`;
-  const controlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react6.useState)(defaultValue);
-  const currentValue = controlled ? value : internalValue;
-  const fieldError = getFieldError(error, errorMessage);
-  const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
-  const displayedMessage = hasError ? fieldError : helperText;
-  const describedBy = getDescribedBy(ariaDescribedBy, displayedMessage ? messageId2 : void 0);
-  const clear = () => {
-    if (!controlled) setInternalValue("");
-    onValueChange?.("");
-    onClear?.();
-  };
-  const labelledBy = getDescribedBy(ariaLabelledBy, label ? labelId : void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: ["fe-text-input", hasError && "fe-text-input--error", className].filter(Boolean).join(" "), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: labelId, className: "fe-text-input__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "fe-text-input__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref, id: inputId, value: currentValue, disabled, readOnly, "aria-invalid": hasError || void 0, "aria-labelledby": labelledBy, "aria-describedby": describedBy, onChange: (event) => {
-        if (!controlled) setInternalValue(event.target.value);
-        onValueChange?.(event.target.value);
-        onChange?.(event);
-      }, ...props }),
-      clearable && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseIcon, { size: 14 }), "aria-label": clearLabel, onClick: clear, className: "fe-text-input__clear" })
-    ] }),
-    displayedMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: messageId2, className: hasError ? "fe-text-input__error" : "fe-text-input__helper", children: displayedMessage })
+function FieldLabel({
+  id,
+  label,
+  description,
+  descriptionDisplay,
+  isRequired = false
+}) {
+  if (!label) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "fe-field__label", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id, children: label }),
+    isRequired && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "fe-field__required", "aria-hidden": "true", children: "*" }),
+    description && descriptionDisplay === "tooltip" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Tooltip, { content: description, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "span",
+      {
+        className: "fe-field__info",
+        tabIndex: 0,
+        role: "img",
+        "aria-label": "More information",
+        children: "i"
+      }
+    ) })
   ] });
-});
+}
+function FieldMessage({
+  id,
+  error,
+  description,
+  descriptionDisplay
+}) {
+  if (error !== void 0 && error !== false && error !== null)
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "span",
+      {
+        id,
+        className: "fe-field__message fe-field__message--error",
+        role: "alert",
+        children: error
+      }
+    );
+  if (description && descriptionDisplay === "inline")
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { id, className: "fe-field__message", children: description });
+  return null;
+}
+
+// packages/form-controls/src/controls/TextInput/text-input.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var TextInput = (0, import_react7.forwardRef)(
+  function TextInput2({
+    value,
+    defaultValue = "",
+    onChange,
+    onValueChange,
+    label,
+    description,
+    descriptionDisplay = "inline",
+    helperText,
+    error,
+    errorMessage,
+    clearable = false,
+    onClear,
+    clearLabel = "Clear input",
+    className,
+    disabled,
+    readOnly,
+    id,
+    prefix,
+    suffix,
+    Prefix,
+    Suffix,
+    isRequired = false,
+    placeholder,
+    required,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) {
+    const generatedId = (0, import_react7.useId)();
+    const inputId = id ?? generatedId + "-input";
+    const labelId = generatedId + "-label";
+    const messageId2 = generatedId + "-message";
+    const controlled = value !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react7.useState)(defaultValue);
+    const currentValue = controlled ? value : internalValue;
+    const fieldError = getFieldError(error, errorMessage);
+    const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
+    const resolvedDescription = description ?? helperText;
+    const hasMessage = hasError || resolvedDescription && descriptionDisplay === "inline";
+    const describedBy = getDescribedBy(
+      ariaDescribedBy,
+      hasMessage ? messageId2 : void 0
+    );
+    const resolvedPrefix = prefix ?? Prefix;
+    const resolvedSuffix = suffix ?? Suffix;
+    const labelledBy = getDescribedBy(
+      ariaLabelledBy,
+      label ? labelId : void 0
+    );
+    const clear = () => {
+      if (!controlled) setInternalValue("");
+      onValueChange?.("");
+      onClear?.();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      "div",
+      {
+        className: [
+          "fe-text-input",
+          hasError && "fe-text-input--error",
+          className
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            FieldLabel,
+            {
+              id: labelId,
+              label,
+              description: resolvedDescription,
+              descriptionDisplay,
+              isRequired
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "fe-text-input__control", children: [
+            resolvedPrefix && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "fe-text-input__prefix", children: resolvedPrefix }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "fe-text-input__input-wrap", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "input",
+                {
+                  ref,
+                  id: inputId,
+                  value: currentValue,
+                  placeholder,
+                  required: isRequired || required,
+                  disabled,
+                  readOnly,
+                  "aria-invalid": hasError || void 0,
+                  "aria-required": isRequired || void 0,
+                  "aria-labelledby": labelledBy,
+                  "aria-describedby": describedBy,
+                  onChange: (event) => {
+                    if (!controlled) setInternalValue(event.target.value);
+                    onValueChange?.(event.target.value);
+                    onChange?.(event);
+                  },
+                  ...props
+                }
+              ),
+              isRequired && placeholder && !currentValue && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "fe-text-input__placeholder", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: placeholder }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "fe-field__required", children: "*" })
+              ] })
+            ] }),
+            resolvedSuffix && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "fe-text-input__suffix", children: resolvedSuffix }),
+            clearable && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              Button,
+              {
+                hierarchy: "tertiary-gray",
+                size: "24",
+                iconOnly: true,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, { size: 14 }),
+                "aria-label": clearLabel,
+                onClick: clear,
+                className: "fe-text-input__clear"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            FieldMessage,
+            {
+              id: messageId2,
+              error: fieldError,
+              description: resolvedDescription,
+              descriptionDisplay
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 TextInput.displayName = "TextInput";
-var TextArea = (0, import_react6.forwardRef)(function TextArea2({ value, defaultValue = "", onChange, onValueChange, label, helperText, error, errorMessage, clearable = false, onClear, clearLabel = "Clear text area", className, disabled, readOnly, id, "aria-describedby": ariaDescribedBy, "aria-labelledby": ariaLabelledBy, ...props }, ref) {
-  const generatedId = (0, import_react6.useId)();
-  const inputId = id ?? `${generatedId}-input`;
-  const labelId = `${generatedId}-label`;
-  const messageId2 = `${generatedId}-message`;
-  const controlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react6.useState)(defaultValue);
-  const currentValue = controlled ? value : internalValue;
-  const fieldError = getFieldError(error, errorMessage);
-  const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
-  const displayedMessage = hasError ? fieldError : helperText;
-  const describedBy = getDescribedBy(ariaDescribedBy, displayedMessage ? messageId2 : void 0);
-  const clear = () => {
-    if (!controlled) setInternalValue("");
-    onValueChange?.("");
-    onClear?.();
-  };
-  const labelledBy = getDescribedBy(ariaLabelledBy, label ? labelId : void 0);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: ["fe-text-area", hasError && "fe-text-area--error", className].filter(Boolean).join(" "), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: labelId, className: "fe-text-area__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "fe-text-area__control", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("textarea", { ref, id: inputId, value: currentValue, disabled, readOnly, "aria-invalid": hasError || void 0, "aria-labelledby": labelledBy, "aria-describedby": describedBy, onChange: (event) => {
-        if (!controlled) setInternalValue(event.target.value);
-        onValueChange?.(event.target.value);
-        onChange?.(event);
-      }, ...props }),
-      clearable && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CloseIcon, { size: 14 }), "aria-label": clearLabel, onClick: clear, className: "fe-text-area__clear" })
-    ] }),
-    displayedMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: messageId2, className: hasError ? "fe-text-area__error" : "fe-text-area__helper", children: displayedMessage })
-  ] });
-});
+
+// packages/form-controls/src/controls/TextArea/text-area.tsx
+var import_react8 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var TextArea = (0, import_react8.forwardRef)(
+  function TextArea2({
+    value,
+    defaultValue = "",
+    onChange,
+    onValueChange,
+    label,
+    description,
+    descriptionDisplay = "inline",
+    helperText,
+    error,
+    errorMessage,
+    clearable = false,
+    onClear,
+    clearLabel = "Clear text area",
+    className,
+    disabled,
+    readOnly,
+    id,
+    isRequired = false,
+    placeholder,
+    required,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) {
+    const generatedId = (0, import_react8.useId)();
+    const inputId = id ?? generatedId + "-input";
+    const labelId = generatedId + "-label";
+    const messageId2 = generatedId + "-message";
+    const controlled = value !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react8.useState)(defaultValue);
+    const currentValue = controlled ? value : internalValue;
+    const fieldError = getFieldError(error, errorMessage);
+    const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
+    const resolvedDescription = description ?? helperText;
+    const hasMessage = hasError || resolvedDescription && descriptionDisplay === "inline";
+    const describedBy = getDescribedBy(
+      ariaDescribedBy,
+      hasMessage ? messageId2 : void 0
+    );
+    const labelledBy = getDescribedBy(
+      ariaLabelledBy,
+      label ? labelId : void 0
+    );
+    const clear = () => {
+      if (!controlled) setInternalValue("");
+      onValueChange?.("");
+      onClear?.();
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        className: [
+          "fe-text-area",
+          hasError && "fe-text-area--error",
+          className
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            FieldLabel,
+            {
+              id: labelId,
+              label,
+              description: resolvedDescription,
+              descriptionDisplay,
+              isRequired
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "fe-text-area__control", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "textarea",
+              {
+                ref,
+                id: inputId,
+                value: currentValue,
+                placeholder,
+                required: isRequired || required,
+                disabled,
+                readOnly,
+                "aria-invalid": hasError || void 0,
+                "aria-required": isRequired || void 0,
+                "aria-labelledby": labelledBy,
+                "aria-describedby": describedBy,
+                onChange: (event) => {
+                  if (!controlled) setInternalValue(event.target.value);
+                  onValueChange?.(event.target.value);
+                  onChange?.(event);
+                },
+                ...props
+              }
+            ),
+            isRequired && placeholder && !currentValue && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "fe-text-area__placeholder", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: placeholder }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "fe-field__required", children: "*" })
+            ] }),
+            clearable && currentValue && !disabled && !readOnly && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              Button,
+              {
+                hierarchy: "tertiary-gray",
+                size: "24",
+                iconOnly: true,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon, { size: 14 }),
+                "aria-label": clearLabel,
+                onClick: clear,
+                className: "fe-text-area__clear"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            FieldMessage,
+            {
+              id: messageId2,
+              error: fieldError,
+              description: resolvedDescription,
+              descriptionDisplay
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 TextArea.displayName = "TextArea";
-var Selection = (0, import_react6.forwardRef)(function Selection2({ className, label, helperText, error, options, placeholder = "Select an option", size = "medium", id, value, defaultValue, onChange, multiple = false, searchable = false, tag = false, clearable = false, disabled = false, name, onKeyDown, ...props }, ref) {
-  const generatedId = (0, import_react6.useId)();
-  const listboxId = id ?? generatedId;
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react6.useState)(defaultValue ?? (multiple ? [] : ""));
-  const selectedValue = isControlled ? value : internalValue;
-  const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue === "" || selectedValue === null || selectedValue === void 0 ? [] : [selectedValue];
-  const selectedOptions = options.filter((option) => selectedValues.some((item) => String(item) === String(option.value)));
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const [query, setQuery] = (0, import_react6.useState)("");
-  const [activeIndex, setActiveIndex] = (0, import_react6.useState)(0);
-  const rootRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
-    const close = (event) => {
-      if (!rootRef.current?.contains(event.target)) setOpen(false);
+
+// packages/form-controls/src/controls/Selection/selection.tsx
+var import_react9 = require("react");
+var import_react_dom2 = require("react-dom");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var Selection = (0, import_react9.forwardRef)(
+  function Selection2({
+    className,
+    label,
+    isRequired = false,
+    description,
+    descriptionDisplay = "inline",
+    helperText,
+    error,
+    errorMessage,
+    options,
+    placeholder = "Select an option",
+    size = "medium",
+    id,
+    value,
+    defaultValue,
+    onChange,
+    multiple = false,
+    searchable = false,
+    tag = false,
+    clearable = false,
+    disabled = false,
+    name,
+    onKeyDown,
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) {
+    const generatedId = (0, import_react9.useId)();
+    const triggerId = id ?? generatedId + "-trigger";
+    const listboxId = triggerId + "-listbox";
+    const labelId = generatedId + "-label";
+    const messageId2 = generatedId + "-message";
+    const fieldError = getFieldError(error, errorMessage);
+    const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
+    const resolvedDescription = description ?? helperText;
+    const hasMessage = hasError || resolvedDescription && descriptionDisplay === "inline";
+    const describedBy = getDescribedBy(
+      ariaDescribedBy,
+      hasMessage ? messageId2 : void 0
+    );
+    const labelledBy = getDescribedBy(
+      ariaLabelledBy,
+      label ? labelId : void 0
+    );
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react9.useState)(
+      defaultValue ?? (multiple ? [] : "")
+    );
+    const selectedValue = isControlled ? value : internalValue;
+    const selectedValues = Array.isArray(selectedValue) ? selectedValue : selectedValue === "" || selectedValue === null || selectedValue === void 0 ? [] : [selectedValue];
+    const selectedOptions = options.filter(
+      (option) => selectedValues.some((item) => String(item) === String(option.value))
+    );
+    const [open, setOpen] = (0, import_react9.useState)(false);
+    const [query, setQuery] = (0, import_react9.useState)("");
+    const [activeIndex, setActiveIndex] = (0, import_react9.useState)(0);
+    const rootRef = (0, import_react9.useRef)(null);
+    const menuRef = (0, import_react9.useRef)(null);
+    const [menuPosition, setMenuPosition] = (0, import_react9.useState)(null);
+    (0, import_react9.useEffect)(() => {
+      const close = (event) => {
+        const target = event.target;
+        if (!rootRef.current?.contains(target) && !menuRef.current?.contains(target))
+          setOpen(false);
+      };
+      document.addEventListener("mousedown", close);
+      return () => document.removeEventListener("mousedown", close);
+    }, []);
+    (0, import_react9.useLayoutEffect)(() => {
+      if (!open) return;
+      const updateMenuPosition = () => {
+        const rect = rootRef.current?.getBoundingClientRect();
+        if (rect)
+          setMenuPosition({
+            top: rect.bottom + 7,
+            left: rect.left,
+            width: rect.width
+          });
+      };
+      updateMenuPosition();
+      window.addEventListener("resize", updateMenuPosition);
+      document.addEventListener("scroll", updateMenuPosition, true);
+      return () => {
+        window.removeEventListener("resize", updateMenuPosition);
+        document.removeEventListener("scroll", updateMenuPosition, true);
+      };
+    }, [open]);
+    const filteredOptions = options.filter(
+      (option) => !query || (option.searchText ?? (typeof option.label === "string" ? option.label : String(option.value))).toLowerCase().includes(query.toLowerCase())
+    );
+    const commit = (next) => {
+      if (!isControlled) setInternalValue(next);
+      const selected = options.filter(
+        (option) => (Array.isArray(next) ? next : [next]).some(
+          (item) => String(item) === String(option.value)
+        )
+      );
+      onChange?.(next, multiple ? selected : selected[0]);
     };
-    document.addEventListener("mousedown", close);
-    return () => document.removeEventListener("mousedown", close);
-  }, []);
-  const filteredOptions = options.filter((option) => !query || (option.searchText ?? (typeof option.label === "string" ? option.label : String(option.value))).toLowerCase().includes(query.toLowerCase()));
-  const commit = (next) => {
-    if (!isControlled) setInternalValue(next);
-    const selected = options.filter((option) => (Array.isArray(next) ? next : [next]).some((item) => String(item) === String(option.value)));
-    onChange?.(next, multiple ? selected : selected[0]);
-  };
-  const choose = (option) => {
-    if (option.disabled) return;
-    const isSelected = selectedValues.some((item) => String(item) === String(option.value));
-    if (multiple) commit(isSelected ? selectedValues.filter((item) => String(item) !== String(option.value)) : [...selectedValues, option.value]);
-    else {
-      commit(option.value);
-      setOpen(false);
+    const choose = (option) => {
+      if (option.disabled) return;
+      const isSelected = selectedValues.some(
+        (item) => String(item) === String(option.value)
+      );
+      if (multiple)
+        commit(
+          isSelected ? selectedValues.filter(
+            (item) => String(item) !== String(option.value)
+          ) : [...selectedValues, option.value]
+        );
+      else {
+        commit(option.value);
+        setOpen(false);
+        setQuery("");
+      }
+    };
+    const clear = () => {
+      commit(multiple ? [] : "");
       setQuery("");
-    }
-  };
-  const clear = () => {
-    commit(multiple ? [] : "");
-    setQuery("");
-  };
-  const displayLabel = selectedOptions.length ? selectedOptions.map((option) => option.label) : null;
-  const onTriggerKeyDown = (event) => {
-    onKeyDown?.(event);
-    if (disabled) return;
-    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-      event.preventDefault();
-      setOpen(true);
-      setActiveIndex((current) => Math.max(0, Math.min(filteredOptions.length - 1, current + (event.key === "ArrowDown" ? 1 : -1))));
-    }
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      if (!open) setOpen(true);
-      else if (filteredOptions[activeIndex]) choose(filteredOptions[activeIndex]);
-    }
-    if (event.key === "Escape") setOpen(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref, className: ["fe-selection", `fe-selection--${size}`, open && "fe-selection--open", clearable && selectedOptions.length > 0 && "fe-selection--clearable", error && "fe-selection--error", disabled && "fe-selection--disabled", className].filter(Boolean).join(" "), ...props, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-selection__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: rootRef, className: "fe-selection__control", children: [
-      name && selectedValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "hidden", name: multiple ? `${name}[]` : name, value: item }, String(item))),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "fe-selection__trigger", disabled, "aria-invalid": error || void 0, "aria-haspopup": "listbox", "aria-expanded": open, "aria-controls": listboxId, onClick: () => setOpen((current) => !current), onKeyDown: onTriggerKeyDown, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: ["fe-selection__value", !selectedOptions.length && "is-placeholder", tag && selectedOptions.length > 1 && "is-tags"].filter(Boolean).join(" "), children: displayLabel ? tag && multiple ? selectedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "fe-selection__tag", children: [
-          option.label,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\xD7" })
-        ] }, String(option.value))) : displayLabel.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
-          item,
-          index < displayLabel.length - 1 ? ", " : ""
-        ] }, index)) : placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-selection__actions", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-selection__chevron", "aria-hidden": "true" }) })
-      ] }),
-      clearable && selectedOptions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "fe-selection__clear", "aria-label": "Clear selection", onClick: clear }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id: listboxId, className: "fe-selection__menu", role: "listbox", "aria-multiselectable": multiple || void 0, children: [
-        searchable && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "fe-selection__search", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { autoFocus: true, value: query, onChange: (event) => {
-            setQuery(event.target.value);
-            setActiveIndex(0);
-          }, placeholder: "Search\u2026", "aria-label": "Search options" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "fe-selection__options", children: filteredOptions.length ? filteredOptions.map((option, index) => {
-          const isSelected = selectedValues.some((item) => String(item) === String(option.value));
-          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: [isSelected && "is-selected", index === activeIndex && "is-active"].filter(Boolean).join(" "), role: "option", "aria-selected": isSelected, disabled: option.disabled, onMouseMove: () => setActiveIndex(index), onClick: () => choose(option), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: option.label }),
-            isSelected && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-selection__check", "aria-hidden": "true", children: "\u2713" })
-          ] }, String(option.value));
-        }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "fe-selection__empty", children: "No matching options" }) })
-      ] })
-    ] }),
-    helperText && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-selection__helper", children: helperText })
-  ] });
-});
+    };
+    const displayLabel = selectedOptions.length ? selectedOptions.map((option) => option.label) : null;
+    const onTriggerKeyDown = (event) => {
+      onKeyDown?.(event);
+      if (disabled) return;
+      if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+        event.preventDefault();
+        setOpen(true);
+        setActiveIndex(
+          (current) => Math.max(
+            0,
+            Math.min(
+              filteredOptions.length - 1,
+              current + (event.key === "ArrowDown" ? 1 : -1)
+            )
+          )
+        );
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        if (!open) setOpen(true);
+        else if (filteredOptions[activeIndex])
+          choose(filteredOptions[activeIndex]);
+      }
+      if (event.key === "Escape") setOpen(false);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "div",
+      {
+        ref,
+        className: [
+          "fe-selection",
+          "fe-selection--" + size,
+          open && "fe-selection--open",
+          clearable && selectedOptions.length > 0 && "fe-selection--clearable",
+          hasError && "fe-selection--error",
+          disabled && "fe-selection--disabled",
+          className
+        ].filter(Boolean).join(" "),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            FieldLabel,
+            {
+              id: labelId,
+              label,
+              description: resolvedDescription,
+              descriptionDisplay,
+              isRequired
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { ref: rootRef, className: "fe-selection__control", children: [
+            name && selectedValues.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "input",
+              {
+                type: "hidden",
+                name: multiple ? name + "[]" : name,
+                value: item
+              },
+              String(item)
+            )),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "button",
+              {
+                id: triggerId,
+                type: "button",
+                className: "fe-selection__trigger",
+                disabled,
+                "aria-label": ariaLabel,
+                "aria-invalid": hasError || void 0,
+                "aria-required": isRequired || void 0,
+                "aria-labelledby": labelledBy,
+                "aria-describedby": describedBy,
+                "aria-haspopup": "listbox",
+                "aria-expanded": open,
+                "aria-controls": listboxId,
+                onClick: () => setOpen((current) => !current),
+                onKeyDown: onTriggerKeyDown,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    "span",
+                    {
+                      className: [
+                        "fe-selection__value",
+                        !selectedOptions.length && "is-placeholder",
+                        tag && selectedOptions.length > 1 && "is-tags"
+                      ].filter(Boolean).join(" "),
+                      children: displayLabel ? tag && multiple ? selectedOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                        "span",
+                        {
+                          className: "fe-selection__tag",
+                          children: [
+                            option.label,
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": "true", children: "\xD7" })
+                          ]
+                        },
+                        String(option.value)
+                      )) : displayLabel.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+                        item,
+                        index < displayLabel.length - 1 ? ", " : ""
+                      ] }, index)) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: placeholder }),
+                        isRequired && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fe-field__required", "aria-hidden": "true", children: "*" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fe-selection__actions", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fe-selection__chevron", "aria-hidden": "true" }) })
+                ]
+              }
+            ),
+            clearable && selectedOptions.length > 0 && !disabled && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "fe-selection__clear",
+                "aria-label": "Clear selection",
+                onClick: clear
+              }
+            ),
+            open && menuPosition && (0, import_react_dom2.createPortal)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                "div",
+                {
+                  ref: menuRef,
+                  id: listboxId,
+                  className: "fe-selection__menu",
+                  style: {
+                    position: "fixed",
+                    top: menuPosition.top,
+                    left: menuPosition.left,
+                    width: menuPosition.width
+                  },
+                  role: "listbox",
+                  "aria-multiselectable": multiple || void 0,
+                  children: [
+                    searchable && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fe-selection__search", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                        "input",
+                        {
+                          autoFocus: true,
+                          value: query,
+                          onChange: (event) => {
+                            setQuery(event.target.value);
+                            setActiveIndex(0);
+                          },
+                          placeholder: "Search\u2026",
+                          "aria-label": "Search options"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fe-selection__options", children: filteredOptions.length ? filteredOptions.map((option, index) => {
+                      const isSelected = selectedValues.some(
+                        (item) => String(item) === String(option.value)
+                      );
+                      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          className: [
+                            isSelected && "is-selected",
+                            index === activeIndex && "is-active"
+                          ].filter(Boolean).join(" "),
+                          role: "option",
+                          "aria-selected": isSelected,
+                          disabled: option.disabled,
+                          onMouseMove: () => setActiveIndex(index),
+                          onClick: () => choose(option),
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: option.label }),
+                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                              "span",
+                              {
+                                className: "fe-selection__check",
+                                "aria-hidden": "true",
+                                children: "\u2713"
+                              }
+                            )
+                          ]
+                        },
+                        String(option.value)
+                      );
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "fe-selection__empty", children: "No matching options" }) })
+                  ]
+                }
+              ),
+              document.body
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            FieldMessage,
+            {
+              id: messageId2,
+              error: fieldError,
+              description: resolvedDescription,
+              descriptionDisplay
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 Selection.displayName = "Selection";
+
+// packages/form-controls/src/controls/NumberInput/number-input.tsx
+var import_react10 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function formatNumber(value, decimals = 2, thousandSeparator = ",", decimalSeparator = ".") {
   return new Intl.NumberFormat("en-US", {
     minimumFractionDigits: 0,
@@ -611,7 +1262,7 @@ function formatNumber(value, decimals = 2, thousandSeparator = ",", decimalSepar
   }).format(value).replace(/,/g, thousandSeparator).replace(/\./g, decimalSeparator);
 }
 function escapeRegExp(value) {
-  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return value.replace(/[.*+?^$\x7B\x7D()|[\]\\]/g, "\\$&");
 }
 function groupInteger(value, separator) {
   return value.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
@@ -620,7 +1271,10 @@ function normalizeNumberInput(raw, options) {
   const { allowDecimal, decimalSeparator, thousandSeparator, min, max } = options;
   const decimals = Math.max(0, options.decimals);
   const negative = raw.trimStart().startsWith("-") && (min === void 0 || min < 0);
-  const decimalExpression = new RegExp(`[^0-9${allowDecimal ? escapeRegExp(decimalSeparator) : ""}]`, "g");
+  const decimalExpression = new RegExp(
+    "[^0-9" + (allowDecimal ? escapeRegExp(decimalSeparator) : "") + "]",
+    "g"
+  );
   const cleaned = raw.replace(decimalExpression, "");
   const decimalIndex = allowDecimal ? cleaned.indexOf(decimalSeparator) : -1;
   const hasDecimal = decimalIndex >= 0;
@@ -628,64 +1282,227 @@ function normalizeNumberInput(raw, options) {
   const rawFraction = hasDecimal ? cleaned.slice(decimalIndex + decimalSeparator.length).replace(new RegExp(escapeRegExp(decimalSeparator), "g"), "") : "";
   const integer = rawInteger.replace(/^0+(?=\d)/, "") || (rawInteger ? "0" : "");
   const fraction = rawFraction.slice(0, decimals);
-  if (!integer && !fraction) return { display: negative ? "-" : "", value: null };
-  const numericValue = Number(`${negative ? "-" : ""}${integer || "0"}${hasDecimal ? `.${fraction || "0"}` : ""}`);
+  if (!integer && !fraction)
+    return { display: negative ? "-" : "", value: null };
+  const numericValue = Number(
+    (negative ? "-" : "") + (integer || "0") + (hasDecimal ? "." + (fraction || "0") : "")
+  );
   if (!Number.isFinite(numericValue)) return { display: "", value: null };
   const lowerBound = min === void 0 ? numericValue : Math.max(numericValue, min);
   const value = max === void 0 ? lowerBound : Math.min(lowerBound, max);
-  if (value !== numericValue) return { display: formatNumber(value, decimals, thousandSeparator, decimalSeparator), value };
-  return { display: `${negative ? "-" : ""}${groupInteger(integer || "0", thousandSeparator)}${hasDecimal ? `${decimalSeparator}${fraction}` : ""}`, value };
-}
-var NumberInput = (0, import_react6.forwardRef)(function NumberInput2({ value, defaultValue = null, onValueChange, allowDecimal = true, decimals = 2, min, max, decimalSeparator = ".", thousandSeparator = ",", label, helperText, error, errorMessage, className, onBlur, onFocus, "aria-describedby": ariaDescribedBy, ...props }, ref) {
-  const generatedId = (0, import_react6.useId)();
-  const messageId2 = `${generatedId}-message`;
-  const isControlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react6.useState)(defaultValue);
-  const [focused, setFocused] = (0, import_react6.useState)(false);
-  const actualValue = isControlled ? value ?? null : internalValue;
-  const [text, setText] = (0, import_react6.useState)(actualValue === null ? "" : formatNumber(actualValue, decimals, thousandSeparator, decimalSeparator));
-  const fieldError = getFieldError(error, errorMessage);
-  const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
-  const displayedMessage = hasError ? fieldError : helperText;
-  const describedBy = getDescribedBy(ariaDescribedBy, displayedMessage ? messageId2 : void 0);
-  (0, import_react6.useEffect)(() => {
-    if (!focused) setText(actualValue === null ? "" : formatNumber(actualValue, decimals, thousandSeparator, decimalSeparator));
-  }, [actualValue, decimalSeparator, decimals, focused, thousandSeparator]);
-  const updateValue = (nextText) => {
-    const next = normalizeNumberInput(nextText, { allowDecimal, decimals, decimalSeparator, thousandSeparator, min, max });
-    setText(next.display);
-    const nextValue = next.value;
-    if (!isControlled) setInternalValue(nextValue);
-    onValueChange?.(nextValue);
+  if (value !== numericValue)
+    return {
+      display: formatNumber(
+        value,
+        decimals,
+        thousandSeparator,
+        decimalSeparator
+      ),
+      value
+    };
+  return {
+    display: (negative ? "-" : "") + groupInteger(integer || "0", thousandSeparator) + (hasDecimal ? decimalSeparator + fraction : ""),
+    value
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: ["fe-number-input", hasError && "fe-number-input--error", className].filter(Boolean).join(" "), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-number-input__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref, inputMode: allowDecimal ? "decimal" : "numeric", value: text, onFocus: (event) => {
-      setFocused(true);
-      onFocus?.(event);
-    }, onChange: (event) => updateValue(event.target.value), onBlur: (event) => {
-      setFocused(false);
-      onBlur?.(event);
-    }, ...props, "aria-invalid": hasError || void 0, "aria-describedby": describedBy }),
-    displayedMessage && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: messageId2, className: hasError ? "fe-number-input__error" : "fe-number-input__helper", children: displayedMessage })
-  ] });
-});
+}
+var NumberInput = (0, import_react10.forwardRef)(
+  function NumberInput2({
+    value,
+    defaultValue = null,
+    onValueChange,
+    allowDecimal = true,
+    decimals = 2,
+    min,
+    max,
+    decimalSeparator = ".",
+    thousandSeparator = ",",
+    label,
+    description,
+    descriptionDisplay = "inline",
+    helperText,
+    error,
+    errorMessage,
+    isRequired = false,
+    className,
+    onBlur,
+    onFocus,
+    placeholder,
+    required,
+    endAdornment,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    ...props
+  }, ref) {
+    const generatedId = (0, import_react10.useId)();
+    const messageId2 = generatedId + "-message";
+    const isControlled = value !== void 0;
+    const [internalValue, setInternalValue] = (0, import_react10.useState)(defaultValue);
+    const [focused, setFocused] = (0, import_react10.useState)(false);
+    const actualValue = isControlled ? value ?? null : internalValue;
+    const [text, setText] = (0, import_react10.useState)(
+      actualValue === null ? "" : formatNumber(
+        actualValue,
+        decimals,
+        thousandSeparator,
+        decimalSeparator
+      )
+    );
+    const fieldError = getFieldError(error, errorMessage);
+    const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
+    const labelId = generatedId + "-label";
+    const resolvedDescription = description ?? helperText;
+    const hasMessage = hasError || resolvedDescription && descriptionDisplay === "inline";
+    const describedBy = getDescribedBy(
+      ariaDescribedBy,
+      hasMessage ? messageId2 : void 0
+    );
+    const labelledBy = getDescribedBy(
+      ariaLabelledBy,
+      label ? labelId : void 0
+    );
+    (0, import_react10.useEffect)(() => {
+      if (!focused)
+        setText(
+          actualValue === null ? "" : formatNumber(
+            actualValue,
+            decimals,
+            thousandSeparator,
+            decimalSeparator
+          )
+        );
+    }, [actualValue, decimalSeparator, decimals, focused, thousandSeparator]);
+    const updateValue = (nextText) => {
+      const next = normalizeNumberInput(nextText, {
+        allowDecimal,
+        decimals,
+        decimalSeparator,
+        thousandSeparator,
+        min,
+        max
+      });
+      setText(next.display);
+      if (!isControlled) setInternalValue(next.value);
+      onValueChange?.(next.value);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      "label",
+      {
+        className: [
+          "fe-number-input",
+          hasError && "fe-number-input--error",
+          className
+        ].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            FieldLabel,
+            {
+              id: labelId,
+              label,
+              description: resolvedDescription,
+              descriptionDisplay,
+              isRequired
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "fe-number-input__control", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              "input",
+              {
+                ref,
+                inputMode: allowDecimal ? "decimal" : "numeric",
+                value: text,
+                placeholder,
+                required: isRequired || required,
+                onFocus: (event) => {
+                  setFocused(true);
+                  onFocus?.(event);
+                },
+                onChange: (event) => updateValue(event.target.value),
+                onBlur: (event) => {
+                  setFocused(false);
+                  onBlur?.(event);
+                },
+                ...props,
+                "aria-invalid": hasError || void 0,
+                "aria-required": isRequired || void 0,
+                "aria-labelledby": labelledBy,
+                "aria-describedby": describedBy
+              }
+            ),
+            isRequired && placeholder && !text && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "fe-number-input__placeholder", "aria-hidden": "true", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: placeholder }),
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fe-field__required", children: "*" })
+            ] }),
+            endAdornment
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            FieldMessage,
+            {
+              id: messageId2,
+              error: fieldError,
+              description: resolvedDescription,
+              descriptionDisplay
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 NumberInput.displayName = "NumberInput";
-function CurrencyInput({ suffix = "VND", currencies, currency, defaultCurrency, onCurrencyChange, className, ...props }) {
-  const [internalCurrency, setInternalCurrency] = (0, import_react6.useState)(defaultCurrency ?? currencies?.[0]?.code ?? "");
+
+// packages/form-controls/src/controls/CurrencyInput/currency-input.tsx
+var import_react11 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function CurrencyInput({
+  suffix = "VND",
+  currencies,
+  currency,
+  defaultCurrency,
+  onCurrencyChange,
+  className,
+  disabled,
+  ...props
+}) {
+  const [internalCurrency, setInternalCurrency] = (0, import_react11.useState)(
+    defaultCurrency ?? currencies?.[0]?.code ?? ""
+  );
   const selectedCurrency = currency ?? internalCurrency;
   const current = currencies?.find((item) => item.code === selectedCurrency);
   const currencySuffix = current?.suffix ?? current?.code ?? suffix;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: ["fe-currency-input", className].filter(Boolean).join(" "), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NumberInput, { ...props, className: "fe-currency-input__number" }),
-    currencies?.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("select", { className: "fe-currency-input__currency", "aria-label": "Currency", value: selectedCurrency, onChange: (event) => {
-      const next = currencies.find((item) => item.code === event.target.value);
-      if (!next) return;
-      if (currency === void 0) setInternalCurrency(next.code);
-      onCurrencyChange?.(next);
-    }, children: currencies.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: item.code, children: item.label ?? item.code }, item.code)) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-currency-input__suffix", children: currencySuffix })
-  ] });
+  const endAdornment = currencies?.length ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    Selection,
+    {
+      className: "fe-currency-input__currency",
+      "aria-label": "Currency",
+      options: currencies.map((item) => ({
+        label: item.label ?? item.code,
+        value: item.code
+      })),
+      disabled,
+      value: selectedCurrency,
+      size: "small",
+      onChange: (value) => {
+        const next = currencies.find((item) => item.code === String(value));
+        if (!next) return;
+        if (currency === void 0) setInternalCurrency(next.code);
+        onCurrencyChange?.(next);
+      }
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fe-currency-input__suffix", children: currencySuffix });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    NumberInput,
+    {
+      ...props,
+      disabled,
+      className: ["fe-currency-input", className].filter(Boolean).join(" "),
+      endAdornment
+    }
+  );
 }
+
+// packages/form-controls/src/controls/DateTimePicker/date-time-picker.tsx
+var import_react12 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var pad = (value) => String(value).padStart(2, "0");
 function formatDate(date, format) {
   return format.replace(/yyyy/g, String(date.getFullYear())).replace(/MM/g, pad(date.getMonth() + 1)).replace(/dd/g, pad(date.getDate())).replace(/HH/g, pad(date.getHours())).replace(/mm/g, pad(date.getMinutes()));
@@ -703,24 +1520,66 @@ function mergeDateTime(day, time) {
   return next;
 }
 function DateTimePicker(props) {
-  const { label, format = "dd/MM/yyyy HH:mm", disabled, placeholder, locale = "en-US", className, mode = "single" } = props;
+  const {
+    label,
+    description,
+    descriptionDisplay = "inline",
+    helperText,
+    error,
+    errorMessage,
+    isRequired = false,
+    format = "dd/MM/yyyy HH:mm",
+    disabled,
+    placeholder,
+    locale = "en-US",
+    className,
+    mode = "single",
+    id,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy
+  } = props;
+  const generatedId = (0, import_react12.useId)();
+  const triggerId = id ?? generatedId + "-trigger";
+  const labelId = generatedId + "-label";
+  const messageId2 = generatedId + "-message";
+  const fieldError = getFieldError(error, errorMessage);
+  const hasError = fieldError !== void 0 && fieldError !== false && fieldError !== null;
+  const resolvedDescription = description ?? helperText;
+  const hasMessage = hasError || resolvedDescription && descriptionDisplay === "inline";
+  const describedBy = getDescribedBy(
+    ariaDescribedBy,
+    hasMessage ? messageId2 : void 0
+  );
+  const labelledBy = getDescribedBy(
+    ariaLabelledBy,
+    label ? labelId : void 0
+  );
   const isRange = mode === "range";
   const controlled = props.value !== void 0;
-  const [singleInternal, setSingleInternal] = (0, import_react6.useState)((!isRange ? props.defaultValue : null) ?? null);
-  const [rangeInternal, setRangeInternal] = (0, import_react6.useState)((isRange ? props.defaultValue : void 0) ?? [null, null]);
+  const [singleInternal, setSingleInternal] = (0, import_react12.useState)(
+    (!isRange ? props.defaultValue : null) ?? null
+  );
+  const [rangeInternal, setRangeInternal] = (0, import_react12.useState)(
+    (isRange ? props.defaultValue : void 0) ?? [null, null]
+  );
   const singleValue = !isRange ? props.value ?? singleInternal : null;
   const rangeValue = isRange ? props.value ?? rangeInternal : [null, null];
-  const [open, setOpen] = (0, import_react6.useState)(false);
-  const [month, setMonth] = (0, import_react6.useState)(() => new Date((isRange ? rangeValue[0] : singleValue) ?? /* @__PURE__ */ new Date()));
-  const [editingEnd, setEditingEnd] = (0, import_react6.useState)(false);
-  const rootRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [open, setOpen] = (0, import_react12.useState)(false);
+  const [month, setMonth] = (0, import_react12.useState)(
+    () => new Date((isRange ? rangeValue[0] : singleValue) ?? /* @__PURE__ */ new Date())
+  );
+  const [editingEnd, setEditingEnd] = (0, import_react12.useState)(false);
+  const rootRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useEffect)(() => {
     const onPointerDown = (event) => {
       if (!rootRef.current?.contains(event.target)) setOpen(false);
     };
     document.addEventListener("mousedown", onPointerDown);
     return () => document.removeEventListener("mousedown", onPointerDown);
   }, []);
+  (0, import_react12.useEffect)(() => {
+    if (disabled) setOpen(false);
+  }, [disabled]);
   const setSingle = (next) => {
     if (!controlled) setSingleInternal(next);
     props.onChange?.(next);
@@ -731,13 +1590,24 @@ function DateTimePicker(props) {
   };
   const selectDay = (day) => {
     if (!isRange) {
-      setSingle(mergeDateTime(day, singleValue ? `${pad(singleValue.getHours())}:${pad(singleValue.getMinutes())}` : "00:00"));
+      setSingle(
+        mergeDateTime(
+          day,
+          singleValue ? pad(singleValue.getHours()) + ":" + pad(singleValue.getMinutes()) : "00:00"
+        )
+      );
       setOpen(false);
       return;
     }
     const [start, end] = rangeValue;
     if (!start || end || editingEnd) {
-      setRange([mergeDateTime(day, start ? `${pad(start.getHours())}:${pad(start.getMinutes())}` : "00:00"), null]);
+      setRange([
+        mergeDateTime(
+          day,
+          start ? pad(start.getHours()) + ":" + pad(start.getMinutes()) : "00:00"
+        ),
+        null
+      ]);
       setEditingEnd(false);
       return;
     }
@@ -745,97 +1615,200 @@ function DateTimePicker(props) {
     setRange(nextEnd < start ? [nextEnd, start] : [start, nextEnd]);
     setEditingEnd(false);
   };
-  const shownValue = isRange ? [rangeValue[0] && formatDate(rangeValue[0], format), rangeValue[1] && formatDate(rangeValue[1], format)].filter(Boolean).join(" \u2014 ") : singleValue && formatDate(singleValue, format);
+  const shownValue = isRange ? [
+    rangeValue[0] && formatDate(rangeValue[0], format),
+    rangeValue[1] && formatDate(rangeValue[1], format)
+  ].filter(Boolean).join(" \u2014 ") : singleValue && formatDate(singleValue, format);
   const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
   const offset = (firstDay.getDay() + 6) % 7;
-  const days = Array.from({ length: 42 }, (_, index) => new Date(month.getFullYear(), month.getMonth(), index - offset + 1));
+  const days = Array.from(
+    { length: 42 },
+    (_, index) => new Date(month.getFullYear(), month.getMonth(), index - offset + 1)
+  );
   const selectedForTime = isRange ? editingEnd ? rangeValue[1] : rangeValue[0] : singleValue;
   const setTime = (time) => {
     if (!selectedForTime) return;
     const next = mergeDateTime(selectedForTime, time);
-    if (isRange) setRange(editingEnd ? [rangeValue[0], next] : [next, rangeValue[1]]);
+    if (isRange)
+      setRange(editingEnd ? [rangeValue[0], next] : [next, rangeValue[1]]);
     else setSingle(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { ref: rootRef, className: ["fe-datetime-picker", className].filter(Boolean).join(" "), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-datetime-picker__label", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { type: "button", className: "fe-datetime-picker__trigger", disabled, "aria-expanded": open, onClick: () => setOpen((current) => !current), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": "true", children: "\u25F7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: shownValue || placeholder || (isRange ? "Select date range" : "Select date and time") })
-    ] }),
-    open && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "fe-datetime-picker__popper", role: "dialog", "aria-label": "Date and time picker", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "fe-datetime-picker__month", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": "Previous month", onClick: () => setMonth((current) => new Date(current.getFullYear(), current.getMonth() - 1, 1)), children: "\u2039" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("strong", { children: month.toLocaleDateString(locale, { month: "long", year: "numeric" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": "Next month", onClick: () => setMonth((current) => new Date(current.getFullYear(), current.getMonth() + 1, 1)), children: "\u203A" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "fe-datetime-picker__weekdays", children: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"].map((day) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { children: day }, day)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "fe-datetime-picker__days", children: days.map((day) => {
-        const inMonth = day.getMonth() === month.getMonth();
-        const selected = isRange ? sameDay(day, rangeValue[0]) || sameDay(day, rangeValue[1]) : sameDay(day, singleValue);
-        const inRange = isRange && rangeValue[0] && rangeValue[1] && day > startOfDay(rangeValue[0]) && day < startOfDay(rangeValue[1]);
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: [!inMonth && "is-other-month", selected && "is-selected", inRange && "is-in-range"].filter(Boolean).join(" "), onClick: () => selectDay(day), children: day.getDate() }, day.toISOString());
-      }) }),
-      isRange && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "fe-datetime-picker__range-tabs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: !editingEnd ? "is-active" : "", onClick: () => setEditingEnd(false), children: "Start" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: editingEnd ? "is-active" : "", onClick: () => setEditingEnd(true), children: "End" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "fe-datetime-picker__time", children: [
-        "Time",
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "time", value: selectedForTime ? `${pad(selectedForTime.getHours())}:${pad(selectedForTime.getMinutes())}` : "00:00", onChange: (event) => setTime(event.target.value), disabled: !selectedForTime })
-      ] })
-    ] })
-  ] });
-}
-
-// packages/tooltip/src/index.tsx
-var import_react7 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function Tooltip({ content, children, placement = "top", disabled, className, ...props }) {
-  const [visible, setVisible] = (0, import_react7.useState)(false);
-  const id = (0, import_react7.useId)();
-  const trigger = (0, import_react7.cloneElement)(children, { "aria-describedby": visible ? id : void 0, onMouseEnter: (event) => {
-    children.props.onMouseEnter?.(event);
-    setVisible(true);
-  }, onMouseLeave: (event) => {
-    children.props.onMouseLeave?.(event);
-    setVisible(false);
-  }, onFocus: (event) => {
-    children.props.onFocus?.(event);
-    setVisible(true);
-  }, onBlur: (event) => {
-    children.props.onBlur?.(event);
-    setVisible(false);
-  } });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: ["fe-tooltip", `fe-tooltip--${placement}`, className].filter(Boolean).join(" "), ...props, children: [
-    trigger,
-    visible && !disabled && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { id, role: "tooltip", className: "fe-tooltip__content", children: content })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      ref: rootRef,
+      className: [
+        "fe-datetime-picker",
+        hasError && "fe-datetime-picker--error",
+        className
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          FieldLabel,
+          {
+            id: labelId,
+            label,
+            description: resolvedDescription,
+            descriptionDisplay,
+            isRequired
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "button",
+          {
+            id: triggerId,
+            type: "button",
+            className: "fe-datetime-picker__trigger",
+            disabled,
+            "aria-invalid": hasError || void 0,
+            "aria-required": isRequired || void 0,
+            "aria-labelledby": labelledBy,
+            "aria-describedby": describedBy,
+            "aria-expanded": open,
+            onClick: () => setOpen((current) => !current),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "\u25F7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                "span",
+                {
+                  className: !shownValue && placeholder ? "fe-datetime-picker__value is-placeholder" : "fe-datetime-picker__value",
+                  children: [
+                    shownValue || placeholder || (isRange ? "Select date range" : "Select date and time"),
+                    isRequired && placeholder && !shownValue && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fe-field__required", "aria-hidden": "true", children: "*" })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        open && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "div",
+          {
+            className: "fe-datetime-picker__popper",
+            role: "dialog",
+            "aria-label": "Date and time picker",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fe-datetime-picker__month", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Previous month",
+                    onClick: () => setMonth(
+                      (current) => new Date(current.getFullYear(), current.getMonth() - 1, 1)
+                    ),
+                    children: "\u2039"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("strong", { children: month.toLocaleDateString(locale, {
+                  month: "long",
+                  year: "numeric"
+                }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Next month",
+                    onClick: () => setMonth(
+                      (current) => new Date(current.getFullYear(), current.getMonth() + 1, 1)
+                    ),
+                    children: "\u203A"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fe-datetime-picker__weekdays", children: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"].map((day) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: day }, day)) }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fe-datetime-picker__days", children: days.map((day) => {
+                const inMonth = day.getMonth() === month.getMonth();
+                const selected = isRange ? sameDay(day, rangeValue[0]) || sameDay(day, rangeValue[1]) : sameDay(day, singleValue);
+                const inRange = isRange && rangeValue[0] && rangeValue[1] && day > startOfDay(rangeValue[0]) && day < startOfDay(rangeValue[1]);
+                return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: [
+                      !inMonth && "is-other-month",
+                      selected && "is-selected",
+                      inRange && "is-in-range"
+                    ].filter(Boolean).join(" "),
+                    onClick: () => selectDay(day),
+                    children: day.getDate()
+                  },
+                  day.toISOString()
+                );
+              }) }),
+              isRange && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fe-datetime-picker__range-tabs", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: !editingEnd ? "is-active" : "",
+                    onClick: () => setEditingEnd(false),
+                    children: "Start"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "button",
+                  {
+                    type: "button",
+                    className: editingEnd ? "is-active" : "",
+                    onClick: () => setEditingEnd(true),
+                    children: "End"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fe-datetime-picker__time", children: [
+                "Time",
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  "input",
+                  {
+                    type: "time",
+                    value: selectedForTime ? pad(selectedForTime.getHours()) + ":" + pad(selectedForTime.getMinutes()) : "00:00",
+                    onChange: (event) => setTime(event.target.value),
+                    disabled: !selectedForTime
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          FieldMessage,
+          {
+            id: messageId2,
+            error: fieldError,
+            description: resolvedDescription,
+            descriptionDisplay
+          }
+        )
+      ]
+    }
+  );
 }
 
 // packages/expandable-section/src/index.tsx
-var import_react8 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function ExpandableSection({ title, children, expanded, defaultExpanded = false, onExpandedChange, disabled, className, ...props }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react8.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react13.useState)(defaultExpanded);
   const isExpanded = expanded ?? internalExpanded;
-  const id = (0, import_react8.useId)();
+  const id = (0, import_react13.useId)();
   const toggle = () => {
     if (disabled) return;
     const next = !isExpanded;
     if (expanded === void 0) setInternalExpanded(next);
     onExpandedChange?.(next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: ["fe-expandable-section", isExpanded && "fe-expandable-section--expanded", disabled && "fe-expandable-section--disabled", className].filter(Boolean).join(" "), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "fe-expandable-section__trigger", type: "button", "aria-expanded": isExpanded, "aria-controls": id, disabled, onClick: toggle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "fe-expandable-section__chevron", "aria-hidden": "true" })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: ["fe-expandable-section", isExpanded && "fe-expandable-section--expanded", disabled && "fe-expandable-section--disabled", className].filter(Boolean).join(" "), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("button", { className: "fe-expandable-section__trigger", type: "button", "aria-expanded": isExpanded, "aria-controls": id, disabled, onClick: toggle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fe-expandable-section__chevron", "aria-hidden": "true" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { id, className: "fe-expandable-section__content", "aria-hidden": !isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fe-expandable-section__content-inner", children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { id, className: "fe-expandable-section__content", "aria-hidden": !isExpanded, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fe-expandable-section__content-inner", children }) })
   ] });
 }
 
 // packages/loading/src/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var sizes = {
   small: "16px",
   medium: "24px",
@@ -848,15 +1821,15 @@ function Loading({ size = "medium", color = "#2878f0", label, className, style,
     "--fe-loading-color": color,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: ["fe-loading", className].filter(Boolean).join(" "), style: loadingStyle, role: "status", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "fe-loading__spinner", "aria-hidden": "true" }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "fe-loading__label", children: label }),
-    !label && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "fe-loading__sr-only", children: "Loading" })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: ["fe-loading", className].filter(Boolean).join(" "), style: loadingStyle, role: "status", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fe-loading__spinner", "aria-hidden": "true" }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fe-loading__label", children: label }),
+    !label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fe-loading__sr-only", children: "Loading" })
   ] });
 }
 
 // packages/skeleton/src/index.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var pixels = (value) => typeof value === "number" ? `${value}px` : value;
 function SkeletonBase({ variant = "box", shape, width, height, count = 1, animated = true, className, style, ...props }) {
   const resolvedVariant = shape ?? variant;
@@ -867,7 +1840,7 @@ function SkeletonBase({ variant = "box", shape, width, height, count = 1, animat
     "--fe-skeleton-height": resolvedHeight,
     ...style
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: Array.from({ length: Math.max(1, count) }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_jsx_runtime20.Fragment, { children: Array.from({ length: Math.max(1, count) }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       className: ["fe-skeleton", `fe-skeleton--${resolvedVariant}`, animated && "fe-skeleton--animated", className].filter(Boolean).join(" "),
@@ -879,16 +1852,16 @@ function SkeletonBase({ variant = "box", shape, width, height, count = 1, animat
   )) });
 }
 function SkeletonCircle({ size = 40, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkeletonBase, { variant: "circle", width: size, height: size, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SkeletonBase, { variant: "circle", width: size, height: size, ...props });
 }
 function SkeletonSquare({ size = 80, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkeletonBase, { variant: "box", width: size, height: size, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SkeletonBase, { variant: "box", width: size, height: size, ...props });
 }
 function SkeletonBox({ width = "100%", height = 80, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkeletonBase, { variant: "box", width, height, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SkeletonBase, { variant: "box", width, height, ...props });
 }
 function SkeletonLine({ width = "100%", height = 12, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SkeletonBase, { variant: "line", width, height, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SkeletonBase, { variant: "line", width, height, ...props });
 }
 var Skeleton = Object.assign(SkeletonBase, {
   Circle: SkeletonCircle,
@@ -898,9 +1871,9 @@ var Skeleton = Object.assign(SkeletonBase, {
 });
 
 // packages/modal/src/index.tsx
-var import_react9 = require("react");
-var import_react_dom2 = require("react-dom");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_react_dom3 = require("react-dom");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Modal({
   open,
   onClose,
@@ -916,9 +1889,9 @@ function Modal({
   className,
   ...props
 }) {
-  const titleId = (0, import_react9.useId)();
-  const panelRef = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const titleId = (0, import_react14.useId)();
+  const panelRef = (0, import_react14.useRef)(null);
+  (0, import_react14.useEffect)(() => {
     if (!open) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") onClose();
@@ -929,10 +1902,10 @@ function Modal({
   }, [onClose, open]);
   if (!open || typeof document === "undefined") return null;
   const hasFooter = footer || actions.length > 0;
-  return (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fe-modal-backdrop", role: "presentation", onMouseDown: (event) => {
+  return (0, import_react_dom3.createPortal)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fe-modal-backdrop", role: "presentation", onMouseDown: (event) => {
       if (event.target === event.currentTarget && closeOnBackdropClick) onClose();
-    }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
       "div",
       {
         ref: panelRef,
@@ -944,17 +1917,17 @@ function Modal({
         tabIndex: -1,
         ...props,
         children: [
-          (title || description || closeButton) && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("header", { className: "fe-modal__header", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fe-modal__heading", children: [
-              title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { id: titleId, children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { children: description })
+          (title || description || closeButton) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("header", { className: "fe-modal__header", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fe-modal__heading", children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h2", { id: titleId, children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { children: description })
             ] }),
-            closeButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { hierarchy: "tertiary-gray", size: "32", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CloseIcon, {}), "aria-label": closeLabel, onClick: onClose })
+            closeButton && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { hierarchy: "tertiary-gray", size: "32", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CloseIcon, {}), "aria-label": closeLabel, onClick: onClose })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fe-modal__body", children }),
-          hasFooter && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("footer", { className: "fe-modal__footer", children: [
-            footer && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fe-modal__footer-content", children: footer }),
-            actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fe-modal__actions", children: actions.map(({ label, ...action }, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Button, { ...action, children: label }, index)) })
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fe-modal__body", children }),
+          hasFooter && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("footer", { className: "fe-modal__footer", children: [
+            footer && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fe-modal__footer-content", children: footer }),
+            actions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fe-modal__actions", children: actions.map(({ label, ...action }, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { ...action, children: label }, index)) })
           ] })
         ]
       }
@@ -964,7 +1937,7 @@ function Modal({
 }
 
 // packages/progress/src/index.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function ProgressBar({ value, max = 100, label, showValue = true, size = "medium", color = "#2878f0", className, style, "aria-label": ariaLabel, ...props }) {
   const indeterminate = value === null || value === void 0;
   const percentage = indeterminate ? 0 : Math.min(100, Math.max(0, Number(value) / Math.max(1, max) * 100));
@@ -974,17 +1947,17 @@ function ProgressBar({ value, max = 100, label, showValue = true, size = "medium
     ...style
   };
   const visibleValue = `${Math.round(percentage)}%`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: ["fe-progress", `fe-progress--${size}`, indeterminate && "fe-progress--indeterminate", className].filter(Boolean).join(" "), style: progressStyle, ...props, children: [
-    (label || !indeterminate && showValue) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fe-progress__meta", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "fe-progress__label", children: label }),
-      !indeterminate && showValue && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("output", { className: "fe-progress__value", children: visibleValue })
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: ["fe-progress", `fe-progress--${size}`, indeterminate && "fe-progress--indeterminate", className].filter(Boolean).join(" "), style: progressStyle, ...props, children: [
+    (label || !indeterminate && showValue) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fe-progress__meta", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fe-progress__label", children: label }),
+      !indeterminate && showValue && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("output", { className: "fe-progress__value", children: visibleValue })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fe-progress__track", role: "progressbar", "aria-label": ariaLabel ?? (typeof label === "string" ? label : "Progress"), "aria-valuemin": indeterminate ? void 0 : 0, "aria-valuemax": indeterminate ? void 0 : max, "aria-valuenow": indeterminate ? void 0 : Number(value), "aria-valuetext": indeterminate ? "Loading" : visibleValue, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "fe-progress__indicator" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "fe-progress__track", role: "progressbar", "aria-label": ariaLabel ?? (typeof label === "string" ? label : "Progress"), "aria-valuemin": indeterminate ? void 0 : 0, "aria-valuemax": indeterminate ? void 0 : max, "aria-valuenow": indeterminate ? void 0 : Number(value), "aria-valuetext": indeterminate ? "Loading" : visibleValue, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "fe-progress__indicator" }) })
   ] });
 }
 
 // packages/chip/src/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var statuses = ["default", "info", "success", "warning", "error", "neutral", "pending", "processing"];
 function Chip({ children, status = "default", color, variant = "subtle", dot = false, onRemove, removeLabel = "Remove", className, style, ...props }) {
   const usesCustomColor = Boolean(color);
@@ -993,16 +1966,16 @@ function Chip({ children, status = "default", color, variant = "subtle", dot = f
     ...style
   };
   const resolvedStatus = statuses.includes(status) ? status : "default";
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: ["fe-chip", `fe-chip--${variant}`, `fe-chip--${usesCustomColor ? "custom" : resolvedStatus}`, className].filter(Boolean).join(" "), style: chipStyle, ...props, children: [
-    dot && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fe-chip__dot", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fe-chip__content", children }),
-    onRemove && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button, { hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CloseIcon, { size: 14 }), "aria-label": removeLabel, onClick: onRemove, className: "fe-chip__remove" })
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("span", { className: ["fe-chip", `fe-chip--${variant}`, `fe-chip--${usesCustomColor ? "custom" : resolvedStatus}`, className].filter(Boolean).join(" "), style: chipStyle, ...props, children: [
+    dot && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fe-chip__dot", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "fe-chip__content", children }),
+    onRemove && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CloseIcon, { size: 14 }), "aria-label": removeLabel, onClick: onRemove, className: "fe-chip__remove" })
   ] });
 }
 
 // packages/message/src/index.tsx
-var import_react10 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var messageId = 0;
 var entries = [];
 var listeners = /* @__PURE__ */ new Set();
@@ -1035,22 +2008,22 @@ var message = {
 };
 var icons = { success: "\u2713", info: "i", warning: "!", error: "\xD7" };
 function Message({ maxCount = 4, closeLabel = "Close notification", className, ...props }) {
-  const [visibleEntries, setVisibleEntries] = (0, import_react10.useState)(entries);
-  (0, import_react10.useEffect)(() => {
+  const [visibleEntries, setVisibleEntries] = (0, import_react15.useState)(entries);
+  (0, import_react15.useEffect)(() => {
     const listener = (nextEntries) => setVisibleEntries(nextEntries);
     listeners.add(listener);
     return () => {
       listeners.delete(listener);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: ["fe-message-viewport", className].filter(Boolean).join(" "), "aria-live": "polite", ...props, children: visibleEntries.slice(-Math.max(1, maxCount)).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: `fe-message fe-message--${entry.severity ?? "info"}`, role: entry.severity === "error" ? "alert" : "status", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fe-message__icon", "aria-hidden": "true", children: icons[entry.severity ?? "info"] }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "fe-message__body", children: [
-      entry.title && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("strong", { className: "fe-message__title", children: entry.title }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fe-message__content", children: entry.content })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: ["fe-message-viewport", className].filter(Boolean).join(" "), "aria-live": "polite", ...props, children: visibleEntries.slice(-Math.max(1, maxCount)).map((entry) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: `fe-message fe-message--${entry.severity ?? "info"}`, role: entry.severity === "error" ? "alert" : "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fe-message__icon", "aria-hidden": "true", children: icons[entry.severity ?? "info"] }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fe-message__body", children: [
+      entry.title && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { className: "fe-message__title", children: entry.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fe-message__content", children: entry.content })
     ] }),
-    entry.action && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "fe-message__action", children: entry.action }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { className: "fe-message__close", hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: "\xD7", "aria-label": closeLabel, onClick: () => dismiss(entry.id) })
+    entry.action && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "fe-message__action", children: entry.action }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { className: "fe-message__close", hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: "\xD7", "aria-label": closeLabel, onClick: () => dismiss(entry.id) })
   ] }, entry.id)) });
 }
 ((Message2) => {
@@ -1064,8 +2037,8 @@ function Message({ maxCount = 4, closeLabel = "Close notification", className, .
 })(Message || (Message = {}));
 
 // packages/snackbar/src/index.tsx
-var import_react11 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_react16 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Snackbar({
   open,
   message: message2,
@@ -1079,12 +2052,12 @@ function Snackbar({
 }) {
   const vertical = anchorOrigin.vertical ?? "bottom";
   const horizontal = anchorOrigin.horizontal ?? "center";
-  (0, import_react11.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!open || autoHideDuration === null) return void 0;
     const timer = window.setTimeout(() => onClose?.("timeout"), autoHideDuration);
     return () => window.clearTimeout(timer);
   }, [open, autoHideDuration, onClose]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!open) return void 0;
     const onKeyDown = (event) => {
       if (event.key === "Escape") onClose?.("escapeKeyDown");
@@ -1093,10 +2066,10 @@ function Snackbar({
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [open, onClose]);
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: ["fe-snackbar", `fe-snackbar--${vertical}`, `fe-snackbar--${horizontal}`, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fe-snackbar__content", role: "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fe-snackbar__message", children: message2 }),
-    action && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fe-snackbar__action", children: action }),
-    onClose && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { className: "fe-snackbar__close", hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: "\xD7", "aria-label": closeLabel, onClick: () => onClose("closeButton") })
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: ["fe-snackbar", `fe-snackbar--${vertical}`, `fe-snackbar--${horizontal}`, className].filter(Boolean).join(" "), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fe-snackbar__content", role: "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fe-snackbar__message", children: message2 }),
+    action && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fe-snackbar__action", children: action }),
+    onClose && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { className: "fe-snackbar__close", hierarchy: "tertiary-gray", size: "24", iconOnly: true, icon: "\xD7", "aria-label": closeLabel, onClick: () => onClose("closeButton") })
   ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -1135,7 +2108,24 @@ function Snackbar({
   TextInput,
   Toggle,
   Tooltip,
+  arrow_left,
+  check_square_fill,
+  chevron_down,
+  chevron_left,
+  chevron_right,
+  chevron_up,
+  copy,
   formatNumber,
   getIconSize,
-  message
+  key,
+  lock,
+  lock_unlocked,
+  log_out,
+  message,
+  minus_square,
+  plus,
+  plus_square,
+  search,
+  trash,
+  x_close
 });