@bi-digital/react 0.0.0-experimental-160e3ca → 0.0.0-experimental-822fd72

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/link-ZiUFZak1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-ZiUFZak1.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"}

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"}