@bi-digital/react 0.0.0-experimental-c293838

package/README.md

@@ -0,0 +1 @@
+# @bi-digital/react

package/dist/chunk-2C3XKBNM.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2C3XKBNM.js.map

package/dist/chunk-2C3XKBNM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-2PYB72CX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2PYB72CX.js.map

package/dist/chunk-2PYB72CX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-3XRBNC3R.js

@@ -0,0 +1,32 @@
+// src/components/form/label/label.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Label = ({
+  children,
+  labelFontStyle,
+  htmlFor,
+  required,
+  disabled,
+  dark,
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "label",
+    {
+      ...props,
+      className: clsx("bi-label", className),
+      "data-dark": dark,
+      "data-required": required,
+      "data-font-style": labelFontStyle,
+      "aria-disabled": disabled,
+      htmlFor,
+      children
+    }
+  );
+};
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-3XRBNC3R.js.map

package/dist/chunk-3XRBNC3R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/label/label.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { ComponentProps } from 'react';\n\nexport type LabelProps = ComponentProps<'label'> & {\n  /** The font style of the label. */\n  labelFontStyle?: 'regular' | 'bold';\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  /** Is the component displayed on a dark background. */\n  dark?: boolean;\n  /**\n   * The type of label. `label` is used for labeling specific elements. `legend` is a broad label used for a group of objects.\n   * @default 'label'\n   */\n  type?: 'label' | 'legend';\n};\n\n/**\n * Accessible label component that can be used to display a label and help text for form fields.\n */\nexport const Label = ({\n  children,\n  labelFontStyle,\n  htmlFor,\n  required,\n  disabled,\n  dark,\n  className,\n  ...props\n}: LabelProps) => {\n  return (\n    <label\n      {...props}\n      className={clsx('bi-label', className)}\n      data-dark={dark}\n      data-required={required}\n      data-font-style={labelFontStyle}\n      aria-disabled={disabled}\n      htmlFor={htmlFor}\n    >\n      {children}\n    </label>\n  );\n};\n"],"mappings":";AAAA,OAAO,UAAU;AAgCb;AAXG,IAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,KAAK,YAAY,SAAS;AAAA,MACrC,aAAW;AAAA,MACX,iBAAe;AAAA,MACf,mBAAiB;AAAA,MACjB,iBAAe;AAAA,MACf;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-4WOE4T43.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-4WOE4T43.js.map

package/dist/chunk-4WOE4T43.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-BBMVGCDE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-BBMVGCDE.js.map

package/dist/chunk-BBMVGCDE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-DT6EO53O.js

@@ -0,0 +1,46 @@
+import {
+  InputGroup
+} from "./chunk-SX22Q2HZ.js";
+
+// src/components/form/input/input.tsx
+import { jsx } from "react/jsx-runtime";
+var Input = ({
+  dark = false,
+  className,
+  errorMessage,
+  labelProps,
+  label,
+  id,
+  style,
+  stretch,
+  disabled,
+  readOnly,
+  startAdornment,
+  endAdornment,
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    InputGroup,
+    {
+      className,
+      disabled,
+      dark,
+      stretch,
+      errorMessage,
+      id,
+      label,
+      labelProps,
+      readOnly,
+      style,
+      startAdornment,
+      endAdornment,
+      children: /* @__PURE__ */ jsx("input", { ...props, className: "bi-input", disabled, readOnly, ref })
+    }
+  );
+};
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-DT6EO53O.js.map

package/dist/chunk-DT6EO53O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/input/input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react';\nimport { InputGroup } from '../input-group';\nimport type { InputGroupProps } from '../input-group';\n\nexport type InputProps = Omit<InputGroupProps & InputHTMLAttributes<HTMLInputElement>, 'children'> & {\n  ref?: Ref<HTMLInputElement>;\n};\n\nexport const Input = ({\n  dark = false,\n  className,\n  errorMessage,\n  labelProps,\n  label,\n  id,\n  style,\n  stretch,\n  disabled,\n  readOnly,\n  startAdornment,\n  endAdornment,\n  ref,\n  ...props\n}: InputProps) => {\n  return (\n    <InputGroup\n      className={className}\n      disabled={disabled}\n      dark={dark}\n      stretch={stretch}\n      errorMessage={errorMessage}\n      id={id}\n      label={label}\n      labelProps={labelProps}\n      readOnly={readOnly}\n      style={style}\n      startAdornment={startAdornment}\n      endAdornment={endAdornment}\n    >\n      <input {...props} className='bi-input' disabled={disabled} readOnly={readOnly} ref={ref} />\n    </InputGroup>\n  );\n};\n"],"mappings":";;;;;AAuCM;AA/BC,IAAM,QAAQ,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,WAAO,GAAG,OAAO,WAAU,YAAW,UAAoB,UAAoB,KAAU;AAAA;AAAA,EAC3F;AAEJ;","names":[]}

package/dist/chunk-DZDPC6SE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DZDPC6SE.js.map

package/dist/chunk-DZDPC6SE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-IT2O6DB2.js

@@ -0,0 +1,53 @@
+import {
+  Spinner
+} from "./chunk-RONRQXS6.js";
+
+// src/components/button/button.tsx
+import clsx from "clsx/lite";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = ({
+  asChild,
+  variant = "filled",
+  size = "medium",
+  stretch,
+  dark,
+  submitting,
+  icon,
+  children,
+  className,
+  startIcon,
+  endIcon,
+  active,
+  ref,
+  ...props
+}) => {
+  const Component = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsxs(
+    Component,
+    {
+      "aria-busy": Boolean(submitting) || void 0,
+      "aria-disabled": Boolean(submitting) || void 0,
+      className: clsx("bi-button", className),
+      "data-variant": variant,
+      "data-size": size,
+      "data-stretch": stretch || void 0,
+      "data-dark": dark || void 0,
+      "data-icon": icon || void 0,
+      "data-active": active || void 0,
+      ref,
+      type: asChild ? void 0 : "button",
+      ...props,
+      children: [
+        !icon && (submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", className: "bi-button--start-icon" }) : startIcon && /* @__PURE__ */ jsx("span", { className: "bi-button--start-icon", children: startIcon })),
+        /* @__PURE__ */ jsx(Slottable, { children: icon && submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true" }) : children }),
+        !icon && endIcon && /* @__PURE__ */ jsx("span", { className: "bi-button--end-icon", children: endIcon })
+      ]
+    }
+  );
+};
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-IT2O6DB2.js.map

package/dist/chunk-IT2O6DB2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button/button.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { Spinner } from '../spinner';\nimport { MergeRight } from '../../utilities';\n\nexport type ButtonProps = MergeRight<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  {\n    /**\n     * The button size.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The button variant.\n     * @default 'filled'\n     */\n    variant?: 'filled' | 'outlined' | 'text' | 'flat';\n    /**\n     * Stretch the button to the full width.\n     * @default false\n     */\n    stretch?: boolean;\n    /**\n     * Is the component displayed on a dark background.\n     * @default false\n     */\n    dark?: boolean;\n    /**\n     * Display a loading animation with the Spinner-component.\n     * Replaces the `startIcon` if used\n     * @default false\n     */\n    submitting?: boolean;\n    /**\n     * Display as icon-button, only use when showing an icon as the label.\n     * Not compatible with the icon-slots or `stretch`.\n     * Always provide a descriptive aria-label for accessibility when set to true.\n     * @default false\n     */\n    icon?: boolean;\n    /** Set an icon before the button label, no effect if `icon=true` */\n    startIcon?: ReactNode;\n    /** Set an icon after the button label, no effect if `icon=true` */\n    endIcon?: ReactNode;\n    /** Make the button active by showing an active state. */\n    active?: boolean;\n    ref?: Ref<HTMLButtonElement>;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    /**\n     * Specify the type of button. Unset when `asChild` is true\n     * @default 'button'\n     */\n    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];\n  }\n>;\n\nexport const Button = ({\n  asChild,\n  variant = 'filled',\n  size = 'medium',\n  stretch,\n  dark,\n  submitting,\n  icon,\n  children,\n  className,\n  startIcon,\n  endIcon,\n  active,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const Component = asChild ? Slot : 'button';\n\n  return (\n    <Component\n      aria-busy={Boolean(submitting) || undefined}\n      aria-disabled={Boolean(submitting) || undefined}\n      className={clsx('bi-button', className)}\n      data-variant={variant}\n      data-size={size}\n      data-stretch={stretch || undefined}\n      data-dark={dark || undefined}\n      data-icon={icon || undefined}\n      data-active={active || undefined}\n      ref={ref}\n      /* don't set type when we use `asChild` */\n      type={asChild ? undefined : 'button'}\n      /* if consumers set type, our default does not set anything, as `rest` contains this */\n      {...props}\n    >\n      {!icon &&\n        (submitting ? (\n          <Spinner aria-hidden='true' className='bi-button--start-icon' />\n        ) : (\n          startIcon && <span className='bi-button--start-icon'>{startIcon}</span>\n        ))}\n      <Slottable>{icon && submitting ? <Spinner aria-hidden='true' /> : children}</Slottable>\n      {!icon && endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,UAAU;AAEjB,SAAS,MAAM,iBAAiB;AA+E5B,SAkBM,KAlBN;AAnBG,IAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW,QAAQ,UAAU,KAAK;AAAA,MAClC,iBAAe,QAAQ,UAAU,KAAK;AAAA,MACtC,WAAW,KAAK,aAAa,SAAS;AAAA,MACtC,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,gBAAc,WAAW;AAAA,MACzB,aAAW,QAAQ;AAAA,MACnB,aAAW,QAAQ;AAAA,MACnB,eAAa,UAAU;AAAA,MACvB;AAAA,MAEA,MAAM,UAAU,SAAY;AAAA,MAE3B,GAAG;AAAA,MAEH;AAAA,SAAC,SACC,aACC,oBAAC,WAAQ,eAAY,QAAO,WAAU,yBAAwB,IAE9D,aAAa,oBAAC,UAAK,WAAU,yBAAyB,qBAAU;AAAA,QAEpE,oBAAC,aAAW,kBAAQ,aAAa,oBAAC,WAAQ,eAAY,QAAO,IAAK,UAAS;AAAA,QAC1E,CAAC,QAAQ,WAAW,oBAAC,UAAK,WAAU,uBAAuB,mBAAQ;AAAA;AAAA;AAAA,EACtE;AAEJ;","names":[]}

package/dist/chunk-LLNHMZB2.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-LLNHMZB2.js.map

package/dist/chunk-LLNHMZB2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-MXDZGWL4.js

@@ -0,0 +1,33 @@
+import {
+  Logo
+} from "./chunk-NLZRLXFN.js";
+
+// src/components/navbar/navbar.tsx
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Navbar = ({
+  dark = false,
+  fixed = false,
+  menuAreaLabel,
+  homeAriaLabel,
+  skipLink,
+  homeHref,
+  logo,
+  children,
+  className,
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs("nav", { ...props, className: clsx("bi-navbar", className), "data-fixed": fixed, "data-dark": dark, ref, children: [
+    skipLink && /* @__PURE__ */ jsx("a", { className: "bi-navbar__skip-link", href: skipLink.href, children: skipLink.label }),
+    /* @__PURE__ */ jsxs("header", { className: "bi-navbar__header", "aria-label": menuAreaLabel, children: [
+      /* @__PURE__ */ jsx("a", { "aria-label": homeAriaLabel, href: homeHref, children: logo || /* @__PURE__ */ jsx(Logo, { dark }) }),
+      children
+    ] })
+  ] });
+};
+
+export {
+  Navbar
+};
+//# sourceMappingURL=chunk-MXDZGWL4.js.map

package/dist/chunk-MXDZGWL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navbar/navbar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Logo } from '../logo';\nimport { MergeRight } from '../../utilities';\n\nexport type NavbarProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Determines if the navbar should be dark or light.\n     * @default false\n     */\n    dark?: boolean;\n    /**\n     * Skip link.\n     */\n    skipLink?: { label: string; href: string };\n    /**\n     * Text for menu area label.\n     */\n    menuAreaLabel: string;\n    /**\n     * Determines if the navbar should be fixed.\n     * @default false\n     */\n    fixed?: boolean;\n    /**\n     * Aria label for the home link.\n     */\n    homeAriaLabel: string;\n    /**\n     * Href for the home link.\n     */\n    homeHref: string;\n    /**\n     * Override the default logo\n     */\n    logo?: ReactNode;\n    ref?: Ref<HTMLElement>;\n  }\n>;\n\nexport const Navbar = ({\n  dark = false,\n  fixed = false,\n  menuAreaLabel,\n  homeAriaLabel,\n  skipLink,\n  homeHref,\n  logo,\n  children,\n  className,\n  ref,\n  ...props\n}: NavbarProps) => {\n  return (\n    <nav {...props} className={clsx('bi-navbar', className)} data-fixed={fixed} data-dark={dark} ref={ref}>\n      {skipLink && (\n        <a className='bi-navbar__skip-link' href={skipLink.href}>\n          {skipLink.label}\n        </a>\n      )}\n      <header className='bi-navbar__header' aria-label={menuAreaLabel}>\n        <a aria-label={homeAriaLabel} href={homeHref}>\n          {logo || <Logo dark={dark} />}\n        </a>\n        {children}\n      </header>\n    </nav>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,UAAU;AA0DT,cAIF,YAJE;AAhBD,IAAM,SAAS,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,SACE,qBAAC,SAAK,GAAG,OAAO,WAAW,KAAK,aAAa,SAAS,GAAG,cAAY,OAAO,aAAW,MAAM,KAC1F;AAAA,gBACC,oBAAC,OAAE,WAAU,wBAAuB,MAAM,SAAS,MAChD,mBAAS,OACZ;AAAA,IAEF,qBAAC,YAAO,WAAU,qBAAoB,cAAY,eAChD;AAAA,0BAAC,OAAE,cAAY,eAAe,MAAM,UACjC,kBAAQ,oBAAC,QAAK,MAAY,GAC7B;AAAA,MACC;AAAA,OACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-NLZRLXFN.js

@@ -0,0 +1,30 @@
+// src/components/logo/logo.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Logo = ({
+  dark = false,
+  international = false,
+  vertical = false,
+  size = "medium",
+  className,
+  ref,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      className: clsx("bi-logo", className),
+      "data-dark": dark,
+      "data-international": international,
+      "data-vertical": vertical,
+      "data-size": size,
+      ref
+    }
+  );
+};
+
+export {
+  Logo
+};
+//# sourceMappingURL=chunk-NLZRLXFN.js.map

package/dist/chunk-NLZRLXFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, Ref } from 'react';\nimport { MergeRight } from '../../utilities';\n\nexport type LogoProps = MergeRight<\n  Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n  {\n    /**\n     * Determines if the logo should be displayed in the negative version,\n     * useful when displaying the logo on a dark background.\n     * @default false\n     */\n    dark?: boolean;\n    /**\n     * Determines if the international logo should be used.\n     * @default false\n     */\n    international?: boolean;\n    /**\n     * Determines if the logo text should be displayed vertically.\n     * Only applies when `international` is `true`.\n     * @default false\n     */\n    vertical?: boolean;\n    /**\n     * Determines the height of the logo.\n     * @default 'medium'\n     */\n    size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\nexport const Logo = ({\n  dark = false,\n  international = false,\n  vertical = false,\n  size = 'medium',\n  className,\n  ref,\n  ...props\n}: LogoProps) => {\n  return (\n    <span\n      {...props}\n      className={clsx('bi-logo', className)}\n      data-dark={dark}\n      data-international={international}\n      data-vertical={vertical}\n      data-size={size}\n      ref={ref}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAO,UAAU;AA2Cb;AAVG,IAAM,OAAO,CAAC;AAAA,EACnB,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW,SAAS;AAAA,MACpC,aAAW;AAAA,MACX,sBAAoB;AAAA,MACpB,iBAAe;AAAA,MACf,aAAW;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-PD4PXDK2.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-PD4PXDK2.js.map

package/dist/chunk-PD4PXDK2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-RAZCAHWX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RAZCAHWX.js.map

package/dist/chunk-RAZCAHWX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-RELDFXH4.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RELDFXH4.js.map

package/dist/chunk-RELDFXH4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-RONRQXS6.js

@@ -0,0 +1,11 @@
+// src/components/spinner/spinner.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var Spinner = ({ color = "inherit", size, className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: clsx("bi-spinner", className), "data-size": size, "data-color": color, ...props });
+};
+
+export {
+  Spinner
+};
+//# sourceMappingURL=chunk-RONRQXS6.js.map

package/dist/chunk-RONRQXS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/spinner.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes } from 'react';\nimport { MergeRight } from '../../utilities';\n\nexport type SpinnerProps = MergeRight<\n  HTMLAttributes<HTMLSpanElement>,\n  {\n    /**\n     * The color of the spinner.\n     * @default 'inherit'\n     */\n    color?: 'inherit' | 'black';\n    /**\n     * The size of the spinner.\n     * It sets the font-size as the width and height is `1em`. If not set, the spinner will inherit the font size of its parent.\n     */\n    size?: 'small' | 'medium' | 'large' | 'xl' | '2xl';\n  }\n>;\n\nexport const Spinner = ({ color = 'inherit', size, className, ...props }: SpinnerProps) => {\n  return <span className={clsx('bi-spinner', className)} data-size={size} data-color={color} {...props} />;\n};\n"],"mappings":";AAAA,OAAO,UAAU;AAqBR;AADF,IAAM,UAAU,CAAC,EAAE,QAAQ,WAAW,MAAM,WAAW,GAAG,MAAM,MAAoB;AACzF,SAAO,oBAAC,UAAK,WAAW,KAAK,cAAc,SAAS,GAAG,aAAW,MAAM,cAAY,OAAQ,GAAG,OAAO;AACxG;","names":[]}

package/dist/chunk-RVKE5NZR.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RVKE5NZR.js.map

package/dist/chunk-RVKE5NZR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-SGVCN25U.js

@@ -0,0 +1,11 @@
+// src/components/form/error-message/error-message.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var ErrorMessage = ({ children, id, className, ref, ...props }) => {
+  return /* @__PURE__ */ jsx("div", { "aria-live": "polite", className: clsx("bi-error-message", className), id, ref, ...props, children });
+};
+
+export {
+  ErrorMessage
+};
+//# sourceMappingURL=chunk-SGVCN25U.js.map

package/dist/chunk-SGVCN25U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/error-message/error-message.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentProps, Ref } from 'react';\n\nexport type ErrorMessageProps = Omit<ComponentProps<'div'>, 'id'> & {\n  id: string;\n  ref?: Ref<HTMLElement>;\n};\n\nexport const ErrorMessage = ({ children, id, className, ref, ...props }: ErrorMessageProps) => {\n  return (\n    <div aria-live='polite' className={clsx('bi-error-message', className as undefined)} id={id} ref={ref} {...props}>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";AAAA,OAAO,UAAU;AAUb;AAFG,IAAM,eAAe,CAAC,EAAE,UAAU,IAAI,WAAW,KAAK,GAAG,MAAM,MAAyB;AAC7F,SACE,oBAAC,SAAI,aAAU,UAAS,WAAW,KAAK,oBAAoB,SAAsB,GAAG,IAAQ,KAAW,GAAG,OACxG,UACH;AAEJ;","names":[]}

package/dist/chunk-SHVA4JJZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-SHVA4JJZ.js.map

package/dist/chunk-SHVA4JJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-SX22Q2HZ.js

@@ -0,0 +1,84 @@
+import {
+  Label
+} from "./chunk-3XRBNC3R.js";
+import {
+  ErrorMessage
+} from "./chunk-SGVCN25U.js";
+
+// src/components/form/input-group/input-group.tsx
+import { useId, Children, isValidElement, cloneElement } from "react";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InputGroup = ({
+  id,
+  className,
+  style,
+  dark = false,
+  stretch = false,
+  errorMessage,
+  errorMessageProps,
+  labelProps: { className: labelClassName, ...labelProps } = {},
+  label,
+  disabled,
+  readOnly,
+  required,
+  children,
+  startAdornment,
+  endAdornment,
+  ref,
+  ...props
+}) => {
+  const errorMessageId = useId();
+  const inputId = useId();
+  const renderInput = () => {
+    const inputProps = {
+      "aria-describedby": errorMessage ? errorMessageId : void 0,
+      "aria-invalid": errorMessage ? true : void 0,
+      id: id ?? inputId,
+      className: "bi-input"
+    };
+    const input = Children.toArray(children)[0];
+    if (!isValidElement(input)) {
+      return;
+    }
+    return cloneElement(input, {
+      ...inputProps,
+      ...input.props,
+      className: `${inputProps.className} ${input.props.className ?? ""}`
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: clsx("bi-input-group", className),
+      "data-dark": dark,
+      "data-stretch": stretch,
+      ref,
+      style,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Label, { className: labelClassName, required, ...labelProps, htmlFor: id ?? inputId, children: label }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: clsx("bi-input-group__input-wrapper"),
+            "data-disabled": disabled,
+            "data-readonly": readOnly,
+            "data-error": errorMessage ? true : void 0,
+            children: [
+              startAdornment && /* @__PURE__ */ jsx("span", { "data-start-adornment": "true", children: startAdornment }),
+              renderInput(),
+              endAdornment && /* @__PURE__ */ jsx("span", { "data-end-adornment": "true", children: endAdornment })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(ErrorMessage, { id: errorMessageId, ...errorMessageProps, children: errorMessage })
+      ]
+    }
+  );
+};
+
+export {
+  InputGroup
+};
+//# sourceMappingURL=chunk-SX22Q2HZ.js.map

package/dist/chunk-SX22Q2HZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/input-group/input-group.tsx"],"sourcesContent":["import { useId, Children, isValidElement, cloneElement } from 'react';\nimport type { ComponentProps, LabelHTMLAttributes, ReactNode, Ref } from 'react';\nimport clsx from 'clsx';\nimport { ErrorMessage, type ErrorMessageProps } from '../error-message';\nimport { Label } from '../label';\n\ninterface InputProps {\n  'aria-describedby'?: string;\n  'aria-invalid'?: boolean;\n  id?: string;\n  className?: string;\n}\n\nexport type InputGroupProps = ComponentProps<'div'> & {\n  dark?: boolean;\n  stretch?: boolean;\n  errorMessage?: ReactNode;\n  errorMessageProps?: Partial<ErrorMessageProps>;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  label: ReactNode;\n  disabled?: boolean;\n  readOnly?: boolean;\n  required?: boolean;\n  /**\n   * `children` must be a single input element.\n   */\n  children: Exclude<ReactNode, Iterable<ReactNode>>;\n  /** Add an adornment to the start of the input. */\n  startAdornment?: ReactNode;\n  /** Add an adornment to the end of the input. */\n  endAdornment?: ReactNode;\n  ref?: Ref<HTMLDivElement>;\n};\n\nexport const InputGroup = ({\n  id,\n  className,\n  style,\n  dark = false,\n  stretch = false,\n  errorMessage,\n  errorMessageProps,\n  labelProps: { className: labelClassName, ...labelProps } = {},\n  label,\n  disabled,\n  readOnly,\n  required,\n  children,\n  startAdornment,\n  endAdornment,\n  ref,\n  ...props\n}: InputGroupProps) => {\n  const errorMessageId = useId();\n  const inputId = useId();\n\n  const renderInput = () => {\n    const inputProps: InputProps = {\n      'aria-describedby': errorMessage ? errorMessageId : undefined,\n      'aria-invalid': errorMessage ? true : undefined,\n      id: id ?? inputId,\n      className: 'bi-input',\n    };\n\n    const input: ReactNode = Children.toArray(children)[0];\n\n    if (!isValidElement<InputProps>(input)) {\n      return;\n    }\n\n    return cloneElement<InputProps>(input, {\n      ...inputProps,\n      ...input.props,\n      className: `${inputProps.className} ${input.props.className ?? ''}`,\n    });\n  };\n\n  return (\n    <div\n      className={clsx('bi-input-group', className)}\n      data-dark={dark}\n      data-stretch={stretch}\n      ref={ref}\n      style={style}\n      {...props}\n    >\n      <Label className={labelClassName} required={required} {...labelProps} htmlFor={id ?? inputId}>\n        {label}\n      </Label>\n      <div\n        className={clsx('bi-input-group__input-wrapper')}\n        data-disabled={disabled}\n        data-readonly={readOnly}\n        data-error={errorMessage ? true : undefined}\n      >\n        {startAdornment && <span data-start-adornment='true'>{startAdornment}</span>}\n        {renderInput()}\n        {endAdornment && <span data-end-adornment='true'>{endAdornment}</span>}\n      </div>\n      <ErrorMessage id={errorMessageId} {...errorMessageProps}>\n        {errorMessage}\n      </ErrorMessage>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,SAAS,OAAO,UAAU,gBAAgB,oBAAoB;AAE9D,OAAO,UAAU;AAoFX,cAGA,YAHA;AApDC,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,YAAY,EAAE,WAAW,gBAAgB,GAAG,WAAW,IAAI,CAAC;AAAA,EAC5D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,iBAAiB,MAAM;AAC7B,QAAM,UAAU,MAAM;AAEtB,QAAM,cAAc,MAAM;AACxB,UAAM,aAAyB;AAAA,MAC7B,oBAAoB,eAAe,iBAAiB;AAAA,MACpD,gBAAgB,eAAe,OAAO;AAAA,MACtC,IAAI,MAAM;AAAA,MACV,WAAW;AAAA,IACb;AAEA,UAAM,QAAmB,SAAS,QAAQ,QAAQ,EAAE,CAAC;AAErD,QAAI,CAAC,eAA2B,KAAK,GAAG;AACtC;AAAA,IACF;AAEA,WAAO,aAAyB,OAAO;AAAA,MACrC,GAAG;AAAA,MACH,GAAG,MAAM;AAAA,MACT,WAAW,GAAG,WAAW,SAAS,IAAI,MAAM,MAAM,aAAa,EAAE;AAAA,IACnE,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,kBAAkB,SAAS;AAAA,MAC3C,aAAW;AAAA,MACX,gBAAc;AAAA,MACd;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,SAAM,WAAW,gBAAgB,UAAqB,GAAG,YAAY,SAAS,MAAM,SAClF,iBACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,KAAK,+BAA+B;AAAA,YAC/C,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,cAAY,eAAe,OAAO;AAAA,YAEjC;AAAA,gCAAkB,oBAAC,UAAK,wBAAqB,QAAQ,0BAAe;AAAA,cACpE,YAAY;AAAA,cACZ,gBAAgB,oBAAC,UAAK,sBAAmB,QAAQ,wBAAa;AAAA;AAAA;AAAA,QACjE;AAAA,QACA,oBAAC,gBAAa,IAAI,gBAAiB,GAAG,mBACnC,wBACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-TUJK53CY.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TUJK53CY.js.map

package/dist/chunk-TUJK53CY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-VPE7VEBG.js

@@ -0,0 +1,8 @@
+// src/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
+import { useEffect, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+export {
+  useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=chunk-VPE7VEBG.js.map

package/dist/chunk-VPE7VEBG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts"],"sourcesContent":["// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect\n\nimport { useEffect, useLayoutEffect } from 'react';\n\nexport const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;\n"],"mappings":";AAEA,SAAS,WAAW,uBAAuB;AAEpC,IAAM,4BAA4B,OAAO,WAAW,cAAc,kBAAkB;","names":[]}

package/dist/components/button/button.d.ts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+import { MergeRight } from '../../utilities/types.js';
+
+type ButtonProps = MergeRight<ButtonHTMLAttributes<HTMLButtonElement>, {
+    /**
+     * The button size.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The button variant.
+     * @default 'filled'
+     */
+    variant?: 'filled' | 'outlined' | 'text' | 'flat';
+    /**
+     * Stretch the button to the full width.
+     * @default false
+     */
+    stretch?: boolean;
+    /**
+     * Is the component displayed on a dark background.
+     * @default false
+     */
+    dark?: boolean;
+    /**
+     * Display a loading animation with the Spinner-component.
+     * Replaces the `startIcon` if used
+     * @default false
+     */
+    submitting?: boolean;
+    /**
+     * Display as icon-button, only use when showing an icon as the label.
+     * Not compatible with the icon-slots or `stretch`.
+     * Always provide a descriptive aria-label for accessibility when set to true.
+     * @default false
+     */
+    icon?: boolean;
+    /** Set an icon before the button label, no effect if `icon=true` */
+    startIcon?: ReactNode;
+    /** Set an icon after the button label, no effect if `icon=true` */
+    endIcon?: ReactNode;
+    /** Make the button active by showing an active state. */
+    active?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+}>;
+declare const Button: ({ asChild, variant, size, stretch, dark, submitting, icon, children, className, startIcon, endIcon, active, ref, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button, type ButtonProps };

package/dist/components/button/button.js

@@ -0,0 +1,9 @@
+import {
+  Button
+} from "../../chunk-IT2O6DB2.js";
+import "../../chunk-2C3XKBNM.js";
+import "../../chunk-RONRQXS6.js";
+export {
+  Button
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,4 @@
+export { Button, ButtonProps } from './button.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../../utilities/types.js';

package/dist/components/button/index.js

@@ -0,0 +1,10 @@
+import "../../chunk-BBMVGCDE.js";
+import {
+  Button
+} from "../../chunk-IT2O6DB2.js";
+import "../../chunk-2C3XKBNM.js";
+import "../../chunk-RONRQXS6.js";
+export {
+  Button
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/form/error-message/error-message.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps, Ref } from 'react';
+
+type ErrorMessageProps = Omit<ComponentProps<'div'>, 'id'> & {
+    id: string;
+    ref?: Ref<HTMLElement>;
+};
+declare const ErrorMessage: ({ children, id, className, ref, ...props }: ErrorMessageProps) => react_jsx_runtime.JSX.Element;
+
+export { ErrorMessage, type ErrorMessageProps };

package/dist/components/form/error-message/error-message.js

@@ -0,0 +1,7 @@
+import {
+  ErrorMessage
+} from "../../../chunk-SGVCN25U.js";
+export {
+  ErrorMessage
+};
+//# sourceMappingURL=error-message.js.map

package/dist/components/form/error-message/error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/form/error-message/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorMessage, ErrorMessageProps } from './error-message.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/components/form/error-message/index.js

@@ -0,0 +1,8 @@
+import "../../../chunk-RVKE5NZR.js";
+import {
+  ErrorMessage
+} from "../../../chunk-SGVCN25U.js";
+export {
+  ErrorMessage
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/error-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

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

@@ -0,0 +1,6 @@
+export { ErrorMessage, ErrorMessageProps } from './error-message/error-message.js';
+export { Input, InputProps } from './input/input.js';
+export { InputGroup, InputGroupProps } from './input-group/input-group.js';
+export { Label, LabelProps } from './label/label.js';
+import 'react/jsx-runtime';
+import 'react';