@bi-digital/react 0.2.12 → 0.2.14

package/dist/dropdown-trigger-DnE1t9YA.js

@@ -0,0 +1,13 @@
+import { PopoverTrigger } from "./popover-trigger-DB9-FUdp.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 };
+//# sourceMappingURL=dropdown-trigger-DnE1t9YA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-DnE1t9YA.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,qBACpE,IAAC;CAAe,SAAQ;CAAY;CAAK,GAAI;EAAQ"}

package/dist/dropdown-trigger-context-5mGr6ped.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime30 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/dropdown/dropdown-trigger-context.d.ts
+type DropdownTriggerContextProps = {
+  children: ReactNode;
+};
+/**
+ * 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>
+ */
+declare const DropdownTriggerContext: ({
+  children
+}: DropdownTriggerContextProps) => react_jsx_runtime30.JSX.Element;
+//#endregion
+export { DropdownTriggerContext, DropdownTriggerContextProps };
+//# sourceMappingURL=dropdown-trigger-context-5mGr6ped.d.ts.map

package/dist/dropdown-trigger-context-BDCr78fy.js

@@ -0,0 +1,25 @@
+import { PopoverTriggerContext } from "./popover-trigger-context-CFCUCT8d.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 }) => /* @__PURE__ */ jsx(PopoverTriggerContext, { children });
+
+//#endregion
+export { DropdownTriggerContext };
+//# sourceMappingURL=dropdown-trigger-context-BDCr78fy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context-BDCr78fy.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { PopoverTriggerContext } from '../popover';\n\nexport type DropdownTriggerContextProps = {\n  children: ReactNode;\n};\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 }: DropdownTriggerContextProps) => (\n  <PopoverTriggerContext>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,yBAAyB,CAAC,EAAE,UAAuC,qBAC9E,IAAC,yBAAuB,WAAiC"}

package/dist/field-U2SN9jkp.js

@@ -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, asChild, ref,...props }) => {
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-field", className),
+		"data-dark": dark,
+		"data-position": position,
+		ref,
+		...props
+	});
+};
+
+//#endregion
+export { Field };
+//# sourceMappingURL=field-U2SN9jkp.js.map

package/dist/field-U2SN9jkp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-U2SN9jkp.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    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, asChild, ref, ...props }: FieldProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component className={clsx('bi-field', className)} data-dark={dark} data-position={position} ref={ref} {...props} />\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAa,QAAQ,CAAC,EAAE,WAAW,MAAM,UAAU,SAAS,IAAK,GAAG,OAAmB,KAAK;CAC1F,MAAM,YAAY,UAAU,OAAO;AAEnC,wBACE,IAAC;EAAU,WAAW,KAAK,YAAY,UAAU;EAAE,aAAW;EAAM,iBAAe;EAAe;EAAK,GAAI;GAAS;AAEvH"}

package/dist/field-affix-npc6m7XL.js

@@ -0,0 +1,47 @@
+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 }) => {
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Component, {
+		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 }) => {
+	const Component = asChild ? Slot : "span";
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-field--affix", className),
+		"aria-hidden": "true",
+		ref,
+		...rest
+	});
+};
+
+//#endregion
+export { FieldAffix, FieldAffixes };
+//# sourceMappingURL=field-affix-npc6m7XL.js.map

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

@@ -0,0 +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,wBAAO,IAAC;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,wBAAO,IAAC;EAAU,WAAW,KAAK,mBAAmB,UAAU;EAAE,eAAY;EAAY;EAAK,GAAI;GAAQ;AAC3G"}

package/dist/field-description-Dhm1VA08.js

@@ -0,0 +1,17 @@
+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 }) => {
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-field--description", className),
+		ref,
+		...props
+	});
+};
+
+//#endregion
+export { FieldDescription };
+//# sourceMappingURL=field-description-Dhm1VA08.js.map

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

@@ -0,0 +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,wBAAO,IAAC;EAAU,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;GAAS;AAC/F"}

package/dist/fieldset-Bpu4CRKG.js

@@ -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 };
+//# sourceMappingURL=fieldset-Bpu4CRKG.js.map

package/dist/fieldset-Bpu4CRKG.js.map

@@ -0,0 +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,wBACE,IAAC;EAAS,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;GACQ;AAEd"}

package/dist/fieldset-description-DiHvcLh-.js

@@ -0,0 +1,15 @@
+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 }) => {
+	const Component = asChild ? Slot : "p";
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		...props
+	});
+};
+
+//#endregion
+export { FieldsetDescription };
+//# sourceMappingURL=fieldset-description-DiHvcLh-.js.map

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

@@ -0,0 +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,wBAAO,IAAC;EAAe;EAAK,GAAI;GAAS;AAC1C"}

package/dist/fieldset-legend-CR4srn2-.js

@@ -0,0 +1,19 @@
+import { Label } from "./label-DUzvAx-T.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 };
+//# sourceMappingURL=fieldset-legend-CR4srn2-.js.map

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

@@ -0,0 +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,wBACE,IAAC;EAAM;EAAc;4BACnB,IAAC;GAAY;GAAK,GAAI;GACnB;IACM;GACH;AAEX"}

package/dist/footer-hxqsN1cg.js

@@ -0,0 +1,111 @@
+import { Button } from "./button-fhd-JARc.js";
+import clsx from "clsx/lite";
+import { BiIconFacebook, BiIconInstagram, BiIconLinkedin, BiIconX } from "@bi-digital/icons-react";
+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(BiIconFacebook, { 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(BiIconX, { 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(BiIconLinkedin, { 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(BiIconInstagram, { title: "BI Instagram" })
+						})
+					})
+				]
+			}),
+			!hideCopyRight && /* @__PURE__ */ jsx("p", {
+				className: "bi-footer--copyright",
+				children: `© ${(/* @__PURE__ */ new Date()).getFullYear()} ${copyRightText}`
+			})
+		]
+	});
+};
+
+//#endregion
+export { Footer };
+//# sourceMappingURL=footer-hxqsN1cg.js.map

package/dist/footer-hxqsN1cg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-hxqsN1cg.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 { BiIconFacebook, BiIconX, BiIconLinkedin, BiIconInstagram } from '@bi-digital/icons-react';\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              <BiIconFacebook 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              <BiIconX 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              <BiIconLinkedin 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              <BiIconInstagram 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,wBACE,KAAC;EAAO,WAAW,KAAK,aAAa,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;;mBAC9E,IAAC;IAAI,WAAU;IAA8B;KAAe;IAC1D,0CACA,KAAC;IAAI,WAAU;;qBACb,IAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gCAEJ,IAAC,UAAK,WAAU,qBAAqB;OACnC;qBACJ,IAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gCAEJ,IAAC,UAAK,WAAU,qBAAqB;OACnC;qBACJ,IAAC;MAAE,cAAW;MAAY,QAAO;MAAS,MAAK;MAAqC,KAAI;gCACtF,IAAC,UAAK,WAAU,oBAAoB;OAClC;;KACA;IAEN,wCACA,KAAC;IAAI,WAAU;;qBACb,IAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gCACrD,IAAC;OAAE,QAAO;OAAS,MAAK;OAA+C,KAAI;iCACzE,IAAC,kBAAe,OAAM,gBAAgB;QACpC;OACG;qBACT,IAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gCACrD,IAAC;OAAE,QAAO;OAAS,MAAK;OAAqC,KAAI;iCAC/D,IAAC,WAAQ,OAAM,SAAS;QACtB;OACG;qBACT,IAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gCACrD,IAAC;OACC,QAAO;OACP,MAAK;OACL,KAAI;iCAEJ,IAAC,kBAAe,OAAM,gBAAgB;QACpC;OACG;qBACT,IAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gCACrD,IAAC;OAAE,QAAO;OAAS,MAAK;OAAsD,KAAI;iCAChF,IAAC,mBAAgB,OAAM,iBAAiB;QACtC;OACG;;KACL;IAEN,iCAAiB,IAAC;IAAE,WAAU;eAAyB,IAAI,qBAAI,QAAO,aAAa,CAAC,GAAG,cAAc;KAAM;;GACtG;AAEZ"}

package/dist/footer-links-BbIh-yGy.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime40 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_runtime40.JSX.Element;
+//#endregion
+export { FooterLinks, FooterLinksProps };
+//# sourceMappingURL=footer-links-BbIh-yGy.d.ts.map

package/dist/footer-links-CicpNbmh.js

@@ -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 };
+//# sourceMappingURL=footer-links-CicpNbmh.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer-links-CicpNbmh.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,wBACE,KAAC;EAAI,WAAU;EAAwB;EAAK,GAAI;aAC7C,+BAAe,KAAC,kBAAG,aAAY,OAAK,kBACrC,IAAC,SAAK,WAAe;GACjB;AAET"}

package/dist/index-DRx9hLAb.d.ts

@@ -0,0 +1,48 @@
+import { Middleware, Placement } from "@floating-ui/dom";
+import "@oddbird/popover-polyfill";
+
+//#region src/vanilla/popover/index.d.ts
+type InitPopoverOptions = {
+  /** The id of the popover to initialize. The trigger element should have a `popovertarget` 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;
+};
+declare const initPopover: ({
+  id,
+  disableAutoPlacement,
+  placement,
+  positionMiddleware
+}: InitPopoverOptions) => void;
+//#endregion
+export { InitPopoverOptions, initPopover };
+//# sourceMappingURL=index-DRx9hLAb.d.ts.map

package/dist/index-no8iFicj.d.ts

@@ -0,0 +1,47 @@
+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 `popovertarget` 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;
+};
+declare const initDropdown: ({
+  id,
+  disableAutoPlacement,
+  placement,
+  positionMiddleware
+}: InitDropdownOptions) => void;
+//#endregion
+export { InitDropdownOptions, initDropdown };
+//# sourceMappingURL=index-no8iFicj.d.ts.map

package/dist/input-Dr7BnTyd.js

@@ -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 };
+//# sourceMappingURL=input-Dr7BnTyd.js.map

package/dist/input-Dr7BnTyd.js.map

@@ -0,0 +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,wBACE,IAAC;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,SAAU,OAAM,gBAAgB;AACpC,aAAU,MAAM;EACjB;EACD,MAAM;EACN,GAAI;GACJ;AAEL"}

package/dist/label-DUzvAx-T.js

@@ -0,0 +1,19 @@
+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 }) => {
+	const Component = asChild ? Slot : "label";
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: clsx("bi-label", className),
+		"data-dark": dark,
+		"data-weight": weight,
+		...props
+	});
+};
+
+//#endregion
+export { Label };
+//# sourceMappingURL=label-DUzvAx-T.js.map

package/dist/label-DUzvAx-T.js.map

@@ -0,0 +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,wBACE,IAAC;EAAe;EAAK,WAAW,KAAK,YAAY,UAAU;EAAE,aAAW;EAAM,eAAa;EAAQ,GAAI;GAAS;AAEnH"}

package/dist/link-CmV99fiH.js

@@ -0,0 +1,19 @@
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+
+//#region src/components/link/link.tsx
+const Link = ({ asChild, className, color, dark, ref,...rest }) => {
+	const Component = asChild ? Slot : "a";
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-link", className),
+		"data-color": color,
+		"data-dark": dark,
+		ref,
+		...rest
+	});
+};
+
+//#endregion
+export { Link };
+//# sourceMappingURL=link-CmV99fiH.js.map

package/dist/link-CmV99fiH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-CmV99fiH.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    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, ref, ...rest }: LinkProps) => {\n  const Component = asChild ? Slot : 'a';\n\n  return <Component className={clsx('bi-link', className)} data-color={color} data-dark={dark} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;AAwBA,MAAa,OAAO,CAAC,EAAE,SAAS,WAAW,OAAO,MAAM,IAAK,GAAG,MAAiB,KAAK;CACpF,MAAM,YAAY,UAAU,OAAO;AAEnC,wBAAO,IAAC;EAAU,WAAW,KAAK,WAAW,UAAU;EAAE,cAAY;EAAO,aAAW;EAAW;EAAK,GAAI;GAAQ;AACpH"}