@bi-digital/react 0.6.1 → 0.6.2

package/dist/dropdown-trigger-7DQXMbgf.mjs

@@ -0,0 +1,13 @@
+import { t as PopoverTrigger } from "./popover-trigger-kS89jLF5.mjs";
+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-7DQXMbgf.mjs.map

package/dist/dropdown-trigger-7DQXMbgf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-7DQXMbgf.mjs","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,KAAK,GAAG,WACxC,oBAAC;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}

package/dist/dropdown-trigger-context-CS3OQMFI.mjs

@@ -0,0 +1,28 @@
+import { n as PopoverTriggerContext } from "./popover-trigger-context-jE5SJQHq.mjs";
+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-CS3OQMFI.mjs.map

package/dist/dropdown-trigger-context-CS3OQMFI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context-CS3OQMFI.mjs","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,UAAU,GAAG,YACpD,oBAAC;CAAsB,GAAI;CAAQ;EAAiC"}

package/dist/field-BCZ3EqOp.mjs

@@ -0,0 +1,30 @@
+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-BCZ3EqOp.mjs.map

package/dist/field-BCZ3EqOp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-BCZ3EqOp.mjs","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,KAAK,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-C4X9hVtO.mjs

@@ -0,0 +1,45 @@
+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-C4X9hVtO.mjs.map

package/dist/field-affix-C4X9hVtO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-affix-C4X9hVtO.mjs","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,KAAK,GAAG,WAA8B;AAEvF,QAAO,oBADW,UAAU,OAAO;EACjB,WAAW,KAAK,qBAAqB,UAAU;EAAO;EAAK,GAAI;GAAQ;;;;;;;;;;;;;AAqB3F,MAAa,cAAc,EAAE,WAAW,SAAS,KAAK,GAAG,WAA4B;AAEnF,QAAO,oBADW,UAAU,OAAO;EACjB,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ"}

package/dist/field-description-XJjYxMvw.mjs

@@ -0,0 +1,16 @@
+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-XJjYxMvw.mjs.map

package/dist/field-description-XJjYxMvw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-description-XJjYxMvw.mjs","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,KAAK,GAAG,YAAmC;AAGhG,QAAO,oBAFW,UAAU,OAAO;EAEjB,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS"}

package/dist/fieldset-2lG0gcor.mjs

@@ -0,0 +1,17 @@
+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-2lG0gcor.mjs.map

package/dist/fieldset-2lG0gcor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-2lG0gcor.mjs","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,KAAK,GAAG,YAA2B;AACvF,QACE,oBAAC;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ"}

package/dist/fieldset-description-DTqXvl-C.mjs

@@ -0,0 +1,14 @@
+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-DTqXvl-C.mjs.map

package/dist/fieldset-description-DTqXvl-C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-description-DTqXvl-C.mjs","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,KAAK,GAAG,YAAsC;AAG3F,QAAO,oBAFW,UAAU,OAAO;EAEZ;EAAK,GAAI;GAAS"}

package/dist/fieldset-legend-DRljev3V.mjs

@@ -0,0 +1,19 @@
+import { t as Label } from "./label-CLZYAwXB.mjs";
+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-DRljev3V.mjs.map

package/dist/fieldset-legend-DRljev3V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-legend-DRljev3V.mjs","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,KAAK,GAAG,YAAiC;AACxF,QACE,oBAAC;EAAM;EAAc;YACnB,oBAAC;GAAY;GAAK,GAAI;GACnB;IACM;GACH"}

package/dist/filter-group-CQ5N0COR.mjs

@@ -0,0 +1,40 @@
+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-CQ5N0COR.mjs.map

package/dist/filter-group-CQ5N0COR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-group-CQ5N0COR.mjs","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,KACA,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-BT08D4h_.mjs

@@ -0,0 +1,111 @@
+import { t as Button } from "./button-BPjELOOl.mjs";
+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-BT08D4h_.mjs.map

package/dist/footer-BT08D4h_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-BT08D4h_.mjs","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,KACA,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-C6V--xE0.mjs

@@ -0,0 +1,15 @@
+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-C6V--xE0.mjs.map

package/dist/footer-links-C6V--xE0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-links-C6V--xE0.mjs","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,KAAK,GAAG,YAA8B;AACzF,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAK,GAAI;aAC7C,eAAe,qBAAC,kBAAG,aAAY,OAAK,EACrC,oBAAC,SAAK,WAAe;GACjB"}

package/dist/footer-links-DTXS_Tgd.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime31 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_runtime31.JSX.Element;
+//#endregion
+export { FooterLinksProps as n, FooterLinks as t };
+//# sourceMappingURL=footer-links-DTXS_Tgd.d.mts.map

package/dist/index-8YuwT3Gl.d.mts

@@ -0,0 +1,58 @@
+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-8YuwT3Gl.d.mts.map

package/dist/index-C6Nm9giH.d.mts

@@ -0,0 +1,58 @@
+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-C6Nm9giH.d.mts.map

package/dist/index-O2Stf8CC.d.mts

@@ -0,0 +1,23 @@
+//#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-O2Stf8CC.d.mts.map

package/dist/input-npZkJQsL.mjs

@@ -0,0 +1,25 @@
+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-npZkJQsL.mjs.map

package/dist/input-npZkJQsL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-npZkJQsL.mjs","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,KACA,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-CLZYAwXB.mjs

@@ -0,0 +1,18 @@
+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-CLZYAwXB.mjs.map