@bi-digital/react 0.0.0-experimental-b8ff5ba → 0.0.0-experimental-37bf70d

package/dist/{drawer-trigger-context-CNBRwj7l.d.ts → drawer-trigger-context-CtKVp90I.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/drawer/drawer-trigger-context.d.ts
@@ -7,7 +7,7 @@ type DrawerTriggerContextProps = {
 };
 declare const DrawerTriggerContext: ({
   children
-}: DrawerTriggerContextProps) => react_jsx_runtime25.JSX.Element;
+}: DrawerTriggerContextProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { DrawerTriggerContext, DrawerTriggerContextProps };
-//# sourceMappingURL=drawer-trigger-context-CNBRwj7l.d.ts.map
+//# sourceMappingURL=drawer-trigger-context-CtKVp90I.d.ts.map

package/dist/{drawer-trigger-context-BUWPPdas.js → drawer-trigger-context-DHYdt3sB.js}

@@ -1,4 +1,4 @@
-import { DialogTriggerContext } from "./dialog-trigger-context-51mA5fz3.js";
+import { DialogTriggerContext } from "./dialog-trigger-context-B41wR-bM.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/drawer/drawer-trigger-context.tsx
@@ -6,4 +6,4 @@ const DrawerTriggerContext = ({ children }) => /* @__PURE__ */ jsx(DialogTrigger
 
 //#endregion
 export { DrawerTriggerContext };
-//# sourceMappingURL=drawer-trigger-context-BUWPPdas.js.map
+//# sourceMappingURL=drawer-trigger-context-DHYdt3sB.js.map

package/dist/{drawer-trigger-context-BUWPPdas.js.map → drawer-trigger-context-DHYdt3sB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"drawer-trigger-context-BUWPPdas.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n  children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n  <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,uBAAuB,CAAC,EAAE,UAAqC,yBACzE,wBAAsB,WAAgC"}
+{"version":3,"file":"drawer-trigger-context-DHYdt3sB.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n  children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n  <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,wBAAwB,EAAE,eACrC,oBAAC,wBAAsB,WAAgC"}

package/dist/{dropdown-Fzf2CeX4.js → dropdown-DKqrO1uv.js}

@@ -1,4 +1,4 @@
-import { initPopover } from "./popover-DOMLkRA5.js";
+import { initPopover } from "./popover-CxA8qDdU.js";
 
 //#region src/vanilla/dropdown/index.ts
 /**
@@ -16,4 +16,4 @@ const initDropdown = ({ id, disableAutoPlacement = false, placement = "bottom",
 
 //#endregion
 export { initDropdown };
-//# sourceMappingURL=dropdown-Fzf2CeX4.js.map
+//# sourceMappingURL=dropdown-DKqrO1uv.js.map

package/dist/{dropdown-Fzf2CeX4.js.map → dropdown-DKqrO1uv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-Fzf2CeX4.js","names":[],"sources":["../src/vanilla/dropdown/index.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\nimport { initPopover } from '../popover';\n\nexport type InitDropdownOptions = {\n  /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n  id: string;\n  /**\n   * Placement of the dropdown relative to the trigger.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * Additional middleware to use for positioning the dropdown.\n   *\n   * @example\n   * Prevent the dropdown from overflowing the navbar by using the `size` middleware:\n   * ```ts\n   * positionMiddleware: [\n   *  size({\n   *    apply: ({ availableHeight, elements, ...state }) => {\n   *      const available = `${Math.max(0, availableHeight)}px`;\n   *      const maxHeight = state.placement.includes('top')\n   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`\n   *        : available;\n   *      elements.floating.style.maxHeight = maxHeight;\n   *    },\n   *    padding,\n   *  })\n   * ]}\n   * ```\n   */\n  positionMiddleware?: Middleware[];\n  /**\n   * Whether to disable auto placement.\n   * @default false\n   */\n  disableAutoPlacement?: boolean;\n  /**\n   * The padding used by the `offset` middleware.\n   * @default '20'\n   */\n  padding?: number;\n};\n\n/**\n * Initializes the dropdown.\n * @param options - InitDropdownOptions\n * @returns A function to programmatically toggle the dropdown.\n */\nexport const initDropdown = ({\n  id,\n  disableAutoPlacement = false,\n  placement = 'bottom',\n  positionMiddleware = [],\n  padding,\n}: InitDropdownOptions) => initPopover({ id, disableAutoPlacement, placement, positionMiddleware, padding });\n"],"mappings":";;;;;;;;AAiDA,MAAa,eAAe,CAAC,EAC3B,IACA,uBAAuB,OACvB,YAAY,UACZ,qBAAqB,CAAE,GACvB,SACoB,KAAK,YAAY;CAAE;CAAI;CAAsB;CAAW;CAAoB;AAAS,EAAC"}
+{"version":3,"file":"dropdown-DKqrO1uv.js","names":[],"sources":["../src/vanilla/dropdown/index.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\nimport { initPopover } from '../popover';\n\nexport type InitDropdownOptions = {\n  /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n  id: string;\n  /**\n   * Placement of the dropdown relative to the trigger.\n   * @default 'bottom'\n   */\n  placement?: Placement;\n  /**\n   * Additional middleware to use for positioning the dropdown.\n   *\n   * @example\n   * Prevent the dropdown from overflowing the navbar by using the `size` middleware:\n   * ```ts\n   * positionMiddleware: [\n   *  size({\n   *    apply: ({ availableHeight, elements, ...state }) => {\n   *      const available = `${Math.max(0, availableHeight)}px`;\n   *      const maxHeight = state.placement.includes('top')\n   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`\n   *        : available;\n   *      elements.floating.style.maxHeight = maxHeight;\n   *    },\n   *    padding,\n   *  })\n   * ]}\n   * ```\n   */\n  positionMiddleware?: Middleware[];\n  /**\n   * Whether to disable auto placement.\n   * @default false\n   */\n  disableAutoPlacement?: boolean;\n  /**\n   * The padding used by the `offset` middleware.\n   * @default '20'\n   */\n  padding?: number;\n};\n\n/**\n * Initializes the dropdown.\n * @param options - InitDropdownOptions\n * @returns A function to programmatically toggle the dropdown.\n */\nexport const initDropdown = ({\n  id,\n  disableAutoPlacement = false,\n  placement = 'bottom',\n  positionMiddleware = [],\n  padding,\n}: InitDropdownOptions) => initPopover({ id, disableAutoPlacement, placement, positionMiddleware, padding });\n"],"mappings":";;;;;;;;AAiDA,MAAa,gBAAgB,EAC3B,IACA,uBAAuB,OACvB,YAAY,UACZ,qBAAqB,EAAE,EACvB,cACyB,YAAY;CAAE;CAAI;CAAsB;CAAW;CAAoB;CAAS,CAAC"}

package/dist/{dropdown-button-FQqIwqdp.js → dropdown-button-B4-z264p.js}

@@ -1,4 +1,4 @@
-import { Button } from "./button-fhd-JARc.js";
+import { Button } from "./button-BzU7DrNe.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-button.tsx
@@ -12,4 +12,4 @@ const DropdownButton = ({ ref,...rest }) => {
 
 //#endregion
 export { DropdownButton };
-//# sourceMappingURL=dropdown-button-FQqIwqdp.js.map
+//# sourceMappingURL=dropdown-button-B4-z264p.js.map

package/dist/{dropdown-button-FQqIwqdp.js.map → dropdown-button-B4-z264p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button-FQqIwqdp.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n  return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,CAAC,EAAE,IAAK,GAAG,MAA2B,KAAK;AACvE,4BAAQ;EAAY;EAAK,SAAQ;EAAO,GAAI;GAAQ;AACrD"}
+{"version":3,"file":"dropdown-button-B4-z264p.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n  return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,EAAE,IAAK,GAAG,WAAgC;AACvE,QAAO,oBAAC;EAAY;EAAK,SAAQ;EAAO,GAAI;GAAQ"}

package/dist/{dropdown-item-CGg_2cV1.d.ts → dropdown-item-B7Z0CA1w.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-item.d.ts
@@ -8,7 +8,7 @@ type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {
 declare const DropdownItem: ({
   ref,
   ...rest
-}: DropdownItemProps) => react_jsx_runtime29.JSX.Element;
+}: DropdownItemProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { DropdownItem, DropdownItemProps };
-//# sourceMappingURL=dropdown-item-CGg_2cV1.d.ts.map
+//# sourceMappingURL=dropdown-item-B7Z0CA1w.d.ts.map

package/dist/{dropdown-item-DQQXQC4J.js → dropdown-item-BnnEFIq3.js}

@@ -8,4 +8,4 @@ const DropdownItem = ({ ref,...rest }) => /* @__PURE__ */ jsx("li", {
 
 //#endregion
 export { DropdownItem };
-//# sourceMappingURL=dropdown-item-DQQXQC4J.js.map
+//# sourceMappingURL=dropdown-item-BnnEFIq3.js.map

package/dist/{dropdown-item-DQQXQC4J.js.map → dropdown-item-BnnEFIq3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-DQQXQC4J.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n  ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,yBAAM;CAAQ;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-item-BnnEFIq3.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n  ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-list-DB1mST67.js → dropdown-list-BWW85rXi.js}

@@ -8,4 +8,4 @@ const DropdownList = ({ ref,...rest }) => /* @__PURE__ */ jsx("ul", {
 
 //#endregion
 export { DropdownList };
-//# sourceMappingURL=dropdown-list-DB1mST67.js.map
+//# sourceMappingURL=dropdown-list-BWW85rXi.js.map

package/dist/{dropdown-list-DB1mST67.js.map → dropdown-list-BWW85rXi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-list-DB1mST67.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n  ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,eAAe,CAAC,EAAE,IAAK,GAAG,MAAyB,yBAAM;CAAQ;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-list-BWW85rXi.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n  ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-list-D8szW6_q.d.ts → dropdown-list-mT0TnFtP.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/dropdown/dropdown-list.d.ts
@@ -8,7 +8,7 @@ type DropdownListProps = HTMLAttributes<HTMLUListElement> & {
 declare const DropdownList: ({
   ref,
   ...rest
-}: DropdownListProps) => react_jsx_runtime30.JSX.Element;
+}: DropdownListProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { DropdownList, DropdownListProps };
-//# sourceMappingURL=dropdown-list-D8szW6_q.d.ts.map
+//# sourceMappingURL=dropdown-list-mT0TnFtP.d.ts.map

package/dist/{dropdown-b7acNLZb.js → dropdown-nbL-onyj.js}

@@ -1,4 +1,4 @@
-import { Popover } from "./popover-DmA4qMtu.js";
+import { Popover } from "./popover-MrMPbttR.js";
 import clsx from "clsx/lite";
 import { jsx } from "react/jsx-runtime";
 
@@ -41,4 +41,4 @@ const Dropdown = ({ placement = "bottom-end", className, ref,...rest }) => {
 
 //#endregion
 export { Dropdown };
-//# sourceMappingURL=dropdown-b7acNLZb.js.map
+//# sourceMappingURL=dropdown-nbL-onyj.js.map

package/dist/{dropdown-b7acNLZb.js.map → dropdown-nbL-onyj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-b7acNLZb.js","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n  DefaultProps & PopoverProps,\n  {\n    /**\n     * The placement of the dropdown\n     * @default bottom-end\n     */\n    placement?: PopoverProps['placement'];\n  }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n *   <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n *   <Dropdown placement='bottom-end'>\n *     <DropdownHeading>Dropdown</DropdownHeading>\n *     <DropdownList>\n *       <DropdownItem>\n *         <DropdownButton>Item</DropdownButton>\n *       </DropdownItem>\n *     </DropdownList>\n *   </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n *   <DropdownHeading>Heading</DropdownHeading>\n *   <DropdownList>\n *     <DropdownItem>\n *       <DropdownButton>Item</DropdownButton>\n *     </DropdownItem>\n *   </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n  return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,WAAW,CAAC,EAAE,YAAY,cAAc,WAAW,IAAK,GAAG,MAAqB,KAAK;AAChG,4BAAQ;EAAQ,WAAW,KAAK,eAAe,UAAU;EAAa;EAAgB;EAAK,GAAI;GAAQ;AACxG"}
+{"version":3,"file":"dropdown-nbL-onyj.js","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n  DefaultProps & PopoverProps,\n  {\n    /**\n     * The placement of the dropdown\n     * @default bottom-end\n     */\n    placement?: PopoverProps['placement'];\n  }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n *   <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n *   <Dropdown placement='bottom-end'>\n *     <DropdownHeading>Dropdown</DropdownHeading>\n *     <DropdownList>\n *       <DropdownItem>\n *         <DropdownButton>Item</DropdownButton>\n *       </DropdownItem>\n *     </DropdownList>\n *   </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n *   <DropdownHeading>Heading</DropdownHeading>\n *   <DropdownList>\n *     <DropdownItem>\n *       <DropdownButton>Item</DropdownButton>\n *     </DropdownItem>\n *   </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n  return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,YAAY,EAAE,YAAY,cAAc,WAAW,IAAK,GAAG,WAA0B;AAChG,QAAO,oBAAC;EAAQ,WAAW,KAAK,eAAe,UAAU;EAAa;EAAgB;EAAK,GAAI;GAAQ"}

package/dist/{dropdown-trigger-Fwrigwtg.js → dropdown-trigger-D-1jExjx.js}

@@ -1,4 +1,4 @@
-import { PopoverTrigger } from "./popover-trigger-Chi8uvRM.js";
+import { PopoverTrigger } from "./popover-trigger-D5_RrlH1.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-trigger.tsx
@@ -10,4 +10,4 @@ const DropdownTrigger = ({ ref,...rest }) => /* @__PURE__ */ jsx(PopoverTrigger,
 
 //#endregion
 export { DropdownTrigger };
-//# sourceMappingURL=dropdown-trigger-Fwrigwtg.js.map
+//# sourceMappingURL=dropdown-trigger-D-1jExjx.js.map

package/dist/{dropdown-trigger-Fwrigwtg.js.map → dropdown-trigger-D-1jExjx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger-Fwrigwtg.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n  <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,CAAC,EAAE,IAAK,GAAG,MAA4B,yBACnE;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}
+{"version":3,"file":"dropdown-trigger-D-1jExjx.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n  <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,mBAAmB,EAAE,IAAK,GAAG,WACxC,oBAAC;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-trigger-context-BCcyoZEx.js → dropdown-trigger-context-BkqjqjhG.js}

@@ -1,4 +1,4 @@
-import { PopoverTriggerContext } from "./popover-trigger-context-Cre9Mczn.js";
+import { PopoverTriggerContext } from "./popover-trigger-context-D7nOI0FT.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/dropdown/dropdown-trigger-context.tsx
@@ -25,4 +25,4 @@ const DropdownTriggerContext = ({ children,...props }) => /* @__PURE__ */ jsx(Po
 
 //#endregion
 export { DropdownTriggerContext };
-//# sourceMappingURL=dropdown-trigger-context-BCcyoZEx.js.map
+//# sourceMappingURL=dropdown-trigger-context-BkqjqjhG.js.map

package/dist/{dropdown-trigger-context-BCcyoZEx.js.map → dropdown-trigger-context-BkqjqjhG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dropdown-trigger-context-BCcyoZEx.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import { PopoverTriggerContext, type PopoverTriggerContextProps } from '../popover';\n\nexport type DropdownTriggerContextProps = PopoverTriggerContextProps;\n\n/**\n * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.\n *\n * @example\n * <DropdownTriggerContext>\n *  <DropdownTrigger>Dropdown</DropdownTrigger>\n *  <Dropdown>\n *   <DropdownHeading>Heading</DropdownHeading>\n *    <DropdownList>\n *      <DropdownItem>\n *        <DropdownButton>Button</DropdownButton>\n *      </DropdownItem>\n *    </DropdownList>\n *  </Dropdown>\n * </DropdownTriggerContext>\n */\nexport const DropdownTriggerContext = ({ children, ...props }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext {...props}>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,yBAAyB,CAAC,EAAE,SAAU,GAAG,OAAoC,yBACvF;CAAsB,GAAI;CAAQ;EAAiC"}
+{"version":3,"file":"dropdown-trigger-context-BkqjqjhG.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import { PopoverTriggerContext, type PopoverTriggerContextProps } from '../popover';\n\nexport type DropdownTriggerContextProps = PopoverTriggerContextProps;\n\n/**\n * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.\n *\n * @example\n * <DropdownTriggerContext>\n *  <DropdownTrigger>Dropdown</DropdownTrigger>\n *  <Dropdown>\n *   <DropdownHeading>Heading</DropdownHeading>\n *    <DropdownList>\n *      <DropdownItem>\n *        <DropdownButton>Button</DropdownButton>\n *      </DropdownItem>\n *    </DropdownList>\n *  </Dropdown>\n * </DropdownTriggerContext>\n */\nexport const DropdownTriggerContext = ({ children, ...props }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext {...props}>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,0BAA0B,EAAE,SAAU,GAAG,YACpD,oBAAC;CAAsB,GAAI;CAAQ;EAAiC"}

package/dist/{field-DFMMLG-d.js → field-Dul9LBgF.js}

@@ -15,8 +15,7 @@ import { jsx } from "react/jsx-runtime";
 * </Field>
 */
 const Field = ({ className, dark, position, fullwidth, asChild, ref,...props }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-field", className),
 		"data-dark": dark,
 		"data-position": position,
@@ -28,4 +27,4 @@ const Field = ({ className, dark, position, fullwidth, asChild, ref,...props })
 
 //#endregion
 export { Field };
-//# sourceMappingURL=field-DFMMLG-d.js.map
+//# sourceMappingURL=field-Dul9LBgF.js.map

package/dist/{field-DFMMLG-d.js.map → field-Dul9LBgF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-DFMMLG-d.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Position of toggle-type inputs (radio, checkbox) in the field\n     * @default start\n     */\n    position?: 'start' | 'end';\n    /** Set width: 100% */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n *   <Label>Kort beskrivelse</Label>\n *   <FieldDescription>Beskrivelse</FieldDescription>\n *   <Input />\n *   <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-field', className)}\n      data-dark={dark}\n      data-position={position}\n      data-fullwidth={fullwidth}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,QAAQ,CAAC,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,IAAK,GAAG,OAAmB,KAAK;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI;GACJ;AAEL"}
+{"version":3,"file":"field-Dul9LBgF.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n  DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Position of toggle-type inputs (radio, checkbox) in the field\n     * @default start\n     */\n    position?: 'start' | 'end';\n    /** Set width: 100% */\n    fullwidth?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n *   <Label>Kort beskrivelse</Label>\n *   <FieldDescription>Beskrivelse</FieldDescription>\n *   <Input />\n *   <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-field', className)}\n      data-dark={dark}\n      data-position={position}\n      data-fullwidth={fullwidth}\n      ref={ref}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,SAAS,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,IAAK,GAAG,YAAwB;AAGrG,QACE,oBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI;GACJ"}

package/dist/{field-affix-npc6m7XL.js → field-affix-C5w3NK4H.js}

@@ -14,8 +14,7 @@ import { jsx } from "react/jsx-runtime";
 * </FieldAffixes>
 */
 const FieldAffixes = ({ className, asChild, ref,...rest }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-field--affixes", className),
 		ref,
 		...rest
@@ -33,8 +32,7 @@ const FieldAffixes = ({ className, asChild, ref,...rest }) => {
 * </FieldAffixes>
 */
 const FieldAffix = ({ className, asChild, ref,...rest }) => {
-	const Component = asChild ? Slot : "span";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
 		className: clsx("bi-field--affix", className),
 		"aria-hidden": "true",
 		ref,
@@ -44,4 +42,4 @@ const FieldAffix = ({ className, asChild, ref,...rest }) => {
 
 //#endregion
 export { FieldAffix, FieldAffixes };
-//# sourceMappingURL=field-affix-npc6m7XL.js.map
+//# sourceMappingURL=field-affix-C5w3NK4H.js.map

package/dist/{field-affix-npc6m7XL.js.map → field-affix-C5w3NK4H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-affix-npc6m7XL.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n  const Component = asChild ? Slot : 'div';\n  return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n  const Component = asChild ? Slot : 'span';\n  return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,eAAe,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAyB,KAAK;CACvF,MAAM,YAAY,UAAU,OAAO;AACnC,4BAAQ;EAAU,WAAW,KAAK,qBAAqB,UAAU;EAAO;EAAK,GAAI;GAAQ;AAC1F;;;;;;;;;;;;AAoBD,MAAa,aAAa,CAAC,EAAE,WAAW,SAAS,IAAK,GAAG,MAAuB,KAAK;CACnF,MAAM,YAAY,UAAU,OAAO;AACnC,4BAAQ;EAAU,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ;AAC3G"}
+{"version":3,"file":"field-affix-C5w3NK4H.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n  const Component = asChild ? Slot : 'div';\n  return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n  AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n  {\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n *   <FieldAffix>+47</FieldAffix>\n *   <Input />\n *   <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n  const Component = asChild ? Slot : 'span';\n  return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,gBAAgB,EAAE,WAAW,SAAS,IAAK,GAAG,WAA8B;AAEvF,QAAO,oBADW,UAAU,OAAO;EACjB,WAAW,KAAK,qBAAqB,UAAU;EAAO;EAAK,GAAI;GAAQ;;;;;;;;;;;;;AAqB3F,MAAa,cAAc,EAAE,WAAW,SAAS,IAAK,GAAG,WAA4B;AAEnF,QAAO,oBADW,UAAU,OAAO;EACjB,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ"}

package/dist/{field-description-Dhm1VA08.js → field-description-Yya33j8H.js}

@@ -4,8 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/field/field-description.tsx
 const FieldDescription = ({ asChild, className, ref,...props }) => {
-	const Component = asChild ? Slot : "div";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
 		className: clsx("bi-field--description", className),
 		ref,
 		...props
@@ -14,4 +13,4 @@ const FieldDescription = ({ asChild, className, ref,...props }) => {
 
 //#endregion
 export { FieldDescription };
-//# sourceMappingURL=field-description-Dhm1VA08.js.map
+//# sourceMappingURL=field-description-Yya33j8H.js.map

package/dist/{field-description-Dhm1VA08.js.map → field-description-Yya33j8H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"field-description-Dhm1VA08.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,mBAAmB,CAAC,EAAE,SAAS,WAAW,IAAK,GAAG,OAA8B,KAAK;CAChG,MAAM,YAAY,UAAU,OAAO;AAEnC,4BAAQ;EAAU,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS;AAC/F"}
+{"version":3,"file":"field-description-Yya33j8H.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,oBAAoB,EAAE,SAAS,WAAW,IAAK,GAAG,YAAmC;AAGhG,QAAO,oBAFW,UAAU,OAAO;EAEjB,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS"}

package/dist/{fieldset-Bpu4CRKG.js → fieldset-DGB7cvdz.js}

@@ -14,4 +14,4 @@ const Fieldset = ({ children, className, dark, ref,...props }) => {
 
 //#endregion
 export { Fieldset };
-//# sourceMappingURL=fieldset-Bpu4CRKG.js.map
+//# sourceMappingURL=fieldset-DGB7cvdz.js.map

package/dist/{fieldset-Bpu4CRKG.js.map → fieldset-DGB7cvdz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fieldset-Bpu4CRKG.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n  DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  {\n    ref?: Ref<HTMLFieldSetElement>;\n  }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n  return (\n    <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n      {children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,WAAW,CAAC,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,OAAsB,KAAK;AACvF,4BACG;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ;AAEd"}
+{"version":3,"file":"fieldset-DGB7cvdz.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n  DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n  {\n    ref?: Ref<HTMLFieldSetElement>;\n  }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n  return (\n    <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n      {children}\n    </fieldset>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,YAAY,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,YAA2B;AACvF,QACE,oBAAC;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ"}

package/dist/{fieldset-description-DiHvcLh-.js → fieldset-description-DTGln20C.js}

@@ -3,8 +3,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/fieldset/fieldset-description.tsx
 const FieldsetDescription = ({ asChild, ref,...props }) => {
-	const Component = asChild ? Slot : "p";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
 		ref,
 		...props
 	});
@@ -12,4 +11,4 @@ const FieldsetDescription = ({ asChild, ref,...props }) => {
 
 //#endregion
 export { FieldsetDescription };
-//# sourceMappingURL=fieldset-description-DiHvcLh-.js.map
+//# sourceMappingURL=fieldset-description-DTGln20C.js.map

package/dist/{fieldset-description-DiHvcLh-.js.map → fieldset-description-DTGln20C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fieldset-description-DiHvcLh-.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,sBAAsB,CAAC,EAAE,SAAS,IAAK,GAAG,OAAiC,KAAK;CAC3F,MAAM,YAAY,UAAU,OAAO;AAEnC,4BAAQ;EAAe;EAAK,GAAI;GAAS;AAC1C"}
+{"version":3,"file":"fieldset-description-DTGln20C.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,uBAAuB,EAAE,SAAS,IAAK,GAAG,YAAsC;AAG3F,QAAO,oBAFW,UAAU,OAAO;EAEZ;EAAK,GAAI;GAAS"}

package/dist/{fieldset-legend-CR4srn2-.js → fieldset-legend-CfDR8p_J.js}

@@ -1,4 +1,4 @@
-import { Label } from "./label-DUzvAx-T.js";
+import { Label } from "./label-DG_ojO9g.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/fieldset/fieldset-legend.tsx
@@ -16,4 +16,4 @@ const FieldsetLegend = ({ children, dark, ref,...props }) => {
 
 //#endregion
 export { FieldsetLegend };
-//# sourceMappingURL=fieldset-legend-CR4srn2-.js.map
+//# sourceMappingURL=fieldset-legend-CfDR8p_J.js.map

package/dist/{fieldset-legend-CR4srn2-.js.map → fieldset-legend-CfDR8p_J.js.map}

@@ -1 +1 @@
-{"version":3,"file":"fieldset-legend-CR4srn2-.js","names":[],"sources":["../src/components/fieldset/fieldset-legend.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Label, type LabelProps } from '../label';\n\nexport type FieldsetLegendProps = MergeRight<\n  LabelProps & HTMLAttributes<HTMLLegendElement>,\n  {\n    ref?: Ref<HTMLLegendElement>;\n  }\n>;\n\nexport const FieldsetLegend = ({ children, dark, ref, ...props }: FieldsetLegendProps) => {\n  return (\n    <Label asChild dark={dark}>\n      <legend ref={ref} {...props}>\n        {children}\n      </legend>\n    </Label>\n  );\n};\n"],"mappings":";;;;AAWA,MAAa,iBAAiB,CAAC,EAAE,UAAU,MAAM,IAAK,GAAG,OAA4B,KAAK;AACxF,4BACG;EAAM;EAAc;gCAClB;GAAY;GAAK,GAAI;GACnB;IACM;GACH;AAEX"}
+{"version":3,"file":"fieldset-legend-CfDR8p_J.js","names":[],"sources":["../src/components/fieldset/fieldset-legend.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Label, type LabelProps } from '../label';\n\nexport type FieldsetLegendProps = MergeRight<\n  LabelProps & HTMLAttributes<HTMLLegendElement>,\n  {\n    ref?: Ref<HTMLLegendElement>;\n  }\n>;\n\nexport const FieldsetLegend = ({ children, dark, ref, ...props }: FieldsetLegendProps) => {\n  return (\n    <Label asChild dark={dark}>\n      <legend ref={ref} {...props}>\n        {children}\n      </legend>\n    </Label>\n  );\n};\n"],"mappings":";;;;AAWA,MAAa,kBAAkB,EAAE,UAAU,MAAM,IAAK,GAAG,YAAiC;AACxF,QACE,oBAAC;EAAM;EAAc;YACnB,oBAAC;GAAY;GAAK,GAAI;GACnB;IACM;GACH"}

package/dist/{filter-group-DMSPaCQt.js → filter-group-WL9CsWUn.js}

@@ -1,4 +1,4 @@
-import { BiIconChevronDown, BiIconChevronUp } from "@bi-digital/icons-react";
+import { ChevronDownIcon, ChevronUpIcon } from "@bi-digital/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import clsx from "clsx";
@@ -26,7 +26,7 @@ const FilterGroup = ({ dark, icon, label, defaultOpen = false, open, onOpenChang
 			children: [
 				icon,
 				/* @__PURE__ */ jsx("h3", { children: label }),
-				isOpen ? /* @__PURE__ */ jsx(BiIconChevronUp, {}) : /* @__PURE__ */ jsx(BiIconChevronDown, {})
+				isOpen ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {})
 			]
 		}), /* @__PURE__ */ jsx("div", {
 			id: filterContentId,
@@ -37,4 +37,4 @@ const FilterGroup = ({ dark, icon, label, defaultOpen = false, open, onOpenChang
 
 //#endregion
 export { FilterGroup };
-//# sourceMappingURL=filter-group-DMSPaCQt.js.map
+//# sourceMappingURL=filter-group-WL9CsWUn.js.map

package/dist/filter-group-WL9CsWUn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-group-WL9CsWUn.js","names":[],"sources":["../src/components/filter-group/filter-group.tsx"],"sourcesContent":["import { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport clsx from 'clsx';\nimport { type Ref, useId, type HtmlHTMLAttributes, type ReactNode } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ChevronDownIcon, ChevronUpIcon } from '@bi-digital/icons';\n\nexport type FilterGroupProps = MergeRight<\n  DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>,\n  {\n    /** Icon displayed in the filter group */\n    icon: ReactNode;\n    /** Label of the filter group */\n    label: ReactNode;\n    /** Default open state of the filter group, should not be used together with `open` */\n    defaultOpen?: boolean;\n    /** Control the open state of the filter group */\n    open?: boolean;\n    /** Callback when the open state changes */\n    onOpenChange?: (open: boolean) => void;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const FilterGroup = ({\n  dark,\n  icon,\n  label,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className,\n  ref,\n  ...props\n}: FilterGroupProps) => {\n  const filterContentId = useId();\n  const [isOpen, setIsOpen] = useControllableState({\n    prop: open,\n    onChange: onOpenChange,\n    defaultProp: defaultOpen,\n    caller: 'FilterGroup',\n  });\n  return (\n    <div className={clsx('bi-filter-group', className)} data-dark={dark} data-expanded={isOpen} {...props} ref={ref}>\n      <button onClick={() => setIsOpen((prev) => !prev)} aria-expanded={isOpen} aria-controls={filterContentId}>\n        {icon}\n        <h3>{label}</h3>\n        {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n      </button>\n      <div id={filterContentId}>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAwBA,MAAa,eAAe,EAC1B,MACA,MACA,OACA,cAAc,OACd,MACA,cACA,UACA,WACA,IACA,GAAG,YACmB;CACtB,MAAM,kBAAkB,OAAO;CAC/B,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;EACT,CAAC;AACF,QACE,qBAAC;EAAI,WAAW,KAAK,mBAAmB,UAAU;EAAE,aAAW;EAAM,iBAAe;EAAQ,GAAI;EAAY;aAC1G,qBAAC;GAAO,eAAe,WAAW,SAAS,CAAC,KAAK;GAAE,iBAAe;GAAQ,iBAAe;;IACtF;IACD,oBAAC,kBAAI,QAAW;IACf,SAAS,oBAAC,kBAAgB,GAAG,oBAAC,oBAAkB;;IAC1C,EACT,oBAAC;GAAI,IAAI;GAAkB;IAAe;GACtC"}

package/dist/{footer-CU7LdbPO.js → footer-DBpJeaE7.js}

@@ -1,6 +1,6 @@
-import { Button } from "./button-fhd-JARc.js";
+import { Button } from "./button-BzU7DrNe.js";
 import clsx from "clsx/lite";
-import { BiIconFacebook, BiIconInstagram, BiIconLinkedin, BiIconX } from "@bi-digital/icons-react";
+import { FacebookIcon, InstagramIcon, LinkedinIcon, XIcon } from "@bi-digital/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/footer/footer.tsx
@@ -54,7 +54,7 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 							target: "_blank",
 							href: "https://www.facebook.com/HandelshoyskolenBI/",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(BiIconFacebook, { title: "BI Facebook" })
+							children: /* @__PURE__ */ jsx(FacebookIcon, { title: "BI Facebook" })
 						})
 					}),
 					/* @__PURE__ */ jsx(Button, {
@@ -67,7 +67,7 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 							target: "_blank",
 							href: "https://twitter.com/handelshoyskbi",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(BiIconX, { title: "BI X" })
+							children: /* @__PURE__ */ jsx(XIcon, { title: "BI X" })
 						})
 					}),
 					/* @__PURE__ */ jsx(Button, {
@@ -80,7 +80,7 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 							target: "_blank",
 							href: "https://www.linkedin.com/school/bi-norwegian-business-school/",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(BiIconLinkedin, { title: "BI LinkedIn" })
+							children: /* @__PURE__ */ jsx(LinkedinIcon, { title: "BI LinkedIn" })
 						})
 					}),
 					/* @__PURE__ */ jsx(Button, {
@@ -93,7 +93,7 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 							target: "_blank",
 							href: "https://www.instagram.com/binorwegianbusinesschool/",
 							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(BiIconInstagram, { title: "BI Instagram" })
+							children: /* @__PURE__ */ jsx(InstagramIcon, { title: "BI Instagram" })
 						})
 					})
 				]
@@ -108,4 +108,4 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 
 //#endregion
 export { Footer };
-//# sourceMappingURL=footer-CU7LdbPO.js.map
+//# sourceMappingURL=footer-DBpJeaE7.js.map

package/dist/footer-DBpJeaE7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-DBpJeaE7.js","names":[],"sources":["../src/components/footer/footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { FacebookIcon, XIcon, LinkedinIcon, InstagramIcon } from '@bi-digital/icons';\nimport { Button } from '../button';\n\nexport type FooterProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The text to display in the copyright section.\n     * @default 'Handelshøyskolen BI'\n     */\n    copyRightText?: string;\n    /**\n     * Whether to hide the accreditation icons.\n     * @default false\n     */\n    hideAccreditationIcons?: boolean;\n    /**\n     * Whether to hide the social media icons.\n     * @default false\n     */\n    hideSocialMediaIcons?: boolean;\n    /**\n     * Whether to hide the copyright text.\n     * @default false\n     */\n    hideCopyRight?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const Footer = ({\n  dark,\n  copyRightText = 'Handelshøyskolen BI',\n  hideAccreditationIcons = false,\n  hideSocialMediaIcons = false,\n  hideCopyRight = false,\n  className,\n  children,\n  ref,\n  ...props\n}: FooterProps) => {\n  return (\n    <footer className={clsx('bi-footer', className)} data-dark={dark} ref={ref} {...props}>\n      <div className='bi-footer--links-container'>{children}</div>\n      {!hideAccreditationIcons && (\n        <div className='bi-footer--accreditations'>\n          <a\n            aria-label='AACSB-link'\n            target='_blank'\n            href='https://www.aacsb.edu/accreditation'\n            rel='noopener noreferrer'\n          >\n            <span className='bi-footer--aacsb' />\n          </a>\n          <a\n            aria-label='Equis-link'\n            target='_blank'\n            href='https://www.efmdglobal.org/accreditations/business-schools/equis/'\n            rel='noopener noreferrer'\n          >\n            <span className='bi-footer--equis' />\n          </a>\n          <a aria-label='AMBA-link' target='_blank' href='https://www.associationofmbas.com/' rel='noopener noreferrer'>\n            <span className='bi-footer--amba' />\n          </a>\n        </div>\n      )}\n      {!hideSocialMediaIcons && (\n        <div className='bi-footer--socials'>\n          <Button size='large' variant='text' icon asChild dark={dark}>\n            <a target='_blank' href='https://www.facebook.com/HandelshoyskolenBI/' rel='noopener noreferrer'>\n              <FacebookIcon title='BI Facebook' />\n            </a>\n          </Button>\n          <Button size='large' variant='text' icon asChild dark={dark}>\n            <a target='_blank' href='https://twitter.com/handelshoyskbi' rel='noopener noreferrer'>\n              <XIcon title='BI X' />\n            </a>\n          </Button>\n          <Button size='large' variant='text' icon asChild dark={dark}>\n            <a\n              target='_blank'\n              href='https://www.linkedin.com/school/bi-norwegian-business-school/'\n              rel='noopener noreferrer'\n            >\n              <LinkedinIcon title='BI LinkedIn' />\n            </a>\n          </Button>\n          <Button size='large' variant='text' icon asChild dark={dark}>\n            <a target='_blank' href='https://www.instagram.com/binorwegianbusinesschool/' rel='noopener noreferrer'>\n              <InstagramIcon title='BI Instagram' />\n            </a>\n          </Button>\n        </div>\n      )}\n      {!hideCopyRight && <p className='bi-footer--copyright'>{`© ${new Date().getFullYear()} ${copyRightText}`}</p>}\n    </footer>\n  );\n};\n"],"mappings":";;;;;;AAkCA,MAAa,UAAU,EACrB,MACA,gBAAgB,uBAChB,yBAAyB,OACzB,uBAAuB,OACvB,gBAAgB,OAChB,WACA,UACA,IACA,GAAG,YACc;AACjB,QACE,qBAAC;EAAO,WAAW,KAAK,aAAa,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;;GAC9E,oBAAC;IAAI,WAAU;IAA8B;KAAe;GAC3D,CAAC,0BACA,qBAAC;IAAI,WAAU;;KACb,oBAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gBAEJ,oBAAC,UAAK,WAAU,qBAAqB;OACnC;KACJ,oBAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gBAEJ,oBAAC,UAAK,WAAU,qBAAqB;OACnC;KACJ,oBAAC;MAAE,cAAW;MAAY,QAAO;MAAS,MAAK;MAAqC,KAAI;gBACtF,oBAAC,UAAK,WAAU,oBAAoB;OAClC;;KACA;GAEP,CAAC,wBACA,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAA+C,KAAI;iBACzE,oBAAC,gBAAa,OAAM,gBAAgB;QAClC;OACG;KACT,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAAqC,KAAI;iBAC/D,oBAAC,SAAM,OAAM,SAAS;QACpB;OACG;KACT,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OACC,QAAO;OACP,MAAK;OACL,KAAI;iBAEJ,oBAAC,gBAAa,OAAM,gBAAgB;QAClC;OACG;KACT,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAAsD,KAAI;iBAChF,oBAAC,iBAAc,OAAM,iBAAiB;QACpC;OACG;;KACL;GAEP,CAAC,iBAAiB,oBAAC;IAAE,WAAU;cAAwB,sBAAK,IAAI,MAAM,EAAC,aAAa,CAAC,GAAG;KAAoB;;GACtG"}

package/dist/{footer-links-DlrXiXOi.d.ts → footer-links-BTi7KUF7.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/footer/footer-links.d.ts
@@ -14,7 +14,7 @@ declare const FooterLinks: ({
   children,
   ref,
   ...props
-}: FooterLinksProps) => react_jsx_runtime42.JSX.Element;
+}: FooterLinksProps) => react_jsx_runtime44.JSX.Element;
 //#endregion
 export { FooterLinks, FooterLinksProps };
-//# sourceMappingURL=footer-links-DlrXiXOi.d.ts.map
+//# sourceMappingURL=footer-links-BTi7KUF7.d.ts.map

package/dist/{footer-links-BIUrxu38.js → footer-links-Dz1UwVuf.js}

@@ -12,4 +12,4 @@ const FooterLinks = ({ leadingText, children, ref,...props }) => {
 
 //#endregion
 export { FooterLinks };
-//# sourceMappingURL=footer-links-BIUrxu38.js.map
+//# sourceMappingURL=footer-links-Dz1UwVuf.js.map

package/dist/{footer-links-BIUrxu38.js.map → footer-links-Dz1UwVuf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"footer-links-BIUrxu38.js","names":[],"sources":["../src/components/footer/footer-links.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Optional leading text to display before the links.\n   */\n  leadingText?: string;\n  ref?: Ref<HTMLDivElement>;\n};\n\nexport const FooterLinks = ({ leadingText, children, ref, ...props }: FooterLinksProps) => {\n  return (\n    <div className='bi-footer--links' ref={ref} {...props}>\n      {leadingText && <p>{leadingText}:</p>}\n      <div>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AAUA,MAAa,cAAc,CAAC,EAAE,aAAa,UAAU,IAAK,GAAG,OAAyB,KAAK;AACzF,6BACG;EAAI,WAAU;EAAwB;EAAK,GAAI;aAC7C,oCAAgB,kBAAG,aAAY,OAAK,sBACpC,SAAK,WAAe;GACjB;AAET"}
+{"version":3,"file":"footer-links-Dz1UwVuf.js","names":[],"sources":["../src/components/footer/footer-links.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Optional leading text to display before the links.\n   */\n  leadingText?: string;\n  ref?: Ref<HTMLDivElement>;\n};\n\nexport const FooterLinks = ({ leadingText, children, ref, ...props }: FooterLinksProps) => {\n  return (\n    <div className='bi-footer--links' ref={ref} {...props}>\n      {leadingText && <p>{leadingText}:</p>}\n      <div>{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;AAUA,MAAa,eAAe,EAAE,aAAa,UAAU,IAAK,GAAG,YAA8B;AACzF,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAK,GAAI;aAC7C,eAAe,qBAAC,kBAAG,aAAY,OAAK,EACrC,oBAAC,SAAK,WAAe;GACjB"}

package/dist/{index-DH_DbgNa.d.ts → index-BIb0BPml.d.ts}

@@ -20,4 +20,4 @@ declare const initSubNavbar: ({
 }?: InitSubNavbarOptions) => () => void;
 //#endregion
 export { InitSubNavbarOptions, initSubNavbar };
-//# sourceMappingURL=index-DH_DbgNa.d.ts.map
+//# sourceMappingURL=index-BIb0BPml.d.ts.map

package/dist/{index-ByVDkQOU.d.ts → index-C5pwIX2T.d.ts}

@@ -55,4 +55,4 @@ declare const initPopover: ({
 }: InitPopoverOptions) => ((open: boolean) => void) | undefined;
 //#endregion
 export { InitPopoverOptions, initPopover };
-//# sourceMappingURL=index-ByVDkQOU.d.ts.map
+//# sourceMappingURL=index-C5pwIX2T.d.ts.map

package/dist/{index-CG8drCYo.d.ts → index-CjCYMKtV.d.ts}

@@ -55,4 +55,4 @@ declare const initDropdown: ({
 }: InitDropdownOptions) => ((open: boolean) => void) | undefined;
 //#endregion
 export { InitDropdownOptions, initDropdown };
-//# sourceMappingURL=index-CG8drCYo.d.ts.map
+//# sourceMappingURL=index-CjCYMKtV.d.ts.map

package/dist/index-Cyx9R6nl.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/input-Dr7BnTyd.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-Dr7BnTyd.js","names":[],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { InputHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type InputProps = MergeRight<\n  DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>,\n  {\n    /**\n     * Size of the input field.\n     * @default 'medium'\n     */\n    size?: 'medium' | 'large';\n    /**\n     * The `input` type\n     * @default 'text'\n     * */\n    type?:\n      | 'checkbox'\n      | 'color'\n      | 'date'\n      | 'datetime-local'\n      | 'email'\n      | 'file'\n      | 'hidden'\n      | 'month'\n      | 'number'\n      | 'password'\n      | 'radio'\n      | 'search'\n      | 'tel'\n      | 'text'\n      | 'time'\n      | 'url'\n      | 'week';\n    /** Set the visible width, in characters, of the `Input` component. */\n    visibleWidth?: number;\n    /**\n     * Disable the element\n     * @note Avoid using if possible for accessibility purposes\n     */\n    disabled?: boolean;\n    /** Toggle `readOnly` */\n    readOnly?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Input = ({\n  type = 'text',\n  size = 'medium',\n  visibleWidth,\n  className,\n  onChange,\n  onClick,\n  dark,\n  readOnly,\n  ref,\n  ...props\n}: InputProps) => {\n  return (\n    <input\n      className={clsx('bi-input', className)}\n      data-dark={dark}\n      data-size={size}\n      ref={ref}\n      type={type}\n      readOnly={readOnly}\n      onChange={(event) => readOnly || onChange?.(event)} // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n      onClick={(event) => {\n        if (readOnly) event.preventDefault(); // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n        onClick?.(event);\n      }}\n      size={visibleWidth}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAgDA,MAAa,QAAQ,CAAC,EACpB,OAAO,QACP,OAAO,UACP,cACA,WACA,UACA,SACA,MACA,UACA,IACA,GAAG,OACQ,KAAK;AAChB,4BACG;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,aAAW;EACN;EACC;EACI;EACV,UAAU,CAAC,UAAU,YAAY,WAAW,MAAM;EAClD,SAAS,CAAC,UAAU;AAClB,OAAI,UAAU,MAAM,gBAAgB;GACpC,UAAU,MAAM;EACjB;EACD,MAAM;EACN,GAAI;GACJ;AAEL"}
+{"version":3,"file":"input-Dr7BnTyd.js","names":[],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { InputHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type InputProps = MergeRight<\n  DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>,\n  {\n    /**\n     * Size of the input field.\n     * @default 'medium'\n     */\n    size?: 'medium' | 'large';\n    /**\n     * The `input` type\n     * @default 'text'\n     * */\n    type?:\n      | 'checkbox'\n      | 'color'\n      | 'date'\n      | 'datetime-local'\n      | 'email'\n      | 'file'\n      | 'hidden'\n      | 'month'\n      | 'number'\n      | 'password'\n      | 'radio'\n      | 'search'\n      | 'tel'\n      | 'text'\n      | 'time'\n      | 'url'\n      | 'week';\n    /** Set the visible width, in characters, of the `Input` component. */\n    visibleWidth?: number;\n    /**\n     * Disable the element\n     * @note Avoid using if possible for accessibility purposes\n     */\n    disabled?: boolean;\n    /** Toggle `readOnly` */\n    readOnly?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Input = ({\n  type = 'text',\n  size = 'medium',\n  visibleWidth,\n  className,\n  onChange,\n  onClick,\n  dark,\n  readOnly,\n  ref,\n  ...props\n}: InputProps) => {\n  return (\n    <input\n      className={clsx('bi-input', className)}\n      data-dark={dark}\n      data-size={size}\n      ref={ref}\n      type={type}\n      readOnly={readOnly}\n      onChange={(event) => readOnly || onChange?.(event)} // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n      onClick={(event) => {\n        if (readOnly) event.preventDefault(); // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n        onClick?.(event);\n      }}\n      size={visibleWidth}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAgDA,MAAa,SAAS,EACpB,OAAO,QACP,OAAO,UACP,cACA,WACA,UACA,SACA,MACA,UACA,IACA,GAAG,YACa;AAChB,QACE,oBAAC;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,aAAW;EACN;EACC;EACI;EACV,WAAW,UAAU,YAAY,WAAW,MAAM;EAClD,UAAU,UAAU;AAClB,OAAI,SAAU,OAAM,gBAAgB;AACpC,aAAU,MAAM;;EAElB,MAAM;EACN,GAAI;GACJ"}

package/dist/{label-DUzvAx-T.js → label-DG_ojO9g.js}

@@ -4,8 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/label/label.tsx
 const Label = ({ className, weight = "semibold", dark, asChild, ref,...props }) => {
-	const Component = asChild ? Slot : "label";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "label", {
 		ref,
 		className: clsx("bi-label", className),
 		"data-dark": dark,
@@ -16,4 +15,4 @@ const Label = ({ className, weight = "semibold", dark, asChild, ref,...props })
 
 //#endregion
 export { Label };
-//# sourceMappingURL=label-DUzvAx-T.js.map
+//# sourceMappingURL=label-DG_ojO9g.js.map

package/dist/{label-DUzvAx-T.js.map → label-DG_ojO9g.js.map}

@@ -1 +1 @@
-{"version":3,"file":"label-DUzvAx-T.js","names":[],"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { LabelHTMLAttributes, Ref } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LabelProps = MergeRight<\n  DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>,\n  {\n    /**\n     * Sets the font weight of the label. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset\n     * @default 'semibold'\n     */\n    weight?: 'regular' | 'medium' | 'semibold';\n    ref?: Ref<HTMLLabelElement>;\n  }\n>;\n\nexport const Label = ({ className, weight = 'semibold', dark, asChild, ref, ...props }: LabelProps) => {\n  const Component = asChild ? Slot : 'label';\n\n  return (\n    <Component ref={ref} className={clsx('bi-label', className)} data-dark={dark} data-weight={weight} {...props} />\n  );\n};\n"],"mappings":";;;;;AAkBA,MAAa,QAAQ,CAAC,EAAE,WAAW,SAAS,YAAY,MAAM,SAAS,IAAK,GAAG,OAAmB,KAAK;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EAAe;EAAK,WAAW,KAAK,YAAY,UAAU;EAAE,aAAW;EAAM,eAAa;EAAQ,GAAI;GAAS;AAEnH"}
+{"version":3,"file":"label-DG_ojO9g.js","names":[],"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { LabelHTMLAttributes, Ref } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LabelProps = MergeRight<\n  DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>,\n  {\n    /**\n     * Sets the font weight of the label. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset\n     * @default 'semibold'\n     */\n    weight?: 'regular' | 'medium' | 'semibold';\n    ref?: Ref<HTMLLabelElement>;\n  }\n>;\n\nexport const Label = ({ className, weight = 'semibold', dark, asChild, ref, ...props }: LabelProps) => {\n  const Component = asChild ? Slot : 'label';\n\n  return (\n    <Component ref={ref} className={clsx('bi-label', className)} data-dark={dark} data-weight={weight} {...props} />\n  );\n};\n"],"mappings":";;;;;AAkBA,MAAa,SAAS,EAAE,WAAW,SAAS,YAAY,MAAM,SAAS,IAAK,GAAG,YAAwB;AAGrG,QACE,oBAHgB,UAAU,OAAO;EAGjB;EAAK,WAAW,KAAK,YAAY,UAAU;EAAE,aAAW;EAAM,eAAa;EAAQ,GAAI;GAAS"}

package/dist/{link-BqDeZAJF.js → link-BFwfumUp.js}

@@ -4,8 +4,7 @@ import clsx from "clsx";
 
 //#region src/components/link/link.tsx
 const Link = ({ asChild, className, color, dark, underline, ref,...rest }) => {
-	const Component = asChild ? Slot : "a";
-	return /* @__PURE__ */ jsx(Component, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
 		className: clsx("bi-link", className),
 		"data-color": color,
 		"data-dark": dark,
@@ -17,4 +16,4 @@ const Link = ({ asChild, className, color, dark, underline, ref,...rest }) => {
 
 //#endregion
 export { Link };
-//# sourceMappingURL=link-BqDeZAJF.js.map
+//# sourceMappingURL=link-BFwfumUp.js.map