@bi-digital/react 0.3.2 → 0.3.4

package/dist/dropdown-Fzf2CeX4.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-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,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-CywUProG.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-CywUProG.js.map

package/dist/{dropdown-button-FQqIwqdp.js.map → dropdown-button-CywUProG.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-CywUProG.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-DQQXQC4J.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-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,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/dropdown-list-DB1mST67.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-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,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI;EAAQ"}

package/dist/{dropdown-trigger-Fwrigwtg.js → dropdown-trigger-C_CyL38J.js}

@@ -1,4 +1,4 @@
-import { PopoverTrigger } from "./popover-trigger-Chi8uvRM.js";
+import { PopoverTrigger } from "./popover-trigger-BoB6rkG4.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-C_CyL38J.js.map

package/dist/{dropdown-trigger-Fwrigwtg.js.map → dropdown-trigger-C_CyL38J.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-C_CyL38J.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.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-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,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.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-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,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-Dbu9_oUQ.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-Dbu9_oUQ.js.map

package/dist/{fieldset-description-DiHvcLh-.js.map → fieldset-description-Dbu9_oUQ.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-Dbu9_oUQ.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-BBKsX2hf.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-BBKsX2hf.js.map

package/dist/{fieldset-legend-CR4srn2-.js.map → fieldset-legend-BBKsX2hf.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-BBKsX2hf.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-Fzw9g6JB.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-group-Fzw9g6JB.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,cAAc,CAAC,EAC1B,MACA,MACA,OACA,cAAc,OACd,MACA,cACA,UACA,WACA,IACA,GAAG,OACc,KAAK;CACtB,MAAM,kBAAkB,OAAO;CAC/B,MAAM,CAAC,QAAQ,UAAU,GAAG,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;CACT,EAAC;AACF,6BACG;EAAI,WAAW,KAAK,mBAAmB,UAAU;EAAE,aAAW;EAAM,iBAAe;EAAQ,GAAI;EAAY;kCACzG;GAAO,SAAS,MAAM,UAAU,CAAC,SAAS,CAAC,KAAK;GAAE,iBAAe;GAAQ,iBAAe;;IACtF;wBACA,kBAAI,QAAW;IACf,6BAAU,kBAAgB,uBAAI,oBAAkB;;IAC1C,sBACR;GAAI,IAAI;GAAkB;IAAe;GACtC;AAET"}
+{"version":3,"file":"filter-group-Fzw9g6JB.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-B9sjkncE.js → footer-C7EDtlw0.js}

@@ -1,4 +1,4 @@
-import { Button } from "./button-fhd-JARc.js";
+import { Button } from "./button-BzU7DrNe.js";
 import clsx from "clsx/lite";
 import { FacebookIcon, InstagramIcon, LinkedinIcon, XIcon } from "@bi-digital/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -108,4 +108,4 @@ const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditatio
 
 //#endregion
 export { Footer };
-//# sourceMappingURL=footer-B9sjkncE.js.map
+//# sourceMappingURL=footer-C7EDtlw0.js.map

package/dist/{footer-B9sjkncE.js.map → footer-C7EDtlw0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"footer-B9sjkncE.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,SAAS,CAAC,EACrB,MACA,gBAAgB,uBAChB,yBAAyB,OACzB,uBAAuB,OACvB,gBAAgB,OAChB,WACA,UACA,IACA,GAAG,OACS,KAAK;AACjB,6BACG;EAAO,WAAW,KAAK,aAAa,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;;uBAC7E;IAAI,WAAU;IAA8B;KAAe;GAC3D,CAAC,+CACC;IAAI,WAAU;;yBACZ;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;oCAEH,UAAK,WAAU,qBAAqB;OACnC;yBACH;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;oCAEH,UAAK,WAAU,qBAAqB;OACnC;yBACH;MAAE,cAAW;MAAY,QAAO;MAAS,MAAK;MAAqC,KAAI;oCACrF,UAAK,WAAU,oBAAoB;OAClC;;KACA;GAEP,CAAC,6CACC;IAAI,WAAU;;yBACZ;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;oCACpD;OAAE,QAAO;OAAS,MAAK;OAA+C,KAAI;qCACxE,gBAAa,OAAM,gBAAgB;QAClC;OACG;yBACR;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;oCACpD;OAAE,QAAO;OAAS,MAAK;OAAqC,KAAI;qCAC9D,SAAM,OAAM,SAAS;QACpB;OACG;yBACR;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;oCACpD;OACC,QAAO;OACP,MAAK;OACL,KAAI;qCAEH,gBAAa,OAAM,gBAAgB;QAClC;OACG;yBACR;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;oCACpD;OAAE,QAAO;OAAS,MAAK;OAAsD,KAAI;qCAC/E,iBAAc,OAAM,iBAAiB;QACpC;OACG;;KACL;GAEP,CAAC,qCAAkB;IAAE,WAAU;cAAwB,CAAC,EAAE,mBAAE,IAAI,QAAO,aAAa,CAAC,CAAC,EAAE,eAAe;KAAK;;GACtG;AAEZ"}
+{"version":3,"file":"footer-C7EDtlw0.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-BIUrxu38.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-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,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-Cp46Zvz-.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-Dmgzb_KP.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-Dmgzb_KP.js.map

package/dist/{link-BqDeZAJF.js.map → link-Dmgzb_KP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"link-BqDeZAJF.js","names":[],"sources":["../src/components/link/link.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { AnchorHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LinkProps = MergeRight<\n  DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>,\n  {\n    /**\n     * Set the color of the link.\n     * @default 'primary'\n     */\n    color?: 'primary' | 'neutral';\n    /**\n     * Control the underline style of the link.\n     * - 'always': The link is always underlined.\n     * - 'hover': The link is underlined only on hover.\n     * @default 'always'\n     */\n    underline?: 'always' | 'hover';\n    children: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLAnchorElement>;\n  }\n>;\n\nexport const Link = ({ asChild, className, color, dark, underline, ref, ...rest }: LinkProps) => {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={clsx('bi-link', className)}\n      data-color={color}\n      data-dark={dark}\n      data-underline={underline}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;AA+BA,MAAa,OAAO,CAAC,EAAE,SAAS,WAAW,OAAO,MAAM,WAAW,IAAK,GAAG,MAAiB,KAAK;CAC/F,MAAM,YAAY,UAAU,OAAO;AAEnC,4BACG;EACC,WAAW,KAAK,WAAW,UAAU;EACrC,cAAY;EACZ,aAAW;EACX,kBAAgB;EACX;EACL,GAAI;GACJ;AAEL"}
+{"version":3,"file":"link-Dmgzb_KP.js","names":[],"sources":["../src/components/link/link.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { AnchorHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LinkProps = MergeRight<\n  DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>,\n  {\n    /**\n     * Set the color of the link.\n     * @default 'primary'\n     */\n    color?: 'primary' | 'neutral';\n    /**\n     * Control the underline style of the link.\n     * - 'always': The link is always underlined.\n     * - 'hover': The link is underlined only on hover.\n     * @default 'always'\n     */\n    underline?: 'always' | 'hover';\n    children: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLAnchorElement>;\n  }\n>;\n\nexport const Link = ({ asChild, className, color, dark, underline, ref, ...rest }: LinkProps) => {\n  const Component = asChild ? Slot : 'a';\n\n  return (\n    <Component\n      className={clsx('bi-link', className)}\n      data-color={color}\n      data-dark={dark}\n      data-underline={underline}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"mappings":";;;;;AA+BA,MAAa,QAAQ,EAAE,SAAS,WAAW,OAAO,MAAM,WAAW,IAAK,GAAG,WAAsB;AAG/F,QACE,oBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,WAAW,UAAU;EACrC,cAAY;EACZ,aAAW;EACX,kBAAgB;EACX;EACL,GAAI;GACJ"}

package/dist/logo-QKrYvRFP.js.map

@@ -1 +1 @@
-{"version":3,"file":"logo-QKrYvRFP.js","names":[],"sources":["../src/components/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type LogoProps = MergeRight<\n  DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n  {\n    /**\n     * Determines if the international logo should be used.\n     * @default false\n     */\n    international?: boolean;\n    /**\n     * Determines if the logo text should be displayed vertically.\n     * Only applies when `international` is `true`.\n     * @default false\n     */\n    vertical?: boolean;\n    /**\n     * Determines the height of the logo.\n     * @default 'medium'\n     */\n    size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\nexport const Logo = ({\n  dark = false,\n  international = false,\n  vertical = false,\n  size = 'medium',\n  className,\n  ref,\n  ...props\n}: LogoProps) => {\n  return (\n    <span\n      {...props}\n      className={clsx('bi-logo', className)}\n      data-dark={dark}\n      data-international={international}\n      data-vertical={vertical}\n      data-size={size}\n      ref={ref}\n    />\n  );\n};\n"],"mappings":";;;;AA4BA,MAAa,OAAO,CAAC,EACnB,OAAO,OACP,gBAAgB,OAChB,WAAW,OACX,OAAO,UACP,WACA,IACA,GAAG,OACO,KAAK;AACf,4BACG;EACC,GAAI;EACJ,WAAW,KAAK,WAAW,UAAU;EACrC,aAAW;EACX,sBAAoB;EACpB,iBAAe;EACf,aAAW;EACN;GACL;AAEL"}
+{"version":3,"file":"logo-QKrYvRFP.js","names":[],"sources":["../src/components/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type LogoProps = MergeRight<\n  DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n  {\n    /**\n     * Determines if the international logo should be used.\n     * @default false\n     */\n    international?: boolean;\n    /**\n     * Determines if the logo text should be displayed vertically.\n     * Only applies when `international` is `true`.\n     * @default false\n     */\n    vertical?: boolean;\n    /**\n     * Determines the height of the logo.\n     * @default 'medium'\n     */\n    size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';\n    ref?: Ref<HTMLSpanElement>;\n  }\n>;\n\nexport const Logo = ({\n  dark = false,\n  international = false,\n  vertical = false,\n  size = 'medium',\n  className,\n  ref,\n  ...props\n}: LogoProps) => {\n  return (\n    <span\n      {...props}\n      className={clsx('bi-logo', className)}\n      data-dark={dark}\n      data-international={international}\n      data-vertical={vertical}\n      data-size={size}\n      ref={ref}\n    />\n  );\n};\n"],"mappings":";;;;AA4BA,MAAa,QAAQ,EACnB,OAAO,OACP,gBAAgB,OAChB,WAAW,OACX,OAAO,UACP,WACA,IACA,GAAG,YACY;AACf,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,WAAW,UAAU;EACrC,aAAW;EACX,sBAAoB;EACpB,iBAAe;EACf,aAAW;EACN;GACL"}

package/dist/main.d.ts

@@ -9,8 +9,8 @@ import { DropdownItem, DropdownItemProps } from "./dropdown-item-CGg_2cV1.js";
 import { DropdownList, DropdownListProps } from "./dropdown-list-D8szW6_q.js";
 import { FooterLinks, FooterLinksProps } from "./footer-links-DlrXiXOi.js";
 import { PaginationItem, PaginationItemProps } from "./pagination-item-wgtqjgnC.js";
-import { StickyHeader, StickyHeaderProps } from "./sticky-header-C9uGD3u6.js";
-import "./index-Cv0onxlx.js";
+import { StickyHeader, StickyHeaderProps } from "./sticky-header-BMeHtK7e.js";
+import "./index-Cp46Zvz-.js";
 import { useIsElementAboveViewport } from "./useIsElementAboveViewport-C3qzTbfj.js";
 import { useScrollDirection } from "./useScrollDirection-BmllObvZ.js";
 import { UseMediaQueryOptions, useMediaQuery } from "./useMediaQuery-DYDgFKom.js";

package/dist/main.js

@@ -1,73 +1,73 @@
 import { Alert } from "./alert-C6PxDwHt.js";
-import { AlertFooter } from "./alert-footer-DL4rCThp.js";
+import { AlertFooter } from "./alert-footer-DfjvFlBv.js";
 import "./alert-BubQTdmN.js";
 import { Avatar } from "./avatar-6Q2xwviO.js";
 import "./avatar-CCnUOGHD.js";
-import { Badge } from "./badge-D9OVAKG8.js";
+import { Badge } from "./badge-tKh0f84O.js";
 import "./badge-0qk6AKns.js";
 import { Spinner } from "./spinner-Ch5bEQBR.js";
 import "./spinner-BqbijPkO.js";
-import { Button } from "./button-fhd-JARc.js";
+import { Button } from "./button-BzU7DrNe.js";
 import "./button-Mlhn5A3s.js";
-import { Card } from "./card-QAnFhTk6.js";
+import { Card } from "./card-xvRovR7u.js";
 import { CardActions } from "./card-actions-CIsnmxsm.js";
-import { CardAction } from "./card-action-D8M3_IVq.js";
-import { CardContent } from "./card-content-DkEHp8mv.js";
+import { CardAction } from "./card-action-DiyQo6bH.js";
+import { CardContent } from "./card-content-BUc3uxiV.js";
 import { CardHeader } from "./card-header-D-RMd4xS.js";
 import { CardMedia } from "./card-media-DhU2_Ueq.js";
 import { CardDate } from "./card-date-Bd87BGDE.js";
 import "./card-CqLWeJx_.js";
-import { Field } from "./field-DFMMLG-d.js";
-import { FieldDescription } from "./field-description-Dhm1VA08.js";
-import { FieldAffix, FieldAffixes } from "./field-affix-npc6m7XL.js";
+import { Field } from "./field-Dul9LBgF.js";
+import { FieldDescription } from "./field-description-Yya33j8H.js";
+import { FieldAffix, FieldAffixes } from "./field-affix-C5w3NK4H.js";
 import "./field-rlwGWFvc.js";
 import { Input } from "./input-Dr7BnTyd.js";
 import "./input-B4bnnPvD.js";
-import { Label } from "./label-DUzvAx-T.js";
+import { Label } from "./label-DG_ojO9g.js";
 import "./label-BQlLxfiz.js";
 import "./useMergeRefs-DC710CHX.js";
-import { Checkbox } from "./checkbox-ZR1Z2PCF.js";
+import { Checkbox } from "./checkbox-D04YsX0C.js";
 import { CheckboxSubsection } from "./checkbox-subsection-BPe5aj-W.js";
 import "./checkbox-CKGFJHNX.js";
-import { Chip } from "./chip-b9xUiF7_.js";
+import { Chip } from "./chip-BXBQ6E1H.js";
 import "./chip-DP9-RTOH.js";
 import { DialogTriggerContext } from "./dialog-trigger-context-51mA5fz3.js";
-import { Dialog } from "./dialog-DzGRZgbP.js";
-import { DialogContent } from "./dialog-content-R35XpbSj.js";
-import { DialogHeader } from "./dialog-header-Bbq9DcHX.js";
-import { DialogFooter } from "./dialog-footer-AoiCz_Uj.js";
-import { DialogTrigger } from "./dialog-trigger-DinHpkua.js";
-import { DialogCloseButton } from "./dialog-close-button-C1omdnIn.js";
+import { Dialog } from "./dialog-DLouxw4y.js";
+import { DialogContent } from "./dialog-content-ByDqO6K-.js";
+import { DialogHeader } from "./dialog-header-D3I5Q8fm.js";
+import { DialogFooter } from "./dialog-footer-xGzY5JMf.js";
+import { DialogTrigger } from "./dialog-trigger-BgCUVVqE.js";
+import { DialogCloseButton } from "./dialog-close-button-DNOVMUt7.js";
 import "./dialog-CbLuKrFn.js";
-import { Drawer } from "./drawer-CZ05Lizo.js";
-import { DrawerContent } from "./drawer-content-CFc-rxBo.js";
-import { DrawerHeader } from "./drawer-header-DK4XoaaW.js";
-import { DrawerFooter } from "./drawer-footer-CfHjfvEg.js";
-import { DrawerTrigger } from "./drawer-trigger-Do9Htx5M.js";
+import { Drawer } from "./drawer-D71b1GFM.js";
+import { DrawerContent } from "./drawer-content-ClBmFSOu.js";
+import { DrawerHeader } from "./drawer-header-CltvXMkH.js";
+import { DrawerFooter } from "./drawer-footer--sVRArFE.js";
+import { DrawerTrigger } from "./drawer-trigger-DFM774gy.js";
 import { DrawerTriggerContext } from "./drawer-trigger-context-BUWPPdas.js";
-import { DrawerCloseButton } from "./drawer-close-button-DC39bNW2.js";
+import { DrawerCloseButton } from "./drawer-close-button-DUl-Rv_Q.js";
 import "./drawer-CpPzCsLG.js";
 import { PopoverTriggerContext } from "./popover-trigger-context-Cre9Mczn.js";
-import { Popover } from "./popover-DmA4qMtu.js";
-import { PopoverTrigger } from "./popover-trigger-Chi8uvRM.js";
+import { Popover } from "./popover-pki5aMm2.js";
+import { PopoverTrigger } from "./popover-trigger-BoB6rkG4.js";
 import "./popover-B1YgrDNf.js";
-import { Dropdown } from "./dropdown-b7acNLZb.js";
-import { DropdownButton } from "./dropdown-button-FQqIwqdp.js";
+import { Dropdown } from "./dropdown-D6CTkQ5a.js";
+import { DropdownButton } from "./dropdown-button-CywUProG.js";
 import { DropdownItem } from "./dropdown-item-DQQXQC4J.js";
 import { DropdownList } from "./dropdown-list-DB1mST67.js";
-import { DropdownTrigger } from "./dropdown-trigger-Fwrigwtg.js";
+import { DropdownTrigger } from "./dropdown-trigger-C_CyL38J.js";
 import { DropdownTriggerContext } from "./dropdown-trigger-context-BCcyoZEx.js";
 import "./dropdown-DHACQ2Vu.js";
 import { Fieldset } from "./fieldset-Bpu4CRKG.js";
-import { FieldsetDescription } from "./fieldset-description-DiHvcLh-.js";
-import { FieldsetLegend } from "./fieldset-legend-CR4srn2-.js";
+import { FieldsetDescription } from "./fieldset-description-Dbu9_oUQ.js";
+import { FieldsetLegend } from "./fieldset-legend-BBKsX2hf.js";
 import "./fieldset-CKQ2RG9n.js";
 import { FilterGroup } from "./filter-group-Fzw9g6JB.js";
 import "./filter-group-DfuKXzU3.js";
-import { Footer } from "./footer-B9sjkncE.js";
+import { Footer } from "./footer-C7EDtlw0.js";
 import { FooterLinks } from "./footer-links-BIUrxu38.js";
 import "./footer-C8UL4KnN.js";
-import { Link } from "./link-BqDeZAJF.js";
+import { Link } from "./link-Dmgzb_KP.js";
 import "./link-BtBX-WfP.js";
 import { Logo } from "./logo-QKrYvRFP.js";
 import "./logo-Bj2kMgOD.js";
@@ -82,33 +82,33 @@ import "./hooks-DLlERz_p.js";
 import { SubNavbar } from "./sub-navbar-DkxQv0WJ.js";
 import "./navbar-CQKFBrJr.js";
 import { Pagination } from "./pagination-DH6vZYMO.js";
-import { PaginationButton } from "./pagination-button-CMSNwkeT.js";
-import { PaginationItem } from "./pagination-item-DzskmZxf.js";
+import { PaginationButton } from "./pagination-button-Dw341heB.js";
+import { PaginationItem } from "./pagination-item-wXC7T4rH.js";
 import "./pagination-COuMArW_.js";
-import { Radio } from "./radio-DAC5mhl3.js";
+import { Radio } from "./radio-CDZoe1OO.js";
 import "./radio-rO-tWKD5.js";
-import { Search } from "./search-DzjgrvFl.js";
+import { Search } from "./search-CmU2iA48.js";
 import "./search-Djix7Xme.js";
 import { Select } from "./select-R87VdG5U.js";
-import { SelectOption } from "./select-option-WAhhr82L.js";
-import { SelectOptgroup } from "./select-optgroup-jowSQvbc.js";
+import { SelectOption } from "./select-option-BFmgqY3h.js";
+import { SelectOptgroup } from "./select-optgroup-DTnIUQEq.js";
 import "./select-DcvVj8YT.js";
-import { ValidationMessage } from "./validation-message-CPGA4DxM.js";
+import { ValidationMessage } from "./validation-message-J5bvdg8v.js";
 import "./validation-message-DHR3NN8N.js";
-import { Selectfield } from "./selectfield-BD-t6Mmm.js";
+import { Selectfield } from "./selectfield-CZ37jU-y.js";
 import "./selectfield-DtSsNu0C.js";
-import { SkipLink } from "./skip-link-CbdX4Taw.js";
+import { SkipLink } from "./skip-link-iWhLptx_.js";
 import "./skip-link-DHDiOrN_.js";
-import { StickyHeader } from "./sticky-header-gE5HX2ug.js";
+import { StickyHeader } from "./sticky-header-DOQD4Wye.js";
 import "./sticky-header-DKlpc3Eq.js";
 import { Tabs } from "./tabs-C70z_5SJ.js";
-import { Tab } from "./tab-BvSndQZ_.js";
+import { Tab } from "./tab-BEnC2rri.js";
 import { TabsList } from "./tabs-list-npvK06bl.js";
 import { TabsPanel } from "./tabs-panel-L8HovooI.js";
 import "./tabs-CRLePQH9.js";
 import { Textarea } from "./textarea-B1fAOfkt.js";
 import "./textarea-cP6IV0Lb.js";
-import { Textfield } from "./textfield-DwLkaC2S.js";
+import { Textfield } from "./textfield-BH0g7AtT.js";
 import "./textfield-s5xGjX-B.js";
 import "./components-CouSGV6e.js";
 import "./utilities-DanMK0XE.js";

package/dist/navbar-Dxv7GQO0.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar-Dxv7GQO0.js","names":[],"sources":["../src/components/navbar/navbar.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Logo } from '../logo';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type NavbarProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Skip link.\n     */\n    skipLink?: ReactNode;\n    /**\n     * Determines if the navbar should be fixed.\n     * @default false\n     */\n    fixed?: boolean;\n    /**\n     * Aria label for the home link.\n     */\n    homeAriaLabel: string;\n    /**\n     * Href for the home link.\n     */\n    homeHref: string;\n    /**\n     * Override the default logo\n     */\n    logo?: ReactNode;\n    ref?: Ref<HTMLElement>;\n  }\n>;\n\nexport const Navbar = ({\n  dark = false,\n  fixed = false,\n  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      <header>\n        <a aria-label={homeAriaLabel} href={homeHref}>\n          {logo || <Logo dark={dark} />}\n        </a>\n        {children}\n      </header>\n    </nav>\n  );\n};\n"],"mappings":";;;;;AAkCA,MAAa,SAAS,CAAC,EACrB,OAAO,OACP,QAAQ,OACR,eACA,UACA,UACA,MACA,UACA,WACA,IACA,GAAG,OACS,KAAK;AACjB,6BACG;EAAI,GAAI;EAAO,WAAW,KAAK,aAAa,UAAU;EAAE,cAAY;EAAO,aAAW;EAAW;aAC/F,+BACA,2CACE;GAAE,cAAY;GAAe,MAAM;aACjC,4BAAS,QAAW,OAAQ;IAC3B,EACH,YACM;GACL;AAET"}
+{"version":3,"file":"navbar-Dxv7GQO0.js","names":[],"sources":["../src/components/navbar/navbar.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Logo } from '../logo';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type NavbarProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Skip link.\n     */\n    skipLink?: ReactNode;\n    /**\n     * Determines if the navbar should be fixed.\n     * @default false\n     */\n    fixed?: boolean;\n    /**\n     * Aria label for the home link.\n     */\n    homeAriaLabel: string;\n    /**\n     * Href for the home link.\n     */\n    homeHref: string;\n    /**\n     * Override the default logo\n     */\n    logo?: ReactNode;\n    ref?: Ref<HTMLElement>;\n  }\n>;\n\nexport const Navbar = ({\n  dark = false,\n  fixed = false,\n  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      <header>\n        <a aria-label={homeAriaLabel} href={homeHref}>\n          {logo || <Logo dark={dark} />}\n        </a>\n        {children}\n      </header>\n    </nav>\n  );\n};\n"],"mappings":";;;;;AAkCA,MAAa,UAAU,EACrB,OAAO,OACP,QAAQ,OACR,eACA,UACA,UACA,MACA,UACA,WACA,IACA,GAAG,YACc;AACjB,QACE,qBAAC;EAAI,GAAI;EAAO,WAAW,KAAK,aAAa,UAAU;EAAE,cAAY;EAAO,aAAW;EAAW;aAC/F,UACD,qBAAC,uBACC,oBAAC;GAAE,cAAY;GAAe,MAAM;aACjC,QAAQ,oBAAC,QAAW,OAAQ;IAC3B,EACH,YACM;GACL"}

package/dist/pagination-DH6vZYMO.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination-DH6vZYMO.js","names":[],"sources":["../src/components/pagination/pagination.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type PaginationProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLUListElement>;\n  }\n>;\n\nexport const Pagination = ({ className, dark = false, ref, children, ...props }: PaginationProps) => {\n  return (\n    <nav className={clsx('bi-pagination', className)} data-dark={dark} ref={ref} {...props}>\n      <ul>{children}</ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,aAAa,CAAC,EAAE,WAAW,OAAO,OAAO,KAAK,SAAU,GAAG,OAAwB,KAAK;AACnG,4BACG;EAAI,WAAW,KAAK,iBAAiB,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;gCAC9E,QAAI,WAAc;GACf;AAET"}
+{"version":3,"file":"pagination-DH6vZYMO.js","names":[],"sources":["../src/components/pagination/pagination.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type PaginationProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    ref?: Ref<HTMLUListElement>;\n  }\n>;\n\nexport const Pagination = ({ className, dark = false, ref, children, ...props }: PaginationProps) => {\n  return (\n    <nav className={clsx('bi-pagination', className)} data-dark={dark} ref={ref} {...props}>\n      <ul>{children}</ul>\n    </nav>\n  );\n};\n"],"mappings":";;;;AAYA,MAAa,cAAc,EAAE,WAAW,OAAO,OAAO,KAAK,SAAU,GAAG,YAA6B;AACnG,QACE,oBAAC;EAAI,WAAW,KAAK,iBAAiB,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;YAC/E,oBAAC,QAAI,WAAc;GACf"}

package/dist/{pagination-button-CMSNwkeT.js → pagination-button-Dw341heB.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/pagination/pagination-button.tsx
@@ -11,4 +11,4 @@ const PaginationButton = ({ ref,...rest }) => /* @__PURE__ */ jsx(Button, {
 
 //#endregion
 export { PaginationButton };
-//# sourceMappingURL=pagination-button-CMSNwkeT.js.map
+//# sourceMappingURL=pagination-button-Dw341heB.js.map