@nexus-cross/design-system 1.0.6-beta.2 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexus-cross/design-system",
-  "version": "1.0.6-beta.2",
+  "version": "1.0.7",
   "description": "NEXUS Design System UI Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -27,167 +27,227 @@
       "require": "./dist/modal/index.js"
     },
     "./button": {
-      "types": "./dist/button.d.ts",
+      "types": "./dist/components/Button.d.ts",
       "import": "./dist/button.mjs",
       "require": "./dist/button.js"
     },
     "./chip": {
-      "types": "./dist/chip.d.ts",
+      "types": "./dist/components/Chip.d.ts",
       "import": "./dist/chip.mjs",
       "require": "./dist/chip.js"
     },
+    "./badge": {
+      "types": "./dist/components/Badge.d.ts",
+      "import": "./dist/badge.mjs",
+      "require": "./dist/badge.js"
+    },
+    "./progress": {
+      "types": "./dist/components/Progress.d.ts",
+      "import": "./dist/progress.mjs",
+      "require": "./dist/progress.js"
+    },
+    "./alert": {
+      "types": "./dist/components/Alert.d.ts",
+      "import": "./dist/alert.mjs",
+      "require": "./dist/alert.js"
+    },
     "./checkbox": {
-      "types": "./dist/checkbox.d.ts",
+      "types": "./dist/components/CheckBox.d.ts",
       "import": "./dist/checkbox.mjs",
       "require": "./dist/checkbox.js"
     },
     "./switch": {
-      "types": "./dist/switch.d.ts",
+      "types": "./dist/components/Switch.d.ts",
       "import": "./dist/switch.mjs",
       "require": "./dist/switch.js"
     },
     "./text-input": {
-      "types": "./dist/text-input.d.ts",
+      "types": "./dist/components/TextInput.d.ts",
       "import": "./dist/text-input.mjs",
       "require": "./dist/text-input.js"
     },
     "./text-area": {
-      "types": "./dist/text-area.d.ts",
+      "types": "./dist/components/TextArea.d.ts",
       "import": "./dist/text-area.mjs",
       "require": "./dist/text-area.js"
     },
     "./number-input": {
-      "types": "./dist/number-input.d.ts",
+      "types": "./dist/components/NumberInput.d.ts",
       "import": "./dist/number-input.mjs",
       "require": "./dist/number-input.js"
     },
     "./price-input": {
-      "types": "./dist/price-input.d.ts",
+      "types": "./dist/components/PriceInput.d.ts",
       "import": "./dist/price-input.mjs",
       "require": "./dist/price-input.js"
     },
     "./avatar": {
-      "types": "./dist/avatar.d.ts",
+      "types": "./dist/components/Avatar.d.ts",
       "import": "./dist/avatar.mjs",
       "require": "./dist/avatar.js"
     },
     "./select": {
-      "types": "./dist/select.d.ts",
+      "types": "./dist/components/Select.d.ts",
       "import": "./dist/select.mjs",
       "require": "./dist/select.js"
     },
     "./drawer": {
-      "types": "./dist/drawer.d.ts",
+      "types": "./dist/components/Drawer.d.ts",
       "import": "./dist/drawer.mjs",
       "require": "./dist/drawer.js"
     },
     "./tooltip": {
-      "types": "./dist/tooltip.d.ts",
+      "types": "./dist/components/Tooltip.d.ts",
       "import": "./dist/tooltip.mjs",
       "require": "./dist/tooltip.js"
     },
     "./divider": {
-      "types": "./dist/divider.d.ts",
+      "types": "./dist/components/Divider.d.ts",
       "import": "./dist/divider.mjs",
       "require": "./dist/divider.js"
     },
     "./radio-group": {
-      "types": "./dist/radio-group.d.ts",
+      "types": "./dist/components/RadioGroup.d.ts",
       "import": "./dist/radio-group.mjs",
       "require": "./dist/radio-group.js"
     },
     "./pagination": {
-      "types": "./dist/pagination.d.ts",
+      "types": "./dist/components/Pagination.d.ts",
       "import": "./dist/pagination.mjs",
       "require": "./dist/pagination.js"
     },
     "./tab": {
-      "types": "./dist/tab.d.ts",
+      "types": "./dist/components/Tab.d.ts",
       "import": "./dist/tab.mjs",
       "require": "./dist/tab.js"
     },
     "./accordion": {
-      "types": "./dist/accordion.d.ts",
+      "types": "./dist/components/Accordion.d.ts",
       "import": "./dist/accordion.mjs",
       "require": "./dist/accordion.js"
     },
     "./popover": {
-      "types": "./dist/popover.d.ts",
+      "types": "./dist/components/Popover.d.ts",
       "import": "./dist/popover.mjs",
       "require": "./dist/popover.js"
     },
     "./carousel": {
-      "types": "./dist/carousel.d.ts",
+      "types": "./dist/components/Carousel.d.ts",
       "import": "./dist/carousel.mjs",
       "require": "./dist/carousel.js"
     },
     "./virtual-scroll": {
-      "types": "./dist/virtual-scroll.d.ts",
+      "types": "./dist/components/VirtualScroll.d.ts",
       "import": "./dist/virtual-scroll.mjs",
       "require": "./dist/virtual-scroll.js"
     },
     "./infinite-scroll": {
-      "types": "./dist/infinite-scroll.d.ts",
+      "types": "./dist/components/InfiniteScroll.d.ts",
       "import": "./dist/infinite-scroll.mjs",
       "require": "./dist/infinite-scroll.js"
     },
     "./marquee": {
-      "types": "./dist/marquee.d.ts",
+      "types": "./dist/components/Marquee.d.ts",
       "import": "./dist/marquee.mjs",
       "require": "./dist/marquee.js"
     },
     "./ellipsis": {
-      "types": "./dist/ellipsis.d.ts",
+      "types": "./dist/components/Ellipsis.d.ts",
       "import": "./dist/ellipsis.mjs",
       "require": "./dist/ellipsis.js"
     },
     "./spinner": {
-      "types": "./dist/spinner.d.ts",
+      "types": "./dist/components/Spinner.d.ts",
       "import": "./dist/spinner.mjs",
       "require": "./dist/spinner.js"
     },
     "./skeleton": {
-      "types": "./dist/skeleton.d.ts",
+      "types": "./dist/components/Skeleton.d.ts",
       "import": "./dist/skeleton.mjs",
       "require": "./dist/skeleton.js"
     },
     "./countdown": {
-      "types": "./dist/countdown.d.ts",
+      "types": "./dist/components/Countdown.d.ts",
       "import": "./dist/countdown.mjs",
       "require": "./dist/countdown.js"
     },
     "./counter": {
-      "types": "./dist/counter.d.ts",
+      "types": "./dist/components/Counter.d.ts",
       "import": "./dist/counter.mjs",
       "require": "./dist/counter.js"
     },
     "./data-list": {
-      "types": "./dist/data-list.d.ts",
+      "types": "./dist/components/DataList.d.ts",
       "import": "./dist/data-list.mjs",
       "require": "./dist/data-list.js"
     },
+    "./empty-state": {
+      "types": "./dist/components/EmptyState.d.ts",
+      "import": "./dist/empty-state.mjs",
+      "require": "./dist/empty-state.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/components/Breadcrumb.d.ts",
+      "import": "./dist/breadcrumb.mjs",
+      "require": "./dist/breadcrumb.js"
+    },
+    "./stepper": {
+      "types": "./dist/components/Stepper.d.ts",
+      "import": "./dist/stepper.mjs",
+      "require": "./dist/stepper.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/components/DropdownMenu.d.ts",
+      "import": "./dist/dropdown-menu.mjs",
+      "require": "./dist/dropdown-menu.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/components/ToggleGroup.d.ts",
+      "import": "./dist/toggle-group.mjs",
+      "require": "./dist/toggle-group.js"
+    },
+    "./slider": {
+      "types": "./dist/components/Slider.d.ts",
+      "import": "./dist/slider.mjs",
+      "require": "./dist/slider.js"
+    },
+    "./tag-input": {
+      "types": "./dist/components/TagInput.d.ts",
+      "import": "./dist/tag-input.mjs",
+      "require": "./dist/tag-input.js"
+    },
+    "./nx-image": {
+      "types": "./dist/components/NxImage.d.ts",
+      "import": "./dist/nx-image.mjs",
+      "require": "./dist/nx-image.js"
+    },
+    "./date-picker": {
+      "types": "./dist/components/DatePicker.d.ts",
+      "import": "./dist/date-picker.mjs",
+      "require": "./dist/date-picker.js"
+    },
     "./client-only": {
-      "types": "./dist/client-only.d.ts",
+      "types": "./dist/components/ClientOnly.d.ts",
       "import": "./dist/client-only.mjs",
       "require": "./dist/client-only.js"
     },
     "./error-boundary": {
-      "types": "./dist/error-boundary.d.ts",
+      "types": "./dist/components/ErrorBoundary.d.ts",
       "import": "./dist/error-boundary.mjs",
       "require": "./dist/error-boundary.js"
     },
     "./theme-provider": {
-      "types": "./dist/theme-provider.d.ts",
+      "types": "./dist/components/ThemeProvider.d.ts",
       "import": "./dist/theme-provider.mjs",
       "require": "./dist/theme-provider.js"
     },
     "./toast": {
-      "types": "./dist/toast.d.ts",
+      "types": "./dist/toast/index.d.ts",
       "import": "./dist/toast.mjs",
       "require": "./dist/toast.js"
     },
     "./table": {
-      "types": "./dist/table.d.ts",
+      "types": "./dist/table/index.d.ts",
       "import": "./dist/table.mjs",
       "require": "./dist/table.js"
     },
@@ -217,7 +277,7 @@
       "require": "./dist/utils/cn.js"
     },
     "./schemas": {
-      "types": "./dist/schemas.d.ts",
+      "types": "./dist/schemas/index.d.ts",
       "import": "./dist/schemas.mjs",
       "require": "./dist/schemas.js"
     }
@@ -232,7 +292,8 @@
   "files": [
     "dist",
     "cursor-rules",
-    "scripts/setup-cursor-rules.cjs"
+    "scripts/setup-cursor-rules.cjs",
+    "DESIGN.md"
   ],
   "bin": {
     "nexus-ds-setup": "./scripts/setup-cursor-rules.cjs"
@@ -257,16 +318,21 @@
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slider": "^1.3.6",
     "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-virtual": "^3.13.23",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
     "lodash-es": "^4.17.21",
+    "react-day-picker": "^9.14.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
     "zod": "^3.25.76"
@@ -282,12 +348,12 @@
     "typescript": "^5.0.0",
     "vitest": "^1.6.1",
     "zod-to-json-schema": "^3.25.2",
-    "@nexus-cross/tokens": "1.0.6-beta.2"
+    "@nexus-cross/tokens": "1.0.7"
   },
   "scripts": {
     "postinstall": "node scripts/setup-cursor-rules.cjs",
     "build:css": "node src/styles/scripts/css-to-ts.js",
-    "build:js": "tsup",
+    "build:js": "tsup && tsc -p tsconfig.build.json",
     "build:schemas": "node scripts/generate-json-schemas.cjs",
     "build:mdc": "node scripts/generate-mdc.cjs",
     "build": "pnpm build:css && pnpm build:js && cp src/styles/.generated/built.clean.css dist/styles.css && node scripts/generate-layered-css.cjs && node scripts/inject-css-import.cjs && pnpm build:schemas && pnpm build:mdc",

package/scripts/setup-cursor-rules.cjs

@@ -82,10 +82,24 @@ function run() {
     }
   }
 
+  // DESIGN.md → project root
+  const designMdSrc = path.resolve(__dirname, '..', 'DESIGN.md');
+  if (fs.existsSync(designMdSrc)) {
+    const dest = path.join(projectRoot, 'DESIGN.md');
+    const srcContent = fs.readFileSync(designMdSrc, 'utf-8');
+    const destExists = fs.existsSync(dest);
+    const destContent = destExists ? fs.readFileSync(dest, 'utf-8') : '';
+    if (!destExists || srcContent !== destContent) {
+      fs.writeFileSync(dest, srcContent, 'utf-8');
+      installed++;
+      console.log(`[@nexus-cross/design-system] ${destExists ? 'updated' : 'installed'}: DESIGN.md`);
+    }
+  }
+
   if (installed === 0) {
     console.log('[@nexus-cross] Cursor rules are already up to date.');
   } else {
-    console.log(`[@nexus-cross] ${installed} Cursor rule file(s) installed.`);
+    console.log(`[@nexus-cross] ${installed} file(s) installed.`);
   }
 }
 

package/dist/accordion.d.ts

@@ -1,28 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-
-declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type AccordionItemData = {
-    id: string;
-    trigger: React.ReactNode;
-    content: React.ReactNode;
-    disabled?: boolean;
-    className?: string;
-    triggerClassName?: string;
-    contentClassName?: string;
-};
-interface SimpleAccordionProps {
-    items: AccordionItemData[];
-    type?: 'single' | 'multiple';
-    collapsible?: boolean;
-    value?: string | string[];
-    defaultValue?: string | string[];
-    className?: string;
-    onValueChange?: (value: string | string[]) => void;
-}
-declare const Accordion: React.FC<SimpleAccordionProps>;
-
-export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };

package/dist/avatar.d.ts

@@ -1,17 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const avatarVariants: (props?: ({
-    size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
-    shape?: "circle" | "square" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
-    src?: string;
-    alt?: string;
-    fallback?: React.ReactNode;
-    onImageError?: () => void;
-}
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Avatar, type AvatarProps, avatarVariants };

package/dist/button.d.ts

@@ -1,17 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const buttonVariants: (props?: ({
-    semantic?: "primary" | "secondary" | "normal" | "danger" | null | undefined;
-    variant?: "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
-    size?: "xl" | "lg" | "md" | "sm" | null | undefined;
-    radius?: "default" | "circle" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    detectDoubleClick?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps, buttonVariants };

package/dist/carousel.d.ts

@@ -1,36 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
-
-type CarouselApi = UseEmblaCarouselType[1];
-interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
-    opts?: Parameters<typeof useEmblaCarousel>[0];
-    plugins?: Parameters<typeof useEmblaCarousel>[1];
-    onApiChange?: (api: CarouselApi) => void;
-}
-interface CarouselContextValue {
-    api: CarouselApi;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    selectedIndex: number;
-    scrollSnapCount: number;
-}
-declare function useCarousel(): CarouselContextValue;
-declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
-interface CarouselSlideProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CarouselSlide: React.ForwardRefExoticComponent<CarouselSlideProps & React.RefAttributes<HTMLDivElement>>;
-interface CarouselButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
-declare const CarouselPrev: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CarouselNext: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
-declare function CarouselDots({ className }: {
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare namespace CarouselDots {
-    var displayName: string;
-}
-
-export { Carousel, type CarouselApi, CarouselDots, CarouselNext, CarouselPrev, type CarouselProps, CarouselSlide, type CarouselSlideProps, useCarousel };

package/dist/checkbox.d.ts

@@ -1,21 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const checkBoxVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
-    shape?: "round" | "square" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const boxVariants: (props?: ({
-    size?: "md" | "sm" | null | undefined;
-    shape?: "round" | "square" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof checkBoxVariants> {
-    checked?: boolean;
-    indeterminate?: boolean;
-    onCheckedChange?: (checked: boolean) => void;
-    label?: React.ReactNode;
-}
-declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
-
-export { CheckBox, type CheckBoxProps, boxVariants, checkBoxVariants };

package/dist/chip.d.ts

@@ -1,16 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const chipVariants: (props?: ({
-    variant?: "default" | "accent" | "filled" | "outline" | null | undefined;
-    size?: "lg" | "md" | "sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ChipProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof chipVariants> {
-    asChild?: boolean;
-    onClose?: (e: React.MouseEvent) => void;
-    disabled?: boolean;
-}
-declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
-
-export { Chip, type ChipProps, chipVariants };

package/dist/chunks/chunk-26BUGBOY.mjs

@@ -1,57 +0,0 @@
-import { cn } from './chunk-MCKOWMLS.mjs';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var textAreaVariants = cva("nexus-textarea", {
-  variants: {
-    state: {
-      default: "nexus-textarea--default",
-      error: "nexus-textarea--error"
-    }
-  },
-  defaultVariants: { state: "default" }
-});
-var TextArea = React.forwardRef(
-  ({ className, error, showCount, maxLength, onValueChange, onChange, ...props }, ref) => {
-    const state = error ? "error" : "default";
-    const [count, setCount] = React.useState(0);
-    const handleChange = React.useCallback(
-      (e) => {
-        setCount(e.target.value.length);
-        onValueChange?.(e.target.value);
-        onChange?.(e);
-      },
-      [onValueChange, onChange]
-    );
-    return /* @__PURE__ */ jsxs("div", { className: "nexus-textarea-wrap", children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref,
-          className: cn(textAreaVariants({ state }), className),
-          maxLength,
-          "aria-invalid": error || void 0,
-          onChange: handleChange,
-          ...props
-        }
-      ),
-      showCount && maxLength && /* @__PURE__ */ jsxs(
-        "p",
-        {
-          className: "nexus-textarea-count",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "nexus-textarea-count__current", children: count.toLocaleString() }),
-            "/",
-            maxLength.toLocaleString()
-          ]
-        }
-      )
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
-export { TextArea, textAreaVariants };