@bi-digital/react 0.6.1 → 0.6.2

package/dist/dropdown-trigger-CtlZlfs8.js

@@ -1,13 +0,0 @@
-import { t as PopoverTrigger } from "./popover-trigger-C1LAt9Yt.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/dropdown/dropdown-trigger.tsx
-const DropdownTrigger = ({ ref,...rest }) => /* @__PURE__ */ jsx(PopoverTrigger, {
-	variant: "text",
-	ref,
-	...rest
-});
-
-//#endregion
-export { DropdownTrigger as t };
-//# sourceMappingURL=dropdown-trigger-CtlZlfs8.js.map

package/dist/dropdown-trigger-CtlZlfs8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-trigger-CtlZlfs8.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-B2TLcM8I.js

@@ -1,28 +0,0 @@
-import { n as PopoverTriggerContext } from "./popover-trigger-context-kIEYqgwe.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/dropdown/dropdown-trigger-context.tsx
-/**
-* DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.
-*
-* @example
-* <DropdownTriggerContext>
-*  <DropdownTrigger>Dropdown</DropdownTrigger>
-*  <Dropdown>
-*   <DropdownHeading>Heading</DropdownHeading>
-*    <DropdownList>
-*      <DropdownItem>
-*        <DropdownButton>Button</DropdownButton>
-*      </DropdownItem>
-*    </DropdownList>
-*  </Dropdown>
-* </DropdownTriggerContext>
-*/
-const DropdownTriggerContext = ({ children,...props }) => /* @__PURE__ */ jsx(PopoverTriggerContext, {
-	...props,
-	children
-});
-
-//#endregion
-export { DropdownTriggerContext as t };
-//# sourceMappingURL=dropdown-trigger-context-B2TLcM8I.js.map

package/dist/dropdown-trigger-context-B2TLcM8I.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-trigger-context-B2TLcM8I.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-D1Jkd3WD.js

@@ -1,30 +0,0 @@
-import clsx from "clsx/lite";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/field/field.tsx
-/**
-* The Field component is used to wrap a form field.
-*
-* @example
-* <Field>
-*   <Label>Kort beskrivelse</Label>
-*   <FieldDescription>Beskrivelse</FieldDescription>
-*   <Input />
-*   <ValidationMessage>Feilmelding</ValidationMessage>
-* </Field>
-*/
-const Field = ({ className, dark, position, fullwidth, asChild, ref,...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: clsx("bi-field", className),
-		"data-dark": dark,
-		"data-position": position,
-		"data-fullwidth": fullwidth,
-		ref,
-		...props
-	});
-};
-
-//#endregion
-export { Field as t };
-//# sourceMappingURL=field-D1Jkd3WD.js.map

package/dist/field-D1Jkd3WD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-D1Jkd3WD.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-BXjFnItQ.js

@@ -1,45 +0,0 @@
-import clsx from "clsx/lite";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/field/field-affix.tsx
-/**
-* FieldAffixes component, used to wrap a form field.
-*
-* @example
-* <FieldAffixes>
-*   <FieldAffix>+47</FieldAffix>
-*   <Input />
-*   <FieldAffix>kr</FieldAffix>
-* </FieldAffixes>
-*/
-const FieldAffixes = ({ className, asChild, ref,...rest }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: clsx("bi-field--affixes", className),
-		ref,
-		...rest
-	});
-};
-/**
-* FieldAffix component, used to display prefix/suffix for a form field.
-* Use inside the `FieldAffixes` component.
-*
-* @example
-* <FieldAffixes>
-*   <FieldAffix>+47</FieldAffix>
-*   <Input />
-*   <FieldAffix>kr</FieldAffix>
-* </FieldAffixes>
-*/
-const FieldAffix = ({ className, asChild, ref,...rest }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
-		className: clsx("bi-field--affix", className),
-		"aria-hidden": "true",
-		ref,
-		...rest
-	});
-};
-
-//#endregion
-export { FieldAffixes as n, FieldAffix as t };
-//# sourceMappingURL=field-affix-BXjFnItQ.js.map

package/dist/field-affix-BXjFnItQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-affix-BXjFnItQ.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-BRSERQAP.js

@@ -1,16 +0,0 @@
-import clsx from "clsx/lite";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/field/field-description.tsx
-const FieldDescription = ({ asChild, className, ref,...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: clsx("bi-field--description", className),
-		ref,
-		...props
-	});
-};
-
-//#endregion
-export { FieldDescription as t };
-//# sourceMappingURL=field-description-BRSERQAP.js.map

package/dist/field-description-BRSERQAP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-description-BRSERQAP.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-CZSI5wwc.js

@@ -1,17 +0,0 @@
-import clsx from "clsx/lite";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/fieldset/fieldset.tsx
-const Fieldset = ({ children, className, dark, ref,...props }) => {
-	return /* @__PURE__ */ jsx("fieldset", {
-		className: clsx("bi-fieldset", className),
-		"data-dark": dark,
-		ref,
-		...props,
-		children
-	});
-};
-
-//#endregion
-export { Fieldset as t };
-//# sourceMappingURL=fieldset-CZSI5wwc.js.map

package/dist/fieldset-CZSI5wwc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset-CZSI5wwc.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-D4N_ed4q.js

@@ -1,14 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/fieldset/fieldset-description.tsx
-const FieldsetDescription = ({ asChild, ref,...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "p", {
-		ref,
-		...props
-	});
-};
-
-//#endregion
-export { FieldsetDescription as t };
-//# sourceMappingURL=fieldset-description-D4N_ed4q.js.map

package/dist/fieldset-description-D4N_ed4q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset-description-D4N_ed4q.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-CDlElVZc.js

@@ -1,19 +0,0 @@
-import { t as Label } from "./label-BaMh8Ijy.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/fieldset/fieldset-legend.tsx
-const FieldsetLegend = ({ children, dark, ref,...props }) => {
-	return /* @__PURE__ */ jsx(Label, {
-		asChild: true,
-		dark,
-		children: /* @__PURE__ */ jsx("legend", {
-			ref,
-			...props,
-			children
-		})
-	});
-};
-
-//#endregion
-export { FieldsetLegend as t };
-//# sourceMappingURL=fieldset-legend-CDlElVZc.js.map

package/dist/fieldset-legend-CDlElVZc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldset-legend-CDlElVZc.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-DSd-1ZhQ.js

@@ -1,40 +0,0 @@
-import { ChevronDownIcon, ChevronUpIcon } from "@bi-digital/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-import clsx from "clsx";
-import { useControllableState } from "@radix-ui/react-use-controllable-state";
-
-//#region src/components/filter-group/filter-group.tsx
-const FilterGroup = ({ dark, icon, label, defaultOpen = false, open, onOpenChange, children, className, ref,...props }) => {
-	const filterContentId = useId();
-	const [isOpen, setIsOpen] = useControllableState({
-		prop: open,
-		onChange: onOpenChange,
-		defaultProp: defaultOpen,
-		caller: "FilterGroup"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("bi-filter-group", className),
-		"data-dark": dark,
-		"data-expanded": isOpen,
-		...props,
-		ref,
-		children: [/* @__PURE__ */ jsxs("button", {
-			onClick: () => setIsOpen((prev) => !prev),
-			"aria-expanded": isOpen,
-			"aria-controls": filterContentId,
-			children: [
-				icon,
-				/* @__PURE__ */ jsx("h3", { children: label }),
-				isOpen ? /* @__PURE__ */ jsx(ChevronUpIcon, {}) : /* @__PURE__ */ jsx(ChevronDownIcon, {})
-			]
-		}), /* @__PURE__ */ jsx("div", {
-			id: filterContentId,
-			children
-		})]
-	});
-};
-
-//#endregion
-export { FilterGroup as t };
-//# sourceMappingURL=filter-group-DSd-1ZhQ.js.map

package/dist/filter-group-DSd-1ZhQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-group-DSd-1ZhQ.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-CSPsXNCC.js

@@ -1,111 +0,0 @@
-import { t as Button } from "./button-CQH17-73.js";
-import clsx from "clsx/lite";
-import { FacebookIcon, InstagramIcon, LinkedinIcon, XIcon } from "@bi-digital/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/footer/footer.tsx
-const Footer = ({ dark, copyRightText = "Handelshøyskolen BI", hideAccreditationIcons = false, hideSocialMediaIcons = false, hideCopyRight = false, className, children, ref,...props }) => {
-	return /* @__PURE__ */ jsxs("footer", {
-		className: clsx("bi-footer", className),
-		"data-dark": dark,
-		ref,
-		...props,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "bi-footer--links-container",
-				children
-			}),
-			!hideAccreditationIcons && /* @__PURE__ */ jsxs("div", {
-				className: "bi-footer--accreditations",
-				children: [
-					/* @__PURE__ */ jsx("a", {
-						"aria-label": "AACSB-link",
-						target: "_blank",
-						href: "https://www.aacsb.edu/accreditation",
-						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ jsx("span", { className: "bi-footer--aacsb" })
-					}),
-					/* @__PURE__ */ jsx("a", {
-						"aria-label": "Equis-link",
-						target: "_blank",
-						href: "https://www.efmdglobal.org/accreditations/business-schools/equis/",
-						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ jsx("span", { className: "bi-footer--equis" })
-					}),
-					/* @__PURE__ */ jsx("a", {
-						"aria-label": "AMBA-link",
-						target: "_blank",
-						href: "https://www.associationofmbas.com/",
-						rel: "noopener noreferrer",
-						children: /* @__PURE__ */ jsx("span", { className: "bi-footer--amba" })
-					})
-				]
-			}),
-			!hideSocialMediaIcons && /* @__PURE__ */ jsxs("div", {
-				className: "bi-footer--socials",
-				children: [
-					/* @__PURE__ */ jsx(Button, {
-						size: "large",
-						variant: "text",
-						icon: true,
-						asChild: true,
-						dark,
-						children: /* @__PURE__ */ jsx("a", {
-							target: "_blank",
-							href: "https://www.facebook.com/HandelshoyskolenBI/",
-							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(FacebookIcon, { title: "BI Facebook" })
-						})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						size: "large",
-						variant: "text",
-						icon: true,
-						asChild: true,
-						dark,
-						children: /* @__PURE__ */ jsx("a", {
-							target: "_blank",
-							href: "https://twitter.com/handelshoyskbi",
-							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(XIcon, { title: "BI X" })
-						})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						size: "large",
-						variant: "text",
-						icon: true,
-						asChild: true,
-						dark,
-						children: /* @__PURE__ */ jsx("a", {
-							target: "_blank",
-							href: "https://www.linkedin.com/school/bi-norwegian-business-school/",
-							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(LinkedinIcon, { title: "BI LinkedIn" })
-						})
-					}),
-					/* @__PURE__ */ jsx(Button, {
-						size: "large",
-						variant: "text",
-						icon: true,
-						asChild: true,
-						dark,
-						children: /* @__PURE__ */ jsx("a", {
-							target: "_blank",
-							href: "https://www.instagram.com/binorwegianbusinesschool/",
-							rel: "noopener noreferrer",
-							children: /* @__PURE__ */ jsx(InstagramIcon, { title: "BI Instagram" })
-						})
-					})
-				]
-			}),
-			!hideCopyRight && /* @__PURE__ */ jsx("p", {
-				className: "bi-footer--copyright",
-				children: `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${copyRightText}`
-			})
-		]
-	});
-};
-
-//#endregion
-export { Footer as t };
-//# sourceMappingURL=footer-CSPsXNCC.js.map

package/dist/footer-CSPsXNCC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-CSPsXNCC.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-BSPLOfVv.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime70 from "react/jsx-runtime";
-import { HTMLAttributes, Ref } from "react";
-
-//#region src/components/footer/footer-links.d.ts
-type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {
-  /**
-   * Optional leading text to display before the links.
-   */
-  leadingText?: string;
-  ref?: Ref<HTMLDivElement>;
-};
-declare const FooterLinks: ({
-  leadingText,
-  children,
-  ref,
-  ...props
-}: FooterLinksProps) => react_jsx_runtime70.JSX.Element;
-//#endregion
-export { FooterLinksProps as n, FooterLinks as t };
-//# sourceMappingURL=footer-links-BSPLOfVv.d.ts.map

package/dist/footer-links-C3LEaC7-.js

@@ -1,15 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/footer/footer-links.tsx
-const FooterLinks = ({ leadingText, children, ref,...props }) => {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "bi-footer--links",
-		ref,
-		...props,
-		children: [leadingText && /* @__PURE__ */ jsxs("p", { children: [leadingText, ":"] }), /* @__PURE__ */ jsx("div", { children })]
-	});
-};
-
-//#endregion
-export { FooterLinks as t };
-//# sourceMappingURL=footer-links-C3LEaC7-.js.map

package/dist/footer-links-C3LEaC7-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-links-C3LEaC7-.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-6rZNUbuV.d.ts

@@ -1,23 +0,0 @@
-//#region src/vanilla/sub-navbar/index.d.ts
-type InitSubNavbarOptions = {
-  /**
-   * Custom selector to find sub-navbars.
-   * @default '.bi-sub-navbar'
-   */
-  selector?: string;
-};
-/**
- * Initializes all sub-navbars on the page to handle scroll-based behavior.
- * This includes:
- * - Setting data-fixed attribute when the navbar is scrolled past
- * - Setting data-scroll-dir attribute based on scroll direction when fixed
- *
- * @param options Configuration options
- * @returns Cleanup function to remove all event listeners and observers
- */
-declare const initSubNavbar: ({
-  selector
-}?: InitSubNavbarOptions) => () => void;
-//#endregion
-export { initSubNavbar as n, InitSubNavbarOptions as t };
-//# sourceMappingURL=index-6rZNUbuV.d.ts.map

package/dist/index-Bj4eygmJ.d.ts

@@ -1,58 +0,0 @@
-import { Middleware, Placement } from "@floating-ui/dom";
-
-//#region src/vanilla/popover/index.d.ts
-type InitPopoverOptions = {
-  /** The id of the popover to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
-  id: string;
-  /**
-   * Placement of the popover relative to the trigger.
-   * @default 'top'
-   */
-  placement?: Placement;
-  /**
-   * Additional middleware to use for positioning the popover.
-   *
-   * @example
-   * Prevent the popover from overflowing the navbar by using the `size` middleware:
-   * ```ts
-   * positionMiddleware: [
-   *  size({
-   *    apply: ({ availableHeight, elements, ...state }) => {
-   *      const available = `${Math.max(0, availableHeight)}px`;
-   *      const maxHeight = state.placement.includes('top')
-   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`
-   *        : available;
-   *      elements.floating.style.maxHeight = maxHeight;
-   *    },
-   *    padding,
-   *  })
-   * ]}
-   * ```
-   */
-  positionMiddleware?: Middleware[];
-  /**
-   * Whether to disable auto placement.
-   * @default false
-   */
-  disableAutoPlacement?: boolean;
-  /**
-   * The padding used by the `offset` middleware.
-   * @default '20'
-   */
-  padding?: number;
-};
-/**
- * Initializes the popover.
- * @param options - InitPopoverOptions
- * @returns A function to programmatically toggle the popover.
- */
-declare const initPopover: ({
-  id,
-  disableAutoPlacement,
-  placement,
-  positionMiddleware,
-  padding
-}: InitPopoverOptions) => ((open: boolean) => void) | undefined;
-//#endregion
-export { initPopover as n, InitPopoverOptions as t };
-//# sourceMappingURL=index-Bj4eygmJ.d.ts.map

package/dist/index-DN58K_UQ.d.ts

@@ -1,58 +0,0 @@
-import { Middleware, Placement } from "@floating-ui/dom";
-
-//#region src/vanilla/dropdown/index.d.ts
-type InitDropdownOptions = {
-  /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */
-  id: string;
-  /**
-   * Placement of the dropdown relative to the trigger.
-   * @default 'bottom'
-   */
-  placement?: Placement;
-  /**
-   * Additional middleware to use for positioning the dropdown.
-   *
-   * @example
-   * Prevent the dropdown from overflowing the navbar by using the `size` middleware:
-   * ```ts
-   * positionMiddleware: [
-   *  size({
-   *    apply: ({ availableHeight, elements, ...state }) => {
-   *      const available = `${Math.max(0, availableHeight)}px`;
-   *      const maxHeight = state.placement.includes('top')
-   *        ? `calc(${available} - var(--bi-layout-navbar-height, 0))`
-   *        : available;
-   *      elements.floating.style.maxHeight = maxHeight;
-   *    },
-   *    padding,
-   *  })
-   * ]}
-   * ```
-   */
-  positionMiddleware?: Middleware[];
-  /**
-   * Whether to disable auto placement.
-   * @default false
-   */
-  disableAutoPlacement?: boolean;
-  /**
-   * The padding used by the `offset` middleware.
-   * @default '20'
-   */
-  padding?: number;
-};
-/**
- * Initializes the dropdown.
- * @param options - InitDropdownOptions
- * @returns A function to programmatically toggle the dropdown.
- */
-declare const initDropdown: ({
-  id,
-  disableAutoPlacement,
-  placement,
-  positionMiddleware,
-  padding
-}: InitDropdownOptions) => ((open: boolean) => void) | undefined;
-//#endregion
-export { initDropdown as n, InitDropdownOptions as t };
-//# sourceMappingURL=index-DN58K_UQ.d.ts.map

package/dist/input-CgF0i1u8.js

@@ -1,25 +0,0 @@
-import clsx from "clsx/lite";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/input/input.tsx
-const Input = ({ type = "text", size = "medium", visibleWidth, className, onChange, onClick, dark, readOnly, ref,...props }) => {
-	return /* @__PURE__ */ jsx("input", {
-		className: clsx("bi-input", className),
-		"data-dark": dark,
-		"data-size": size,
-		ref,
-		type,
-		readOnly,
-		onChange: (event) => readOnly || onChange?.(event),
-		onClick: (event) => {
-			if (readOnly) event.preventDefault();
-			onClick?.(event);
-		},
-		size: visibleWidth,
-		...props
-	});
-};
-
-//#endregion
-export { Input as t };
-//# sourceMappingURL=input-CgF0i1u8.js.map

package/dist/input-CgF0i1u8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-CgF0i1u8.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-BaMh8Ijy.js

@@ -1,18 +0,0 @@
-import clsx from "clsx/lite";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/label/label.tsx
-const Label = ({ className, weight = "semibold", dark, asChild, ref,...props }) => {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "label", {
-		ref,
-		className: clsx("bi-label", className),
-		"data-dark": dark,
-		"data-weight": weight,
-		...props
-	});
-};
-
-//#endregion
-export { Label as t };
-//# sourceMappingURL=label-BaMh8Ijy.js.map