@bi-digital/react 0.5.0 → 0.6.1

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

@@ -1,15 +1,15 @@
 import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../../useCheckboxGroup-BrrIH1cE.js";
 import { t as useIsomorphicLayoutEffect } from "../../useIsomorphicLayoutEffect-CsNaN4tt.js";
 import "../../types-yUMPmMvf.js";
-import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-vCp6ARyQ.js";
-import "../../dialog-trigger-context-CqcFlKiZ.js";
-import "../../drawer-trigger-context-BGpQEYl4.js";
-import "../../popover-trigger-context-DTdlFdLb.js";
-import "../../dropdown-item-BxIXaDzp.js";
-import "../../dropdown-list-BIcdCeXr.js";
-import "../../footer-links-C5WrGyTb.js";
-import "../../pagination-item-C5Jm0qFy.js";
-import "../../sticky-header-DQlgWbz7.js";
+import { i as usePagination, r as UsePaginationProps } from "../../alert-footer-UAe5dxDo.js";
+import "../../dialog-trigger-context-Cnqrwkhh.js";
+import "../../drawer-trigger-context-C_8K3V81.js";
+import "../../popover-trigger-context-BSsZTHJj.js";
+import "../../dropdown-item-CXTqFHFB.js";
+import "../../dropdown-list-D6yodn0r.js";
+import "../../footer-links-BSPLOfVv.js";
+import "../../pagination-item-DZzWvm4c.js";
+import "../../sticky-header-FVVjY6FD.js";
 import "../../index-Cyx9R6nl.js";
 import { t as useIsElementAboveViewport } from "../../useIsElementAboveViewport-Dicc167e.js";
 import { t as useScrollDirection } from "../../useScrollDirection-BSCugbOI.js";

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

@@ -1,15 +1,15 @@
 import "../../../useCheckboxGroup-BrrIH1cE.js";
 import "../../../useIsomorphicLayoutEffect-CsNaN4tt.js";
 import "../../../types-yUMPmMvf.js";
-import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-vCp6ARyQ.js";
-import "../../../dialog-trigger-context-CqcFlKiZ.js";
-import "../../../drawer-trigger-context-BGpQEYl4.js";
-import "../../../popover-trigger-context-DTdlFdLb.js";
-import "../../../dropdown-item-BxIXaDzp.js";
-import "../../../dropdown-list-BIcdCeXr.js";
-import "../../../footer-links-C5WrGyTb.js";
-import "../../../pagination-item-C5Jm0qFy.js";
-import "../../../sticky-header-DQlgWbz7.js";
+import { i as usePagination, r as UsePaginationProps } from "../../../alert-footer-UAe5dxDo.js";
+import "../../../dialog-trigger-context-Cnqrwkhh.js";
+import "../../../drawer-trigger-context-C_8K3V81.js";
+import "../../../popover-trigger-context-BSsZTHJj.js";
+import "../../../dropdown-item-CXTqFHFB.js";
+import "../../../dropdown-list-D6yodn0r.js";
+import "../../../footer-links-BSPLOfVv.js";
+import "../../../pagination-item-DZzWvm4c.js";
+import "../../../sticky-header-FVVjY6FD.js";
 import "../../../index-Cyx9R6nl.js";
 import "../../../useIsElementAboveViewport-Dicc167e.js";
 import "../../../useScrollDirection-BSCugbOI.js";

package/dist/utilities/index.d.ts

@@ -1,15 +1,15 @@
 import { r as useCheckboxGroup, t as UseCheckboxGroupOptions } from "../useCheckboxGroup-BrrIH1cE.js";
 import { t as useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect-CsNaN4tt.js";
 import "../types-yUMPmMvf.js";
-import { i as usePagination, r as UsePaginationProps } from "../alert-footer-vCp6ARyQ.js";
-import "../dialog-trigger-context-CqcFlKiZ.js";
-import "../drawer-trigger-context-BGpQEYl4.js";
-import "../popover-trigger-context-DTdlFdLb.js";
-import "../dropdown-item-BxIXaDzp.js";
-import "../dropdown-list-BIcdCeXr.js";
-import "../footer-links-C5WrGyTb.js";
-import "../pagination-item-C5Jm0qFy.js";
-import "../sticky-header-DQlgWbz7.js";
+import { i as usePagination, r as UsePaginationProps } from "../alert-footer-UAe5dxDo.js";
+import "../dialog-trigger-context-Cnqrwkhh.js";
+import "../drawer-trigger-context-C_8K3V81.js";
+import "../popover-trigger-context-BSsZTHJj.js";
+import "../dropdown-item-CXTqFHFB.js";
+import "../dropdown-list-D6yodn0r.js";
+import "../footer-links-BSPLOfVv.js";
+import "../pagination-item-DZzWvm4c.js";
+import "../sticky-header-FVVjY6FD.js";
 import "../index-Cyx9R6nl.js";
 import { t as useIsElementAboveViewport } from "../useIsElementAboveViewport-Dicc167e.js";
 import { t as useScrollDirection } from "../useScrollDirection-BSCugbOI.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bi-digital/react",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "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.5.0"
+    "@bi-digital/icons": "0.6.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -50,19 +50,19 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
-    "@vitest/coverage-v8": "^4.0.4",
-    "@vitest/expect": "^4.0.4",
-    "jsdom": "^27.0.1",
+    "@vitest/coverage-v8": "^4.0.6",
+    "@vitest/expect": "^4.0.6",
+    "jsdom": "^27.1.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "tsconfck": "^3.1.6",
-    "tsdown": "^0.15.11",
-    "vitest": "^4.0.4"
+    "tsdown": "^0.15.12",
+    "vitest": "^4.0.6"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19",
-    "@bi-digital/css": "0.5.0"
+    "@bi-digital/css": "0.6.1"
   },
   "scripts": {
     "build": "tsdown",

package/dist/alert-j8SRrlpj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-j8SRrlpj.js","names":["variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType>"],"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { CheckmarkSmallIcon, ErrorIcon, InfoIcon, WarningIcon } from '@bi-digital/icons';\n\nexport type AlertProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The alert variant.\n     * @default 'primary'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert' | 'primary' | 'neutral';\n    /**\n     * Size of the alert.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /** Custom close button. It's your responsibility to make the button close the alert. */\n    closeButton?: ReactNode;\n    /** Override the default icon which is decided by the `variant`. */\n    icon?: 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<HTMLDivElement>;\n  }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n  info: InfoIcon,\n  success: CheckmarkSmallIcon,\n  warning: WarningIcon,\n  alert: ErrorIcon,\n  primary: InfoIcon,\n  neutral: InfoIcon,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'primary',\n  icon,\n  asChild,\n  dark,\n  size,\n  ref,\n  ...rest\n}: AlertProps) => {\n  const Component = asChild ? Slot : 'div';\n  const DefaultIcon = variantIcons[variant];\n  return (\n    <Component\n      className={clsx('bi-alert', className)}\n      data-variant={variant}\n      data-size={size}\n      data-dark={dark}\n      ref={ref}\n      {...rest}\n    >\n      {icon || <DefaultIcon />}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,SAAS;CACV;AAED,MAAa,SAAS,EACpB,WACA,UACA,aACA,UAAU,WACV,MACA,SACA,MACA,MACA,IACA,GAAG,WACa;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,QACE,qBAAC;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,QAAQ,oBAAC,gBAAc;GACvB;GACA;;GACS"}

package/dist/chip-DBcmzT0P.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chip-DBcmzT0P.js","names":[],"sources":["../src/components/chip/chip.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type ChipProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The chip size\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /**\n     * The chip color\n     * @default 'primary'\n     */\n    color?: 'neutral' | 'primary-light' | 'info' | 'white' | 'primary' | 'alert' | 'warning' | 'success';\n    /** Set an icon before the chip label */\n    startIcon?: ReactNode;\n    ref?: Ref<HTMLDivElement>;\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  }\n>;\n\nexport const Chip = ({\n  children,\n  color = 'primary',\n  size = 'medium',\n  startIcon,\n  dark,\n  asChild,\n  className,\n  ref,\n  ...props\n}: ChipProps) => {\n  const Component = asChild ? Slot : 'div';\n\n  return (\n    <Component\n      className={clsx('bi-chip', className)}\n      data-color={color}\n      data-size={size}\n      data-dark={dark || undefined}\n      ref={ref}\n      {...props}\n    >\n      {startIcon}\n      <Slottable>{children}</Slottable>\n    </Component>\n  );\n};\n"],"mappings":";;;;;AA8BA,MAAa,QAAQ,EACnB,UACA,QAAQ,WACR,OAAO,UACP,WACA,MACA,SACA,WACA,IACA,GAAG,YACY;AAGf,QACE,qBAHgB,UAAU,OAAO;EAI/B,WAAW,KAAK,WAAW,UAAU;EACrC,cAAY;EACZ,aAAW;EACX,aAAW,QAAQ;EACd;EACL,GAAI;aAEH,WACD,oBAAC,aAAW,WAAqB;GACvB"}