@bi-digital/react 0.9.0 → 0.11.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context.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,uBAAD;CAAuB,GAAI;CAAQ;CAAiC,CAAA"}

package/dist/components/dropdown/dropdown-trigger.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { _t as DropdownTrigger, vt as DropdownTriggerProps } 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 { bt as DropdownTriggerProps, yt as DropdownTrigger } from "../../alert-footer-D_kCDrhn.mjs";
 export { DropdownTrigger, DropdownTriggerProps };

package/dist/components/dropdown/dropdown-trigger.mjs

@@ -1,13 +1,13 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../popover-trigger-context-DZFORTLq.mjs";
-import "../../popover-B8P0dE2-.mjs";
-import "../../popover-CGqBsAam.mjs";
-import "../../popover-trigger-BDYAK6jg.mjs";
-import "../../popover-C_lxbEYu.mjs";
-import { t as DropdownTrigger } from "../../dropdown-trigger-FhCAqY-W.mjs";
+import { PopoverTrigger } from "../popover/popover-trigger.mjs";
+import "../popover/index.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 };
 
-export { DropdownTrigger };
+//# sourceMappingURL=dropdown-trigger.mjs.map

package/dist/components/dropdown/dropdown-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger.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,gBAAD;CAAgB,SAAQ;CAAY;CAAK,GAAI;CAAQ,CAAA"}

package/dist/components/dropdown/dropdown.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { St as DropdownProps, xt as Dropdown } 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 { Ct as Dropdown, wt as DropdownProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Dropdown, DropdownProps };

package/dist/components/dropdown/dropdown.mjs

@@ -1,13 +1,44 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../popover-trigger-context-DZFORTLq.mjs";
-import "../../popover-B8P0dE2-.mjs";
-import "../../popover-CGqBsAam.mjs";
-import "../../popover-trigger-BDYAK6jg.mjs";
-import "../../popover-C_lxbEYu.mjs";
-import { t as Dropdown } from "../../dropdown-BZZfp-oa.mjs";
+import { Popover } from "../popover/popover.mjs";
+import "../popover/index.mjs";
+import clsx from "clsx/lite";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/dropdown/dropdown.tsx
+/**
+* Dropdown component, used to display a list of options.
+*
+* @example with TriggerContext
+* <DropdownTriggerContext>
+*   <DropdownTrigger>Dropdown trigger</DropdownTrigger>
+*   <Dropdown placement='bottom-end'>
+*     <DropdownHeading>Dropdown</DropdownHeading>
+*     <DropdownList>
+*       <DropdownItem>
+*         <DropdownButton>Item</DropdownButton>
+*       </DropdownItem>
+*     </DropdownList>
+*   </Dropdown>
+* </DropdownTriggerContext>
+*
+* @example without TriggerContext
+* <Button aria-controls="some-dropdown" aria-expanded={open}>Trigger</Button>
+* <Dropdown id="some-dropdown" open={open} onOpenChange={onOpenChange}>
+*   <DropdownHeading>Heading</DropdownHeading>
+*   <DropdownList>
+*     <DropdownItem>
+*       <DropdownButton>Item</DropdownButton>
+*     </DropdownItem>
+*   </DropdownList>
+* </Dropdown>
+*/
+const Dropdown = ({ placement = "bottom-end", className, ref, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover, {
+		className: clsx("bi-dropdown", className),
+		placement,
+		ref,
+		...rest
+	});
+};
+//#endregion
+export { Dropdown };
 
-export { Dropdown };
+//# sourceMappingURL=dropdown.mjs.map

package/dist/components/dropdown/dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n  DefaultProps & PopoverProps,\n  {\n    /**\n     * The placement of the dropdown\n     * @default bottom-end\n     */\n    placement?: PopoverProps['placement'];\n  }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n *   <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n *   <Dropdown placement='bottom-end'>\n *     <DropdownHeading>Dropdown</DropdownHeading>\n *     <DropdownList>\n *       <DropdownItem>\n *         <DropdownButton>Item</DropdownButton>\n *       </DropdownItem>\n *     </DropdownList>\n *   </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n *   <DropdownHeading>Heading</DropdownHeading>\n *   <DropdownList>\n *     <DropdownItem>\n *       <DropdownButton>Item</DropdownButton>\n *     </DropdownItem>\n *   </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n  return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,YAAY,EAAE,YAAY,cAAc,WAAW,KAAK,GAAG,WAA0B;AAChG,QAAO,oBAAC,SAAD;EAAS,WAAW,KAAK,eAAe,UAAU;EAAa;EAAgB;EAAK,GAAI;EAAQ,CAAA"}

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

@@ -1,15 +1,4 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { St as DropdownProps, _t as DropdownTrigger, bt as DropdownButtonProps, gt as DropdownTriggerContextProps, ht as DropdownTriggerContext, vt as DropdownTriggerProps, xt as Dropdown, yt as DropdownButton } 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 { n as DropdownItemProps, t as DropdownItem } from "../../dropdown-item-wInrqt83.mjs";
-import { n as DropdownListProps, t as DropdownList } from "../../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 { Ct as Dropdown, St as DropdownButtonProps, _t as DropdownTriggerContext, bt as DropdownTriggerProps, vt as DropdownTriggerContextProps, wt as DropdownProps, xt as DropdownButton, yt as DropdownTrigger } from "../../alert-footer-D_kCDrhn.mjs";
+import { n as DropdownItemProps, t as DropdownItem } from "../../dropdown-item-aYyDctA9.mjs";
+import { n as DropdownListProps, t as DropdownList } from "../../dropdown-list-Dg3yJhKc.mjs";
 export { Dropdown, DropdownButton, DropdownButtonProps, DropdownItem, DropdownItemProps, DropdownList, DropdownListProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps };

package/dist/components/dropdown/index.mjs

@@ -1,19 +1,7 @@
-import "../../spinner-xmvtWIZ0.mjs";
-import "../../spinner-C4Z-GQVz.mjs";
-import "../../button-Df0Se51p.mjs";
-import "../../button-BoSub8TT.mjs";
-import "../../useMergeRefs-DeEL5hK6.mjs";
-import "../../popover-trigger-context-DZFORTLq.mjs";
-import "../../popover-B8P0dE2-.mjs";
-import "../../popover-CGqBsAam.mjs";
-import "../../popover-trigger-BDYAK6jg.mjs";
-import "../../popover-C_lxbEYu.mjs";
-import { t as Dropdown } from "../../dropdown-BZZfp-oa.mjs";
-import { t as DropdownButton } from "../../dropdown-button-DFRD5c3-.mjs";
-import { t as DropdownItem } from "../../dropdown-item-rKVicLWJ.mjs";
-import { t as DropdownList } from "../../dropdown-list-CCnbpP3r.mjs";
-import { t as DropdownTrigger } from "../../dropdown-trigger-FhCAqY-W.mjs";
-import { t as DropdownTriggerContext } from "../../dropdown-trigger-context-DnY5awW2.mjs";
-import "../../dropdown-4m7NoRv7.mjs";
-
-export { Dropdown, DropdownButton, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext };
+import { Dropdown } from "./dropdown.mjs";
+import { DropdownButton } from "./dropdown-button.mjs";
+import { DropdownItem } from "./dropdown-item.mjs";
+import { DropdownList } from "./dropdown-list.mjs";
+import { DropdownTrigger } from "./dropdown-trigger.mjs";
+import { DropdownTriggerContext } from "./dropdown-trigger-context.mjs";
+export { Dropdown, DropdownButton, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext };

package/dist/components/field/field-affix.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { ct as FieldAffixProps, lt as FieldAffixes, st as FieldAffix, ut as FieldAffixesProps } 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 { dt as FieldAffixes, ft as FieldAffixesProps, lt as FieldAffix, ut as FieldAffixProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps };

package/dist/components/field/field-affix.mjs

@@ -1,3 +1,44 @@
-import { n as FieldAffixes, t as FieldAffix } from "../../field-affix-DNZXWyx-.mjs";
+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 { FieldAffix, FieldAffixes };
 
-export { FieldAffix, FieldAffixes };
+//# sourceMappingURL=field-affix.mjs.map

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

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

package/dist/components/field/field-description.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { dt as FieldDescription, ft as FieldDescriptionProps } 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 { mt as FieldDescriptionProps, pt as FieldDescription } from "../../alert-footer-D_kCDrhn.mjs";
 export { FieldDescription, FieldDescriptionProps };

package/dist/components/field/field-description.mjs

@@ -1,3 +1,15 @@
-import { t as FieldDescription } from "../../field-description-Dt2qLchF.mjs";
+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 };
 
-export { FieldDescription };
+//# sourceMappingURL=field-description.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-description.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,OAE5B;EAAW,WAAW,KAAK,yBAAyB,UAAU;EAAO;EAAK,GAAI;EAAS,CAAA"}

package/dist/components/field/field.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { mt as FieldProps, pt as Field } 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 { gt as FieldProps, ht as Field } from "../../alert-footer-D_kCDrhn.mjs";
 export { Field, FieldProps };

package/dist/components/field/field.mjs

@@ -1,3 +1,29 @@
-import { t as Field } from "../../field-BIBlDQoi.mjs";
+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 };
 
-export { Field };
+//# sourceMappingURL=field.mjs.map

package/dist/components/field/field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.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,OAGjC;EACE,WAAW,KAAK,YAAY,UAAU;EACtC,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI;EACJ,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { ct as FieldAffixProps, dt as FieldDescription, ft as FieldDescriptionProps, lt as FieldAffixes, mt as FieldProps, pt as Field, st as FieldAffix, ut as FieldAffixesProps } 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 { dt as FieldAffixes, ft as FieldAffixesProps, gt as FieldProps, ht as Field, lt as FieldAffix, mt as FieldDescriptionProps, pt as FieldDescription, ut as FieldAffixProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps };

package/dist/components/field/index.mjs

@@ -1,6 +1,4 @@
-import { t as Field } from "../../field-BIBlDQoi.mjs";
-import { t as FieldDescription } from "../../field-description-Dt2qLchF.mjs";
-import { n as FieldAffixes, t as FieldAffix } from "../../field-affix-DNZXWyx-.mjs";
-import "../../field-D8ZE0keC.mjs";
-
-export { Field, FieldAffix, FieldAffixes, FieldDescription };
+import { Field } from "./field.mjs";
+import { FieldDescription } from "./field-description.mjs";
+import { FieldAffix, FieldAffixes } from "./field-affix.mjs";
+export { Field, FieldAffix, FieldAffixes, FieldDescription };

package/dist/components/fieldset/fieldset-description.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { it as FieldsetDescriptionProps, rt as FieldsetDescription } 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 { at as FieldsetDescription, ot as FieldsetDescriptionProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { FieldsetDescription, FieldsetDescriptionProps };

package/dist/components/fieldset/fieldset-description.mjs

@@ -1,3 +1,13 @@
-import { t as FieldsetDescription } from "../../fieldset-description-C2jSmnwk.mjs";
+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 };
 
-export { FieldsetDescription };
+//# sourceMappingURL=fieldset-description.mjs.map

package/dist/components/fieldset/fieldset-description.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-description.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,KAE5B;EAAgB;EAAK,GAAI;EAAS,CAAA"}

package/dist/components/fieldset/fieldset-legend.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { $ as FieldsetLegend, et as FieldsetLegendProps } 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 { nt as FieldsetLegendProps, tt as FieldsetLegend } from "../../alert-footer-D_kCDrhn.mjs";
 export { FieldsetLegend, FieldsetLegendProps };

package/dist/components/fieldset/fieldset-legend.mjs

@@ -1,5 +1,19 @@
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import { t as FieldsetLegend } from "../../fieldset-legend-CSlBCJxg.mjs";
+import { Label } from "../label/label.mjs";
+import "../label/index.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 };
 
-export { FieldsetLegend };
+//# sourceMappingURL=fieldset-legend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset-legend.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,OAAD;EAAO,SAAA;EAAc;YACnB,oBAAC,UAAD;GAAa;GAAK,GAAI;GACnB;GACM,CAAA;EACH,CAAA"}

package/dist/components/fieldset/fieldset.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { at as Fieldset, ot as FieldsetProps } 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 { ct as FieldsetProps, st as Fieldset } from "../../alert-footer-D_kCDrhn.mjs";
 export { Fieldset, FieldsetProps };

package/dist/components/fieldset/fieldset.mjs

@@ -1,3 +1,16 @@
-import { t as Fieldset } from "../../fieldset-CcTi6Dum.mjs";
+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 };
 
-export { Fieldset };
+//# sourceMappingURL=fieldset.mjs.map

package/dist/components/fieldset/fieldset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.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,YAAD;EAAU,WAAW,KAAK,eAAe,UAAU;EAAE,aAAW;EAAW;EAAK,GAAI;EACjF;EACQ,CAAA"}

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

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { $ as FieldsetLegend, at as Fieldset, et as FieldsetLegendProps, it as FieldsetDescriptionProps, ot as FieldsetProps, rt as FieldsetDescription } 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 { at as FieldsetDescription, ct as FieldsetProps, nt as FieldsetLegendProps, ot as FieldsetDescriptionProps, st as Fieldset, tt as FieldsetLegend } from "../../alert-footer-D_kCDrhn.mjs";
 export { Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps };

package/dist/components/fieldset/index.mjs

@@ -1,8 +1,4 @@
-import "../../label-QZyUM8Df.mjs";
-import "../../label-BrxPu7QD.mjs";
-import { t as Fieldset } from "../../fieldset-CcTi6Dum.mjs";
-import { t as FieldsetDescription } from "../../fieldset-description-C2jSmnwk.mjs";
-import { t as FieldsetLegend } from "../../fieldset-legend-CSlBCJxg.mjs";
-import "../../fieldset-EvlIWkNe.mjs";
-
-export { Fieldset, FieldsetDescription, FieldsetLegend };
+import { Fieldset } from "./fieldset.mjs";
+import { FieldsetDescription } from "./fieldset-description.mjs";
+import { FieldsetLegend } from "./fieldset-legend.mjs";
+export { Fieldset, FieldsetDescription, FieldsetLegend };

package/dist/components/filter-group/filter-group.d.mts

@@ -1,15 +1,2 @@
-import "../../useCheckboxGroup-BUpI46_M.mjs";
-import "../../useIsomorphicLayoutEffect-PJRUcTSc.mjs";
-import "../../types-Bgj7p8nD.mjs";
-import { Q as FilterGroupProps, Z as FilterGroup } 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 { $ as FilterGroup, et as FilterGroupProps } from "../../alert-footer-D_kCDrhn.mjs";
 export { FilterGroup, FilterGroupProps };

package/dist/components/filter-group/filter-group.mjs

@@ -1,3 +1,39 @@
-import { t as FilterGroup } from "../../filter-group-Djsr79gi.mjs";
+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 };
 
-export { FilterGroup };
+//# sourceMappingURL=filter-group.mjs.map