@bi-digital/react 0.2.10 → 0.2.12

package/README.md

@@ -1,54 +1 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-});
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x';
-import reactDom from 'eslint-plugin-react-dom';
-
-export default tseslint.config({
-  plugins: {
-    // Add the react-x and react-dom plugins
-    'react-x': reactX,
-    'react-dom': reactDom,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended typescript rules
-    ...reactX.configs['recommended-typescript'].rules,
-    ...reactDom.configs.recommended.rules,
-  },
-});
-```
+# @bi-digital/react

package/dist/chunk-2C3XKBNM.js

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

package/dist/chunk-2PYB72CX.js

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

package/dist/{chunk-3OKTD2AD.js → chunk-3XRBNC3R.js}

@@ -1,4 +1,4 @@
-// src/form/label/label.tsx
+// src/components/form/label/label.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 var Label = ({
@@ -29,4 +29,4 @@ var Label = ({
 export {
   Label
 };
-//# sourceMappingURL=chunk-3OKTD2AD.js.map
+//# 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-BBMVGCDE.js

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

package/dist/{chunk-45MAIFC5.js → chunk-DT6EO53O.js}

@@ -1,8 +1,8 @@
 import {
   InputGroup
-} from "./chunk-2O4QJORU.js";
+} from "./chunk-SX22Q2HZ.js";
 
-// src/form/input/input.tsx
+// src/components/form/input/input.tsx
 import { jsx } from "react/jsx-runtime";
 var Input = ({
   dark = false,
@@ -43,4 +43,4 @@ var Input = ({
 export {
   Input
 };
-//# sourceMappingURL=chunk-45MAIFC5.js.map
+//# 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-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-6UM2LO6A.js → chunk-MXDZGWL4.js}

@@ -1,8 +1,8 @@
 import {
   Logo
-} from "./chunk-4SI37MJP.js";
+} from "./chunk-NLZRLXFN.js";
 
-// src/navbar/navbar.tsx
+// src/components/navbar/navbar.tsx
 import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Navbar = ({
@@ -30,4 +30,4 @@ var Navbar = ({
 export {
   Navbar
 };
-//# sourceMappingURL=chunk-6UM2LO6A.js.map
+//# 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-4SI37MJP.js → chunk-NLZRLXFN.js}

@@ -1,4 +1,4 @@
-// src/logo/logo.tsx
+// src/components/logo/logo.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 var Logo = ({
@@ -27,4 +27,4 @@ var Logo = ({
 export {
   Logo
 };
-//# sourceMappingURL=chunk-4SI37MJP.js.map
+//# 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-RAZCAHWX.js

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

package/dist/chunk-RELDFXH4.js

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

package/dist/{chunk-V5WV7RSY.js → chunk-RONRQXS6.js}

@@ -1,4 +1,4 @@
-// src/spinner/spinner.tsx
+// src/components/spinner/spinner.tsx
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 var Spinner = ({ color = "inherit", size, className, ...props }) => {
@@ -8,4 +8,4 @@ var Spinner = ({ color = "inherit", size, className, ...props }) => {
 export {
   Spinner
 };
-//# sourceMappingURL=chunk-V5WV7RSY.js.map
+//# 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-PZHZKBNQ.js → chunk-SGVCN25U.js}

@@ -1,4 +1,4 @@
-// src/form/error-message/error-message.tsx
+// 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 }) => {
@@ -8,4 +8,4 @@ var ErrorMessage = ({ children, id, className, ref, ...props }) => {
 export {
   ErrorMessage
 };
-//# sourceMappingURL=chunk-PZHZKBNQ.js.map
+//# 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-2O4QJORU.js → chunk-SX22Q2HZ.js}

@@ -1,11 +1,11 @@
 import {
   Label
-} from "./chunk-3OKTD2AD.js";
+} from "./chunk-3XRBNC3R.js";
 import {
   ErrorMessage
-} from "./chunk-PZHZKBNQ.js";
+} from "./chunk-SGVCN25U.js";
 
-// src/form/input-group/input-group.tsx
+// 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";
@@ -81,4 +81,4 @@ var InputGroup = ({
 export {
   InputGroup
 };
-//# sourceMappingURL=chunk-2O4QJORU.js.map
+//# 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-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/{button → components/button}/button.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode, Ref } from 'react';
+import { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
+import { MergeRight } from '../../utilities/types.js';
 
-type ButtonProps = ComponentProps<'button' | 'a'> & {
+type ButtonProps = MergeRight<ButtonHTMLAttributes<HTMLButtonElement>, {
     /**
      * The button size.
      * @default 'medium'
@@ -22,11 +23,6 @@ type ButtonProps = ComponentProps<'button' | 'a'> & {
      * @default false
      */
     dark?: boolean;
-    /**
-     * Decides if the button is disabled.
-     * @default false
-     */
-    disabled?: boolean;
     /**
      * Display a loading animation with the Spinner-component.
      * Replaces the `startIcon` if used
@@ -40,24 +36,24 @@ type ButtonProps = ComponentProps<'button' | 'a'> & {
      * @default false
      */
     icon?: boolean;
-    /**
-     * Contains a URL or a URL fragment that the hyperlink points to.
-     * If this property is set, a link styled as a button will be rendered.
-     */
-    href?: string;
-    /**
-     * Specifies where to display the linked URL.
-     * Only applies when an `href` is provided.
-     */
-    target?: '_blank' | '_self' | '_parent' | '_top';
     /** 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<HTMLAnchorElement | HTMLButtonElement>;
-};
-declare const Button: ({ variant, size, stretch, dark, disabled, submitting, icon, children, className, startIcon, endIcon, active, href, target, ref, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+    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/{button → components/button}/index.d.ts

@@ -1,3 +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/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/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/index.js

@@ -0,0 +1,24 @@
+import "../../chunk-PD4PXDK2.js";
+import "../../chunk-LLNHMZB2.js";
+import {
+  Input
+} from "../../chunk-DT6EO53O.js";
+import "../../chunk-RAZCAHWX.js";
+import {
+  InputGroup
+} from "../../chunk-SX22Q2HZ.js";
+import "../../chunk-RVKE5NZR.js";
+import "../../chunk-RELDFXH4.js";
+import {
+  Label
+} from "../../chunk-3XRBNC3R.js";
+import {
+  ErrorMessage
+} from "../../chunk-SGVCN25U.js";
+export {
+  ErrorMessage,
+  Input,
+  InputGroup,
+  Label
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/input/index.js

@@ -0,0 +1,14 @@
+import "../../../chunk-LLNHMZB2.js";
+import {
+  Input
+} from "../../../chunk-DT6EO53O.js";
+import "../../../chunk-RAZCAHWX.js";
+import "../../../chunk-SX22Q2HZ.js";
+import "../../../chunk-RVKE5NZR.js";
+import "../../../chunk-RELDFXH4.js";
+import "../../../chunk-3XRBNC3R.js";
+import "../../../chunk-SGVCN25U.js";
+export {
+  Input
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/input/input.js

@@ -0,0 +1,13 @@
+import {
+  Input
+} from "../../../chunk-DT6EO53O.js";
+import "../../../chunk-RAZCAHWX.js";
+import "../../../chunk-SX22Q2HZ.js";
+import "../../../chunk-RVKE5NZR.js";
+import "../../../chunk-RELDFXH4.js";
+import "../../../chunk-3XRBNC3R.js";
+import "../../../chunk-SGVCN25U.js";
+export {
+  Input
+};
+//# sourceMappingURL=input.js.map

package/dist/components/form/input-group/index.js

@@ -0,0 +1,12 @@
+import "../../../chunk-RAZCAHWX.js";
+import {
+  InputGroup
+} from "../../../chunk-SX22Q2HZ.js";
+import "../../../chunk-RVKE5NZR.js";
+import "../../../chunk-RELDFXH4.js";
+import "../../../chunk-3XRBNC3R.js";
+import "../../../chunk-SGVCN25U.js";
+export {
+  InputGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/input-group/input-group.js

@@ -0,0 +1,11 @@
+import {
+  InputGroup
+} from "../../../chunk-SX22Q2HZ.js";
+import "../../../chunk-RVKE5NZR.js";
+import "../../../chunk-RELDFXH4.js";
+import "../../../chunk-3XRBNC3R.js";
+import "../../../chunk-SGVCN25U.js";
+export {
+  InputGroup
+};
+//# sourceMappingURL=input-group.js.map

package/dist/components/form/label/index.js

@@ -0,0 +1,8 @@
+import "../../../chunk-RELDFXH4.js";
+import {
+  Label
+} from "../../../chunk-3XRBNC3R.js";
+export {
+  Label
+};
+//# sourceMappingURL=index.js.map

package/dist/components/form/label/label.js

@@ -0,0 +1,7 @@
+import {
+  Label
+} from "../../../chunk-3XRBNC3R.js";
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export { Button, ButtonProps } from './button/button.js';
+export { ErrorMessage, ErrorMessageProps } from './form/error-message/error-message.js';
+export { Input, InputProps } from './form/input/input.js';
+export { InputGroup, InputGroupProps } from './form/input-group/input-group.js';
+export { Label, LabelProps } from './form/label/label.js';
+export { Logo, LogoProps } from './logo/logo.js';
+export { Navbar, NavbarProps } from './navbar/navbar.js';
+export { Spinner, SpinnerProps } from './spinner/spinner.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../utilities/types.js';

package/dist/components/index.js

@@ -0,0 +1,45 @@
+import "../chunk-2PYB72CX.js";
+import "../chunk-4WOE4T43.js";
+import {
+  Navbar
+} from "../chunk-MXDZGWL4.js";
+import "../chunk-SHVA4JJZ.js";
+import {
+  Logo
+} from "../chunk-NLZRLXFN.js";
+import "../chunk-BBMVGCDE.js";
+import {
+  Button
+} from "../chunk-IT2O6DB2.js";
+import "../chunk-2C3XKBNM.js";
+import {
+  Spinner
+} from "../chunk-RONRQXS6.js";
+import "../chunk-PD4PXDK2.js";
+import "../chunk-LLNHMZB2.js";
+import {
+  Input
+} from "../chunk-DT6EO53O.js";
+import "../chunk-RAZCAHWX.js";
+import {
+  InputGroup
+} from "../chunk-SX22Q2HZ.js";
+import "../chunk-RVKE5NZR.js";
+import "../chunk-RELDFXH4.js";
+import {
+  Label
+} from "../chunk-3XRBNC3R.js";
+import {
+  ErrorMessage
+} from "../chunk-SGVCN25U.js";
+export {
+  Button,
+  ErrorMessage,
+  Input,
+  InputGroup,
+  Label,
+  Logo,
+  Navbar,
+  Spinner
+};
+//# sourceMappingURL=index.js.map

package/dist/{logo → components/logo}/index.d.ts

@@ -1,3 +1,4 @@
 export { Logo, LogoProps } from './logo.js';
 import 'react/jsx-runtime';
 import 'react';
+import '../../utilities/types.js';

package/dist/components/logo/index.js

@@ -0,0 +1,8 @@
+import "../../chunk-SHVA4JJZ.js";
+import {
+  Logo
+} from "../../chunk-NLZRLXFN.js";
+export {
+  Logo
+};
+//# sourceMappingURL=index.js.map