takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/components/ScrollArea/index.js

@@ -0,0 +1,122 @@
+"use client";
+
+// src/components/ScrollArea/index.tsx
+import { ScrollArea as BaseScrollArea } from "@base-ui/react/scroll-area";
+import { forwardRef, useCallback, useRef } from "react";
+
+// src/components/ScrollArea/styles.css.ts
+var scrollAreaRootClass = "styles_scrollAreaRootClass__opl8v70";
+var scrollAreaScrollbarClass = "styles_scrollAreaScrollbarClass__opl8v73";
+var scrollAreaThumbClass = "styles_scrollAreaThumbClass__opl8v74";
+var scrollAreaViewportClass = "styles_scrollAreaViewportClass__opl8v71";
+var scrollAreaViewportDraggableClass = "styles_scrollAreaViewportDraggableClass__opl8v72";
+
+// src/components/ScrollArea/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ScrollArea = forwardRef(
+  function ScrollArea2({ children, className, style, maxHeight, draggable = false }, ref) {
+    const viewportRef = useRef(null);
+    const dragState = useRef({
+      active: false,
+      startX: 0,
+      startY: 0,
+      scrollLeft: 0,
+      scrollTop: 0,
+      moved: false
+    });
+    const onPointerDown = useCallback(
+      (e) => {
+        if (!draggable) return;
+        if (e.pointerType === "touch") return;
+        const el = viewportRef.current;
+        if (!el) return;
+        dragState.current = {
+          active: true,
+          startX: e.clientX,
+          startY: e.clientY,
+          scrollLeft: el.scrollLeft,
+          scrollTop: el.scrollTop,
+          moved: false
+        };
+        el.setPointerCapture(e.pointerId);
+      },
+      [draggable]
+    );
+    const onPointerMove = useCallback(
+      (e) => {
+        const s = dragState.current;
+        if (!s.active) return;
+        const el = viewportRef.current;
+        if (!el) return;
+        const dx = e.clientX - s.startX;
+        const dy = e.clientY - s.startY;
+        if (!s.moved && Math.hypot(dx, dy) > 3) s.moved = true;
+        el.scrollLeft = s.scrollLeft - dx;
+        el.scrollTop = s.scrollTop - dy;
+      },
+      []
+    );
+    const onPointerUp = useCallback((e) => {
+      var _a;
+      const s = dragState.current;
+      if (!s.active) return;
+      s.active = false;
+      (_a = viewportRef.current) == null ? void 0 : _a.releasePointerCapture(e.pointerId);
+      if (s.moved) {
+        const stopClick = (ev) => {
+          ev.stopPropagation();
+          ev.preventDefault();
+        };
+        const el = viewportRef.current;
+        el == null ? void 0 : el.addEventListener("click", stopClick, { capture: true, once: true });
+        setTimeout(() => el == null ? void 0 : el.removeEventListener("click", stopClick, true), 0);
+      }
+    }, []);
+    return /* @__PURE__ */ jsxs(
+      BaseScrollArea.Root,
+      {
+        ref,
+        className: `${scrollAreaRootClass}${className ? ` ${className}` : ""}`,
+        style: {
+          maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight,
+          ...style
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Viewport,
+            {
+              ref: viewportRef,
+              className: `${scrollAreaViewportClass}${draggable ? ` ${scrollAreaViewportDraggableClass}` : ""}`,
+              onPointerDown: draggable ? onPointerDown : void 0,
+              onPointerMove: draggable ? onPointerMove : void 0,
+              onPointerUp: draggable ? onPointerUp : void 0,
+              onPointerCancel: draggable ? onPointerUp : void 0,
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Scrollbar,
+            {
+              orientation: "vertical",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ jsx(BaseScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            BaseScrollArea.Scrollbar,
+            {
+              orientation: "horizontal",
+              className: scrollAreaScrollbarClass,
+              children: /* @__PURE__ */ jsx(BaseScrollArea.Thumb, { className: scrollAreaThumbClass })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ScrollArea.displayName = "ScrollArea";
+export {
+  ScrollArea
+};
+//# sourceMappingURL=index.js.map

package/dist/components/ScrollArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ScrollArea/index.tsx","../../../src/components/ScrollArea/styles.css.ts"],"sourcesContent":["import { ScrollArea as BaseScrollArea } from \"@base-ui/react/scroll-area\";\nimport type React from \"react\";\nimport { type CSSProperties, forwardRef, useCallback, useRef } from \"react\";\nimport {\n  scrollAreaRootClass,\n  scrollAreaScrollbarClass,\n  scrollAreaThumbClass,\n  scrollAreaViewportClass,\n  scrollAreaViewportDraggableClass,\n} from \"./styles.css\";\n\ninterface ScrollAreaProps {\n  children: React.ReactNode;\n  className?: string;\n  style?: CSSProperties;\n  maxHeight?: string | number;\n  draggable?: boolean;\n}\n\nexport const ScrollArea = forwardRef<HTMLDivElement, ScrollAreaProps>(\n  function ScrollArea(\n    { children, className, style, maxHeight, draggable = false },\n    ref,\n  ) {\n    const viewportRef = useRef<HTMLDivElement | null>(null);\n    const dragState = useRef({\n      active: false,\n      startX: 0,\n      startY: 0,\n      scrollLeft: 0,\n      scrollTop: 0,\n      moved: false,\n    });\n\n    const onPointerDown = useCallback(\n      (e: React.PointerEvent<HTMLDivElement>) => {\n        if (!draggable) return;\n        if (e.pointerType === \"touch\") return;\n        const el = viewportRef.current;\n        if (!el) return;\n        dragState.current = {\n          active: true,\n          startX: e.clientX,\n          startY: e.clientY,\n          scrollLeft: el.scrollLeft,\n          scrollTop: el.scrollTop,\n          moved: false,\n        };\n        el.setPointerCapture(e.pointerId);\n      },\n      [draggable],\n    );\n\n    const onPointerMove = useCallback(\n      (e: React.PointerEvent<HTMLDivElement>) => {\n        const s = dragState.current;\n        if (!s.active) return;\n        const el = viewportRef.current;\n        if (!el) return;\n        const dx = e.clientX - s.startX;\n        const dy = e.clientY - s.startY;\n        if (!s.moved && Math.hypot(dx, dy) > 3) s.moved = true;\n        el.scrollLeft = s.scrollLeft - dx;\n        el.scrollTop = s.scrollTop - dy;\n      },\n      [],\n    );\n\n    const onPointerUp = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n      const s = dragState.current;\n      if (!s.active) return;\n      s.active = false;\n      viewportRef.current?.releasePointerCapture(e.pointerId);\n      if (s.moved) {\n        // Swallow the click that follows so drag doesn't trigger buttons/links underneath\n        const stopClick = (ev: MouseEvent) => {\n          ev.stopPropagation();\n          ev.preventDefault();\n        };\n        const el = viewportRef.current;\n        el?.addEventListener(\"click\", stopClick, { capture: true, once: true });\n        setTimeout(() => el?.removeEventListener(\"click\", stopClick, true), 0);\n      }\n    }, []);\n\n    return (\n      <BaseScrollArea.Root\n        ref={ref}\n        className={`${scrollAreaRootClass}${className ? ` ${className}` : \"\"}`}\n        style={{\n          maxHeight:\n            typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight,\n          ...style,\n        }}\n      >\n        <BaseScrollArea.Viewport\n          ref={viewportRef}\n          className={`${scrollAreaViewportClass}${draggable ? ` ${scrollAreaViewportDraggableClass}` : \"\"}`}\n          onPointerDown={draggable ? onPointerDown : undefined}\n          onPointerMove={draggable ? onPointerMove : undefined}\n          onPointerUp={draggable ? onPointerUp : undefined}\n          onPointerCancel={draggable ? onPointerUp : undefined}\n        >\n          {children}\n        </BaseScrollArea.Viewport>\n        <BaseScrollArea.Scrollbar\n          orientation=\"vertical\"\n          className={scrollAreaScrollbarClass}\n        >\n          <BaseScrollArea.Thumb className={scrollAreaThumbClass} />\n        </BaseScrollArea.Scrollbar>\n        <BaseScrollArea.Scrollbar\n          orientation=\"horizontal\"\n          className={scrollAreaScrollbarClass}\n        >\n          <BaseScrollArea.Thumb className={scrollAreaThumbClass} />\n        </BaseScrollArea.Scrollbar>\n      </BaseScrollArea.Root>\n    );\n  },\n);\n\nScrollArea.displayName = \"ScrollArea\";\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jOBbd91cQ7W27obcl9iqpIOjaDWYGmGWBkihbiV6R5NjOYP59QNmW-DZVm-4FY1QVUjrn8pzLS5GS7-_jAdf4R44LdKzGf0-__HCD9DAEn5EL_vsLANtt1lZtP2y7vqxRf9lW5f4w4mGcgQ4EGxwiFwV_qPH9DHch2ORphHeeGj6DPQJ2_SIIpeCb8BnuQ7DJYtd3Uzkc9e8zNoBgkwRO4hRKLKU6hGATuY7nRAy6x7mYkEiekAW7hN3JkzFDZ2AsTwQB8klI5EmYoHQCkDwBdxylMpWbv-Cqak-i_wyCTVHgNIvV8CV4PqHzOAmU6BmLJ2wWRq4MyyeimNCp7xVSNJ2LPclZFmduroJSig8kcUm04xK37zFuxGyUEGzSDPs5VqKX0G8QbOIkTzJl6Bn6DsEmTLIicyVQPhUVBBsPZ0m6k4HpTNQQbNw8ieJYgaTUNhBsnCLyQ8Rg0-qIxTy0U9byoihU4CVwRwouytTYGfkBwcb3UymST0JP5LpIjqVzMEzAOMsyOZBSOk7QKEkSBtr2qNlLknCEYPP6-hI_v6jhS_DPCf2cxE9K9Iw9TdjkOdzJsHwqzhN69-IFUjSdjAsEm2_fwldXCaUUf02THAQOm44BZ22T_1CsEJfsIE_ht93T6yMWtY2QfWS3e36Jnx-QFgrZTYKXZy96UlP4TLlkT_F2T3HwTUOiE-aSncWNdqHv6Rm0G7K_OE-B57LSGnwce1RtT4dyXLZmN5rubAVfyXe0mGGyzxQR-WgIlByy3eCcfNT4BT3tOBH5SNFCSsnOs0PkI8cz2SSbTxiQjxJMKyebjzf9SOFphTIqONl8nOnnih4OKG9Pg5gQDIHTnac_3u3fG9F9_W361RUvecEfkrBL0OJhUPLfwYOgQnr3D8OSkPGjsMwsHB7GJPHcyCAondZyCcvp8f1bWqchQ0Xc8dK1-x51h8u2QHVZiUdC9w2CX__Rdl3ZDL_-BgbUkJXYl4UQ4ITJ7JAD0P5YIUrkOwTBvUAk-Brn5bFe4BUEoQY-4LpM2ypfCDUEkYbAghsIdhLwkKEKb_Ny6Cp02RZtM_6r_KLuGC0EXtCdH_CqssF_YrZIOwi8-CGTjPgfjvmhk3rAKC-bvURqD4HnKAe882RSB61JekRe6qiTmra5LKVHCFz1aBNJJvJTa28ei1d4khfhlZWhbizbRiLyDIHrKUe782Q6L3BazgYj8lK_5AvgShxqVFWiUM-B01LXsiQyPVc7C8tonEjPo_I5dCgjlXE-DwvAh2COOwOo6wEEMX-duhzS6btfX-4SXkTX6v16tVzfQeB7wvgUICYGBACNSCAIZok9ysvjQCtElMHbVUpfStm7XaVCZ3RZ3S7TQ-e0-_t1GoAZ-7hGzVhmW9z37XLj9QruSXbGDccswwPlZc8938zIsinaBXbgngBm2An1TdnsF2TJPTt-fW9yfN7mfdvl7alZgG-kbu-FdEPVbY4or-8QuC4HGdu2GstuAVUkowIIUYc4r4bA9e-Qur2uPwbRQOCGTj0wkKbta1pOC4Hv8KChak8LpJtW8B2StXXXNrgZh21R4ir_3hTtvIK3OR7ex5Zy8kHXhp47orTClP6eXswPqO2IqXId6IKjmGXTHcdthVJcaSSPa9gV6vfUjeu4hsudFbxPhWEpebqZLdyTIs9SLp9psi_E68iC-Msa57cYnIevVSGYKfcdeiM14vIOfHdVFqYQrAHf0xq4_q2sO9_XTj_HZuvOD9ZweeOhtnY4Mmc5WsPl6s7frcmXvO78-CdicB6SVSHYukPaopFxBQfp6uF5A5lBhMN05BGrLqdPDnouV3PYnMlbLujzjJ7KWd3TRwU9k6-2A30CMqEKsktzx_JKezP3zdXZOwSh4RTLq6xa4V5WY7WB97Ttc9z_83rCEyqtoQ6RJgG4cmtX0vkEdCv5nP8P6oBsQuerrze4UUoCCDaGlTbkhTiudcNWo_6Yo-ILXj7XepEV5ulxkA7l08O-UJJnOL-pMgrAleRlJZ33_zXNwuO6uPNZ54ED7-_ujNhcRQbuSvXyggy8m4mVYTgv_spUsAUZBDcvq-iClfCnonBOIo2TAVc4U9djsNPkkuPysxmvoLK5SzSC0-M4Uq-ShIwhxbmT53E5ShU3Q57GrrcgMxyNz02uuF3JeYJJvGpY3mth6JWblb3iYCmlCZIPpo5lFVzq_UpPg8Gb4nzAknid74oDEcvi9FWKMyBL4ougVhyAZCxBZ2PkTl4ArZFHbvo7xXlPQhLEfpg5lU19r_fJ7IPbEZ-p_A4QONp5Ycll1i4vzoKRkDWaxYGfmvw7E-J4Hx842tpnN2POxCdcx2ZdnAxdUEMLNs6TgulrNZNQ13farImLoYwrl7XwRbgGk7iMyzsIHRJi-u7PJNBtzTAOQte0lm5sxkPoGfqnhhZM-CuriblvcG4C06Jig7CmwnWmNCUWRnc9t0ozDCkptXAHfyYG6yw2LDlBhmAsmdRM3yEDk3RPd0DWECIhdLdrlsw6SU3naB5YsJDdxzctGWoH4KzkxouIjsE6wqsc6YquWLuglu2J87U3Xk5UCNbWwbTkOBGCq3LSEjy6W2vea4Rv-vOh7p1G-C5_9pVR2Y0-rOQvAGRM7iAV1isEy49ToeJVkCYCJ79dIZ85WIXdGvWy41X4sUK85IwV9lo-KVTJs0846A-9M41XOyq-GOF5nEjVGx6exhfHp6FMRWGcDNXKq-JsKpotiYupZmk5fJlKltRC5NwV_--X36_t9ykeEdd7763ovc8KHBbyJnZZ732CskQHX76cI413KYoVYFnvvYt2fE-isvfeDcIiNe69d3K_iB0GbXvvbe-97b23vfe29_4Ktr33tvdeQNvee9t7b3vvbe-97b23vfe29_523fbe_0W99_T7Adt7b3vvbe-97b1fEcL23tvee9t7_5hpe--vAWzv_YoAtvfe9t7b3nvbe297723v_ZVme-9t773tvbe997b33vbe295723tve-9t773tvTej2t77K9P23tve-79j7_3_AR7RD736XgAA';\nimport 'src/components/ScrollArea/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUYWvbMBD9nl8hCqUJTCHJ0q5TGWxsv2Ab-zJGOFtnW1TWmZOcNBv570O21dbrujTsi9E75Pfe6Z4092Fv0W98zmTtB0b4TBQ-WvB-s6HGXm_fLMSviRANeRMMOSUYLQSzxZuJELRFLiztlKiM1uhibWd0qJRYLhbnEVZoyiokfJjMnyh-M7hriMeqy071n1wP8nKvBLSBRrW7x6Z6tQxYDpSOHJ5iRym5w-zWBHlP1TnUxjcW9i8h_MRQlpBZHDGvOpq8ZU-sRMmQ_dlF6qz1yNKjxTz8h5yCPE7viWpmXPl3wi-p4RHR63H7hcW7Z0wKEajNKxmFY4BS9SFSkHmybRj2Nkos4or7YXfrjEKgegDDCK-aTrEBrY0rlVj1ODC4RNztFIv5yp_U2ncNAWQVh2Bc-eNxFK-jyMlUxAZdgGjq3UVFbH6SC2AvemqLRTjWc3csKQmDlwTTtbh6ztvXqq2zka91JxyHpsSyE4P8tmRqnZY52RiKLfBU9sBLh21gsNJGpc1muc4qv94u3856o6yRJYM2rU8_9kj6-80rmN0885C80LNSGRbEQ3bJBXRBibOzI2G67B-L_pQH0IWkIK5Vv7QQcCovF-evRPzOjj5kQtTGpcdkve6jF0tpW187TN7XqA2IacNYIHvJqNsctawpnULEs66n0-7eOOrpVh0mh9-h-kTF1QUAAA';\nexport var scrollAreaRootClass = 'styles_scrollAreaRootClass__opl8v70';\nexport var scrollAreaScrollbarClass = 'styles_scrollAreaScrollbarClass__opl8v73';\nexport var scrollAreaThumbClass = 'styles_scrollAreaThumbClass__opl8v74';\nexport var scrollAreaViewportClass = 'styles_scrollAreaViewportClass__opl8v71';\nexport var scrollAreaViewportDraggableClass = 'styles_scrollAreaViewportDraggableClass__opl8v72';"],"mappings":"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","names":["ScrollArea"]}

package/dist/components/Select/index.cjs

@@ -0,0 +1,438 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Select/index.tsx
+var Select_exports = {};
+__export(Select_exports, {
+  Select: () => Select
+});
+module.exports = __toCommonJS(Select_exports);
+var import_combobox = require("@base-ui/react/combobox");
+var import_field = require("@base-ui/react/field");
+var import_select = require("@base-ui/react/select");
+var import_react3 = require("react");
+
+// src/theme/theme.css.ts
+var vars = { colors: { primary: { lightest: "var(--colors-primary-lightest__14bhs4v0)", lighter: "var(--colors-primary-lighter__14bhs4v1)", light: "var(--colors-primary-light__14bhs4v2)", "default": "var(--colors-primary-default__14bhs4v3)", dark: "var(--colors-primary-dark__14bhs4v4)", darker: "var(--colors-primary-darker__14bhs4v5)" }, red: { lightest: "var(--colors-red-lightest__14bhs4v6)", lighter: "var(--colors-red-lighter__14bhs4v7)", light: "var(--colors-red-light__14bhs4v8)", "default": "var(--colors-red-default__14bhs4v9)", dark: "var(--colors-red-dark__14bhs4va)", darker: "var(--colors-red-darker__14bhs4vb)" }, yellow: { lightest: "var(--colors-yellow-lightest__14bhs4vc)", lighter: "var(--colors-yellow-lighter__14bhs4vd)", light: "var(--colors-yellow-light__14bhs4ve)", "default": "var(--colors-yellow-default__14bhs4vf)", dark: "var(--colors-yellow-dark__14bhs4vg)", darker: "var(--colors-yellow-darker__14bhs4vh)" }, green: { lightest: "var(--colors-green-lightest__14bhs4vi)", lighter: "var(--colors-green-lighter__14bhs4vj)", light: "var(--colors-green-light__14bhs4vk)", "default": "var(--colors-green-default__14bhs4vl)", dark: "var(--colors-green-dark__14bhs4vm)", darker: "var(--colors-green-darker__14bhs4vn)" }, blue: { lightest: "var(--colors-blue-lightest__14bhs4vo)", lighter: "var(--colors-blue-lighter__14bhs4vp)", light: "var(--colors-blue-light__14bhs4vq)", "default": "var(--colors-blue-default__14bhs4vr)", dark: "var(--colors-blue-dark__14bhs4vs)", darker: "var(--colors-blue-darker__14bhs4vt)" }, orange: { lightest: "var(--colors-orange-lightest__14bhs4vu)", lighter: "var(--colors-orange-lighter__14bhs4vv)", light: "var(--colors-orange-light__14bhs4vw)", "default": "var(--colors-orange-default__14bhs4vx)", dark: "var(--colors-orange-dark__14bhs4vy)", darker: "var(--colors-orange-darker__14bhs4vz)" }, second_green: { lightest: "var(--colors-second_green-lightest__14bhs4v10)", lighter: "var(--colors-second_green-lighter__14bhs4v11)", light: "var(--colors-second_green-light__14bhs4v12)", "default": "var(--colors-second_green-default__14bhs4v13)", dark: "var(--colors-second_green-dark__14bhs4v14)", darker: "var(--colors-second_green-darker__14bhs4v15)" }, neutral: { white: "var(--colors-neutral-white__14bhs4v16)", lightest: "var(--colors-neutral-lightest__14bhs4v17)", lighter: "var(--colors-neutral-lighter__14bhs4v18)", light: "var(--colors-neutral-light__14bhs4v19)", "default": "var(--colors-neutral-default__14bhs4v1a)", dark: "var(--colors-neutral-dark__14bhs4v1b)", darker: "var(--colors-neutral-darker__14bhs4v1c)", black: "var(--colors-neutral-black__14bhs4v1d)" } }, shadows: { lighter: "var(--shadows-lighter__14bhs4v1e)", light: "var(--shadows-light__14bhs4v1f)", "default": "var(--shadows-default__14bhs4v1g)", dark: "var(--shadows-dark__14bhs4v1h)", darker: "var(--shadows-darker__14bhs4v1i)" }, typography: { family: { "default": "var(--typography-family-default__14bhs4v1j)" }, weights: { regular: "var(--typography-weights-regular__14bhs4v1k)", medium: "var(--typography-weights-medium__14bhs4v1l)", semibold: "var(--typography-weights-semibold__14bhs4v1m)", bold: "var(--typography-weights-bold__14bhs4v1n)" }, scale: { display: { fontSize: "var(--typography-scale-display-fontSize__14bhs4v1o)", lineHeight: "var(--typography-scale-display-lineHeight__14bhs4v1p)", fontWeight: "var(--typography-scale-display-fontWeight__14bhs4v1q)" }, heading: { fontSize: "var(--typography-scale-heading-fontSize__14bhs4v1r)", lineHeight: "var(--typography-scale-heading-lineHeight__14bhs4v1s)", fontWeight: "var(--typography-scale-heading-fontWeight__14bhs4v1t)" }, body: { fontSize: "var(--typography-scale-body-fontSize__14bhs4v1u)", lineHeight: "var(--typography-scale-body-lineHeight__14bhs4v1v)", fontWeight: "var(--typography-scale-body-fontWeight__14bhs4v1w)" }, caption: { fontSize: "var(--typography-scale-caption-fontSize__14bhs4v1x)", lineHeight: "var(--typography-scale-caption-lineHeight__14bhs4v1y)", fontWeight: "var(--typography-scale-caption-fontWeight__14bhs4v1z)" }, small: { fontSize: "var(--typography-scale-small-fontSize__14bhs4v20)", lineHeight: "var(--typography-scale-small-lineHeight__14bhs4v21)", fontWeight: "var(--typography-scale-small-fontWeight__14bhs4v22)" } } }, spacing: { xxs: "var(--spacing-xxs__14bhs4v23)", xs: "var(--spacing-xs__14bhs4v24)", s: "var(--spacing-s__14bhs4v25)", m: "var(--spacing-m__14bhs4v26)", l: "var(--spacing-l__14bhs4v27)", xl: "var(--spacing-xl__14bhs4v28)", xxl: "var(--spacing-xxl__14bhs4v29)" }, radius: { s: "var(--radius-s__14bhs4v2a)", m: "var(--radius-m__14bhs4v2b)", l: "var(--radius-l__14bhs4v2c)", xl: "var(--radius-xl__14bhs4v2d)", xxl: "var(--radius-xxl__14bhs4v2e)" }, semantic: { error: "var(--semantic-error__14bhs4v2f)", success: "var(--semantic-success__14bhs4v2g)", info: "var(--semantic-info__14bhs4v2h)", warning: "var(--semantic-warning__14bhs4v2i)" }, zIndex: { dropdown: "var(--zIndex-dropdown__14bhs4v2j)", modal: "var(--zIndex-modal__14bhs4v2k)", tooltip: "var(--zIndex-tooltip__14bhs4v2l)", toast: "var(--zIndex-toast__14bhs4v2m)" }, motion: { fast: "var(--motion-fast__14bhs4v2n)", normal: "var(--motion-normal__14bhs4v2o)", slow: "var(--motion-slow__14bhs4v2p)" }, components: { fieldInfo: { fontSize: { desktop: "var(--components-fieldInfo-fontSize-desktop__14bhs4v2q)", tablet: "var(--components-fieldInfo-fontSize-tablet__14bhs4v2r)", totem: "var(--components-fieldInfo-fontSize-totem__14bhs4v2s)" } }, input: { label: { fontSize: { desktop: "var(--components-input-label-fontSize-desktop__14bhs4v2t)", large: "var(--components-input-label-fontSize-large__14bhs4v2u)", medium: "var(--components-input-label-fontSize-medium__14bhs4v2v)", small: "var(--components-input-label-fontSize-small__14bhs4v2w)", tablet: "var(--components-input-label-fontSize-tablet__14bhs4v2x)", "tablet-medium": "var(--components-input-label-fontSize-tablet-medium__14bhs4v2y)", "tablet-small": "var(--components-input-label-fontSize-tablet-small__14bhs4v2z)", totem: "var(--components-input-label-fontSize-totem__14bhs4v30)", "totem-medium": "var(--components-input-label-fontSize-totem-medium__14bhs4v31)", "totem-small": "var(--components-input-label-fontSize-totem-small__14bhs4v32)" } }, input: { fontSize: { desktop: "var(--components-input-input-fontSize-desktop__14bhs4v33)", large: "var(--components-input-input-fontSize-large__14bhs4v34)", medium: "var(--components-input-input-fontSize-medium__14bhs4v35)", small: "var(--components-input-input-fontSize-small__14bhs4v36)", tablet: "var(--components-input-input-fontSize-tablet__14bhs4v37)", "tablet-medium": "var(--components-input-input-fontSize-tablet-medium__14bhs4v38)", "tablet-small": "var(--components-input-input-fontSize-tablet-small__14bhs4v39)", totem: "var(--components-input-input-fontSize-totem__14bhs4v3a)", "totem-medium": "var(--components-input-input-fontSize-totem-medium__14bhs4v3b)", "totem-small": "var(--components-input-input-fontSize-totem-small__14bhs4v3c)" }, height: { desktop: "var(--components-input-input-height-desktop__14bhs4v3d)", large: "var(--components-input-input-height-large__14bhs4v3e)", medium: "var(--components-input-input-height-medium__14bhs4v3f)", small: "var(--components-input-input-height-small__14bhs4v3g)", tablet: "var(--components-input-input-height-tablet__14bhs4v3h)", "tablet-medium": "var(--components-input-input-height-tablet-medium__14bhs4v3i)", "tablet-small": "var(--components-input-input-height-tablet-small__14bhs4v3j)", totem: "var(--components-input-input-height-totem__14bhs4v3k)", "totem-medium": "var(--components-input-input-height-totem-medium__14bhs4v3l)", "totem-small": "var(--components-input-input-height-totem-small__14bhs4v3m)" }, borderRadius: { desktop: "var(--components-input-input-borderRadius-desktop__14bhs4v3n)", large: "var(--components-input-input-borderRadius-large__14bhs4v3o)", medium: "var(--components-input-input-borderRadius-medium__14bhs4v3p)", small: "var(--components-input-input-borderRadius-small__14bhs4v3q)", tablet: "var(--components-input-input-borderRadius-tablet__14bhs4v3r)", "tablet-medium": "var(--components-input-input-borderRadius-tablet-medium__14bhs4v3s)", "tablet-small": "var(--components-input-input-borderRadius-tablet-small__14bhs4v3t)", totem: "var(--components-input-input-borderRadius-totem__14bhs4v3u)", "totem-medium": "var(--components-input-input-borderRadius-totem-medium__14bhs4v3v)", "totem-small": "var(--components-input-input-borderRadius-totem-small__14bhs4v3w)" }, padding: { desktop: "var(--components-input-input-padding-desktop__14bhs4v3x)", large: "var(--components-input-input-padding-large__14bhs4v3y)", medium: "var(--components-input-input-padding-medium__14bhs4v3z)", small: "var(--components-input-input-padding-small__14bhs4v40)", tablet: "var(--components-input-input-padding-tablet__14bhs4v41)", "tablet-medium": "var(--components-input-input-padding-tablet-medium__14bhs4v42)", "tablet-small": "var(--components-input-input-padding-tablet-small__14bhs4v43)", totem: "var(--components-input-input-padding-totem__14bhs4v44)", "totem-medium": "var(--components-input-input-padding-totem-medium__14bhs4v45)", "totem-small": "var(--components-input-input-padding-totem-small__14bhs4v46)" } } }, select: { padding: { desktop: "var(--components-select-padding-desktop__14bhs4v47)", tablet: "var(--components-select-padding-tablet__14bhs4v48)", totem: "var(--components-select-padding-totem__14bhs4v49)" } }, button: { fontSize: { medium: "var(--components-button-fontSize-medium__14bhs4v4a)", small: "var(--components-button-fontSize-small__14bhs4v4b)", large: "var(--components-button-fontSize-large__14bhs4v4c)", tablet: "var(--components-button-fontSize-tablet__14bhs4v4d)", "tablet-medium": "var(--components-button-fontSize-tablet-medium__14bhs4v4e)", "tablet-small": "var(--components-button-fontSize-tablet-small__14bhs4v4f)", totem: "var(--components-button-fontSize-totem__14bhs4v4g)", "totem-medium": "var(--components-button-fontSize-totem-medium__14bhs4v4h)", "totem-small": "var(--components-button-fontSize-totem-small__14bhs4v4i)" }, height: { large: "var(--components-button-height-large__14bhs4v4j)", medium: "var(--components-button-height-medium__14bhs4v4k)", small: "var(--components-button-height-small__14bhs4v4l)", tablet: "var(--components-button-height-tablet__14bhs4v4m)", "tablet-medium": "var(--components-button-height-tablet-medium__14bhs4v4n)", "tablet-small": "var(--components-button-height-tablet-small__14bhs4v4o)", totem: "var(--components-button-height-totem__14bhs4v4p)", "totem-medium": "var(--components-button-height-totem-medium__14bhs4v4q)", "totem-small": "var(--components-button-height-totem-small__14bhs4v4r)" }, padding: { large: { text: "var(--components-button-padding-large-text__14bhs4v4s)", icon: "var(--components-button-padding-large-icon__14bhs4v4t)", textAndIcon: "var(--components-button-padding-large-textAndIcon__14bhs4v4u)" }, medium: { text: "var(--components-button-padding-medium-text__14bhs4v4v)", icon: "var(--components-button-padding-medium-icon__14bhs4v4w)", textAndIcon: "var(--components-button-padding-medium-textAndIcon__14bhs4v4x)" }, small: { text: "var(--components-button-padding-small-text__14bhs4v4y)", icon: "var(--components-button-padding-small-icon__14bhs4v4z)", textAndIcon: "var(--components-button-padding-small-textAndIcon__14bhs4v50)" }, tablet: { text: "var(--components-button-padding-tablet-text__14bhs4v51)", icon: "var(--components-button-padding-tablet-icon__14bhs4v52)", textAndIcon: "var(--components-button-padding-tablet-textAndIcon__14bhs4v53)" }, "tablet-medium": { text: "var(--components-button-padding-tablet-medium-text__14bhs4v54)", icon: "var(--components-button-padding-tablet-medium-icon__14bhs4v55)", textAndIcon: "var(--components-button-padding-tablet-medium-textAndIcon__14bhs4v56)" }, "tablet-small": { text: "var(--components-button-padding-tablet-small-text__14bhs4v57)", icon: "var(--components-button-padding-tablet-small-icon__14bhs4v58)", textAndIcon: "var(--components-button-padding-tablet-small-textAndIcon__14bhs4v59)" }, totem: { text: "var(--components-button-padding-totem-text__14bhs4v5a)", icon: "var(--components-button-padding-totem-icon__14bhs4v5b)", textAndIcon: "var(--components-button-padding-totem-textAndIcon__14bhs4v5c)" }, "totem-medium": { text: "var(--components-button-padding-totem-medium-text__14bhs4v5d)", icon: "var(--components-button-padding-totem-medium-icon__14bhs4v5e)", textAndIcon: "var(--components-button-padding-totem-medium-textAndIcon__14bhs4v5f)" }, "totem-small": { text: "var(--components-button-padding-totem-small-text__14bhs4v5g)", icon: "var(--components-button-padding-totem-small-icon__14bhs4v5h)", textAndIcon: "var(--components-button-padding-totem-small-textAndIcon__14bhs4v5i)" } }, borderRadius: { large: "var(--components-button-borderRadius-large__14bhs4v5j)", medium: "var(--components-button-borderRadius-medium__14bhs4v5k)", small: "var(--components-button-borderRadius-small__14bhs4v5l)", tablet: "var(--components-button-borderRadius-tablet__14bhs4v5m)", "tablet-medium": "var(--components-button-borderRadius-tablet-medium__14bhs4v5n)", "tablet-small": "var(--components-button-borderRadius-tablet-small__14bhs4v5o)", totem: "var(--components-button-borderRadius-totem__14bhs4v5p)", "totem-medium": "var(--components-button-borderRadius-totem-medium__14bhs4v5q)", "totem-small": "var(--components-button-borderRadius-totem-small__14bhs4v5r)" }, iconSize: { large: "var(--components-button-iconSize-large__14bhs4v5s)", medium: "var(--components-button-iconSize-medium__14bhs4v5t)", small: "var(--components-button-iconSize-small__14bhs4v5u)", tablet: "var(--components-button-iconSize-tablet__14bhs4v5v)", "tablet-medium": "var(--components-button-iconSize-tablet-medium__14bhs4v5w)", "tablet-small": "var(--components-button-iconSize-tablet-small__14bhs4v5x)", totem: "var(--components-button-iconSize-totem__14bhs4v5y)", "totem-medium": "var(--components-button-iconSize-totem-medium__14bhs4v5z)", "totem-small": "var(--components-button-iconSize-totem-small__14bhs4v60)" } } } };
+
+// src/components/FieldInfo/FieldMessage.tsx
+var import_react = require("react");
+
+// src/components/FieldInfo/styles.css.ts
+var fieldInfoContainerClass = "styles_fieldInfoContainerClass__1v4k68v1 sprinkles_display_flex_desktop__1hu819u5 sprinkles_alignItems_center__1hu819ucx sprinkles_gap_xxs_desktop__1hu819u6b";
+
+// src/components/FieldInfo/FieldMessage.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function useDelayedUnmount(visible, delay) {
+  const [mounted, setMounted] = (0, import_react.useState)(visible);
+  (0, import_react.useEffect)(() => {
+    if (visible) {
+      setMounted(true);
+      return;
+    }
+    const t = setTimeout(() => setMounted(false), delay);
+    return () => clearTimeout(t);
+  }, [visible, delay]);
+  return mounted;
+}
+function FieldMessage({ error, info, isDisabled }) {
+  const content = error ?? info;
+  const visible = !!content;
+  const mounted = useDelayedUnmount(visible, 200);
+  if (!mounted) return null;
+  const color = error ? vars.colors.red.default : isDisabled ? vars.colors.neutral.light : vars.colors.neutral.dark;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      className: fieldInfoContainerClass,
+      "data-visible": visible ? "true" : "false",
+      style: { color },
+      children: content
+    }
+  );
+}
+
+// src/components/icons/IconChevronDown.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconChevronDown = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M4.793 8.543a1 1 0 0 1 1.414 0L12 14.336l5.793-5.793a1 1 0 1 1 1.414 1.414l-5.793 5.793a2 2 0 0 1-2.828 0L4.793 9.957a1 1 0 0 1 0-1.414",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+};
+
+// src/components/icons/IconClose.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconClose = ({ ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "mask",
+          {
+            id: "IconClose_svg__a",
+            width: 24,
+            height: 24,
+            x: 0,
+            y: 0,
+            maskUnits: "userSpaceOnUse",
+            style: {
+              maskType: "alpha"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M0 0h24v24H0z" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("g", { mask: "url(#IconClose_svg__a)", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m12 13.4-4.9 4.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z" }) })
+      ]
+    }
+  );
+};
+
+// src/components/Spinner/index.tsx
+var import_progress = require("@base-ui/react/progress");
+var import_react2 = require("react");
+
+// src/components/Spinner/styles.css.ts
+var spinnerStyles = "styles_spinnerStyles__15ydgey1";
+
+// src/components/Spinner/index.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SVG_MASK = `url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M9.249 0.645999C9.63764 0.588245 10.0334 0.685283 10.3513 0.916254C10.6691 1.14722 10.8837 1.49369 10.9488 1.88116C11.0139 2.26864 10.9243 2.66619 10.6994 2.98835C10.4745 3.31051 10.1322 3.53157 9.746 3.604C7.99897 3.90027 6.41326 4.80555 5.26996 6.15934C4.12666 7.51314 3.49963 9.22802 3.5 11C3.5 12.9891 4.29018 14.8968 5.6967 16.3033C7.10322 17.7098 9.01088 18.5 11 18.5V21.5C5.201 21.5 0.5 16.8 0.5 11C0.5 5.855 4.226 1.49 9.249 0.645999ZM15.892 3.29799C16.0235 3.15124 16.1827 3.03185 16.3604 2.94664C16.5381 2.86143 16.7309 2.81208 16.9277 2.8014C17.1245 2.79072 17.3214 2.81892 17.5073 2.8844C17.6932 2.94987 17.8643 3.05134 18.011 3.18299C19.11 4.16702 19.9888 5.37197 20.59 6.71901C21.1913 8.06606 21.5013 9.52486 21.5 11C21.5 16.8 16.799 21.5 11 21.5V18.5C12.5182 18.5 14.0006 18.0393 15.2513 17.1788C16.502 16.3182 17.4621 15.0984 18.0047 13.6805C18.5473 12.2626 18.6469 10.7135 18.2902 9.23782C17.9335 7.76216 17.1373 6.42949 16.007 5.41599C15.7109 5.15036 15.5325 4.778 15.5109 4.38081C15.4893 3.98361 15.6264 3.59412 15.892 3.29799Z'/></svg>")`;
+var Spinner = (0, import_react2.forwardRef)(function Spinner2({ color, size, value, max = 100, ...props }, ref) {
+  const resolvedColor = color || vars.colors.primary.default;
+  const resolvedSize = size || 22;
+  const spinnerDiv = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "div",
+    {
+      ref,
+      className: spinnerStyles,
+      ...props,
+      style: {
+        width: `${resolvedSize}px`,
+        height: `${resolvedSize}px`,
+        backgroundImage: `conic-gradient(${resolvedColor} 0%, transparent 5%, transparent 10%, ${resolvedColor} 100%)`,
+        maskImage: SVG_MASK,
+        maskSize: "contain",
+        maskRepeat: "no-repeat",
+        maskPosition: "center",
+        ...props.style
+      }
+    }
+  );
+  if (value !== void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_progress.Progress.Root, { value, max, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_progress.Progress.Track, { style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_progress.Progress.Indicator, { style: { display: "contents" }, children: spinnerDiv }) }) });
+  }
+  return spinnerDiv;
+});
+Spinner.displayName = "Spinner";
+
+// src/components/Select/styles.css.ts
+var clearButtonClass = "styles_clearButtonClass__ww6lcm4";
+var comboboxInputClass = "styles_comboboxInputClass__ww6lcme";
+var itemIndicatorClass = "styles_itemIndicatorClass__ww6lcmd";
+var multiValueBadgeClass = "styles_multiValueBadgeClass__ww6lcm5";
+var noOptionsMessageClass = "styles_noOptionsMessageClass__ww6lcmf";
+var placeholderTextClass = "styles_placeholderTextClass__ww6lcm6";
+var selectItemClass = "styles_selectItemClass__ww6lcmc";
+var selectListClass = "styles_selectListClass__ww6lcmb";
+var selectPopupClass = "styles_selectPopupClass__ww6lcm8";
+var selectPositionerClass = "styles_selectPositionerClass__ww6lcm7";
+var selectTriggerClass = "styles_selectTriggerClass__ww6lcm1";
+var selectValueClass = "styles_selectValueClass__ww6lcm2";
+var selectWrapperClass = "styles_selectWrapperClass__ww6lcm0";
+var triggerIndicatorsContainerClass = "styles_triggerIndicatorsContainerClass__ww6lcm3";
+
+// src/components/Select/index.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var RawSelect = (0, import_react3.forwardRef)(
+  ({
+    label,
+    error,
+    info,
+    isDisabled,
+    isLoading,
+    isMulti,
+    isClearable,
+    isSearchable,
+    options = [],
+    containerStyles,
+    placeholder = "Selecione",
+    emptyMessage = "Nada encontrado",
+    value: valueProp,
+    onChange,
+    onValueChange,
+    id,
+    autoComplete,
+    required
+  }, ref) => {
+    const [searchQuery, setSearchQuery] = (0, import_react3.useState)("");
+    const currentValue = valueProp !== void 0 ? valueProp : isMulti ? [] : null;
+    const filteredOptions = searchQuery ? options.filter(
+      (opt) => opt.label.toLowerCase().includes(searchQuery.toLowerCase())
+    ) : options;
+    const hasValue = isMulti ? Array.isArray(currentValue) && currentValue.length > 0 : currentValue !== null && currentValue !== void 0;
+    const handleValueChange = (newValue) => {
+      onChange == null ? void 0 : onChange(newValue);
+      onValueChange == null ? void 0 : onValueChange(newValue);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      const empty = isMulti ? [] : null;
+      handleValueChange(empty);
+    };
+    const fieldMessage = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      FieldMessage,
+      {
+        error,
+        info,
+        isDisabled: isDisabled || isLoading
+      }
+    );
+    if (isSearchable) {
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        import_field.Field.Root,
+        {
+          className: selectWrapperClass,
+          style: containerStyles,
+          invalid: !!error,
+          "data-slot": "select-root",
+          children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_field.Field.Label, { "data-slot": "select-label", children: label }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              import_combobox.Combobox.Root,
+              {
+                value: currentValue,
+                onValueChange: handleValueChange,
+                multiple: isMulti,
+                disabled: isDisabled || isLoading,
+                onInputValueChange: setSearchQuery,
+                id,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { position: "relative", width: "100%" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      import_combobox.Combobox.Input,
+                      {
+                        className: comboboxInputClass,
+                        placeholder,
+                        autoComplete: "off",
+                        style: { paddingRight: "40px" }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                      "div",
+                      {
+                        className: triggerIndicatorsContainerClass,
+                        style: {
+                          position: "absolute",
+                          right: 0,
+                          top: 0,
+                          height: "100%",
+                          pointerEvents: "all",
+                          paddingRight: "16px"
+                        },
+                        children: [
+                          isClearable && hasValue && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                            "button",
+                            {
+                              type: "button",
+                              className: clearButtonClass,
+                              onClick: handleClear,
+                              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconClose, {})
+                            }
+                          ),
+                          isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { color: vars.colors.neutral.light, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconChevronDown, { className: "custom-dropdown-icon" })
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_combobox.Combobox.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    import_combobox.Combobox.Positioner,
+                    {
+                      className: selectPositionerClass,
+                      sideOffset: 4,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_combobox.Combobox.Popup, { className: selectPopupClass, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_combobox.Combobox.List, { className: selectListClass, children: [
+                        filteredOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                          import_combobox.Combobox.Item,
+                          {
+                            value: opt.value,
+                            disabled: opt.isDisabled,
+                            className: selectItemClass,
+                            children: [
+                              opt.label,
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                import_combobox.Combobox.ItemIndicator,
+                                {
+                                  className: itemIndicatorClass,
+                                  keepMounted: true,
+                                  children: "\u2713"
+                                }
+                              )
+                            ]
+                          },
+                          opt.value
+                        )),
+                        filteredOptions.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_combobox.Combobox.Empty, { className: noOptionsMessageClass, children: emptyMessage })
+                      ] }) })
+                    }
+                  ) })
+                ]
+              }
+            ),
+            fieldMessage
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      import_field.Field.Root,
+      {
+        className: selectWrapperClass,
+        style: containerStyles,
+        invalid: !!error,
+        "aria-disabled": isDisabled || isLoading,
+        "data-slot": "select-root",
+        children: [
+          label && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_field.Field.Label, { "data-slot": "select-label", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            import_select.Select.Root,
+            {
+              value: currentValue,
+              onValueChange: handleValueChange,
+              multiple: isMulti,
+              disabled: isDisabled || isLoading,
+              id,
+              autoComplete,
+              required,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                  import_select.Select.Trigger,
+                  {
+                    ref,
+                    className: selectTriggerClass,
+                    "data-slot": "select-trigger",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.Value, { className: selectValueClass, children: (value) => {
+                        var _a;
+                        const isEmpty = value === null || value === void 0 || isMulti && Array.isArray(value) && value.length === 0;
+                        if (isEmpty) {
+                          return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: placeholderTextClass, children: placeholder });
+                        }
+                        if (isMulti && Array.isArray(value)) {
+                          const selectedOpts = options.filter(
+                            (opt) => value.includes(opt.value)
+                          );
+                          return selectedOpts.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: multiValueBadgeClass, children: opt.label }, opt.value));
+                        }
+                        return ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) ?? String(value);
+                      } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: triggerIndicatorsContainerClass, children: [
+                        isClearable && hasValue && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            className: clearButtonClass,
+                            onClick: handleClear,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconClose, {})
+                          }
+                        ),
+                        isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { color: vars.colors.neutral.light, size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconChevronDown, { className: "custom-dropdown-icon" })
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  import_select.Select.Positioner,
+                  {
+                    className: selectPositionerClass,
+                    sideOffset: 4,
+                    alignItemWithTrigger: false,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      import_select.Select.Popup,
+                      {
+                        className: selectPopupClass,
+                        "data-slot": "select-popup",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                          import_select.Select.List,
+                          {
+                            className: selectListClass,
+                            "data-slot": "select-list",
+                            children: options.length > 0 ? options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                              import_select.Select.Item,
+                              {
+                                value: opt.value,
+                                disabled: opt.isDisabled,
+                                className: selectItemClass,
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_select.Select.ItemText, { children: opt.label }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                                    import_select.Select.ItemIndicator,
+                                    {
+                                      className: itemIndicatorClass,
+                                      keepMounted: true,
+                                      children: "\u2713"
+                                    }
+                                  )
+                                ]
+                              },
+                              opt.value
+                            )) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: noOptionsMessageClass, children: emptyMessage })
+                          }
+                        )
+                      }
+                    )
+                  }
+                ) })
+              ]
+            }
+          ),
+          fieldMessage
+        ]
+      }
+    );
+  }
+);
+var Select = RawSelect;
+RawSelect.displayName = "RawSelect";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select
+});
+//# sourceMappingURL=index.cjs.map