@nexus-cross/design-system 1.0.3 → 1.0.4

package/dist/chunks/chunk-X3CTJ7TD.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var stepperVariants = classVarianceAuthority.cva("nexus-stepper", {
+  variants: {
+    orientation: {
+      horizontal: "nexus-stepper--horizontal",
+      vertical: "nexus-stepper--vertical"
+    },
+    size: {
+      sm: "nexus-stepper--sm",
+      md: "nexus-stepper--md"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    size: "md"
+  }
+});
+var CheckIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8.5l3 3 6-6", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var Stepper = React__namespace.forwardRef(
+  ({ className, orientation, size, steps, current = 0, status = "process", ...props }, ref) => {
+    const isHorizontal = orientation !== "vertical";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: chunkCZC76ZD5_js.cn(stepperVariants({ orientation, size }), className),
+        "aria-label": "Progress",
+        ...props,
+        children: steps.map((step, i) => {
+          const state = i < current ? "completed" : i === current ? status === "error" ? "error" : "active" : "pending";
+          const isFirst = i === 0;
+          const isLast = i === steps.length - 1;
+          const prevCompleted = i <= current;
+          const nextCompleted = i < current;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: chunkCZC76ZD5_js.cn("nexus-stepper__step", `nexus-stepper__step--${state}`),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-stepper__indicator-wrap", children: isHorizontal ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkCZC76ZD5_js.cn(
+                        "nexus-stepper__connector",
+                        isFirst && "nexus-stepper__connector--hidden",
+                        prevCompleted && "nexus-stepper__connector--completed"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-stepper__indicator", children: state === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "nexus-stepper__check" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkCZC76ZD5_js.cn(
+                        "nexus-stepper__connector",
+                        isLast && "nexus-stepper__connector--hidden",
+                        nextCompleted && "nexus-stepper__connector--completed"
+                      )
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  !isFirst && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkCZC76ZD5_js.cn("nexus-stepper__connector", prevCompleted && "nexus-stepper__connector--completed") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-stepper__indicator", children: state === "completed" ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: "nexus-stepper__check" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: i + 1 }) })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-stepper__content", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-stepper__label", children: step.label }),
+                  step.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-stepper__description", children: step.description })
+                ] })
+              ]
+            },
+            i
+          );
+        })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+exports.Stepper = Stepper;
+exports.stepperVariants = stepperVariants;

package/dist/chunks/chunk-YO5MSDPX.mjs

@@ -0,0 +1,36 @@
+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 emptyStateVariants = cva("nexus-empty-state", {
+  variants: {
+    size: {
+      sm: "nexus-empty-state--sm",
+      md: "nexus-empty-state--md",
+      lg: "nexus-empty-state--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var DefaultIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsx("path", { d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var EmptyState = React.forwardRef(
+  ({ className, size, icon, title, description, action, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(emptyStateVariants({ size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "nexus-empty-state__icon", children: icon ?? /* @__PURE__ */ jsx(DefaultIcon, { className: "nexus-empty-state__default-icon" }) }),
+        title && /* @__PURE__ */ jsx("h3", { className: "nexus-empty-state__title", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "nexus-empty-state__description", children: description }),
+        children,
+        action && /* @__PURE__ */ jsx("div", { className: "nexus-empty-state__action", children: action })
+      ]
+    }
+  )
+);
+EmptyState.displayName = "EmptyState";
+
+export { EmptyState, emptyStateVariants };

package/dist/chunks/chunk-ZI4LN2B2.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var progressVariants = classVarianceAuthority.cva("nexus-progress", {
+  variants: {
+    variant: {
+      primary: "nexus-progress--primary",
+      success: "nexus-progress--success",
+      warning: "nexus-progress--warning",
+      danger: "nexus-progress--danger",
+      info: "nexus-progress--info"
+    },
+    size: {
+      sm: "nexus-progress--sm",
+      md: "nexus-progress--md",
+      lg: "nexus-progress--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+var Progress = React__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    value = 0,
+    max = 100,
+    showValue = false,
+    indeterminate = false,
+    label,
+    ...props
+  }, ref) => {
+    const percentage = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCZC76ZD5_js.cn("nexus-progress-wrapper", className), ref, ...props, children: [
+      (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-progress__header", children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-progress__label", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nexus-progress__value", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkCZC76ZD5_js.cn(progressVariants({ variant, size })),
+          role: "progressbar",
+          "aria-valuenow": indeterminate ? void 0 : value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          "aria-label": label,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkCZC76ZD5_js.cn(
+                "nexus-progress__bar",
+                indeterminate && "nexus-progress__bar--indeterminate"
+              ),
+              style: indeterminate ? void 0 : { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;
+exports.progressVariants = progressVariants;

package/dist/date-picker.d.mts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface DatePickerProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: 'ko' | 'en';
+    formatStr?: string;
+    className?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+
+export { DatePicker, type DatePickerProps };

package/dist/date-picker.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+interface DatePickerProps {
+    value?: Date;
+    defaultValue?: Date;
+    onChange?: (date: Date | undefined) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    locale?: 'ko' | 'en';
+    formatStr?: string;
+    className?: string;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+
+export { DatePicker, type DatePickerProps };

package/dist/date-picker.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk2N2EPBO4_js = require('./chunks/chunk-2N2EPBO4.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "DatePicker", {
+  enumerable: true,
+  get: function () { return chunk2N2EPBO4_js.DatePicker; }
+});

package/dist/date-picker.mjs

@@ -0,0 +1,3 @@
+export { DatePicker } from './chunks/chunk-FUIBYZZ4.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/dropdown-menu.d.mts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+interface DropdownMenuItemType {
+    label: React.ReactNode;
+    value?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    separator?: boolean;
+}
+interface DropdownMenuProps {
+    children: React.ReactNode;
+    items: DropdownMenuItemType[];
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    className?: string;
+    contentClassName?: string;
+}
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    danger?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemType, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger };

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+interface DropdownMenuItemType {
+    label: React.ReactNode;
+    value?: string;
+    icon?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    separator?: boolean;
+}
+interface DropdownMenuProps {
+    children: React.ReactNode;
+    items: DropdownMenuItemType[];
+    align?: 'start' | 'center' | 'end';
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    className?: string;
+    contentClassName?: string;
+}
+declare const DropdownMenu: React.FC<DropdownMenuProps>;
+declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    danger?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, type DropdownMenuItemType, type DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger };

package/dist/dropdown-menu.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkC2DSAJTL_js = require('./chunks/chunk-C2DSAJTL.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenu; }
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "DropdownMenuRoot", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenuRoot; }
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkC2DSAJTL_js.DropdownMenuTrigger; }
+});

package/dist/dropdown-menu.mjs

@@ -0,0 +1,3 @@
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from './chunks/chunk-6DBRL6NA.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/empty-state.d.mts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyStateVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps, emptyStateVariants };

package/dist/empty-state.d.ts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const emptyStateVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    icon?: React.ReactNode;
+    title?: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps, emptyStateVariants };

package/dist/empty-state.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkPDJTSQOC_js = require('./chunks/chunk-PDJTSQOC.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () { return chunkPDJTSQOC_js.EmptyState; }
+});
+Object.defineProperty(exports, "emptyStateVariants", {
+  enumerable: true,
+  get: function () { return chunkPDJTSQOC_js.emptyStateVariants; }
+});

package/dist/empty-state.mjs

@@ -0,0 +1,3 @@
+export { EmptyState, emptyStateVariants } from './chunks/chunk-YO5MSDPX.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/index.d.mts

@@ -13,13 +13,22 @@ export { ChildrenFuncParamsType, Table, TableData, TableHighlightProvider, Table
 export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './popover.mjs';
 export { Tooltip, TooltipProvider, tooltipContentVariants } from './tooltip.mjs';
 export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './select.mjs';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemType, DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from './dropdown-menu.mjs';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupProps, toggleGroupVariants } from './toggle-group.mjs';
+export { Slider, SliderProps, sliderVariants } from './slider.mjs';
 export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './accordion.mjs';
 export { InfiniteScroll, InfiniteScrollProps } from './infinite-scroll.mjs';
 export { Ellipsis, EllipsisProps } from './ellipsis.mjs';
+export { EmptyState, EmptyStateProps, emptyStateVariants } from './empty-state.mjs';
 export { Drawer, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDirection, DrawerRoot, DrawerRootProps, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './drawer.mjs';
 export { Button, ButtonProps, buttonVariants } from './button.mjs';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbProps } from './breadcrumb.mjs';
 export { Chip, ChipProps, chipVariants } from './chip.mjs';
+export { Badge, BadgeProps, badgeVariants } from './badge.mjs';
+export { Progress, ProgressProps, progressVariants } from './progress.mjs';
+export { Alert, AlertProps, alertVariants } from './alert.mjs';
 export { Switch, SwitchProps, switchVariants } from './switch.mjs';
+export { StepItem, Stepper, StepperProps, stepperVariants } from './stepper.mjs';
 export { TextInput, TextInputProps, textInputVariants } from './text-input.mjs';
 export { TextArea, TextAreaProps, textAreaVariants } from './text-area.mjs';
 export { CheckBox, CheckBoxProps, checkBoxVariants } from './checkbox.mjs';
@@ -40,6 +49,9 @@ export { Marquee, MarqueeProps } from './marquee.mjs';
 export { Tab, TabItem, TabProps, tabListVariants, tabTriggerVariants } from './tab.mjs';
 export { Carousel, CarouselApi, CarouselDots, CarouselNext, CarouselPrev, CarouselProps, CarouselSlide, CarouselSlideProps, useCarousel } from './carousel.mjs';
 export { DataList, DataListProps } from './data-list.mjs';
+export { TagInput, TagInputProps, tagInputVariants } from './tag-input.mjs';
+export { NxImage, NxImageProps } from './nx-image.mjs';
+export { DatePicker, DatePickerProps } from './date-picker.mjs';
 export { VirtualGrid, VirtualGridProps, VirtualList, VirtualListProps } from './virtual-scroll.mjs';
 import 'clsx';
 import 'react';
@@ -48,6 +60,8 @@ import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-tooltip';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-slider';
 import '@radix-ui/react-accordion';
 import 'vaul';
 import 'embla-carousel-react';

package/dist/index.d.ts

@@ -13,13 +13,22 @@ export { ChildrenFuncParamsType, Table, TableData, TableHighlightProvider, Table
 export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, popoverContentClasses } from './popover.js';
 export { Tooltip, TooltipProvider, tooltipContentVariants } from './tooltip.js';
 export { Select, SelectItem, selectContentVariants, selectTriggerVariants } from './select.js';
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemType, DropdownMenuProps, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from './dropdown-menu.js';
+export { ToggleGroup, ToggleGroupItem, ToggleGroupProps, toggleGroupVariants } from './toggle-group.js';
+export { Slider, SliderProps, sliderVariants } from './slider.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './accordion.js';
 export { InfiniteScroll, InfiniteScrollProps } from './infinite-scroll.js';
 export { Ellipsis, EllipsisProps } from './ellipsis.js';
+export { EmptyState, EmptyStateProps, emptyStateVariants } from './empty-state.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDirection, DrawerRoot, DrawerRootProps, DrawerTitle, DrawerTrigger, drawerContentVariants, drawerOverlayVariants } from './drawer.js';
 export { Button, ButtonProps, buttonVariants } from './button.js';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbProps } from './breadcrumb.js';
 export { Chip, ChipProps, chipVariants } from './chip.js';
+export { Badge, BadgeProps, badgeVariants } from './badge.js';
+export { Progress, ProgressProps, progressVariants } from './progress.js';
+export { Alert, AlertProps, alertVariants } from './alert.js';
 export { Switch, SwitchProps, switchVariants } from './switch.js';
+export { StepItem, Stepper, StepperProps, stepperVariants } from './stepper.js';
 export { TextInput, TextInputProps, textInputVariants } from './text-input.js';
 export { TextArea, TextAreaProps, textAreaVariants } from './text-area.js';
 export { CheckBox, CheckBoxProps, checkBoxVariants } from './checkbox.js';
@@ -40,6 +49,9 @@ export { Marquee, MarqueeProps } from './marquee.js';
 export { Tab, TabItem, TabProps, tabListVariants, tabTriggerVariants } from './tab.js';
 export { Carousel, CarouselApi, CarouselDots, CarouselNext, CarouselPrev, CarouselProps, CarouselSlide, CarouselSlideProps, useCarousel } from './carousel.js';
 export { DataList, DataListProps } from './data-list.js';
+export { TagInput, TagInputProps, tagInputVariants } from './tag-input.js';
+export { NxImage, NxImageProps } from './nx-image.js';
+export { DatePicker, DatePickerProps } from './date-picker.js';
 export { VirtualGrid, VirtualGridProps, VirtualList, VirtualListProps } from './virtual-scroll.js';
 import 'clsx';
 import 'react';
@@ -48,6 +60,8 @@ import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-popover';
 import '@radix-ui/react-tooltip';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-slider';
 import '@radix-ui/react-accordion';
 import 'vaul';
 import 'embla-carousel-react';