@bi-digital/react 0.6.7 → 0.6.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bi-digital/react",
   "type": "module",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "engines": {
     "node": "^20.19.0 || >=22.12.0"
   },
@@ -41,7 +41,7 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "clsx": "^2.1.1",
-    "@bi-digital/icons": "0.6.7"
+    "@bi-digital/icons": "0.6.8"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -62,7 +62,7 @@
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.6.7"
+    "@bi-digital/css": "0.6.8"
   },
   "scripts": {
     "build": "tsdown",

package/dist/details-C5JBqJ_F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-C5JBqJ_F.mjs","names":["handleToggle: ToggleEventHandler<HTMLDetailsElement>"],"sources":["../src/components/details/details.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { ToggleEventHandler, useCallback, type HTMLAttributes, type ReactNode, type Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\n\nexport type DetailsProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDetailsElement>,\n  {\n    /**\n     * Controls open-state.\n     * Using this removes automatic control of open-state\n     *\n     * @default undefined\n     */\n    open?: boolean;\n    /**\n     * Defaults the details to open if not controlled\n     * @default false\n     */\n    defaultOpen?: boolean;\n    /**\n     * Callback function when Details toggles due to click on summary or find in page-search\n     * Must be defined if `open` prop is used\n     */\n    onToggle?: (open: boolean) => void;\n    /**\n     * Content should be one `<DetailsSummary>` and one `<DetailsContent>`\n     */\n    children?: ReactNode;\n    /**\n     * This attribute enables multiple `<Details>` elements to be connected, with only one open at a time.\n     * The name attribute specifies a group name — give multiple `<Details>` elements the same name value to group them.\n     * Only one of the grouped `<Details>` elements can be open at a time — opening one will cause another to close.\n     * If multiple grouped `<Details>` elements are given the open attribute, only the first one in the source order will be rendered open.\n     */\n    name?: string;\n    ref?: Ref<HTMLDetailsElement>;\n  }\n>;\n\n/**\n * Details component, built on top of the native `<details>` element.\n *\n * @example\n * <Details open={isOpen} onToggle={setIsOpen} name='optional-group-name'>\n *   <DetailsSummary>Heading</DetailsSummary>\n *   <DetailsContent>Content</DetailsContent>\n * </Details>\n */\nexport const Details = ({\n  className,\n  children,\n  dark,\n  open,\n  defaultOpen = false,\n  onToggle,\n  ref,\n  ...rest\n}: DetailsProps) => {\n  const [isOpen, setIsOpen] = useControllableState({\n    prop: open,\n    onChange: onToggle,\n    defaultProp: defaultOpen,\n    caller: 'Details',\n  });\n\n  const handleToggle: ToggleEventHandler<HTMLDetailsElement> = useCallback(\n    (event) => {\n      setIsOpen(event.newState === 'open');\n    },\n    [setIsOpen],\n  );\n\n  return (\n    <details\n      className={clsx('bi-details', className)}\n      data-dark={dark}\n      open={isOpen || undefined} // Fallback to undefined to prevent rendering open=\"false\"\n      ref={ref}\n      onToggle={handleToggle}\n      {...rest}\n    >\n      {children}\n    </details>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAkDA,MAAa,WAAW,EACtB,WACA,UACA,MACA,MACA,cAAc,OACd,UACA,KACA,GAAG,WACe;CAClB,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;EACT,CAAC;CAEF,MAAMA,eAAuD,aAC1D,UAAU;AACT,YAAU,MAAM,aAAa,OAAO;IAEtC,CAAC,UAAU,CACZ;AAED,QACE,oBAAC;EACC,WAAW,KAAK,cAAc,UAAU;EACxC,aAAW;EACX,MAAM,UAAU;EACX;EACL,UAAU;EACV,GAAI;EAEH;GACO"}