@bi-digital/react 0.0.0-experimental-160e3ca → 0.0.0-experimental-f4bb806

package/dist/utilities/hooks/index.d.ts

@@ -2,16 +2,16 @@ import { UseCheckboxGroupOptions, useCheckboxGroup } from "../../useCheckboxGrou
 import { useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-BMdz-mee.js";
 import { useMergeRefs } from "../../useMergeRefs-iCenhgmf.js";
 import "../../types-Mj1poXVf.js";
-import { UsePaginationProps, usePagination } from "../../alert-footer-B-6ZVEwC.js";
-import "../../dialog-trigger-context-BkQSJ-rX.js";
+import { UsePaginationProps, usePagination } from "../../alert-footer-BEpxLSfS.js";
+import "../../dialog-trigger-context-jxGKhcLc.js";
 import "../../drawer-trigger-context-V67j5GyK.js";
-import "../../popover-trigger-context-C3QaiCth.js";
+import "../../popover-trigger-context-DDk2D1pH.js";
 import "../../dropdown-item-CnQfwJGB.js";
 import "../../dropdown-list-DK4FJAqB.js";
 import "../../dropdown-trigger-context-C51vPffs.js";
 import "../../footer-links-C9v9gcuW.js";
-import "../../pagination-item-mKQyvHV9.js";
-import "../../sticky-header-CzYtZEWq.js";
+import "../../pagination-item-QiIcXqBy.js";
+import "../../sticky-header-DBX-P8xm.js";
 import "../../index-CTw2zfCM.js";
 import "../../types-DC-FPmDA.js";
 export { UseCheckboxGroupOptions, UsePaginationProps, useCheckboxGroup, useIsomorphicLayoutEffect, useMergeRefs, usePagination };

package/dist/utilities/hooks/usePagination/usePagination.d.ts

@@ -2,16 +2,16 @@ import "../../../useCheckboxGroup-DRhqch1m.js";
 import "../../../useIsomorphicLayoutEffect-BMdz-mee.js";
 import "../../../useMergeRefs-iCenhgmf.js";
 import "../../../types-Mj1poXVf.js";
-import { UsePaginationProps, usePagination } from "../../../alert-footer-B-6ZVEwC.js";
-import "../../../dialog-trigger-context-BkQSJ-rX.js";
+import { UsePaginationProps, usePagination } from "../../../alert-footer-BEpxLSfS.js";
+import "../../../dialog-trigger-context-jxGKhcLc.js";
 import "../../../drawer-trigger-context-V67j5GyK.js";
-import "../../../popover-trigger-context-C3QaiCth.js";
+import "../../../popover-trigger-context-DDk2D1pH.js";
 import "../../../dropdown-item-CnQfwJGB.js";
 import "../../../dropdown-list-DK4FJAqB.js";
 import "../../../dropdown-trigger-context-C51vPffs.js";
 import "../../../footer-links-C9v9gcuW.js";
-import "../../../pagination-item-mKQyvHV9.js";
-import "../../../sticky-header-CzYtZEWq.js";
+import "../../../pagination-item-QiIcXqBy.js";
+import "../../../sticky-header-DBX-P8xm.js";
 import "../../../index-CTw2zfCM.js";
 import "../../../types-DC-FPmDA.js";
 export { UsePaginationProps, usePagination };

package/dist/utilities/index.d.ts

@@ -2,16 +2,16 @@ import { UseCheckboxGroupOptions, useCheckboxGroup } from "../useCheckboxGroup-D
 import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-BMdz-mee.js";
 import "../useMergeRefs-iCenhgmf.js";
 import "../types-Mj1poXVf.js";
-import { UsePaginationProps, usePagination } from "../alert-footer-B-6ZVEwC.js";
-import "../dialog-trigger-context-BkQSJ-rX.js";
+import { UsePaginationProps, usePagination } from "../alert-footer-BEpxLSfS.js";
+import "../dialog-trigger-context-jxGKhcLc.js";
 import "../drawer-trigger-context-V67j5GyK.js";
-import "../popover-trigger-context-C3QaiCth.js";
+import "../popover-trigger-context-DDk2D1pH.js";
 import "../dropdown-item-CnQfwJGB.js";
 import "../dropdown-list-DK4FJAqB.js";
 import "../dropdown-trigger-context-C51vPffs.js";
 import "../footer-links-C9v9gcuW.js";
-import "../pagination-item-mKQyvHV9.js";
-import "../sticky-header-CzYtZEWq.js";
+import "../pagination-item-QiIcXqBy.js";
+import "../sticky-header-DBX-P8xm.js";
 import "../index-CTw2zfCM.js";
 import { MergeRight } from "../types-DC-FPmDA.js";
 export { MergeRight, UseCheckboxGroupOptions, UsePaginationProps, useCheckboxGroup, useIsomorphicLayoutEffect, usePagination };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bi-digital/react",
-  "version": "0.0.0-experimental-160e3ca",
+  "version": "0.0.0-experimental-f4bb806",
   "type": "module",
   "description": "React components from BI Digital",
   "author": "BI Digital",
@@ -47,13 +47,13 @@
     "tsdown": "^0.12.7",
     "typescript": "^5.7.2",
     "vitest": "^3.2.1",
-    "@bi-digital/icons-react": "0.0.0-experimental-160e3ca"
+    "@bi-digital/icons-react": "0.0.0-experimental-f4bb806"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.0.0-experimental-160e3ca",
-    "@bi-digital/icons-react": "0.0.0-experimental-160e3ca"
+    "@bi-digital/css": "0.0.0-experimental-f4bb806",
+    "@bi-digital/icons-react": "0.0.0-experimental-f4bb806"
   },
   "scripts": {
     "build": "tsdown",

package/dist/checkbox-CK2lV4pu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox-CK2lV4pu.js","names":["input: HTMLInputElement | null"],"sources":["../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\nimport { useMergeRefs } from '../../utilities/hooks';\n\nexport type CheckboxProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the checkbox. */\n    error?: boolean;\n    /** Specify whether the Checkbox is indeterminate */\n    indeterminate?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Checkbox = ({\n  dark,\n  label,\n  description,\n  error,\n  style,\n  className,\n  indeterminate,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: CheckboxProps) => {\n  const checkRef = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs([checkRef, ref]);\n  const descriptionId = useId();\n\n  useEffect(() => {\n    let input: HTMLInputElement | null;\n    if (ref && typeof ref !== 'function') {\n      input = ref.current;\n    } else {\n      input = checkRef.current;\n    }\n\n    if (input) {\n      input.indeterminate = indeterminate || false;\n    }\n  }, [indeterminate, checkRef, ref]);\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} asChild>\n      <label>\n        <Input\n          type='checkbox'\n          id={id}\n          ref={refs}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;;AAwBA,MAAa,WAAW,CAAC,EACvB,MACA,OACA,aACA,OACA,OACA,WACA,eACA,KACA,IACA,oBAAoB,oBACpB,GAAG,OACW,KAAK;CACnB,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,OAAO,aAAa,CAAC,UAAU,GAAI,EAAC;CAC1C,MAAM,gBAAgB,OAAO;AAE7B,WAAU,MAAM;EACd,IAAIA;AACJ,MAAI,cAAc,QAAQ,WACxB,SAAQ,IAAI;MAEZ,SAAQ,SAAS;AAGnB,MAAI,MACF,OAAM,gBAAgB,iBAAiB;CAE1C,GAAE;EAAC;EAAe;EAAU;CAAI,EAAC;CAElC,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,mBAAoB,EAAC,KAAK,IAAI,CAAC,MAAM;AAEhG,wBACE,IAAC;EAAiB;EAAW,aAAW;EAAa;EAAO;4BAC1D,KAAC;mBACC,IAAC;IACC,MAAK;IACD;IACJ,KAAK;IACL,gBAAc;IACd,oBAAkB;IAClB,GAAI;KACJ;GACD,yBACC,IAAC;IAAM,QAAO;IAAS,SAAS;IAAI;8BAClC,IAAC,oBAAM,QAAa;KACd;GAET,+BAGC,IAAC;IAAiB,eAAY;IAAO,IAAI;cACtC;KACgB;MAEf;GACF;AAEX"}

package/dist/field-U2SN9jkp.js.map

@@ -1 +0,0 @@
-{"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/radio-ClWd10lc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio-ClWd10lc.js","names":[],"sources":["../src/components/radio/radio.tsx"],"sourcesContent":["import { useId, type ReactNode, type Ref } from 'react';\n\nimport type { LabelRequiredProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Field, FieldDescription } from '../field';\nimport { Input, type InputProps } from '../input';\nimport { Label } from '../label';\n\nexport type RadioProps = MergeRight<\n  LabelRequiredProps & Omit<InputProps, 'type' | 'role' | 'size'>,\n  {\n    /** Label */\n    label?: ReactNode;\n    /** Description */\n    description?: ReactNode;\n    /** Add error indication to the radio. */\n    error?: boolean;\n    ref?: Ref<HTMLInputElement>;\n  }\n>;\n\nexport const Radio = ({\n  dark,\n  label,\n  description,\n  error,\n  style,\n  className,\n  ref,\n  id,\n  'aria-describedby': ariaDescribedByProp,\n  ...props\n}: RadioProps) => {\n  const descriptionId = useId();\n\n  const ariaDescribedBy = [description ? descriptionId : '', ariaDescribedByProp].join(' ').trim() || undefined;\n\n  return (\n    <Field className={className} data-dark={dark} style={style} asChild>\n      <label>\n        <Input\n          type='radio'\n          id={id}\n          ref={ref}\n          aria-invalid={error || undefined}\n          aria-describedby={ariaDescribedBy}\n          {...props}\n        />\n        {label && (\n          <Label weight='medium' htmlFor={id} asChild>\n            <span>{label}</span>\n          </Label>\n        )}\n        {description && (\n          // Aria-hidden is used to prevent screen readers from reading the description twice:\n          // once as part of the label and once from being connected through aria-describedby.\n          <FieldDescription aria-hidden='true' id={descriptionId}>\n            {description}\n          </FieldDescription>\n        )}\n      </label>\n    </Field>\n  );\n};\n"],"mappings":";;;;;;;;AAqBA,MAAa,QAAQ,CAAC,EACpB,MACA,OACA,aACA,OACA,OACA,WACA,KACA,IACA,oBAAoB,oBACpB,GAAG,OACQ,KAAK;CAChB,MAAM,gBAAgB,OAAO;CAE7B,MAAM,kBAAkB,CAAC,cAAc,gBAAgB,IAAI,mBAAoB,EAAC,KAAK,IAAI,CAAC,MAAM;AAEhG,wBACE,IAAC;EAAiB;EAAW,aAAW;EAAa;EAAO;4BAC1D,KAAC;mBACC,IAAC;IACC,MAAK;IACD;IACC;IACL,gBAAc;IACd,oBAAkB;IAClB,GAAI;KACJ;GACD,yBACC,IAAC;IAAM,QAAO;IAAS,SAAS;IAAI;8BAClC,IAAC,oBAAM,QAAa;KACd;GAET,+BAGC,IAAC;IAAiB,eAAY;IAAO,IAAI;cACtC;KACgB;MAEf;GACF;AAEX"}