@bi-digital/react 0.2.10 → 0.2.12

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

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, Ref } from 'react';
+import { HTMLAttributes, Ref } from 'react';
+import { MergeRight } from '../../utilities/types.js';
 
-type LogoProps = Omit<ComponentProps<'span'>, 'children'> & {
+type LogoProps = MergeRight<Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, {
     /**
      * Determines if the logo should be displayed in the negative version,
      * useful when displaying the logo on a dark background.
@@ -25,7 +26,7 @@ type LogoProps = Omit<ComponentProps<'span'>, 'children'> & {
      */
     size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';
     ref?: Ref<HTMLSpanElement>;
-};
+}>;
 declare const Logo: ({ dark, international, vertical, size, className, ref, ...props }: LogoProps) => react_jsx_runtime.JSX.Element;
 
 export { Logo, type LogoProps };

package/dist/components/logo/logo.js

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

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

@@ -1,3 +1,4 @@
 export { Navbar, NavbarProps } from './navbar.js';
 import 'react/jsx-runtime';
 import 'react';
+import '../../utilities/types.js';

package/dist/components/navbar/index.js

@@ -0,0 +1,10 @@
+import "../../chunk-4WOE4T43.js";
+import {
+  Navbar
+} from "../../chunk-MXDZGWL4.js";
+import "../../chunk-SHVA4JJZ.js";
+import "../../chunk-NLZRLXFN.js";
+export {
+  Navbar
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/{navbar → components/navbar}/navbar.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps, ReactNode, Ref } from 'react';
+import { HTMLAttributes, ReactNode, Ref } from 'react';
+import { MergeRight } from '../../utilities/types.js';
 
-type NavbarProps = ComponentProps<'nav'> & {
+type NavbarProps = MergeRight<HTMLAttributes<HTMLDivElement>, {
     /**
      * Determines if the navbar should be dark or light.
      * @default false
@@ -36,7 +37,7 @@ type NavbarProps = ComponentProps<'nav'> & {
      */
     logo?: ReactNode;
     ref?: Ref<HTMLElement>;
-};
+}>;
 declare const Navbar: ({ dark, fixed, menuAreaLabel, homeAriaLabel, skipLink, homeHref, logo, children, className, ref, ...props }: NavbarProps) => react_jsx_runtime.JSX.Element;
 
 export { Navbar, type NavbarProps };

package/dist/components/navbar/navbar.js

@@ -0,0 +1,9 @@
+import {
+  Navbar
+} from "../../chunk-MXDZGWL4.js";
+import "../../chunk-SHVA4JJZ.js";
+import "../../chunk-NLZRLXFN.js";
+export {
+  Navbar
+};
+//# sourceMappingURL=navbar.js.map

package/dist/components/navbar/navbar.js.map

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

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

@@ -1,3 +1,4 @@
 export { Spinner, SpinnerProps } from './spinner.js';
 import 'react/jsx-runtime';
 import 'react';
+import '../../utilities/types.js';

package/dist/components/spinner/index.js

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

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

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

package/dist/{spinner → components/spinner}/spinner.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentProps } from 'react';
+import { HTMLAttributes } from 'react';
+import { MergeRight } from '../../utilities/types.js';
 
-type SpinnerProps = Omit<ComponentProps<'span'>, 'color'> & {
+type SpinnerProps = MergeRight<HTMLAttributes<HTMLSpanElement>, {
     /**
      * The color of the spinner.
      * @default 'inherit'
@@ -12,7 +13,7 @@ type SpinnerProps = Omit<ComponentProps<'span'>, 'color'> & {
      * 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.
      */
     size?: 'small' | 'medium' | 'large' | 'xl' | '2xl';
-};
+}>;
 declare const Spinner: ({ color, size, className, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element;
 
 export { Spinner, type SpinnerProps };

package/dist/components/spinner/spinner.js

@@ -0,0 +1,7 @@
+import {
+  Spinner
+} from "../../chunk-RONRQXS6.js";
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/spinner/spinner.js.map

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

package/dist/main.d.ts

@@ -1,10 +1,12 @@
-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';
+export { Button, ButtonProps } from './components/button/button.js';
+export { ErrorMessage, ErrorMessageProps } from './components/form/error-message/error-message.js';
+export { Input, InputProps } from './components/form/input/input.js';
+export { InputGroup, InputGroupProps } from './components/form/input-group/input-group.js';
+export { Label, LabelProps } from './components/form/label/label.js';
+export { Logo, LogoProps } from './components/logo/logo.js';
+export { Navbar, NavbarProps } from './components/navbar/navbar.js';
+export { Spinner, SpinnerProps } from './components/spinner/spinner.js';
+export { useIsomorphicLayoutEffect } from './utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+export { MergeRight } from './utilities/types.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/main.js

@@ -1,36 +1,42 @@
-import "./chunk-NTOVYJTA.js";
+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-TUJK53CY.js";
+import "./chunk-DZDPC6SE.js";
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-VPE7VEBG.js";
+import "./chunk-BBMVGCDE.js";
 import {
   Button
-} from "./chunk-7IV4F742.js";
-import "./chunk-ZGRDMFHX.js";
+} from "./chunk-IT2O6DB2.js";
+import "./chunk-2C3XKBNM.js";
 import {
   Spinner
-} from "./chunk-V5WV7RSY.js";
-import "./chunk-VELDZOU2.js";
-import "./chunk-JEOMA4Z3.js";
+} from "./chunk-RONRQXS6.js";
+import "./chunk-PD4PXDK2.js";
+import "./chunk-LLNHMZB2.js";
 import {
   Input
-} from "./chunk-45MAIFC5.js";
-import "./chunk-OXOTNHAS.js";
+} from "./chunk-DT6EO53O.js";
+import "./chunk-RAZCAHWX.js";
 import {
   InputGroup
-} from "./chunk-2O4QJORU.js";
-import "./chunk-RJYRALJA.js";
+} from "./chunk-SX22Q2HZ.js";
+import "./chunk-RVKE5NZR.js";
+import "./chunk-RELDFXH4.js";
 import {
   Label
-} from "./chunk-3OKTD2AD.js";
-import "./chunk-HFJQRD6C.js";
+} from "./chunk-3XRBNC3R.js";
 import {
   ErrorMessage
-} from "./chunk-PZHZKBNQ.js";
-import "./chunk-QQRONISI.js";
-import {
-  Navbar
-} from "./chunk-6UM2LO6A.js";
-import "./chunk-KTNWYSLR.js";
-import {
-  Logo
-} from "./chunk-4SI37MJP.js";
+} from "./chunk-SGVCN25U.js";
 export {
   Button,
   ErrorMessage,
@@ -39,6 +45,7 @@ export {
   Label,
   Logo,
   Navbar,
-  Spinner
+  Spinner,
+  useIsomorphicLayoutEffect
 };
 //# sourceMappingURL=main.js.map

package/dist/utilities/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+import 'react';

package/dist/utilities/hooks/index.js

@@ -0,0 +1,8 @@
+import "../../chunk-DZDPC6SE.js";
+import {
+  useIsomorphicLayoutEffect
+} from "../../chunk-VPE7VEBG.js";
+export {
+  useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=index.js.map

package/dist/utilities/hooks/index.js.map

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

package/dist/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,5 @@
+import { useLayoutEffect } from 'react';
+
+declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+
+export { useIsomorphicLayoutEffect };

package/dist/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -0,0 +1,7 @@
+import {
+  useIsomorphicLayoutEffect
+} from "../../../chunk-VPE7VEBG.js";
+export {
+  useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/utilities/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js.map

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

package/dist/utilities/index.d.ts

@@ -0,0 +1,3 @@
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+export { MergeRight } from './types.js';
+import 'react';

package/dist/utilities/index.js

@@ -0,0 +1,9 @@
+import "../chunk-TUJK53CY.js";
+import "../chunk-DZDPC6SE.js";
+import {
+  useIsomorphicLayoutEffect
+} from "../chunk-VPE7VEBG.js";
+export {
+  useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=index.js.map

package/dist/utilities/index.js.map

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

package/dist/utilities/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Create a new type with the properties of the first type merged with the properties of the second type.
+ * If a key exists in both types, the property from the *second* type will be used.
+ */
+type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
+
+export type { MergeRight };

package/dist/utilities/types.js

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

package/dist/utilities/types.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bi-digital/react",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "type": "module",
   "description": "React components from BI Digital",
   "author": "BI Digital",
@@ -15,25 +15,36 @@
     "access": "public"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.2.2",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^22.14.1",
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
+    "@vitest/coverage-v8": "3.1.3",
+    "@vitest/expect": "^3.1.3",
+    "jsdom": "^26.1.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "tsconfck": "^3.1.5",
     "tsup": "^8.4.0",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "vitest": "3.1.3"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.2.10"
+    "@bi-digital/css": "0.2.12"
   },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "test": "vitest run"
   }
 }

package/dist/button/button.js

@@ -1,9 +0,0 @@
-import {
-  Button
-} from "../chunk-7IV4F742.js";
-import "../chunk-ZGRDMFHX.js";
-import "../chunk-V5WV7RSY.js";
-export {
-  Button
-};
-//# sourceMappingURL=button.js.map

package/dist/button/index.js

@@ -1,10 +0,0 @@
-import "../chunk-NTOVYJTA.js";
-import {
-  Button
-} from "../chunk-7IV4F742.js";
-import "../chunk-ZGRDMFHX.js";
-import "../chunk-V5WV7RSY.js";
-export {
-  Button
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/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-3OKTD2AD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/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-45MAIFC5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/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-4SI37MJP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentProps, Ref } from 'react';\n\nexport type LogoProps = Omit<ComponentProps<'span'>, 'children'> & {\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\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;AAuCb;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-6UM2LO6A.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/navbar/navbar.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentProps, ReactNode, Ref } from 'react';\nimport { Logo } from '../logo';\n\nexport type NavbarProps = ComponentProps<'nav'> & {\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\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;AAsDT,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-7IV4F742.js

@@ -1,72 +0,0 @@
-import {
-  Spinner
-} from "./chunk-V5WV7RSY.js";
-
-// src/button/button.tsx
-import clsx from "clsx";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Button = ({
-  variant = "filled",
-  size = "medium",
-  stretch,
-  dark,
-  disabled,
-  submitting,
-  icon,
-  children,
-  className,
-  startIcon,
-  endIcon,
-  active,
-  href,
-  target,
-  ref,
-  ...props
-}) => {
-  const child = /* @__PURE__ */ jsx(Fragment, { children: icon ? submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true" }) : children : /* @__PURE__ */ jsxs(Fragment, { children: [
-    submitting ? /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true", className: "bi-button--start-icon" }) : startIcon && /* @__PURE__ */ jsx("span", { className: "bi-button--start-icon", children: startIcon }),
-    children,
-    endIcon && /* @__PURE__ */ jsx("span", { className: "bi-button--end-icon", children: endIcon })
-  ] }) });
-  if (href || target) {
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        ...props,
-        className: clsx("bi-button", className),
-        "data-variant": variant,
-        "data-size": size,
-        "data-stretch": stretch,
-        "data-dark": dark,
-        "data-icon": icon,
-        "data-active": active,
-        "data-disabled": disabled,
-        href,
-        target,
-        ref,
-        children: child
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...props,
-      className: clsx("bi-button", className),
-      "data-variant": variant,
-      "data-size": size,
-      "data-stretch": stretch,
-      "data-dark": dark,
-      "data-icon": icon,
-      "data-active": active,
-      disabled,
-      ref,
-      children: child
-    }
-  );
-};
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-7IV4F742.js.map

package/dist/chunk-7IV4F742.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/button/button.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentProps, ReactNode, Ref } from 'react';\nimport { Spinner } from '../spinner';\n\nexport type ButtonProps = ComponentProps<'button' | 'a'> & {\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   * Decides if the button is disabled.\n   * @default false\n   */\n  disabled?: 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  /**\n   * Contains a URL or a URL fragment that the hyperlink points to.\n   * If this property is set, a link styled as a button will be rendered.\n   */\n  href?: string;\n  /**\n   * Specifies where to display the linked URL.\n   * Only applies when an `href` is provided.\n   */\n  target?: '_blank' | '_self' | '_parent' | '_top';\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<HTMLAnchorElement | HTMLButtonElement>;\n};\n\nexport const Button = ({\n  variant = 'filled',\n  size = 'medium',\n  stretch,\n  dark,\n  disabled,\n  submitting,\n  icon,\n  children,\n  className,\n  startIcon,\n  endIcon,\n  active,\n  href,\n  target,\n  ref,\n  ...props\n}: ButtonProps) => {\n  const child = (\n    <>\n      {icon ? (\n        submitting ? (\n          <Spinner aria-hidden='true' />\n        ) : (\n          children\n        )\n      ) : (\n        <>\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          {children}\n          {endIcon && <span className='bi-button--end-icon'>{endIcon}</span>}\n        </>\n      )}\n    </>\n  );\n\n  if (href || target) {\n    return (\n      <a\n        {...props}\n        className={clsx('bi-button', className)}\n        data-variant={variant}\n        data-size={size}\n        data-stretch={stretch}\n        data-dark={dark}\n        data-icon={icon}\n        data-active={active}\n        data-disabled={disabled}\n        href={href}\n        target={target}\n        // @ts-expect-error It's tricky to ensure that this ref is an anchor-element ref, therefore ignoring the error\n        ref={ref}\n      >\n        {child}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      {...props}\n      className={clsx('bi-button', className)}\n      data-variant={variant}\n      data-size={size}\n      data-stretch={stretch}\n      data-dark={dark}\n      data-icon={icon}\n      data-active={active}\n      disabled={disabled}\n      // @ts-expect-error It's tricky to ensure that this ref is an button-element ref, therefore ignoring the error\n      ref={ref}\n    >\n      {child}\n    </button>\n  );\n};\n"],"mappings":";;;;;AAAA,OAAO,UAAU;AAoFP,SAKF,UALE,KAKF,YALE;AAtBH,IAAM,SAAS,CAAC;AAAA,EACrB,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;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAmB;AACjB,QAAM,QACJ,gCACG,iBACC,aACE,oBAAC,WAAQ,eAAY,QAAO,IAE5B,WAGF,iCACG;AAAA,iBACC,oBAAC,WAAQ,eAAY,QAAO,WAAU,yBAAwB,IAE9D,aAAa,oBAAC,UAAK,WAAU,yBAAyB,qBAAU;AAAA,IAEjE;AAAA,IACA,WAAW,oBAAC,UAAK,WAAU,uBAAuB,mBAAQ;AAAA,KAC7D,GAEJ;AAGF,MAAI,QAAQ,QAAQ;AAClB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,WAAW,KAAK,aAAa,SAAS;AAAA,QACtC,gBAAc;AAAA,QACd,aAAW;AAAA,QACX,gBAAc;AAAA,QACd,aAAW;AAAA,QACX,aAAW;AAAA,QACX,eAAa;AAAA,QACb,iBAAe;AAAA,QACf;AAAA,QACA;AAAA,QAEA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,KAAK,aAAa,SAAS;AAAA,MACtC,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,gBAAc;AAAA,MACd,aAAW;AAAA,MACX,aAAW;AAAA,MACX,eAAa;AAAA,MACb;AAAA,MAEA;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-HFJQRD6C.js

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

package/dist/chunk-JEOMA4Z3.js

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

package/dist/chunk-KTNWYSLR.js

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

package/dist/chunk-NTOVYJTA.js

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

package/dist/chunk-OXOTNHAS.js

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

package/dist/chunk-PZHZKBNQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/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-QQRONISI.js

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

package/dist/chunk-RJYRALJA.js

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

package/dist/chunk-V5WV7RSY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/spinner/spinner.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ComponentProps } from 'react';\n\nexport type SpinnerProps = Omit<ComponentProps<'span'>, 'color'> & {\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\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;AAiBR;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-VELDZOU2.js

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

package/dist/chunk-ZGRDMFHX.js

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

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

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

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

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

package/dist/form/index.js

@@ -1,24 +0,0 @@
-import "../chunk-VELDZOU2.js";
-import "../chunk-JEOMA4Z3.js";
-import {
-  Input
-} from "../chunk-45MAIFC5.js";
-import "../chunk-OXOTNHAS.js";
-import {
-  InputGroup
-} from "../chunk-2O4QJORU.js";
-import "../chunk-RJYRALJA.js";
-import {
-  Label
-} from "../chunk-3OKTD2AD.js";
-import "../chunk-HFJQRD6C.js";
-import {
-  ErrorMessage
-} from "../chunk-PZHZKBNQ.js";
-export {
-  ErrorMessage,
-  Input,
-  InputGroup,
-  Label
-};
-//# sourceMappingURL=index.js.map

package/dist/form/input/index.js

@@ -1,14 +0,0 @@
-import "../../chunk-JEOMA4Z3.js";
-import {
-  Input
-} from "../../chunk-45MAIFC5.js";
-import "../../chunk-OXOTNHAS.js";
-import "../../chunk-2O4QJORU.js";
-import "../../chunk-RJYRALJA.js";
-import "../../chunk-3OKTD2AD.js";
-import "../../chunk-HFJQRD6C.js";
-import "../../chunk-PZHZKBNQ.js";
-export {
-  Input
-};
-//# sourceMappingURL=index.js.map

package/dist/form/input/input.js

@@ -1,13 +0,0 @@
-import {
-  Input
-} from "../../chunk-45MAIFC5.js";
-import "../../chunk-OXOTNHAS.js";
-import "../../chunk-2O4QJORU.js";
-import "../../chunk-RJYRALJA.js";
-import "../../chunk-3OKTD2AD.js";
-import "../../chunk-HFJQRD6C.js";
-import "../../chunk-PZHZKBNQ.js";
-export {
-  Input
-};
-//# sourceMappingURL=input.js.map

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

@@ -1,12 +0,0 @@
-import "../../chunk-OXOTNHAS.js";
-import {
-  InputGroup
-} from "../../chunk-2O4QJORU.js";
-import "../../chunk-RJYRALJA.js";
-import "../../chunk-3OKTD2AD.js";
-import "../../chunk-HFJQRD6C.js";
-import "../../chunk-PZHZKBNQ.js";
-export {
-  InputGroup
-};
-//# sourceMappingURL=index.js.map