@hashicorp/mds-react 0.9.2 → 0.9.4

package/components/dropdown/index.js

@@ -0,0 +1,79 @@
+import { jsx as n } from "react/jsx-runtime";
+import s from "classnames";
+import { Content as N, Provider as f } from "../menu-primitive/index.js";
+import { ToggleButton as w } from "./toggle-button/index.js";
+import { ListItem as u } from "./list-item/index.js";
+import t from "./styles.module.css.js";
+const a = ({
+  isFullWidth: o,
+  onClose: e,
+  children: r,
+  className: i,
+  ...l
+}) => /* @__PURE__ */ n(
+  f,
+  {
+    className: s(
+      {
+        [t["width-full"]]: o
+      },
+      i
+    ),
+    onClose: e,
+    isFullWidth: o,
+    ...l,
+    children: r
+  }
+), d = ({
+  listPosition: o = "bottom-right",
+  width: e,
+  height: r,
+  children: i
+}) => /* @__PURE__ */ n(N, { children: /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(
+      t.content,
+      t[`content-position-${o}`],
+      { [t["content-fixed-width"]]: !!e }
+    ),
+    style: { width: e, height: r },
+    children: i
+  }
+) }), m = ({ children: o }) => /* @__PURE__ */ n("ul", { className: t.list, children: o }), p = ({
+  hasDivider: o,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(t.header, {
+      [t["header-with-divider"]]: o
+    }),
+    ...r,
+    children: e
+  }
+), c = ({
+  hasDivider: o,
+  children: e,
+  ...r
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: s(t.footer, {
+      [t["footer-with-divider"]]: o
+    }),
+    ...r,
+    children: e
+  }
+);
+a.displayName = "Dropdown.Root";
+d.displayName = "Dropdown.Content";
+m.displayName = "Dropdown.List";
+p.displayName = "Dropdown.Header";
+c.displayName = "Dropdown.Footer";
+const x = { Root: a, ToggleButton: w, Content: d, List: m, Header: p, Footer: c, ListItem: u };
+export {
+  x as Dropdown
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/dropdown/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport * as MenuPrimitive from '../menu-primitive'\nimport { ToggleButton } from './toggle-button'\nimport type { DropdownToggleButtonProps } from './toggle-button'\nimport { ListItem } from './list-item'\nimport type { HTMLAttributes, ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface DropdownProps extends HTMLAttributes<HTMLDivElement> {\n\t/**\n\t * If true, container is given full width styles. (Added by web presence team)\n\t */\n\tisFullWidth?: boolean\n\t/**\n\t * Callback function invoked when the Dropdown is closed, if provided.\n\t */\n\tonClose?: () => void\n}\n\nconst Root = ({\n\tisFullWidth,\n\tonClose,\n\tchildren,\n\tclassName,\n\t...rest\n}: DropdownProps) => {\n\treturn (\n\t\t<MenuPrimitive.Provider\n\t\t\tclassName={classNames(\n\t\t\t\t{\n\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tonClose={onClose}\n\t\t\tisFullWidth={isFullWidth}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</MenuPrimitive.Provider>\n\t)\n}\n\ninterface DropdownContentProps {\n\tlistPosition?:\n\t\t| 'right'\n\t\t| 'left'\n\t\t| 'bottom-left'\n\t\t| 'bottom-right'\n\t\t| 'top-left'\n\t\t| 'top-right'\n\twidth?: `${number}px` | `${number}em` | `${number}%`\n\t/**\n\t * If a height prop is provided then the list will have a fixed height.\n\t */\n\theight?: `${number}px` | `${number}em`\n\tchildren: ReactNode\n}\n\nconst Content = ({\n\tlistPosition = 'bottom-right',\n\twidth,\n\theight,\n\tchildren,\n}: DropdownContentProps) => {\n\treturn (\n\t\t<MenuPrimitive.Content>\n\t\t\t<div\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts.content,\n\t\t\t\t\ts[`content-position-${listPosition}`],\n\t\t\t\t\t{ [s['content-fixed-width']]: !!width }\n\t\t\t\t)}\n\t\t\t\tstyle={{ width, height }}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</MenuPrimitive.Content>\n\t)\n}\n\nconst List = ({ children }: { children: ReactNode }) => {\n\treturn <ul className={s.list}>{children}</ul>\n}\n\ninterface DropdownHeaderFooterProps extends HTMLAttributes<HTMLDivElement> {\n\thasDivider?: boolean\n}\n\nconst Header = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.header, {\n\t\t\t\t[s['header-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nconst Footer = ({\n\thasDivider,\n\tchildren,\n\t...rest\n}: DropdownHeaderFooterProps) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={classNames(s.footer, {\n\t\t\t\t[s['footer-with-divider']]: hasDivider,\n\t\t\t})}\n\t\t\t{...rest}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t)\n}\n\nRoot.displayName = 'Dropdown.Root'\nContent.displayName = 'Dropdown.Content'\nList.displayName = 'Dropdown.List'\nHeader.displayName = 'Dropdown.Header'\nFooter.displayName = 'Dropdown.Footer'\n\nconst Dropdown = { Root, ToggleButton, Content, List, Header, Footer, ListItem }\n\nexport type {\n\tDropdownProps,\n\tDropdownContentProps,\n\tDropdownHeaderFooterProps,\n\tDropdownToggleButtonProps,\n}\nexport { Dropdown }\n"],"names":["Root","isFullWidth","onClose","children","className","rest","jsx","MenuPrimitive.Provider","classNames","s","Content","listPosition","width","height","MenuPrimitive.Content","List","Header","hasDivider","Footer","Dropdown","ToggleButton","ListItem"],"mappings":";;;;;;AAmBA,MAAMA,IAAO,CAAC;AAAA,EACb,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACV;AAAA,QACC,CAACC,EAAE,YAAY,CAAC,GAAGR;AAAA,MAAA;AAAA,MAEpBG;AAAA,IAAA;AAAA,IAED,SAAAF;AAAA,IACA,aAAAD;AAAA,IACC,GAAGI;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAqBEO,IAAU,CAAC;AAAA,EAChB,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAV;AACD,MAEE,gBAAAG,EAACQ,GAAA,EACA,UAAA,gBAAAR;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE;AAAA,MACVC,EAAE;AAAA,MACFA,EAAE,oBAAoBE,CAAY,EAAE;AAAA,MACpC,EAAE,CAACF,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAACG,EAAA;AAAA,IAAM;AAAA,IAEvC,OAAO,EAAE,OAAAA,GAAO,QAAAC,EAAA;AAAA,IAEf,UAAAV;AAAA,EAAA;AAAA,GAEH,GAIIY,IAAO,CAAC,EAAE,UAAAZ,QACR,gBAAAG,EAAC,MAAA,EAAG,WAAWG,EAAE,MAAO,UAAAN,GAAS,GAOnCa,IAAS,CAAC;AAAA,EACf,YAAAC;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA,GAKEe,IAAS,CAAC;AAAA,EACf,YAAAD;AAAA,EACA,UAAAd;AAAA,EACA,GAAGE;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWE,EAAWC,EAAE,QAAQ;AAAA,MAC/B,CAACA,EAAE,qBAAqB,CAAC,GAAGQ;AAAA,IAAA,CAC5B;AAAA,IACA,GAAGZ;AAAA,IAEH,UAAAF;AAAA,EAAA;AAAA;AAKJH,EAAK,cAAc;AACnBU,EAAQ,cAAc;AACtBK,EAAK,cAAc;AACnBC,EAAO,cAAc;AACrBE,EAAO,cAAc;AAErB,MAAMC,IAAW,EAAE,MAAAnB,GAAM,cAAAoB,GAAc,SAAAV,GAAS,MAAAK,GAAM,QAAAC,GAAQ,QAAAE,GAAQ,UAAAG,EAAA;"}

package/components/dropdown/list-item/custom.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface ListItemCustomProps {
     children: ReactNode;
 }

package/components/dropdown/list-item/custom.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import o from "classnames";
+import m from "./styles.module.css.js";
+const r = ({ children: s }) => /* @__PURE__ */ t("li", { className: o(m["list-item"], m.custom), children: s });
+r.displayName = "Dropdown.ListItem.Custom";
+export {
+  r as ListItemCustom
+};
+//# sourceMappingURL=custom.js.map

package/components/dropdown/list-item/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.js","sources":["../../../../src/components/dropdown/list-item/custom.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport s from './styles.module.css'\n\ninterface ListItemCustomProps {\n\tchildren: ReactNode\n}\n\nconst ListItemCustom = ({ children }: ListItemCustomProps) => {\n\treturn <li className={classNames(s['list-item'], s.custom)}>{children}</li>\n}\n\nListItemCustom.displayName = 'Dropdown.ListItem.Custom'\n\nexport type { ListItemCustomProps }\nexport { ListItemCustom }\n"],"names":["ListItemCustom","children","jsx","classNames","s"],"mappings":";;;AAQA,MAAMA,IAAiB,CAAC,EAAE,UAAAC,QAClB,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,MAAM,GAAI,UAAAH,EAAA,CAAS;AAGvED,EAAe,cAAc;"}

package/components/dropdown/list-item/index.d.ts

@@ -1,18 +1,18 @@
 declare const ListItem: {
     Interactive: {
-        ({ text, color, icon, isLoading, trailingIcon, ...rest }: import("./interactive").ListItemInteractiveProps): import("react/jsx-runtime").JSX.Element;
+        ({ text, color, icon, isLoading, trailingIcon, ...rest }: import('./interactive').ListItemInteractiveProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Title: {
-        ({ text, ...rest }: import("./title").ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
+        ({ text, ...rest }: import('./title').ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Separator: {
-        (props: import("./separator").ListItemSeparatorProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('./separator').ListItemSeparatorProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Custom: {
-        ({ children }: import("./custom").ListItemCustomProps): import("react/jsx-runtime").JSX.Element;
+        ({ children }: import('./custom').ListItemCustomProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/components/dropdown/list-item/index.js

@@ -0,0 +1,14 @@
+import { ListItemInteractive as t } from "./interactive.js";
+import { ListItemTitle as m } from "./title.js";
+import { ListItemSeparator as r } from "./separator.js";
+import { ListItemCustom as e } from "./custom.js";
+const I = {
+  Interactive: t,
+  Title: m,
+  Separator: r,
+  Custom: e
+};
+export {
+  I as ListItem
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/list-item/index.tsx"],"sourcesContent":["import { ListItemInteractive } from './interactive'\nimport { ListItemTitle } from './title'\nimport { ListItemSeparator } from './separator'\nimport { ListItemCustom } from './custom'\n\nconst ListItem = {\n\tInteractive: ListItemInteractive,\n\tTitle: ListItemTitle,\n\tSeparator: ListItemSeparator,\n\tCustom: ListItemCustom,\n}\n\nexport { ListItem }\n"],"names":["ListItem","ListItemInteractive","ListItemTitle","ListItemSeparator","ListItemCustom"],"mappings":";;;;AAKA,MAAMA,IAAW;AAAA,EAChB,aAAaC;AAAA,EACb,OAAOC;AAAA,EACP,WAAWC;AAAA,EACX,QAAQC;AACT;"}

package/components/dropdown/list-item/interactive.d.ts

@@ -1,4 +1,4 @@
-import { type InteractiveProps } from '../../interactive';
+import { InteractiveProps } from '../../interactive';
 interface ListItemInteractiveProps extends Omit<InteractiveProps, 'children'> {
     /**
      * Text to be used in the item. If no text value is defined, an error will be thrown.

package/components/dropdown/list-item/interactive.js

@@ -0,0 +1,49 @@
+import { jsx as i, jsxs as s } from "react/jsx-runtime";
+import t from "classnames";
+import { FlightIcon as a } from "../../flight-icon/index.js";
+import { Interactive as d } from "../../interactive/index.js";
+import e from "./styles.module.css.js";
+const v = ({
+  text: r,
+  color: m = "action",
+  icon: c,
+  isLoading: l,
+  trailingIcon: n,
+  ...o
+}) => /* @__PURE__ */ i(
+  "li",
+  {
+    className: t(e["list-item"], e.interactive, e[`color-${m}`]),
+    children: l ? /* @__PURE__ */ s("div", { className: e["loading-wrapper"], children: [
+      /* @__PURE__ */ i(
+        a,
+        {
+          name: "loading",
+          className: t(e["interactive-icon"], e.leading)
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-regular"]), children: r })
+    ] }) : /* @__PURE__ */ s(d, { ...o, children: [
+      c && /* @__PURE__ */ i(
+        a,
+        {
+          name: c,
+          className: t(e["interactive-icon"], e.leading)
+        }
+      ),
+      /* @__PURE__ */ i("div", { className: t(e["interactive-text"], e["text-large"]), children: r }),
+      n && /* @__PURE__ */ i(
+        a,
+        {
+          name: n,
+          className: t(e["interactive-icon"], e.trailing)
+        }
+      )
+    ] })
+  }
+);
+v.displayName = "Dropdown.ListItem.Interactive";
+export {
+  v as ListItemInteractive
+};
+//# sourceMappingURL=interactive.js.map

package/components/dropdown/list-item/interactive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.js","sources":["../../../../src/components/dropdown/list-item/interactive.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FlightIcon } from '../../flight-icon'\nimport { Interactive, type InteractiveProps } from '../../interactive'\nimport s from './styles.module.css'\n\ninterface ListItemInteractiveProps extends Omit<InteractiveProps, 'children'> {\n\t/**\n\t * Text to be used in the item. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\t/**\n\t * Color applied to the text and (optional) icons.\n\t */\n\tcolor?: 'action' | 'critical'\n\t/**\n\t * Leading icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ticon?: string\n\t/**\n\t * Trailing icon. Acceptable value: any [icon](https://helios.hashicorp.design/icons/library) name.\n\t */\n\ttrailingIcon?: string\n\t/**\n\t * Controls if the item is in “loading” state. When in this state, the item is not actually interactive, but you can pass the other expected arguments for the item (they’re simply ignored).\n\t */\n\tisLoading?: boolean\n}\n\nconst ListItemInteractive = ({\n\ttext,\n\tcolor = 'action',\n\ticon,\n\tisLoading,\n\ttrailingIcon,\n\t...rest\n}: ListItemInteractiveProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.interactive, s[`color-${color}`])}\n\t\t>\n\t\t\t{isLoading ? (\n\t\t\t\t<div className={s['loading-wrapper']}>\n\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\tname=\"loading\"\n\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-regular'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\t<Interactive {...rest}>\n\t\t\t\t\t{icon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={icon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.leading)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={classNames(s['interactive-text'], s['text-large'])}>\n\t\t\t\t\t\t{text}\n\t\t\t\t\t</div>\n\t\t\t\t\t{trailingIcon && (\n\t\t\t\t\t\t<FlightIcon\n\t\t\t\t\t\t\tname={trailingIcon}\n\t\t\t\t\t\t\tclassName={classNames(s['interactive-icon'], s.trailing)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Interactive>\n\t\t\t)}\n\t\t</li>\n\t)\n}\n\nListItemInteractive.displayName = 'Dropdown.ListItem.Interactive'\n\nexport type { ListItemInteractiveProps }\nexport { ListItemInteractive }\n"],"names":["ListItemInteractive","text","color","icon","isLoading","trailingIcon","rest","jsx","classNames","s","jsxs","FlightIcon","Interactive"],"mappings":";;;;;AA4BA,MAAMA,IAAsB,CAAC;AAAA,EAC5B,MAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,aAAaA,EAAE,SAASP,CAAK,EAAE,CAAC;AAAA,IAEvE,cACA,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAE,iBAAiB,GAClC,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAWH,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,cAAc,CAAC,GACjE,UAAAR,EAAA,CACF;AAAA,IAAA,EAAA,CACD,IAEA,gBAAAS,EAACE,GAAA,EAAa,GAAGN,GACf,UAAA;AAAA,MAAAH,KACA,gBAAAI;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMR;AAAA,UACN,WAAWK,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,OAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxD,gBAAAF,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,YAAY,CAAC,GAC/D,UAAAR,EAAA,CACF;AAAA,MACCI,KACA,gBAAAE;AAAA,QAACI;AAAA,QAAA;AAAA,UACA,MAAMN;AAAA,UACN,WAAWG,EAAWC,EAAE,kBAAkB,GAAGA,EAAE,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACxD,EAAA,CAEF;AAAA,EAAA;AAAA;AAMJT,EAAoB,cAAc;"}

package/components/dropdown/list-item/separator.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 type ListItemSeparatorProps = Omit<HTMLAttributes<HTMLLIElement>, 'className' | 'aria-hidden' | 'role'>;
 declare const ListItemSeparator: {
     (props: ListItemSeparatorProps): import("react/jsx-runtime").JSX.Element;

package/components/dropdown/list-item/separator.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import e from "classnames";
+import r from "./styles.module.css.js";
+const o = (t) => /* @__PURE__ */ a(
+  "li",
+  {
+    className: e(r["list-item"], r.separator),
+    "aria-hidden": "true",
+    role: "separator",
+    ...t
+  }
+);
+o.displayName = "Dropdown.ListItem.Separator";
+export {
+  o as ListItemSeparator
+};
+//# sourceMappingURL=separator.js.map

package/components/dropdown/list-item/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sources":["../../../../src/components/dropdown/list-item/separator.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ntype ListItemSeparatorProps = Omit<\n\tHTMLAttributes<HTMLLIElement>,\n\t'className' | 'aria-hidden' | 'role'\n>\n\nconst ListItemSeparator = (props: ListItemSeparatorProps) => {\n\treturn (\n\t\t<li\n\t\t\tclassName={classNames(s['list-item'], s.separator)}\n\t\t\taria-hidden=\"true\"\n\t\t\trole=\"separator\"\n\t\t\t{...props}\n\t\t></li>\n\t)\n}\n\nListItemSeparator.displayName = 'Dropdown.ListItem.Separator'\n\nexport type { ListItemSeparatorProps }\nexport { ListItemSeparator }\n"],"names":["ListItemSeparator","props","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAoB,CAACC,MAEzB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,SAAS;AAAA,IACjD,eAAY;AAAA,IACZ,MAAK;AAAA,IACJ,GAAGH;AAAA,EAAA;AAAA;AAKPD,EAAkB,cAAc;"}

package/components/dropdown/list-item/styles.module.css.js

@@ -0,0 +1,26 @@
+const t = "interactive__IkSoP", e = "custom__lrM-c", i = "leading__uGWjP", a = "trailing__46J03", o = "separator__cop56", r = "title__XkdBJ mds-typography-legacy-body-100 mds-typography-font-weight-semibold", c = {
+  "list-item": "list-item__p6gnG",
+  interactive: t,
+  "color-action": "color-action__zG8cO",
+  "color-critical": "color-critical__3USEd",
+  custom: e,
+  "interactive-icon": "interactive-icon__2sVuv",
+  leading: i,
+  trailing: a,
+  "interactive-text": "interactive-text__9tKHU",
+  "loading-wrapper": "loading-wrapper__RMG87",
+  "text-regular": "text-regular__nmwqr mds-typography-legacy-body-100 mds-typography-font-weight-regular",
+  "text-large": "text-large__gU2cx mds-typography-legacy-body-200 mds-typography-font-weight-medium",
+  separator: o,
+  title: r
+};
+export {
+  e as custom,
+  c as default,
+  t as interactive,
+  i as leading,
+  o as separator,
+  r as title,
+  a as trailing
+};
+//# sourceMappingURL=styles.module.css.js.map

package/components/dropdown/list-item/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/components/dropdown/list-item/title.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 interface ListItemTitleProps extends Omit<HTMLAttributes<HTMLLIElement>, 'className'> {
     text: string;
 }

package/components/dropdown/list-item/title.js

@@ -0,0 +1,9 @@
+import { jsx as m } from "react/jsx-runtime";
+import s from "classnames";
+import t from "./styles.module.css.js";
+const r = ({ text: i, ...e }) => /* @__PURE__ */ m("li", { className: s(t["list-item"], t.title), ...e, children: i });
+r.displayName = "Dropdown.ListItem.Title";
+export {
+  r as ListItemTitle
+};
+//# sourceMappingURL=title.js.map

package/components/dropdown/list-item/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sources":["../../../../src/components/dropdown/list-item/title.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport s from './styles.module.css'\n\ninterface ListItemTitleProps\n\textends Omit<HTMLAttributes<HTMLLIElement>, 'className'> {\n\ttext: string\n}\n\nconst ListItemTitle = ({ text, ...rest }: ListItemTitleProps) => {\n\treturn (\n\t\t<li className={classNames(s['list-item'], s.title)} {...rest}>\n\t\t\t{text}\n\t\t</li>\n\t)\n}\n\nListItemTitle.displayName = 'Dropdown.ListItem.Title'\n\nexport type { ListItemTitleProps }\nexport { ListItemTitle }\n"],"names":["ListItemTitle","text","rest","jsx","classNames","s"],"mappings":";;;AASA,MAAMA,IAAgB,CAAC,EAAE,MAAAC,GAAM,GAAGC,QAEhC,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAWC,EAAE,WAAW,GAAGA,EAAE,KAAK,GAAI,GAAGH,GACtD,UAAAD,EAAA,CACF;AAIFD,EAAc,cAAc;"}

package/components/dropdown/styles.module.css.js

@@ -0,0 +1,24 @@
+const t = "content__L3Jzb", o = "list__vHKnu", i = "header__FQALL", n = "footer__X0WK4", e = {
+  "width-full": "width-full__yhNyZ",
+  content: t,
+  "content-fixed-width": "content-fixed-width__QTWZ3",
+  "content-position-bottom-right": "content-position-bottom-right__7p2zs",
+  "content-position-right": "content-position-right__LV4dD",
+  "content-position-bottom-left": "content-position-bottom-left__ihVMS",
+  "content-position-left": "content-position-left__ICQX2",
+  "content-position-top-right": "content-position-top-right__xbinW",
+  "content-position-top-left": "content-position-top-left__AR6-v",
+  list: o,
+  header: i,
+  footer: n,
+  "header-with-divider": "header-with-divider__hHDYL",
+  "footer-with-divider": "footer-with-divider__TqV8J"
+};
+export {
+  t as content,
+  e as default,
+  n as footer,
+  i as header,
+  o as list
+};
+//# sourceMappingURL=styles.module.css.js.map

package/components/dropdown/styles.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/components/dropdown/toggle-button/index.d.ts

@@ -1,5 +1,5 @@
-import type { FlightIconName } from '../../flight-icon';
-import type { ButtonHTMLAttributes } from 'react';
+import { FlightIconName } from '../../flight-icon';
+import { ButtonHTMLAttributes } from 'react';
 interface DropdownToggleButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Text of the ToggleButton. If no text value is defined, an error will be thrown.

package/components/dropdown/toggle-button/index.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import y from "classnames";
+import { Badge as v } from "../../badge/index.js";
+import { BadgeCount as B } from "../../badge-count/index.js";
+import { Toggle as T } from "../../menu-primitive/index.js";
+import { useMenuPrimitive as z } from "../../menu-primitive/use-menu-primitive.js";
+import { FlightIcon as a } from "../../flight-icon/index.js";
+import o from "./styles.module.scss.js";
+const C = ({
+  text: p,
+  color: t = "primary",
+  size: i = "medium",
+  icon: r,
+  isFullWidth: c,
+  count: n,
+  badge: m,
+  badgeIcon: d,
+  disabled: l,
+  ...g
+}) => {
+  const { isOpen: u, onClickToggle: f } = z(), s = t === "primary" || l ? "filled" : "inverted", h = i === "small" ? 12 : 16;
+  return /* @__PURE__ */ e(T, { children: /* @__PURE__ */ x(
+    "button",
+    {
+      "aria-expanded": u,
+      type: "button",
+      className: y(
+        o["toggle-button"],
+        o[`size-${i}`],
+        o[`color-${t}`],
+        {
+          [o["width-full"]]: c
+        }
+      ),
+      onClick: f,
+      disabled: l,
+      ...g,
+      children: [
+        r && /* @__PURE__ */ e(a, { name: r, size: h }),
+        /* @__PURE__ */ e("div", { className: o.text, children: p }),
+        n && /* @__PURE__ */ e(B, { text: n, size: "small", type: s }),
+        m && /* @__PURE__ */ e(v, { text: m, icon: d, size: "small", type: s }),
+        /* @__PURE__ */ e(N, {})
+      ]
+    }
+  ) });
+};
+C.displayName = "Dropdown.ToggleButton";
+const N = () => /* @__PURE__ */ e(a, { name: "chevron-down", isInlineBlock: !1 });
+export {
+  C as ToggleButton
+};
+//# sourceMappingURL=index.js.map

package/components/dropdown/toggle-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/dropdown/toggle-button/index.tsx"],"sourcesContent":["'use client'\n\nimport classNames from 'classnames'\nimport { Badge } from '../../badge'\nimport { BadgeCount } from '../../badge-count'\nimport { Toggle } from '../../menu-primitive'\nimport { useMenuPrimitive } from '../../menu-primitive/use-menu-primitive'\nimport type { FlightIconName } from '../../flight-icon'\nimport { FlightIcon } from '../../flight-icon'\nimport type { ButtonHTMLAttributes } from 'react'\nimport s from './styles.module.scss'\n\ninterface DropdownToggleButtonProps\n\textends ButtonHTMLAttributes<HTMLButtonElement> {\n\t/**\n\t * Text of the ToggleButton. If no text value is defined, an error will be thrown.\n\t */\n\ttext: string\n\tcolor?: 'primary' | 'secondary'\n\tsize?: 'small' | 'medium'\n\ticon?: string\n\tisFullWidth?: boolean\n\t/**\n\t * Displays an optional count indicator using the Badge Count component.\n\t */\n\tcount?: string\n\t/**\n\t * Displays an optional badge indicator using the Badge component.\n\t */\n\tbadge?: string\n\t/**\n\t * Appends an icon to the optional badge indicator.\n\t */\n\tbadgeIcon?: FlightIconName\n}\n\nconst ToggleButton = ({\n\ttext,\n\tcolor = 'primary',\n\tsize = 'medium',\n\ticon,\n\tisFullWidth,\n\tcount,\n\tbadge,\n\tbadgeIcon,\n\tdisabled,\n\t...rest\n}: DropdownToggleButtonProps) => {\n\tconst { isOpen, onClickToggle } = useMenuPrimitive()\n\tconst badgeType = color === 'primary' || disabled ? 'filled' : 'inverted'\n\tconst iconSize = size === 'small' ? 12 : 16\n\n\treturn (\n\t\t<Toggle>\n\t\t\t<button\n\t\t\t\taria-expanded={isOpen}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={classNames(\n\t\t\t\t\ts['toggle-button'],\n\t\t\t\t\ts[`size-${size}`],\n\t\t\t\t\ts[`color-${color}`],\n\t\t\t\t\t{\n\t\t\t\t\t\t[s['width-full']]: isFullWidth,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t\tonClick={onClickToggle}\n\t\t\t\tdisabled={disabled}\n\t\t\t\t{...rest}\n\t\t\t>\n\t\t\t\t{icon && <FlightIcon name={icon} size={iconSize} />}\n\t\t\t\t<div className={s.text}>{text}</div>\n\t\t\t\t{count && <BadgeCount text={count} size=\"small\" type={badgeType} />}\n\t\t\t\t{badge && (\n\t\t\t\t\t<Badge text={badge} icon={badgeIcon} size=\"small\" type={badgeType} />\n\t\t\t\t)}\n\t\t\t\t<Chevron />\n\t\t\t</button>\n\t\t</Toggle>\n\t)\n}\n\nToggleButton.displayName = 'Dropdown.ToggleButton'\n\nconst Chevron = () => {\n\treturn <FlightIcon name=\"chevron-down\" isInlineBlock={false} />\n}\n\nexport type { DropdownToggleButtonProps }\nexport { ToggleButton }\n"],"names":["ToggleButton","text","color","size","icon","isFullWidth","count","badge","badgeIcon","disabled","rest","isOpen","onClickToggle","useMenuPrimitive","badgeType","iconSize","jsx","Toggle","jsxs","classNames","s","BadgeCount","Badge","Chevron","FlightIcon"],"mappings":";;;;;;;;;AAoCsB,MACrBA,IAAA,CAAA;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAO;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAM,EAAA,QAAAC,GAAA,eAAAC,EAAsB,IAAAC,EAAa,GACnCC,IAAWZ,MAAS,aAAeO,IAAA,WAAA,YAEzCM,IAAAZ,gBACE,KACA;AAAA,SAAC,gBAAAa,EAAAC,GAAA,EAAA,UAAA,gBAAAC;AAAA,IAAA;AAAA,IAAA;AAAA,MAEA,iBAAKP;AAAA,MACL,MAAA;AAAA,MAAW,WACRQ;AAAA,QACFC,EAAE,eAAc;AAAA,QAChBA,EAAE,SAAS,EAAK;AAAA,QAChBA,EAAA,SAAAlB,CAAA,EAAA;AAAA,QAAA;AAAA,UACoB,CAAAkB,EAAA,YAAA,CAAA,GAAAf;AAAA,QAErB;AAAA,MACA;AAAA,MACA,SAAAO;AAAA,MACC,UAAAH;AAAA,MAEA;MAAA,UAAA;AAAA,QAAgDL,KAChD,gBAAAY,KAAe,EAAE,MAAOZ,GAAA,MAAAW,EAAK,CAAA;AAAA,QAC7B,gBAAAC,EAAA,SAAU,WAAAI,QAAW,UAAanB,EAAK,CAAA;AAAA,QACvCK,KACA,gBAAAU,EAACK,GAAM,EAAA,MAAMf,SAAa,SAAW,MAAKQ,EAAQ,CAAA;AAAA,QAAiBP,KAEnE,gBAAAS,EAAAM,GAAQ,EAAA,MAAAf,GAAA,MAAAC,GAAA,MAAA,SAAA,MAAAM,EAAA,CAAA;AAAA,QAAA,gBAAAE,EAAAO,GAAA,CAAA,CAAA;AAAA,MAAA;AAAA;EAIb,EAAA,CAAA;AAEA;AAEAvB,gBAAsB;AACrB,MAAAuB,IAAA,MACD,gBAAAP,EAAAQ,GAAA,EAAA,MAAA,gBAAA,eAAA,GAAA,CAAA;"}

package/components/dropdown/toggle-button/styles.module.scss.js

@@ -0,0 +1,14 @@
+const t = "text__t2BuD", o = {
+  "toggle-button": "toggle-button__0Aljq",
+  "color-primary": "color-primary__gQeWN",
+  "color-secondary": "color-secondary__PGdzj",
+  "width-full": "width-full__K1gGu",
+  text: t,
+  "size-small": "size-small__-mqBv",
+  "size-medium": "size-medium__A-yPf"
+};
+export {
+  o as default,
+  t as text
+};
+//# sourceMappingURL=styles.module.scss.js.map

package/components/dropdown/toggle-button/styles.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/components/flight-icon/flight-icon.module.css.js

@@ -0,0 +1,12 @@
+const n = "loading__-Ng-b", i = "running__6uXP5", l = {
+  "flight-icon": "flight-icon__f6lPO",
+  "display-inline": "display-inline__ItStG",
+  loading: n,
+  running: i
+};
+export {
+  l as default,
+  n as loading,
+  i as running
+};
+//# sourceMappingURL=flight-icon.module.css.js.map

package/components/flight-icon/flight-icon.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flight-icon.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/components/flight-icon/index.d.ts

@@ -1,5 +1,5 @@
-import { type SVGProps } from 'react';
-import type { IconName } from '@hashicorp/flight-icons/svg';
+import { SVGProps } from 'react';
+import { IconName } from '@hashicorp/flight-icons/svg';
 declare const FLIGHT_ICON_SIZES: readonly [12, 16, 24, 32];
 type FlightIconSize = (typeof FLIGHT_ICON_SIZES)[number];
 type FlightIconName = IconName | (string & Record<never, never>);

package/components/flight-icon/index.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as o, jsxs as u, Fragment as I } from "react/jsx-runtime";
+import e from "@hashicorp/flight-icons/svg-sprite/svg-sprite.svg";
+import $ from "classnames";
+import { useId as g } from "react";
+import s from "./flight-icon.module.css.js";
+const _ = [12, 16, 24, 32], S = {
+  12: 16,
+  16: 16,
+  24: 24,
+  32: 24
+}, d = typeof e == "string" ? e : e.src, v = ({
+  name: i,
+  color: f = "currentColor",
+  size: t = 16,
+  stretched: l = !1,
+  isInlineBlock: h = !0,
+  title: r,
+  className: a,
+  ...p
+}) => {
+  const m = g(), c = g(), n = S[t];
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      className: $(
+        s["flight-icon"],
+        `flight-icon-${i}`,
+        {
+          [s["display-inline"]]: h && !l,
+          [s.loading]: i === "loading",
+          [s.running]: i === "running"
+        },
+        a
+      ),
+      ...p,
+      "aria-hidden": r ? "false" : "true",
+      "aria-labelledby": r ? c : void 0,
+      fill: f,
+      id: m,
+      role: r ? "img" : void 0,
+      width: l ? "100%" : t,
+      height: l ? "100%" : t,
+      viewBox: `0 0 ${n} ${n}`,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: r ? /* @__PURE__ */ u(I, { children: [
+        /* @__PURE__ */ o("title", { id: c, children: r }),
+        /* @__PURE__ */ o("g", { role: "presentation", children: /* @__PURE__ */ o("use", { href: `${d}#flight-${i}-${n}` }) })
+      ] }) : /* @__PURE__ */ o("use", { href: `${d}#flight-${i}-${n}` })
+    }
+  );
+};
+v.displayName = "FlightIcon";
+export {
+  _ as FLIGHT_ICON_SIZES,
+  v as FlightIcon
+};
+//# sourceMappingURL=index.js.map

package/components/flight-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/flight-icon/index.tsx"],"sourcesContent":["'use client'\n\nimport svgSprite from '@hashicorp/flight-icons/svg-sprite/svg-sprite.svg'\nimport classNames from 'classnames'\nimport { useId, type SVGProps } from 'react'\nimport type { IconName } from '@hashicorp/flight-icons/svg'\nimport s from './flight-icon.module.css'\n\nconst FLIGHT_ICON_SIZES = [12, 16, 24, 32] as const\ntype FlightIconSize = (typeof FLIGHT_ICON_SIZES)[number]\n\nconst SPRITE_SIZE_MAP = {\n\t12: 16,\n\t16: 16,\n\t24: 24,\n\t32: 24,\n} as const\n\ntype FlightIconName = IconName | (string & Record<never, never>)\n\ninterface FlightIconProps extends SVGProps<SVGSVGElement> {\n\t/**\n\t * The name of the icon you wish to use. Search for existing icon\n\t * names in the Icon library.\n\t */\n\tname: FlightIconName\n\n\t/**\n\t * The `color` prop can be used to change the color. It works by setting\n\t * the value of the icon SVG’s fill property.\n\t */\n\tcolor?: string\n\n\t/**\n\t * The `size` prop can be used to change the size.\n\t */\n\tsize?: FlightIconSize\n\n\t/**\n\t * Determines whether the icon will stretch to fill the parent container.\n\t * Setting it to `true` will make the icon have a height and width of 100%\n\t * and a display of `block`.\n\t */\n\tstretched?: boolean\n\n\t/**\n\t * Sets the `display` style for the icon. Setting it to `false` will make\n\t * the icon have a display of `block`.\n\t */\n\tisInlineBlock?: boolean\n\n\t/**\n\t * Use to add accessible text to standalone icons. This will also change\n\t * the `aria-hidden` value to `false` instead of the default value of `true`.\n\t */\n\ttitle?: string\n\tclassName?: string\n}\n\n// When an SVG file is imported in Next.js, it is an object with a `src`\n// property. However, tools like Webpack and Vite default to returning a URL.\n// This runtime check allows the component to work in all of these cases.\nconst svgSpriteSrc =\n\ttypeof svgSprite === 'string' ? svgSprite : (svgSprite as { src: string }).src\n\nconst FlightIcon = ({\n\tname,\n\tcolor = 'currentColor',\n\tsize = 16,\n\tstretched = false,\n\tisInlineBlock = true,\n\ttitle,\n\tclassName,\n\t...rest\n}: FlightIconProps) => {\n\tconst iconId = useId()\n\tconst titleId = useId()\n\n\tconst spriteSize = SPRITE_SIZE_MAP[size]\n\n\treturn (\n\t\t<svg\n\t\t\tclassName={classNames(\n\t\t\t\ts['flight-icon'],\n\t\t\t\t`flight-icon-${name}`,\n\t\t\t\t{\n\t\t\t\t\t[s['display-inline']]: isInlineBlock && !stretched,\n\t\t\t\t\t[s['loading']]: name === 'loading',\n\t\t\t\t\t[s['running']]: name === 'running',\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...rest}\n\t\t\taria-hidden={title ? 'false' : 'true'}\n\t\t\taria-labelledby={title ? titleId : undefined}\n\t\t\tfill={color}\n\t\t\tid={iconId}\n\t\t\trole={title ? 'img' : undefined}\n\t\t\twidth={stretched ? '100%' : size}\n\t\t\theight={stretched ? '100%' : size}\n\t\t\tviewBox={`0 0 ${spriteSize} ${spriteSize}`}\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t{title ? (\n\t\t\t\t<>\n\t\t\t\t\t<title id={titleId}>{title}</title>\n\t\t\t\t\t<g role=\"presentation\">\n\t\t\t\t\t\t<use href={`${svgSpriteSrc}#flight-${name}-${spriteSize}`}></use>\n\t\t\t\t\t</g>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<use href={`${svgSpriteSrc}#flight-${name}-${spriteSize}`}></use>\n\t\t\t)}\n\t\t</svg>\n\t)\n}\n\nFlightIcon.displayName = 'FlightIcon'\n\nexport type { FlightIconProps, FlightIconSize, FlightIconName }\nexport { FlightIcon, FLIGHT_ICON_SIZES }\n"],"names":["FLIGHT_ICON_SIZES","SPRITE_SIZE_MAP","svgSpriteSrc","svgSprite","FlightIcon","name","color","size","stretched","isInlineBlock","title","className","rest","iconId","titleId","useId","jsx","classNames","spriteSize","jsxs","Fragment"],"mappings":";;;;;;AAWA,MAAMA,IAAkB,CAAA,IAAA,IAAA,IAAA,EAAA,GACnBC,IAAA;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACL,IAAA;AA8CA,GAGMC,IAAc,OAAAC,KAAA,WAAAA,IAAAA,EAAA,KACnBC,IAAA,CAAA;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC,IAAO;AAAA,EACP,MAAAC,IAAA;AAAA,EACA,WAAAC,IAAA;AAAA,EACA,eAAAC,IAAA;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACD,GAAAC;AACC,MAAA;AACA,QAAMC,MAAU,GAEVC,IAAAC,EAAa,SAGlBR,CAAA;AAAA,SAAC,gBAAAS;AAAA,IAAA;AAAA,IAAA;AAAA,MACW,WACRC;AAAA,QACF,eAAe;AAAA,QACf,eAAAZ,CAAA;AAAA,QAAA;AAAA,UAEC,CAAC,EAAE,gBAAa,CAAA,QAAS,CAAAG;AAAA,UACzB,CAAC,EAAE,OAAU,GAAGH,MAAS;AAAA,UAC1B,CAAA,EAAA,OAAA,GAAAA,MAAA;AAAA,QACA;AAAA,QACDM;AAAA,MACC;AAAA,MACD;MACA,mBAAiB,UAAQ;AAAA,MACzB,mBAAMD,IAAAI,IAAA;AAAA,MACN,MAAIR;AAAA,MACJ,IAAAO;AAAA,MACA,MAAAH,IAAO,QAAY;AAAA,MACnB,OAAAF;MACA,QAAAA,IAAgB,SAAUD;AAAA,MAC1B,SAAM,OAAAW,CAAA,IAAAA,CAAA;AAAA,MAEL,OAAA;AAAA,MAEC,UAAAR,IAAO,gBAAAS,EAAIC,GAAU,EAAA,UAAA;AAAA,QACrB,gBAAAJ,EAAC,SAAE,EAAA,IAAKF,GAAA,UACPJ;QAEF,gBAAAM,EAAA,KAEC,EAAA,MAAA,gBAAa,UAA+B,gBAAAA,EAAA,OAAU,EAAI,MAAA,GAAAd,CAAA,WAAAG,CAAA,IAAAa,CAAA,GAAA,CAAA,EAAA,CAAA;AAAA,MAAA,EAAA,CAAA,IAAA,gBAAAF,EAAA,OAAA,EAAA,MAAA,GAAAd,CAAA,WAAAG,CAAA,IAAAa,CAAA,GAAA,CAAA;AAAA,IAE7D;AAAA,EAEF;AAEA;;"}

package/components/form/checkbox/form-checkbox.module.css.js

@@ -0,0 +1,8 @@
+const c = "checkbox__7aEmD", o = {
+  checkbox: c
+};
+export {
+  c as checkbox,
+  o as default
+};
+//# sourceMappingURL=form-checkbox.module.css.js.map

package/components/form/checkbox/form-checkbox.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-checkbox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/components/form/checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentProps, type HTMLProps, type ReactNode } from 'react';
+import { ComponentProps, HTMLProps, ReactNode } from 'react';
 import { Fieldset } from '../fieldset';
 interface CheckboxBaseProps {
     id?: string;