@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/GroupedSingleSelect/_helpers/OptionRow.js

@@ -1,30 +1,40 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { memo as c, useCallback as l } from "react";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { memo as l, useCallback as p } from "react";
 import { s as r } from "../../../styles.module-DGDgpLAB.js";
-import { RadioButton as p } from "../../RadioButton/index.js";
-const C = c(function({
+import { RadioButton as d } from "../../RadioButton/index.js";
+import { mergeClasses as m } from "../../../utils/mergeClasses.js";
+const h = l(function({
   value: s,
   label: o,
-  checked: n,
+  checked: e,
   onToggle: t,
-  classNames: m
+  classNames: n
 }) {
-  const a = l(
+  const a = p(
     () => t(s, o),
     [s, o, t]
   );
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: `${r["option-row"]} ${m?.optionRowClass ?? ""}`,
+      className: m(
+        r["option-row"],
+        n?.optionRowClass ?? ""
+      ),
       onClick: a,
       children: [
-        /* @__PURE__ */ i(p, { selected: n, radioSize: "small" }),
-        /* @__PURE__ */ i("span", { className: `ckds-body-sm-reg ${r["option-label"]}`, children: o })
+        /* @__PURE__ */ i(d, { selected: e, radioSize: "small" }),
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: m("ckds-body-sm-reg", r["option-label"]),
+            children: o
+          }
+        )
       ]
     }
   );
 });
 export {
-  C as default
+  h as default
 };

package/dist/components/GroupedSingleSelect/_helpers/OptionsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionsList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/OptionsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,QAAA,MAAM,WAAW,GAAI,qDAKlB,gBAAgB,4CA6BlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"OptionsList.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/OptionsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,QAAA,MAAM,WAAW,GAAI,qDAKlB,gBAAgB,4CAuClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/GroupedSingleSelect/_helpers/OptionsList.js

@@ -1,44 +1,55 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { s as a } from "../../../styles.module-DGDgpLAB.js";
 import c from "./OptionRow.js";
-const u = ({
+import { mergeClasses as o } from "../../../utils/mergeClasses.js";
+const f = ({
   filteredGroups: i,
-  selected: o,
-  onToggle: p,
-  classNames: l
-}) => /* @__PURE__ */ a(
+  selected: p,
+  onToggle: d,
+  classNames: r
+}) => /* @__PURE__ */ e(
   "div",
   {
-    className: `${e["ckds-options-list"]} ${l?.optionsListWrapperClass ?? ""}`,
-    children: i?.map((s, d) => /* @__PURE__ */ t("div", { className: e["group-wrapper"], children: [
-      d > 0 && /* @__PURE__ */ a("div", { className: e["group-divider"] }),
-      /* @__PURE__ */ a(
+    className: o(
+      a["ckds-options-list"],
+      r?.optionsListWrapperClass ?? ""
+    ),
+    children: i?.map((l, t) => /* @__PURE__ */ m("div", { className: a["group-wrapper"], children: [
+      t > 0 && /* @__PURE__ */ e("div", { className: a["group-divider"] }),
+      /* @__PURE__ */ e(
         "div",
         {
-          className: `ckds-cap-med ${e["group-label"]} ${l?.groupLabelClass ?? ""}`,
-          children: s?.groupLabel
+          className: o(
+            "ckds-cap-med",
+            a["group-label"],
+            r?.groupLabelClass ?? ""
+          ),
+          children: l?.groupLabel
         }
       ),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ e(
         "div",
         {
-          className: `${e["option-row-wrapper"]} ${l?.optionRowWrapperClass ?? ""}`,
-          children: s?.options?.map((r) => /* @__PURE__ */ a(
+          className: o(
+            a["option-row-wrapper"],
+            r?.optionRowWrapperClass ?? ""
+          ),
+          children: l?.options?.map((s) => /* @__PURE__ */ e(
             c,
             {
-              value: r?.value,
-              label: r?.label,
-              checked: o?.value === r?.value,
-              onToggle: p,
-              classNames: l
+              value: s?.value,
+              label: s?.label,
+              checked: p?.value === s?.value,
+              onToggle: d,
+              classNames: r
             },
-            r?.value
+            s?.value
           ))
         }
       )
-    ] }, s?.groupLabel))
+    ] }, l?.groupLabel))
   }
 );
 export {
-  u as default
+  f as default
 };

package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,QAAA,MAAM,aAAa,GAAI,4DAMpB,kBAAkB,4CAmDpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_helpers/TriggerButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAGzD,QAAA,MAAM,aAAa,GAAI,4DAMpB,kBAAkB,4CAoEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.js

@@ -1,51 +1,69 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { s as e } from "../../../styles.module-DGDgpLAB.js";
-import { Tooltip as p } from "../../Tooltip/index.js";
-import { S as f } from "../../../chevron-down-Cm9R64Fe.js";
-import { useRef as h, useState as u, useLayoutEffect as g } from "react";
-const N = ({
-  open: t,
+import { Tooltip as f } from "../../Tooltip/index.js";
+import { S as h } from "../../../chevron-down-Cm9R64Fe.js";
+import { useRef as g, useState as u, useLayoutEffect as b } from "react";
+import { mergeClasses as l } from "../../../utils/mergeClasses.js";
+const x = ({
+  open: a,
   selected: s,
-  placeholder: n,
+  placeholder: i,
   onToggleOpen: c,
-  classNames: a
+  classNames: n
 }) => {
-  const l = h(null), [i, d] = u(!1);
-  return g(() => {
-    const o = l.current;
-    o && d(o?.scrollWidth > o?.clientWidth);
-  }, [s?.label]), /* @__PURE__ */ m(
+  const o = g(null), [m, d] = u(!1);
+  return b(() => {
+    const t = o.current;
+    t && d(t?.scrollWidth > t?.clientWidth);
+  }, [s?.label]), /* @__PURE__ */ p(
     "button",
     {
-      className: `${e.trigger} ${t ? e["trigger-open"] : ""} ${a?.dropdownOpenerWrapperClass ?? ""}`,
+      className: l(
+        e.trigger,
+        a ? e["trigger-open"] : "",
+        n?.dropdownOpenerWrapperClass ?? ""
+      ),
       onClick: c,
       type: "button",
       children: [
-        s ? i ? /* @__PURE__ */ r(p, { title: s?.label, placement: "bottom", children: /* @__PURE__ */ r(
+        s ? m ? /* @__PURE__ */ r(f, { title: s?.label, placement: "bottom", children: /* @__PURE__ */ r(
           "span",
           {
-            ref: l,
-            className: `ckds-body-sm-reg ${e["selected-value"]}`,
+            ref: o,
+            className: l(
+              "ckds-body-sm-reg",
+              e["selected-value"]
+            ),
             children: s?.label
           }
         ) }) : /* @__PURE__ */ r(
           "span",
           {
-            ref: l,
-            className: `ckds-body-sm-reg ${e["selected-value"]}`,
+            ref: o,
+            className: l(
+              "ckds-body-sm-reg",
+              e["selected-value"]
+            ),
             children: s?.label
           }
         ) : /* @__PURE__ */ r(
           "span",
           {
-            className: `ckds-body-sm-reg ${e.placeholder} ${a?.placeholderClass ?? ""}`,
-            children: n
+            className: l(
+              "ckds-body-sm-reg",
+              e.placeholder,
+              n?.placeholderClass ?? ""
+            ),
+            children: i
           }
         ),
         /* @__PURE__ */ r("div", { className: e["trigger-icons"], children: /* @__PURE__ */ r(
-          f,
+          h,
           {
-            className: `${e.chevron} ${t ? e["chevron-up"] : ""}`,
+            className: l(
+              e.chevron,
+              a ? e["chevron-up"] : ""
+            ),
             width: "14",
             height: "14"
           }
@@ -55,5 +73,5 @@ const N = ({
   );
 };
 export {
-  N as default
+  x as default
 };

package/dist/components/GroupedSingleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAGvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAA6B,EAC7B,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAe,GAChB,EAAE,wBAAwB,2CAuI1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAIvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAA6B,EAC7B,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAe,GAChB,EAAE,wBAAwB,2CAgJ1B"}

package/dist/components/GroupedSingleSelect/index.js

@@ -1,120 +1,130 @@
 import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useState as m, useRef as z, useEffect as A, useMemo as B, useCallback as t } from "react";
+import { useState as m, useRef as B, useEffect as F, useMemo as M, useCallback as t } from "react";
 import { s as n } from "../../styles.module-DGDgpLAB.js";
-import { Search as F } from "../Search/index.js";
-import M from "./_helpers/TriggerButton.js";
-import W from "./_helpers/OptionsList.js";
-import H from "./_helpers/DropdownFooter.js";
-import { filterSeachedGroups as J } from "./_utils/filterSeachedGroups.js";
-import { getDefaultSelected as K } from "./_utils/getDefaultSelected.js";
-import { S as P } from "../../info-icon-ooYw3va_.js";
-function le({
-  label: C,
-  helperText: x,
-  required: y,
-  placeholder: L = "Choose option",
-  searchPlaceholder: D = "Search",
+import { Search as W } from "../Search/index.js";
+import H from "./_helpers/TriggerButton.js";
+import J from "./_helpers/OptionsList.js";
+import K from "./_helpers/DropdownFooter.js";
+import { filterSeachedGroups as P } from "./_utils/filterSeachedGroups.js";
+import { getDefaultSelected as U } from "./_utils/getDefaultSelected.js";
+import { S as V } from "../../info-icon-ooYw3va_.js";
+import { mergeClasses as x } from "../../utils/mergeClasses.js";
+function ae({
+  label: v,
+  helperText: y,
+  required: L,
+  placeholder: D = "Choose option",
+  searchPlaceholder: k = "Search",
   groups: a,
-  defaultSelected: $,
+  defaultSelected: N,
   onApply: h,
   onClear: S,
   classNames: i = {}
 }) {
-  const { labelWrapperClass: k, helperClass: N } = i, [f, s] = m(!1), [p, o] = m(""), b = () => K(a, $), [u, w] = m(b), [r, g] = m(b), v = z(null);
-  A(() => {
+  const { labelWrapperClass: O, helperClass: T } = i, [f, s] = m(!1), [p, o] = m(""), b = () => U(a, N), [u, w] = m(b), [r, g] = m(b), C = B(null);
+  F(() => {
     const e = (c) => {
-      v?.current && !v?.current?.contains(c.target) && (s(!1), o(""));
+      C?.current && !C?.current?.contains(c.target) && (s(!1), o(""));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
   }, []);
-  const O = B(
-    () => J(a, p),
+  const E = M(
+    () => P(a, p),
     [a, p]
-  ), T = t((e, c) => {
+  ), G = t((e, c) => {
     g({ value: e, label: c });
-  }, []), E = t(() => {
+  }, []), j = t(() => {
     S?.(), g(null);
-  }, [S]), G = t(() => {
+  }, [S]), I = t(() => {
     if (!r) {
       h({ value: "", label: "", groupLabel: "" }), w(r), s(!1), o("");
       return;
     }
     const e = a?.find(
-      (c) => c?.options?.some((q) => q?.value === r?.value)
+      (c) => c?.options?.some((A) => A?.value === r?.value)
     );
     h({ ...r, groupLabel: e?.groupLabel ?? "" }), w(r), s(!1), o("");
-  }, [a, r, h]), j = t(() => {
+  }, [a, r, h]), Q = t(() => {
     o(""), g(u), s(!1);
-  }, [u]), I = t(() => {
+  }, [u]), R = t(() => {
     s((e) => !e), o("");
-  }, []), Q = t((e) => {
+  }, []), q = t((e) => {
     o(e);
-  }, []), R = t(() => {
+  }, []), z = t(() => {
     o("");
   }, []);
-  return /* @__PURE__ */ d("div", { className: n.wrapper, ref: v, children: [
-    C && /* @__PURE__ */ d(
+  return /* @__PURE__ */ d("div", { className: n.wrapper, ref: C, children: [
+    v && /* @__PURE__ */ d(
       "span",
       {
-        className: `ckds-body-xs-med ${n["label-wrapper"]} ${k ?? ""}`,
+        className: x(
+          "ckds-body-xs-med",
+          n["label-wrapper"],
+          O ?? ""
+        ),
         children: [
-          C,
-          y && /* @__PURE__ */ l("span", { className: n.required, children: " *" })
+          v,
+          L && /* @__PURE__ */ l("span", { className: n.required, children: " *" })
         ]
       }
     ),
     /* @__PURE__ */ d("div", { children: [
       /* @__PURE__ */ l(
-        M,
+        H,
         {
           open: f,
           selected: u,
-          placeholder: L,
-          onToggleOpen: I,
+          placeholder: D,
+          onToggleOpen: R,
           classNames: i
         }
       ),
       /* @__PURE__ */ d(
         "div",
         {
-          className: `ckds-body-xs-reg ${n["helper-text"]} ${f ? n["helper-hide"] : ""} ${N ?? ""}`,
+          className: x(
+            "ckds-body-xs-reg",
+            n["helper-text"],
+            f ? n["helper-hide"] : "",
+            T ?? ""
+          ),
           children: [
-            /* @__PURE__ */ l(P, { width: "12", height: "12" }),
+            /* @__PURE__ */ l(V, { width: "12", height: "12" }),
             " ",
-            x
+            y
           ]
         }
       )
     ] }),
     f && /* @__PURE__ */ d("div", { className: n.dropdown, children: [
       /* @__PURE__ */ l(
-        F,
+        W,
         {
           size: "medium",
           value: p,
-          placeholder: D,
-          onChange: Q,
-          onClear: R,
+          placeholder: k,
+          onChange: q,
+          onClear: z,
           wrapperClassName: "",
           inputClassName: ""
         }
       ),
       /* @__PURE__ */ l(
-        W,
+        J,
         {
-          filteredGroups: O,
+          filteredGroups: E,
           selected: r,
           searchQuery: p,
-          onToggle: T,
+          onToggle: G,
           classNames: i
         }
       ),
       /* @__PURE__ */ l(
-        H,
+        K,
         {
-          onClear: E,
-          onCancel: j,
-          onApply: G,
+          onClear: j,
+          onCancel: Q,
+          onApply: I,
           classNames: i,
           isClearDisabled: !r?.value,
           isApplyDisabled: u?.value !== r?.value
@@ -124,5 +134,5 @@ function le({
   ] });
 }
 export {
-  le as GroupedSingleSelect
+  ae as GroupedSingleSelect
 };

package/dist/components/Loader/_types/loader.types.d.ts

@@ -0,0 +1,10 @@
+export interface LoaderProps {
+    /** When true, renders a full-screen fixed backdrop with blur overlay */
+    popup?: boolean;
+    /**
+     * When true, fills the nearest `position: relative` container.
+     * Used by the Table component to overlay only the table body area.
+     */
+    overlay?: boolean;
+}
+//# sourceMappingURL=loader.types.d.ts.map

package/dist/components/Loader/_types/loader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/Loader/_types/loader.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Loader/_types/loader.types.js

@@ -0,0 +1 @@
+

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,6 @@
+import { LoaderProps } from './_types/loader.types';
+export declare function Loader({ popup, overlay }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Loader {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Loader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,wBAAgB,MAAM,CAAC,EAAE,KAAa,EAAE,OAAe,EAAE,EAAE,WAAW,2CAsBrE;yBAtBe,MAAM"}

package/dist/components/Loader/index.js

@@ -0,0 +1,37 @@
+import { jsx as a } from "react/jsx-runtime";
+import { mergeClasses as r } from "../../utils/mergeClasses.js";
+import '../../assets/index-i-aBFBOq.css';const l = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20style='margin:%20auto;%20background:%20none;%20display:%20block;%20shape-rendering:%20auto;'%20width='200px'%20height='200px'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='xMidYMid'%3e%3crect%20x='17.5'%20y='30'%20width='15'%20height='40'%20fill='%2353daff'%3e%3canimate%20attributeName='y'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='18;30;30'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%20begin='-0.2s'%3e%3c/animate%3e%3canimate%20attributeName='height'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='64;40;40'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%20begin='-0.2s'%3e%3c/animate%3e%3c/rect%3e%3crect%20x='42.5'%20y='30'%20width='15'%20height='40'%20fill='%23337ab7'%3e%3canimate%20attributeName='y'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='20.999999999999996;30;30'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%20begin='-0.1s'%3e%3c/animate%3e%3canimate%20attributeName='height'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='58.00000000000001;40;40'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%20begin='-0.1s'%3e%3c/animate%3e%3c/rect%3e%3crect%20x='67.5'%20y='30'%20width='15'%20height='40'%20fill='%230a3ca2'%3e%3canimate%20attributeName='y'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='20.999999999999996;30;30'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%3e%3c/animate%3e%3canimate%20attributeName='height'%20repeatCount='indefinite'%20dur='1s'%20calcMode='spline'%20keyTimes='0;0.5;1'%20values='58.00000000000001;40;40'%20keySplines='0%200.5%200.5%201;0%200.5%200.5%201'%3e%3c/animate%3e%3c/rect%3e%3c!--%20[ldio]%20generated%20by%20https://loading.io/%20--%3e%3c/svg%3e", o = "_loader_wrapper_19w2u_1", n = "_loader_19w2u_1", e = {
+  loader_wrapper: o,
+  "loader-overlay": "_loader-overlay_19w2u_8",
+  loader: n,
+  "loader-backdrop": "_loader-backdrop_19w2u_27",
+  "loader-logo": "_loader-logo_19w2u_47"
+};
+function s({ popup: i = !1, overlay: t = !1 }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: r(
+        e.loader_wrapper,
+        i ? e["loader-backdrop"] : "",
+        t ? e["loader-overlay"] : ""
+      ),
+      "data-testid": "loader-wrapper",
+      id: "loader",
+      children: /* @__PURE__ */ a("div", { className: e.loader, children: /* @__PURE__ */ a(
+        "img",
+        {
+          className: e["loader-logo"],
+          src: l,
+          alt: "loader",
+          role: "status",
+          "aria-label": "Loading"
+        }
+      ) })
+    }
+  );
+}
+s.displayName = "Loader";
+export {
+  s as Loader
+};

package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts

@@ -0,0 +1,27 @@
+export interface MAVItem {
+    /** Unique identifier for the MAV entry */
+    key: string;
+    /** Display label, e.g. "OutSystems" */
+    label: string;
+    /** Sub-label shown below the main label, e.g. account ID */
+    subLabel?: string;
+}
+export interface MAVDropdownProps {
+    /** Top-level label shown in the trigger, e.g. "MAV" */
+    triggerLabel?: string;
+    /** Currently selected MAV item */
+    selectedItem: MAVItem;
+    /** Full list of MAV items to show in the dropdown */
+    items: MAVItem[];
+    /** Called when the user clicks a different MAV item */
+    onSelect: (item: MAVItem) => void;
+    /**
+     * Max height of the item container. Items fill up to this height then wrap
+     * into the next column. The panel scrolls horizontally for overflow.
+     * @default "200px"
+     */
+    listHeight?: string;
+    /** Additional class name for the root element */
+    className?: string;
+}
+//# sourceMappingURL=mavDropdown.types.d.ts.map

package/dist/components/MAVDropdown/_types/mavDropdown.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mavDropdown.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/MAVDropdown/_types/mavDropdown.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,OAAO;IACtB,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,uDAAuD;IACvD,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/MAVDropdown/_types/mavDropdown.types.js

@@ -0,0 +1 @@
+

package/dist/components/MAVDropdown/index.d.ts

@@ -0,0 +1,6 @@
+import { MAVDropdownProps } from './_types/mavDropdown.types';
+export declare function MAVDropdown({ triggerLabel, selectedItem, items, onSelect, listHeight, className, }: MAVDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MAVDropdown {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/MAVDropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/MAVDropdown/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAW,MAAM,4BAA4B,CAAC;AA4B5E,wBAAgB,WAAW,CAAC,EAC1B,YAAoB,EACpB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,UAAoB,EACpB,SAAS,GACV,EAAE,gBAAgB,2CAqIlB;yBA5Ie,WAAW"}