@nexub/react 1.3.0 → 1.5.0

package/dist/index.js

@@ -1,335 +1,359 @@
 'use client';
+import {
+  ToggleGroup
+} from "./chunk-DYWJ7BIK.js";
 import {
   Toolbar
-} from "./chunk-OZPPL76D.js";
+} from "./chunk-2ZBJOUJ7.js";
 import {
   Provider,
   Tooltip
-} from "./chunk-46CFSBEO.js";
+} from "./chunk-KA2J5OBA.js";
 import {
   TopNav
-} from "./chunk-BTZW34TX.js";
+} from "./chunk-GRB6T2TT.js";
 import {
   Root
 } from "./chunk-ZXLACKEB.js";
+import "./chunk-IZ6ZPEZ2.js";
 import {
-  Text,
-  textVariants
-} from "./chunk-UWWL5FPC.js";
+  Container,
+  containerVariants
+} from "./chunk-E4JM3HUM.js";
+import {
+  ContextMenu
+} from "./chunk-6QLLH6ID.js";
+import {
+  Tabs
+} from "./chunk-OJ2TLWYD.js";
 import {
   Tag,
   tagVariants
-} from "./chunk-IBCYG6HR.js";
+} from "./chunk-P44EROBX.js";
+import {
+  Text,
+  textVariants
+} from "./chunk-7Q7ZF6BY.js";
 import {
   TextGradient
-} from "./chunk-HW3I7I3R.js";
+} from "./chunk-RB4CVS22.js";
 import {
   Textarea,
   textareaVariants
-} from "./chunk-W4IEXUD4.js";
+} from "./chunk-7ZWBHHRK.js";
 import {
   ThemeProvider,
   ThemeScript,
   useTheme
-} from "./chunk-E3QPDCEV.js";
+} from "./chunk-AEBYQKLS.js";
 import {
   Toast,
   Toaster,
   toast,
   useToastStore
-} from "./chunk-IHW2L532.js";
+} from "./chunk-TYTW4F3B.js";
 import "./chunk-YJU4ZRQZ.js";
-import {
-  ToggleGroup
-} from "./chunk-K7CUCLLI.js";
 import {
   Toggle,
   toggleVariants
-} from "./chunk-U3EGB3JL.js";
+} from "./chunk-3TMIZQPR.js";
 import {
   Skeleton,
   skeletonVariants
-} from "./chunk-QF7GUDOE.js";
+} from "./chunk-63DPMUMR.js";
 import {
   Slider
-} from "./chunk-P6BZNFVU.js";
+} from "./chunk-TNBBQ7IP.js";
 import {
   Spinner,
   spinnerVariants
-} from "./chunk-QHJ43Q2T.js";
+} from "./chunk-RLE5RN3T.js";
+import {
+  SplitButton
+} from "./chunk-64JDZWCV.js";
 import {
   Stack
-} from "./chunk-KBB7M6WO.js";
+} from "./chunk-BTRTORKU.js";
 import {
   StatusPill,
   statusPillVariants
-} from "./chunk-4OCXGNP3.js";
+} from "./chunk-J2T4GFFS.js";
 import {
   Switch
-} from "./chunk-3CSKW56L.js";
+} from "./chunk-GHCV6UXG.js";
 import {
   Table
-} from "./chunk-ELC2NBGH.js";
-import {
-  Tabs
-} from "./chunk-EVCTOIRS.js";
+} from "./chunk-JSD3H7WV.js";
 import {
   Rating,
-  ratingVariants,
-  useControllableState
-} from "./chunk-UTBUIBEP.js";
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
+  ratingVariants
+} from "./chunk-I4BHRVRL.js";
 import {
   ScrollArea
-} from "./chunk-BBVOB4EC.js";
+} from "./chunk-EZ23IA3H.js";
 import {
   SearchInput
-} from "./chunk-A7L75YXY.js";
+} from "./chunk-TJCHA3OI.js";
 import {
   Section,
   sectionVariants
-} from "./chunk-LOP63AVE.js";
+} from "./chunk-FD7YU53N.js";
 import {
   SegmentedControl
-} from "./chunk-JCUVWDUC.js";
+} from "./chunk-CWS37T3K.js";
+import {
+  useMergedRefs
+} from "./chunk-YRDCY6BI.js";
 import {
   Select
-} from "./chunk-7B4FS7VQ.js";
+} from "./chunk-RTDUTWJ4.js";
 import {
   Separator,
   separatorVariants
-} from "./chunk-KWWV3CM3.js";
+} from "./chunk-6RBNM5RO.js";
 import {
   Sidebar
-} from "./chunk-CMYEVLQT.js";
+} from "./chunk-BFRX6X4O.js";
 import {
-  NavigationMenu
-} from "./chunk-7W2YDJ5W.js";
+  NavigationRail
+} from "./chunk-5O34ZNC3.js";
 import {
   NumberInput
-} from "./chunk-52KTX5A7.js";
+} from "./chunk-PQ6GU7SG.js";
 import {
   PageHeader
-} from "./chunk-CZUNTABW.js";
+} from "./chunk-PVTACENM.js";
 import {
   Pagination
-} from "./chunk-BJKW3G2L.js";
+} from "./chunk-J6TU45KP.js";
 import {
   PasswordInput
-} from "./chunk-XNDCVVNE.js";
+} from "./chunk-WESZPFBZ.js";
 import {
   Popover
-} from "./chunk-UALYS4XI.js";
+} from "./chunk-GIGOTRXX.js";
 import {
   Progress,
   progressFillVariants,
   progressTrackVariants
-} from "./chunk-BYF223HT.js";
+} from "./chunk-2555JXCP.js";
 import {
   RadioGroup
-} from "./chunk-WPPNDU2E.js";
-import "./chunk-NZ7UK3G6.js";
-import {
-  Input,
-  addonVariants,
-  inputVariants,
-  inputWrapperVariants
-} from "./chunk-CVBAWKNG.js";
-import "./chunk-KLTQJZOX.js";
+} from "./chunk-6SJPVQQW.js";
 import {
   KeyboardShortcut
-} from "./chunk-I5Z3A7N3.js";
-import {
-  Kbd
-} from "./chunk-PER3O4FD.js";
+} from "./chunk-HG6HTUWU.js";
 import "./chunk-EV43I5J6.js";
 import {
   Link,
   linkVariants
-} from "./chunk-U3AEA4BZ.js";
+} from "./chunk-CNNJFWFA.js";
 import {
   Logo,
   logoVariants
-} from "./chunk-MV7WMQI4.js";
+} from "./chunk-LDYD7WL3.js";
 import {
   Menubar
-} from "./chunk-MY6XUJ5P.js";
+} from "./chunk-OJRSPDNJ.js";
+import {
+  MoneyInput
+} from "./chunk-YPHNHQYQ.js";
+import {
+  useControllableState
+} from "./chunk-JLUCMNVS.js";
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-NHUQLIHL.js";
 import {
   Collapse,
   Fade,
   Scale,
   Slide
 } from "./chunk-FS4XKWFA.js";
-import "./chunk-ADO2DB6Q.js";
-import {
-  FormField
-} from "./chunk-IU76LV3W.js";
-import {
-  Label,
-  labelVariants
-} from "./chunk-JKTZMWWC.js";
 import {
-  FormError
-} from "./chunk-OUBBOOZE.js";
+  NavigationMenu
+} from "./chunk-QD7H3WV3.js";
 import {
   GradientDivider
-} from "./chunk-FUJOSPNQ.js";
+} from "./chunk-I4URNMI7.js";
 import {
   Grid
-} from "./chunk-YJD66LTV.js";
+} from "./chunk-3AXIMXDU.js";
 import {
   Heading,
   headingVariants
-} from "./chunk-LAWZQ6R6.js";
+} from "./chunk-SVQCINRE.js";
 import "./chunk-PICMOOAZ.js";
-import {
-  HelperText
-} from "./chunk-T4IVMVMQ.js";
 import {
   HoverCard
-} from "./chunk-YUNWZAAD.js";
+} from "./chunk-5URGARPH.js";
 import {
   IconButton,
   iconButtonVariants
-} from "./chunk-GTQIA62H.js";
+} from "./chunk-LZB3KTSH.js";
+import "./chunk-NZ7UK3G6.js";
 import {
-  DropdownMenu
-} from "./chunk-SZKUSLHI.js";
+  Input,
+  addonVariants,
+  inputVariants,
+  inputWrapperVariants
+} from "./chunk-IK23Q2OF.js";
+import "./chunk-KLTQJZOX.js";
 import {
-  EmptyState
-} from "./chunk-6AZP6VBM.js";
+  Kbd
+} from "./chunk-A4IMFAZX.js";
 import {
   ErrorState
-} from "./chunk-NAIZ7R2L.js";
+} from "./chunk-72I7EVOL.js";
 import {
   EyebrowChip
-} from "./chunk-YGOR3KT7.js";
+} from "./chunk-YJ3JQYAN.js";
 import {
   FileUpload
-} from "./chunk-POBSY7EZ.js";
+} from "./chunk-H2W7IYVY.js";
 import {
   FilterChip
-} from "./chunk-DR2Y3PIT.js";
+} from "./chunk-S46W2QER.js";
 import "./chunk-BV3U3ATL.js";
 import {
   Flex
-} from "./chunk-V3FZHIEB.js";
+} from "./chunk-NCRFKPA4.js";
+import "./chunk-ADO2DB6Q.js";
 import {
-  Container,
-  containerVariants
-} from "./chunk-6Y734SXN.js";
+  FormField
+} from "./chunk-OASFXI27.js";
 import {
-  ContextMenu
-} from "./chunk-2RLSIOGB.js";
+  Label,
+  labelVariants
+} from "./chunk-NIX4SEKM.js";
+import {
+  HelperText
+} from "./chunk-UMC64NCT.js";
+import {
+  FormError
+} from "./chunk-KM6Z3VTI.js";
 import {
   CountryBadge
-} from "./chunk-Y45JAJKW.js";
+} from "./chunk-PWBPHGM3.js";
 import {
   Flag
-} from "./chunk-POFKKYHY.js";
+} from "./chunk-EQNETGTV.js";
 import {
   DataTable
-} from "./chunk-BMVAZIAJ.js";
+} from "./chunk-6J3QTWKC.js";
 import {
   DatePicker
-} from "./chunk-DOHXBNOP.js";
+} from "./chunk-LH3BSAIS.js";
 import {
   DateRangePicker
-} from "./chunk-TCTFQYLH.js";
+} from "./chunk-CHGPGRML.js";
 import {
   Dialog
-} from "./chunk-RIDDJUPA.js";
+} from "./chunk-DJZZ3FIP.js";
 import {
   Drawer,
   Sheet
-} from "./chunk-6MYVXJPJ.js";
+} from "./chunk-SY6V3HAK.js";
+import "./chunk-HI7GBSW2.js";
+import {
+  DropdownMenu
+} from "./chunk-7L3CGIRA.js";
+import {
+  EmptyState
+} from "./chunk-2FCSWBSM.js";
 import {
   Card,
   cardVariants
-} from "./chunk-PBLEGOLM.js";
-import "./chunk-ROZVVWPV.js";
+} from "./chunk-NMH5WSZG.js";
 import {
   CheckList,
   CheckListItem
-} from "./chunk-PANDAMD2.js";
+} from "./chunk-4I5ULCYG.js";
 import {
   Checkbox
-} from "./chunk-VPZCQFVY.js";
+} from "./chunk-GUB7YKG2.js";
 import {
   Chip,
   chipVariants
-} from "./chunk-DAXDAFNG.js";
+} from "./chunk-AHT35UWY.js";
 import {
   Code
-} from "./chunk-DEH2Z27F.js";
+} from "./chunk-HJERFB7J.js";
 import {
   Collapsible
-} from "./chunk-H4MXRAXP.js";
+} from "./chunk-3LP2CR7F.js";
 import "./chunk-HY3JWSG4.js";
 import {
   CommandPalette
-} from "./chunk-QRZV2FLW.js";
+} from "./chunk-V3TETH4J.js";
+import "./chunk-47UGX37F.js";
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "./chunk-BYCTJHXY.js";
+} from "./chunk-QCNLE27O.js";
+import {
+  Avatar,
+  avatarVariants
+} from "./chunk-FHFVBOF3.js";
 import {
   Badge,
   badgeVariants
-} from "./chunk-BGY23Y5O.js";
+} from "./chunk-B54WADL4.js";
 import {
   Banner,
   bannerVariants
-} from "./chunk-ZFVBFCYV.js";
+} from "./chunk-NQVRF4RB.js";
 import {
   Box
-} from "./chunk-BUBYXAJK.js";
+} from "./chunk-M7YB3MSW.js";
 import {
   Breadcrumb
-} from "./chunk-3U54QLYB.js";
-import {
-  Button,
-  buttonVariants
-} from "./chunk-N2GIMMTF.js";
+} from "./chunk-4SSUM4CL.js";
+import "./chunk-P26VJEIW.js";
+import "./chunk-LVPU7455.js";
 import {
   ButtonGroup
-} from "./chunk-QURKXXNS.js";
+} from "./chunk-LGQ737BP.js";
 import {
   Callout,
   calloutVariants
-} from "./chunk-DD6XCW6R.js";
+} from "./chunk-XR4NBY54.js";
 import {
   Accordion
-} from "./chunk-JQDLCN5D.js";
+} from "./chunk-W2NEXOTG.js";
+import {
+  AlertDialog
+} from "./chunk-RHOYF7MO.js";
+import "./chunk-KQPLFVFR.js";
+import {
+  Button,
+  buttonVariants
+} from "./chunk-LMPGHWUA.js";
+import "./chunk-7SXR4PGO.js";
+import "./chunk-DEIBF3P7.js";
 import {
   Alert,
   alertVariants
-} from "./chunk-24CZFBTG.js";
+} from "./chunk-IIPYF6ZQ.js";
 import {
-  AlertDialog
-} from "./chunk-ZLSUVZM2.js";
+  Amount
+} from "./chunk-AXOKFS4K.js";
+import "./chunk-CIQHFMF6.js";
 import {
   AppShell
-} from "./chunk-KZW37FQZ.js";
+} from "./chunk-56FERRWW.js";
 import {
   AspectRatio
-} from "./chunk-YUFCNHZF.js";
+} from "./chunk-ZV3AF5CL.js";
 import {
   Autocomplete
-} from "./chunk-VT7RKY46.js";
+} from "./chunk-TEOLG3N2.js";
 import {
   Combobox
-} from "./chunk-2VDP2ML4.js";
-import "./chunk-IZ6ZPEZ2.js";
-import {
-  Avatar,
-  avatarVariants
-} from "./chunk-CPV367VS.js";
+} from "./chunk-Z3IG5WRA.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/hooks/useDisclosure.ts
 import { useState, useCallback } from "react";
@@ -355,28 +379,11 @@ function useMediaQuery(query) {
   }, [query]);
   return matches;
 }
-
-// src/hooks/useMergedRefs.ts
-import { useCallback as useCallback2, useRef } from "react";
-function setRef(ref, value) {
-  if (!ref) return;
-  if (typeof ref === "function") {
-    ref(value);
-  } else {
-    ref.current = value;
-  }
-}
-function useMergedRefs(...refs) {
-  const refsRef = useRef(refs);
-  refsRef.current = refs;
-  return useCallback2((node) => {
-    for (const ref of refsRef.current) setRef(ref, node);
-  }, []);
-}
 export {
   Accordion,
   Alert,
   AlertDialog,
+  Amount,
   AppShell,
   AspectRatio,
   Autocomplete,
@@ -431,7 +438,9 @@ export {
   Link,
   Logo,
   Menubar,
+  MoneyInput,
   NavigationMenu,
+  NavigationRail,
   NumberInput,
   PageHeader,
   Pagination,
@@ -453,6 +462,7 @@ export {
   Slide,
   Slider,
   Spinner,
+  SplitButton,
   Stack,
   StatusPill,
   Switch,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
   "type": "module",
   "license": "MIT",
@@ -67,14 +67,15 @@
     "date-fns": "^4.1.0",
     "react-day-picker": "^9.14.0",
     "tailwind-merge": "^2.5.4",
-    "@nexub/icons": "1.3.0"
+    "@nexub/icons": "1.5.0"
   },
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/tokens": "^1.3.0"
+    "@nexub/tokens": "^1.5.0"
   },
   "devDependencies": {
+    "@playwright/test": "1.64.0",
     "@storybook/addon-essentials": "8.6.14",
     "@storybook/react": "8.6.14",
     "@storybook/react-vite": "8.6.14",
@@ -95,8 +96,8 @@
     "typescript": "^5.6.3",
     "vaul": "1.1.2",
     "vitest": "^2.1.8",
-    "@nexub/themes": "1.3.0",
-    "@nexub/tokens": "1.3.0"
+    "@nexub/themes": "1.5.0",
+    "@nexub/tokens": "1.5.0"
   },
   "scripts": {
     "build": "tsup && node scripts/check-dts.mjs",
@@ -106,6 +107,8 @@
     "test": "vitest run",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
+    "test:visual": "playwright test -c visual",
+    "test:visual:docker": "docker run --rm --ipc=host -v \"$PWD/../..\":/work -w /work/packages/react mcr.microsoft.com/playwright:v1.64.0-noble npx playwright test -c visual",
     "lint": "eslint src"
   }
 }

package/dist/chunk-3CSKW56L.js

@@ -1,44 +0,0 @@
-'use client';
-import {
-  cn
-} from "./chunk-AT6RPKU3.js";
-
-// src/components/Switch/Switch.tsx
-import * as React from "react";
-import * as RadixSwitch from "@radix-ui/react-switch";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var switchVariants = cva(
-  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--color-brand-primary-500)] data-[state=unchecked]:bg-[var(--color-border-default)]",
-  {
-    variants: {
-      size: {
-        sm: "h-4 w-7",
-        md: "h-5 w-9",
-        lg: "h-6 w-11"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var thumbVariants = cva(
-  "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
-  {
-    variants: {
-      size: {
-        sm: "h-3 w-3 data-[state=checked]:translate-x-3",
-        md: "h-4 w-4 data-[state=checked]:translate-x-4",
-        lg: "h-5 w-5 data-[state=checked]:translate-x-5"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var Switch = React.forwardRef(
-  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixSwitch.Root, { ref, className: cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cn(thumbVariants({ size })) }) })
-);
-Switch.displayName = "Switch";
-
-export {
-  Switch
-};

package/dist/chunk-AT6RPKU3.js

@@ -1,12 +0,0 @@
-'use client';
-
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  cn
-};