@bi-digital/react 0.9.0 → 0.10.0

package/dist/components/tabs/tabs.mjs

@@ -1,3 +1,51 @@
-import { t as Tabs } from "../../tabs-BYYODpZJ.mjs";
+import { useMergeRefs } from "../../utilities/hooks/useMergeRefs/useMergeRefs.mjs";
+import "@digdir/designsystemet-web";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useEffect, useId, useRef } from "react";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+//#region src/components/tabs/tabs.tsx
+const Context = createContext({});
+const Tabs = ({ defaultValue, value: valueProp, onChange, children, className, dark, ref, ...props }) => {
+	const tabsRef = useRef(null);
+	const isProgrammaticClick = useRef(false);
+	const valuePrefix = useId();
+	const mergedRefs = useMergeRefs([ref, tabsRef]);
+	const [value, setValue] = useControllableState({
+		prop: valueProp,
+		onChange,
+		defaultProp: defaultValue || "",
+		caller: "Tabs"
+	});
+	useEffect(() => {
+		if (!tabsRef.current || valueProp === void 0) return;
+		tabsRef.current?.tabList?.tabs?.forEach((tab) => {
+			if (tab.getAttribute("data-value") === valueProp) {
+				isProgrammaticClick.current = true;
+				tab.click();
+				isProgrammaticClick.current = false;
+			}
+		});
+	}, [valueProp]);
+	return /* @__PURE__ */ jsx(Context, {
+		value: {
+			value,
+			defaultValue,
+			onChange: setValue,
+			getPrefixedValue: (value) => value && `${valuePrefix}-${value}`,
+			isProgrammaticClick
+		},
+		children: /* @__PURE__ */ jsx("ds-tabs", {
+			suppressHydrationWarning: true,
+			ref: mergedRefs,
+			className: clsx("bi-tabs", className),
+			"data-dark": dark,
+			...props,
+			children
+		})
+	});
+};
+//#endregion
+export { Context, Tabs };
 
-export { Tabs };
+//# sourceMappingURL=tabs.mjs.map

package/dist/components/tabs/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":[],"sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import { createContext, useEffect, useId, useRef } from 'react';\nimport type { HTMLAttributes, Ref, RefObject } from 'react';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport type { DSTabsElement } from '@digdir/designsystemet-web';\nimport '@digdir/designsystemet-web'; // Import ds-tabs custom element\nimport clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nexport type TabsProps = MergeRight<\n  DefaultProps & HTMLAttributes<DSTabsElement>,\n  {\n    /** The value of the tab that should be active when initially rendered. Use when you do not need to control the state of the tabs. */\n    defaultValue?: string;\n    /** The controlled value of the tab to activate. Should be used together with `onChange`. */\n    value?: string;\n    /** Event handler called when the value changes. */\n    onChange?: (value: string) => void;\n    ref?: Ref<DSTabsElement>;\n  }\n>;\n\nexport type TabsContext = {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n  getPrefixedValue?: (value?: string) => string | undefined;\n  isProgrammaticClick?: RefObject<boolean>;\n};\n\nexport const Context = createContext<TabsContext>({});\n\nexport const Tabs = ({\n  defaultValue,\n  value: valueProp,\n  onChange,\n  children,\n  className,\n  dark,\n  ref,\n  ...props\n}: TabsProps) => {\n  const tabsRef = useRef<DSTabsElement>(null);\n  const isProgrammaticClick = useRef(false);\n  const valuePrefix = useId(); // Used for generation of unique value-based ids for tabs and panels\n  const mergedRefs = useMergeRefs([ref, tabsRef]);\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange,\n    defaultProp: defaultValue || '',\n    caller: 'Tabs',\n  });\n\n  useEffect(() => {\n    if (!tabsRef.current || valueProp === undefined) return;\n    tabsRef.current?.tabList?.tabs?.forEach((tab) => {\n      if (tab.getAttribute('data-value') === valueProp) {\n        isProgrammaticClick.current = true;\n        tab.click();\n        isProgrammaticClick.current = false;\n      }\n    });\n  }, [valueProp]);\n\n  return (\n    <Context\n      value={{\n        value,\n        defaultValue,\n        onChange: setValue,\n        getPrefixedValue: (value?: string) => value && `${valuePrefix}-${value}`,\n        isProgrammaticClick,\n      }}\n    >\n      <ds-tabs\n        suppressHydrationWarning // Since <ds-tablist> adds attributes\n        ref={mergedRefs}\n        className={clsx('bi-tabs', className)}\n        data-dark={dark}\n        {...props}\n      >\n        {children}\n      </ds-tabs>\n    </Context>\n  );\n};\n"],"mappings":";;;;;;;AA+BA,MAAa,UAAU,cAA2B,EAAE,CAAC;AAErD,MAAa,QAAQ,EACnB,cACA,OAAO,WACP,UACA,UACA,WACA,MACA,KACA,GAAG,YACY;CACf,MAAM,UAAU,OAAsB,KAAK;CAC3C,MAAM,sBAAsB,OAAO,MAAM;CACzC,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,aAAa,CAAC,KAAK,QAAQ,CAAC;CAC/C,MAAM,CAAC,OAAO,YAAY,qBAAqB;EAC7C,MAAM;EACN;EACA,aAAa,gBAAgB;EAC7B,QAAQ;EACT,CAAC;AAEF,iBAAgB;AACd,MAAI,CAAC,QAAQ,WAAW,cAAc,KAAA,EAAW;AACjD,UAAQ,SAAS,SAAS,MAAM,SAAS,QAAQ;AAC/C,OAAI,IAAI,aAAa,aAAa,KAAK,WAAW;AAChD,wBAAoB,UAAU;AAC9B,QAAI,OAAO;AACX,wBAAoB,UAAU;;IAEhC;IACD,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,SAAD;EACE,OAAO;GACL;GACA;GACA,UAAU;GACV,mBAAmB,UAAmB,SAAS,GAAG,YAAY,GAAG;GACjE;GACD;YAED,oBAAC,WAAD;GACE,0BAAA;GACA,KAAK;GACL,WAAW,KAAK,WAAW,UAAU;GACrC,aAAW;GACX,GAAI;GAEH;GACO,CAAA;EACF,CAAA"}

package/dist/components/textarea/index.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { l as Textarea, u as TextareaProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Textarea, TextareaProps };

package/dist/components/textarea/index.mjs

@@ -1,4 +1,2 @@
-import { t as Textarea } from "../../textarea-CHhlswpx.mjs";
-import "../../textarea-BDAr1Unx.mjs";
-
-export { Textarea };
+import { Textarea } from "./textarea.mjs";
+export { Textarea };

package/dist/components/textarea/textarea.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { l as Textarea, u as TextareaProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { l as Textarea, u as TextareaProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { Textarea, TextareaProps };

package/dist/components/textarea/textarea.mjs

@@ -1,3 +1,16 @@
-import { t as Textarea } from "../../textarea-CHhlswpx.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/textarea/textarea.tsx
+const Textarea = ({ className, dark, size, ref, ...props }) => {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: clsx("bi-input", className),
+		"data-dark": dark,
+		"data-size": size,
+		ref,
+		...props
+	});
+};
+//#endregion
+export { Textarea };
 
-export { Textarea };
+//# sourceMappingURL=textarea.mjs.map

package/dist/components/textarea/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":[],"sources":["../../../src/components/textarea/textarea.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { Ref, TextareaHTMLAttributes } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type TextareaProps = MergeRight<\n  DefaultProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'>,\n  {\n    /**\n     * Size of the textarea.\n     * @default 'medium'\n     */\n    size?: 'medium' | 'large';\n    ref?: Ref<HTMLTextAreaElement>;\n  }\n>;\n\nexport const Textarea = ({ className, dark, size, ref, ...props }: TextareaProps) => {\n  return <textarea className={clsx('bi-input', className)} data-dark={dark} data-size={size} ref={ref} {...props} />;\n};\n"],"mappings":";;;AAiBA,MAAa,YAAY,EAAE,WAAW,MAAM,MAAM,KAAK,GAAG,YAA2B;AACnF,QAAO,oBAAC,YAAD;EAAU,WAAW,KAAK,YAAY,UAAU;EAAE,aAAW;EAAM,aAAW;EAAW;EAAK,GAAI;EAAS,CAAA"}

package/dist/components/textfield/index.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { c as TextfieldProps, s as Textfield } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-42JbxJ0B.mjs";
 export { Textfield, TextfieldProps };

package/dist/components/textfield/index.mjs

@@ -1,16 +1,2 @@
-import "../../field-BIBlDQoi.mjs";
-import "../../field-description-Dt2qLchF.mjs";
-import "../../field-affix-DNZXWyx-.mjs";
-import "../../field-D8ZE0keC.mjs";
-import "../../input-DU_8Z4cN.mjs";
-import "../../input-8Az-c2K1.mjs";
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import "../../validation-message-376E95cm.mjs";
-import "../../validation-message-YHHHXfxE.mjs";
-import "../../textarea-CHhlswpx.mjs";
-import "../../textarea-BDAr1Unx.mjs";
-import { t as Textfield } from "../../textfield-rcRRkfZB.mjs";
-import "../../textfield-BFLLhYVI.mjs";
-
-export { Textfield };
+import { Textfield } from "./textfield.mjs";
+export { Textfield };

package/dist/components/textfield/textfield.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { c as TextfieldProps, s as Textfield } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { c as TextfieldProps, s as Textfield } from "../../alert-footer-42JbxJ0B.mjs";
 export { Textfield, TextfieldProps };

package/dist/components/textfield/textfield.mjs

@@ -1,15 +1,69 @@
-import "../../field-BIBlDQoi.mjs";
-import "../../field-description-Dt2qLchF.mjs";
-import "../../field-affix-DNZXWyx-.mjs";
-import "../../field-D8ZE0keC.mjs";
-import "../../input-DU_8Z4cN.mjs";
-import "../../input-8Az-c2K1.mjs";
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import "../../validation-message-376E95cm.mjs";
-import "../../validation-message-YHHHXfxE.mjs";
-import "../../textarea-CHhlswpx.mjs";
-import "../../textarea-BDAr1Unx.mjs";
-import { t as Textfield } from "../../textfield-rcRRkfZB.mjs";
+import { Field } from "../field/field.mjs";
+import { FieldDescription } from "../field/field-description.mjs";
+import { FieldAffix, FieldAffixes } from "../field/field-affix.mjs";
+import "../field/index.mjs";
+import { Input } from "../input/input.mjs";
+import "../input/index.mjs";
+import { Label } from "../label/label.mjs";
+import "../label/index.mjs";
+import { ValidationMessage } from "../validation-message/validation-message.mjs";
+import "../validation-message/index.mjs";
+import { Textarea } from "../textarea/textarea.mjs";
+import "../textarea/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+//#region src/components/textfield/textfield.tsx
+const Textfield = ({ dark, label, description, error, multiline, prefix, suffix, style, className, fullwidth, ref, id: idProp, "aria-describedby": ariaDescribedByProp, ...props }) => {
+	const generatedId = useId();
+	const descriptionId = useId();
+	const validationId = useId();
+	const id = idProp || generatedId;
+	const ariaDescribedBy = [
+		description ? descriptionId : "",
+		error ? validationId : "",
+		ariaDescribedByProp
+	].join(" ").trim() || void 0;
+	return /* @__PURE__ */ jsxs(Field, {
+		className,
+		"data-dark": dark,
+		style,
+		fullwidth,
+		children: [
+			label && /* @__PURE__ */ jsx(Label, {
+				htmlFor: id,
+				children: label
+			}),
+			description && /* @__PURE__ */ jsx(FieldDescription, {
+				id: descriptionId,
+				children: description
+			}),
+			/* @__PURE__ */ jsxs(FieldAffixes, { children: [
+				prefix && /* @__PURE__ */ jsx(FieldAffix, { children: prefix }),
+				multiline ? /* @__PURE__ */ jsx(Textarea, {
+					id,
+					ref,
+					"aria-invalid": Boolean(error) || void 0,
+					"aria-describedby": ariaDescribedBy,
+					dark,
+					...props
+				}) : /* @__PURE__ */ jsx(Input, {
+					id,
+					ref,
+					"aria-invalid": Boolean(error) || void 0,
+					"aria-describedby": ariaDescribedBy,
+					dark,
+					...props
+				}),
+				suffix && /* @__PURE__ */ jsx(FieldAffix, { children: suffix })
+			] }),
+			!!error && /* @__PURE__ */ jsx(ValidationMessage, {
+				id: validationId,
+				children: error
+			})
+		]
+	});
+};
+//#endregion
+export { Textfield };
 
-export { Textfield };
+//# sourceMappingURL=textfield.mjs.map

package/dist/components/textfield/textfield.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.mjs","names":[],"sources":["../../../src/components/textfield/textfield.tsx"],"sourcesContent":["import { useId, type ReactNode, type Ref } from 'react';\n\nimport type { DefaultProps, LabelRequiredProps } from '../../types';\nimport { Field, FieldAffix, FieldAffixes, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { Textarea, type TextareaProps } from '../textarea';\nimport { ValidationMessage } from '../validation-message';\n\ntype InputPropsFiltered = Omit<InputProps, 'prefix' | 'className' | 'style'>;\ntype TextareaPropsFiltered = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;\n\ntype BaseTextfieldProps = LabelRequiredProps &\n  DefaultProps & {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Prefix */\n    prefix?: string;\n    /** Suffix */\n    suffix?: string;\n    /** Error message for field */\n    error?: ReactNode;\n    /** `className` for the `Field` element */\n    className?: InputProps['className'];\n    /** `style` for the `Field` element */\n    style?: InputProps['style'];\n    /** If true, the selectfield will take up the full available width */\n    fullwidth?: boolean;\n  };\n\ntype TextfieldTextareaProps = {\n  /** Render `Textarea` instead of a `Input`. The `Textarea` has support for multiple rows of input. */\n  multiline: true;\n} & TextareaPropsFiltered;\n\ntype TextfieldInputProps = {\n  /** Render `Textarea` instead of a `Input`. The `Textarea` has support for multiple rows of input. */\n  multiline?: never | false;\n} & InputPropsFiltered;\n\nexport type TextfieldProps = BaseTextfieldProps & // We use either Textarea or Input props, depending on the `multiline` prop.\n  (TextfieldTextareaProps | TextfieldInputProps) & {\n    ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;\n  };\n\nexport const Textfield = ({\n  dark,\n  label,\n  description,\n  error,\n  multiline,\n  prefix,\n  suffix,\n  style,\n  className,\n  fullwidth,\n  ref,\n  id: idProp,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: TextfieldProps) => {\n  const generatedId = useId();\n  const descriptionId = useId();\n  const validationId = useId();\n  const id = idProp || generatedId;\n\n  const ariaDescribedBy =\n    [description ? descriptionId : '', error ? validationId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n  return (\n    <Field className={className} data-dark={dark} style={style} fullwidth={fullwidth}>\n      {label && <Label htmlFor={id}>{label}</Label>}\n      {description && <FieldDescription id={descriptionId}>{description}</FieldDescription>}\n      <FieldAffixes>\n        {prefix && <FieldAffix>{prefix}</FieldAffix>}\n        {multiline ? (\n          <Textarea\n            id={id}\n            ref={ref as Ref<HTMLTextAreaElement>}\n            aria-invalid={Boolean(error) || undefined}\n            aria-describedby={ariaDescribedBy}\n            dark={dark}\n            {...(props as TextareaPropsFiltered)}\n          />\n        ) : (\n          <Input\n            id={id}\n            ref={ref as Ref<HTMLInputElement>}\n            aria-invalid={Boolean(error) || undefined}\n            aria-describedby={ariaDescribedBy}\n            dark={dark}\n            {...(props as InputPropsFiltered)}\n          />\n        )}\n        {suffix && <FieldAffix>{suffix}</FieldAffix>}\n      </FieldAffixes>\n      {!!error && <ValidationMessage id={validationId}>{error}</ValidationMessage>}\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA+CA,MAAa,aAAa,EACxB,MACA,OACA,aACA,OACA,WACA,QACA,QACA,OACA,WACA,WACA,KACA,IAAI,QACJ,oBAAoB,qBACpB,GAAG,YACiB;CACpB,MAAM,cAAc,OAAO;CAC3B,MAAM,gBAAgB,OAAO;CAC7B,MAAM,eAAe,OAAO;CAC5B,MAAM,KAAK,UAAU;CAErB,MAAM,kBACJ;EAAC,cAAc,gBAAgB;EAAI,QAAQ,eAAe;EAAI;EAAoB,CAAC,KAAK,IAAI,CAAC,MAAM,IAAI,KAAA;AACzG,QACE,qBAAC,OAAD;EAAkB;EAAW,aAAW;EAAa;EAAkB;YAAvE;GACG,SAAS,oBAAC,OAAD;IAAO,SAAS;cAAK;IAAc,CAAA;GAC5C,eAAe,oBAAC,kBAAD;IAAkB,IAAI;cAAgB;IAA+B,CAAA;GACrF,qBAAC,cAAD,EAAA,UAAA;IACG,UAAU,oBAAC,YAAD,EAAA,UAAa,QAAoB,CAAA;IAC3C,YACC,oBAAC,UAAD;KACM;KACC;KACL,gBAAc,QAAQ,MAAM,IAAI,KAAA;KAChC,oBAAkB;KACZ;KACN,GAAK;KACL,CAAA,GAEF,oBAAC,OAAD;KACM;KACC;KACL,gBAAc,QAAQ,MAAM,IAAI,KAAA;KAChC,oBAAkB;KACZ;KACN,GAAK;KACL,CAAA;IAEH,UAAU,oBAAC,YAAD,EAAA,UAAa,QAAoB,CAAA;IAC/B,EAAA,CAAA;GACd,CAAC,CAAC,SAAS,oBAAC,mBAAD;IAAmB,IAAI;cAAe;IAA0B,CAAA;GACtE"}

package/dist/components/validation-message/index.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { ValidationMessage, ValidationMessageProps };

package/dist/components/validation-message/index.mjs

@@ -1,4 +1,2 @@
-import { t as ValidationMessage } from "../../validation-message-376E95cm.mjs";
-import "../../validation-message-YHHHXfxE.mjs";
-
-export { ValidationMessage };
+import { ValidationMessage } from "./validation-message.mjs";
+export { ValidationMessage };

package/dist/components/validation-message/validation-message.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-CHHPzMiX.mjs";
-import "../../dialog-trigger-context-Dlf5Whq6.mjs";
-import "../../drawer-trigger-context-3hDiHR-k.mjs";
-import "../../popover-trigger-context-sQGC75uf.mjs";
-import "../../dropdown-item-wInrqt83.mjs";
-import "../../dropdown-list-z14BOCh4.mjs";
-import "../../footer-links-C7vC-VD7.mjs";
-import "../../pagination-item-cKOuhfhM.mjs";
-import "../../sticky-header-Y0uT-nWI.mjs";
-import "../../index-C3reD4RP.mjs";
-import "../../useIsElementAboveViewport-BcIGWQqn.mjs";
+import { a as ValidationMessage, o as ValidationMessageProps } from "../../alert-footer-42JbxJ0B.mjs";
 export { ValidationMessage, ValidationMessageProps };

package/dist/components/validation-message/validation-message.mjs

@@ -1,3 +1,17 @@
-import { t as ValidationMessage } from "../../validation-message-376E95cm.mjs";
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { ErrorIcon } from "@bi-digital/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/validation-message/validation-message.tsx
+const ValidationMessage = ({ children, className, icon, asChild, ref, ...props }) => {
+	return /* @__PURE__ */ jsxs(asChild ? Slot : "p", {
+		className: clsx("bi-validation-message", className),
+		ref,
+		...props,
+		children: [icon || /* @__PURE__ */ jsx(ErrorIcon, {}), children]
+	});
+};
+//#endregion
+export { ValidationMessage };
 
-export { ValidationMessage };
+//# sourceMappingURL=validation-message.mjs.map

package/dist/components/validation-message/validation-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation-message.mjs","names":[],"sources":["../../../src/components/validation-message/validation-message.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ErrorIcon } from '@bi-digital/icons';\n\nexport type ValidationMessageProps = MergeRight<\n  AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n  {\n    /** Override the default warning icon. Must be a BiIcon to work correctly. */\n    icon?: ReactNode;\n    ref?: Ref<HTMLParagraphElement>;\n  }\n>;\n\nexport const ValidationMessage = ({ children, className, icon, asChild, ref, ...props }: ValidationMessageProps) => {\n  const Component = asChild ? Slot : 'p';\n\n  return (\n    <Component className={clsx('bi-validation-message', className)} ref={ref} {...props}>\n      {icon || <ErrorIcon />}\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAgBA,MAAa,qBAAqB,EAAE,UAAU,WAAW,MAAM,SAAS,KAAK,GAAG,YAAoC;AAGlH,QACE,qBAHgB,UAAU,OAAO,KAGjC;EAAW,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;YAA9E,CACG,QAAQ,oBAAC,WAAD,EAAa,CAAA,EACrB,SACS"}

package/dist/dialog-trigger-context-CAC7jh1K.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react from "react";
+import { ReactNode } from "react";
+
+//#region src/components/dialog/dialog-trigger-context.d.ts
+type DialogContext = {
+  id?: string;
+};
+declare const Context: react.Context<DialogContext & {
+  setContext?: (context: DialogContext) => void;
+}>;
+type DialogTriggerContextProps = {
+  children: ReactNode;
+};
+declare const DialogTriggerContext: ({
+  children
+}: DialogTriggerContextProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DialogTriggerContext as n, DialogTriggerContextProps as r, Context as t };
+//# sourceMappingURL=dialog-trigger-context-CAC7jh1K.d.mts.map

package/dist/drawer-trigger-context-DxLBj5Xr.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/drawer/drawer-trigger-context.d.ts
+type DrawerTriggerContextProps = {
+  children: ReactNode;
+};
+/**
+ * @deprecated The DrawerTriggerContext component is deprecated in favor of using the DialogTriggerContext component with the `anchor` prop set to "left", "right", "top" or "bottom". This allows for a more consistent API and reduces the need for multiple components with similar behavior. The DialogTriggerContext component with the appropriate anchor can be used to achieve the same sliding drawer effect.
+ */
+declare const DrawerTriggerContext: ({
+  children
+}: DrawerTriggerContextProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DrawerTriggerContextProps as n, DrawerTriggerContext as t };
+//# sourceMappingURL=drawer-trigger-context-DxLBj5Xr.d.mts.map

package/dist/{dropdown-item-wInrqt83.d.mts → dropdown-item-B6MmulV_.d.mts}

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

package/dist/{dropdown-list-z14BOCh4.d.mts → dropdown-list-DKugDMKm.d.mts}

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

package/dist/{footer-links-C7vC-VD7.d.mts → footer-links-Dac3-Emr.d.mts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime74 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, Ref } from "react";
 
 //#region src/components/footer/footer-links.d.ts
@@ -14,7 +14,7 @@ declare const FooterLinks: ({
   children,
   ref,
   ...props
-}: FooterLinksProps) => react_jsx_runtime74.JSX.Element;
+}: FooterLinksProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FooterLinksProps as n, FooterLinks as t };
-//# sourceMappingURL=footer-links-C7vC-VD7.d.mts.map
+//# sourceMappingURL=footer-links-Dac3-Emr.d.mts.map

package/dist/main.d.mts

@@ -1,18 +1,16 @@
-import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-BUpI46_M.mjs";
-import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "./types-Bgj7p8nD.mjs";
-import { $ as FieldsetLegend, $t as DetailsContent, A as SelectOptionProps, An as AvatarProps, At as DrawerTriggerProps, B as PaginationProps, Bt as DialogCloseButtonProps, C as SkipLink, Cn as Card, Ct as PopoverTrigger, D as SelectOptgroup, Dn as Badge, Dt as DrawerCloseButton, E as SelectfieldProps, En as ButtonProps, Et as PopoverProps, F as Radio, Ft as DrawerContent, G as Logo, Gt as DialogHeader, H as SubNavbarProps, Ht as DialogTriggerProps, I as RadioProps, It as DrawerContentProps, J as LinkProps, Jt as DialogContentProps, K as LogoProps, Kt as DialogHeaderProps, L as PaginationButton, Lt as Drawer, M as SelectProps, Mn as AlertProps, Mt as DrawerFooterProps, N as Search, Nt as DrawerHeader, O as SelectOptgroupProps, On as BadgeProps, Ot as DrawerCloseButtonProps, P as SearchProps, Pt as DrawerHeaderProps, Q as FilterGroupProps, Qt as DetailsSummaryProps, R as PaginationButtonProps, Rt as DrawerProps, S as SpinnerProps, Sn as CardActionsProps, St as DropdownProps, T as Selectfield, Tn as Button, Tt as Popover, U as Navbar, Ut as DialogFooter, V as SubNavbar, Vt as DialogTrigger, W as NavbarProps, Wt as DialogFooterProps, X as FooterProps, Xt as DialogProps, Y as Footer, Yt as Dialog, Z as FilterGroup, Zt as DetailsSummary, _ as Tabs, _n as CardContent, _t as DropdownTrigger, a as ValidationMessage, an as CheckboxSubsection, at as Fieldset, b as SwitchProps, bn as CardActionProps, bt as DropdownButtonProps, c as TextfieldProps, cn as CheckboxProps, ct as FieldAffixProps, d as TabsPanel, dn as CardDate, dt as FieldDescription, en as DetailsContentProps, et as FieldsetLegendProps, f as TabsPanelProps, fn as CardDateProps, ft as FieldDescriptionProps, g as TabProps, gn as CardHeaderProps, gt as DropdownTriggerContextProps, h as Tab, hn as CardHeader, ht as DropdownTriggerContext, i as usePagination, in as ChipProps, it as FieldsetDescriptionProps, j as Select, jn as Alert, jt as DrawerFooter, k as SelectOption, kn as Avatar, kt as DrawerTrigger, l as Textarea, ln as Input, lt as FieldAffixes, m as TabsListProps, mn as CardMediaProps, mt as FieldProps, n as AlertFooterProps, nn as DetailsProps, nt as LabelProps, o as ValidationMessageProps, on as CheckboxSubsectionProps, ot as FieldsetProps, p as TabsList, pn as CardMedia, pt as Field, q as Link, qt as DialogContent, r as UsePaginationProps, rn as Chip, rt as FieldsetDescription, s as Textfield, sn as Checkbox, st as FieldAffix, t as AlertFooter, tn as Details, tt as Label, u as TextareaProps, un as InputProps, ut as FieldAffixesProps, v as TabsProps, vn as CardContentProps, vt as DropdownTriggerProps, w as SkipLinkProps, wn as CardProps, wt as PopoverTriggerProps, x as Spinner, xn as CardActions, xt as Dropdown, y as Switch, yn as CardAction, yt as DropdownButton, z as Pagination, zt as DialogCloseButton } from "./alert-footer-CHHPzMiX.mjs";
-import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-Dlf5Whq6.mjs";
-import { n as DrawerTriggerContextProps, t as DrawerTriggerContext } from "./drawer-trigger-context-3hDiHR-k.mjs";
-import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-sQGC75uf.mjs";
-import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-wInrqt83.mjs";
-import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-z14BOCh4.mjs";
-import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-C7vC-VD7.mjs";
-import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-cKOuhfhM.mjs";
-import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-Y0uT-nWI.mjs";
-import "./index-C3reD4RP.mjs";
-import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-BcIGWQqn.mjs";
-import { t as useScrollDirection } from "./useScrollDirection-Cm7w2CbB.mjs";
-import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-CIi3MXay.mjs";
-import { t as MergeRight } from "./types-Biyhmxh9.mjs";
-export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Context, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerContext, DrawerTriggerContextProps, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterLinks, FooterLinksProps, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, MergeRight, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, StickyHeader, StickyHeaderProps, SubNavbar, SubNavbarProps, Switch, SwitchProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };
+import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "./useCheckboxGroup-Boc_tLJ3.mjs";
+import { t as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-DXCY5AxR.mjs";
+import { $ as FilterGroup, $t as DetailsSummary, A as SelectOptgroupProps, An as BadgeProps, At as DrawerCloseButtonProps, B as PaginationButtonProps, Bt as DrawerProps, C as Spinner, Cn as CardActions, Ct as Dropdown, D as Selectfield, Dn as Button, Dt as Popover, E as SkipLinkProps, En as CardProps, Et as PopoverTriggerProps, F as Search, Ft as DrawerHeader, G as Navbar, Gt as DialogFooter, H as PaginationProps, Ht as DialogCloseButtonProps, I as SearchProps, It as DrawerHeaderProps, J as LogoProps, Jt as DialogHeaderProps, K as NavbarProps, Kt as DialogFooterProps, L as Radio, Lt as DrawerContent, M as SelectOptionProps, Mn as AvatarProps, Mt as DrawerTriggerProps, N as Select, Nn as Alert, Nt as DrawerFooter, O as SelectfieldProps, On as ButtonProps, Ot as PopoverProps, P as SelectProps, Pn as AlertProps, Pt as DrawerFooterProps, Q as FooterProps, Qt as DialogProps, R as RadioProps, Rt as DrawerContentProps, S as SwitchProps, Sn as CardActionProps, St as DropdownButtonProps, T as SkipLink, Tn as Card, Tt as PopoverTrigger, U as SubNavbar, Ut as DialogTrigger, V as Pagination, Vt as DialogCloseButton, W as SubNavbarProps, Wt as DialogTriggerProps, X as LinkProps, Xt as DialogContentProps, Y as Link, Yt as DialogContent, Z as Footer, Zt as Dialog, _n as CardHeader, _t as DropdownTriggerContext, a as ValidationMessage, an as Chip, at as FieldsetDescription, b as TabsProps, bn as CardContentProps, bt as DropdownTriggerProps, c as TextfieldProps, cn as CheckboxSubsectionProps, ct as FieldsetProps, d as TabsPanel, dn as Input, dt as FieldAffixes, en as DetailsSummaryProps, et as FilterGroupProps, f as TabsPanelProps, fn as InputProps, ft as FieldAffixesProps, g as TabProps, gn as CardMediaProps, gt as FieldProps, h as Tab, hn as CardMedia, ht as Field, i as usePagination, in as DetailsProps, it as LabelProps, j as SelectOption, jn as Avatar, jt as DrawerTrigger, k as SelectOptgroup, kn as Badge, kt as DrawerCloseButton, l as Textarea, ln as Checkbox, lt as FieldAffix, m as TabsListProps, mn as CardDateProps, mt as FieldDescriptionProps, n as AlertFooterProps, nn as DetailsContentProps, nt as FieldsetLegendProps, o as ValidationMessageProps, on as ChipProps, ot as FieldsetDescriptionProps, p as TabsList, pn as CardDate, pt as FieldDescription, q as Logo, qt as DialogHeader, r as UsePaginationProps, rn as Details, rt as Label, s as Textfield, sn as CheckboxSubsection, st as Fieldset, t as AlertFooter, tn as DetailsContent, tt as FieldsetLegend, u as TextareaProps, un as CheckboxProps, ut as FieldAffixProps, v as Tabs, vn as CardHeaderProps, vt as DropdownTriggerContextProps, w as SpinnerProps, wn as CardActionsProps, wt as DropdownProps, x as Switch, xn as CardAction, xt as DropdownButton, y as TabsContext, yn as CardContent, yt as DropdownTrigger, z as PaginationButton, zt as Drawer } from "./alert-footer-42JbxJ0B.mjs";
+import { n as DialogTriggerContext, r as DialogTriggerContextProps, t as Context } from "./dialog-trigger-context-CAC7jh1K.mjs";
+import { n as DrawerTriggerContextProps, t as DrawerTriggerContext } from "./drawer-trigger-context-DxLBj5Xr.mjs";
+import { n as PopoverTriggerContext, r as PopoverTriggerContextProps } from "./popover-trigger-context-BG1lPWXA.mjs";
+import { n as DropdownItemProps, t as DropdownItem } from "./dropdown-item-B6MmulV_.mjs";
+import { n as DropdownListProps, t as DropdownList } from "./dropdown-list-DKugDMKm.mjs";
+import { n as FooterLinksProps, t as FooterLinks } from "./footer-links-Dac3-Emr.mjs";
+import { n as PaginationItemProps, t as PaginationItem } from "./pagination-item-AQQSJ7GD.mjs";
+import { n as StickyHeaderProps, t as StickyHeader } from "./sticky-header-C6gJlnzy.mjs";
+import { t as useIsElementAboveViewport } from "./useIsElementAboveViewport-Cxt9TwLS.mjs";
+import { t as useScrollDirection } from "./useScrollDirection-6pq5a8B3.mjs";
+import { n as useMediaQuery, t as UseMediaQueryOptions } from "./useMediaQuery-Di0fXraw.mjs";
+import { t as MergeRight } from "./types-74lJC5tL.mjs";
+export { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Context, Details, DetailsContent, DetailsContentProps, DetailsProps, DetailsSummary, DetailsSummaryProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerContext, DialogTriggerContextProps, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerContext, DrawerTriggerContextProps, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterLinks, FooterLinksProps, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, MergeRight, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationItem, PaginationItemProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerContext, PopoverTriggerContextProps, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, StickyHeader, StickyHeaderProps, SubNavbar, SubNavbarProps, Switch, SwitchProps, Tab, TabProps, Tabs, TabsContext, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UseCheckboxGroupOptions, UseMediaQueryOptions, UsePaginationProps, ValidationMessage, ValidationMessageProps, useCheckboxGroup, useIsElementAboveViewport, useIsomorphicLayoutEffect, useMediaQuery, usePagination, useScrollDirection };