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

package/dist/schemas.js

@@ -3,6 +3,17 @@
 require('./chunks/chunk-JNMCYWGY.js');
 var zod = require('zod');
 
+var breadcrumbItemSchema = zod.z.object({
+  label: zod.z.any().describe("Display text or element (ReactNode)"),
+  href: zod.z.string().optional().describe("Link URL"),
+  onClick: zod.z.any().optional().describe("Click handler () => void")
+});
+var breadcrumbPropsSchema = zod.z.object({
+  items: zod.z.array(breadcrumbItemSchema).describe("Breadcrumb items array (required)"),
+  separator: zod.z.any().optional().describe("Custom separator (ReactNode). Default: chevron"),
+  maxItems: zod.z.number().optional().describe('Max visible items (collapses middle with "...")'),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Breadcrumb navigation. Shows current location path.");
 var buttonPropsSchema = zod.z.object({
   semantic: zod.z.enum(["primary", "secondary", "normal", "danger"]).default("primary").describe(
     "Color theme (primary=main, secondary=sub, normal=neutral, danger=danger)"
@@ -50,6 +61,10 @@ var textInputPropsSchema = zod.z.object({
   className: zod.z.string().optional().describe("Style override")
 }).describe("Text input field. Supports label, description, prefix/suffix icons, clearable, character counter.");
 var textAreaPropsSchema = zod.z.object({
+  label: zod.z.string().optional().describe("Label text above the textarea"),
+  description: zod.z.string().optional().describe("Helper/error description below the textarea"),
+  size: zod.z.enum(["lg", "md"]).optional().describe("Font size variant (lg: 16px, md: 14px)"),
+  resize: zod.z.enum(["default", "auto", "none"]).optional().describe("Resize mode (default: manual, auto: auto-grow, none: fixed)"),
   error: zod.z.boolean().optional().describe("Error state (auto aria-invalid)"),
   showCount: zod.z.boolean().optional().describe("Show character count (requires maxLength)"),
   maxLength: zod.z.number().optional().describe("Maximum character count"),
@@ -67,7 +82,7 @@ var textAreaPropsSchema = zod.z.object({
   onBlur: zod.z.any().optional().describe("Blur callback"),
   onFocus: zod.z.any().optional().describe("Focus callback"),
   className: zod.z.string().optional().describe("Style override")
-}).describe("Multi-line text input. Built-in character counter.");
+}).describe("Multi-line text input with label, description, character counter, and resize modes.");
 var selectPropsSchema = zod.z.object({
   value: zod.z.string().optional().describe("Selected value"),
   placeholder: zod.z.string().optional().describe("Placeholder"),
@@ -86,6 +101,55 @@ var selectItemPropsSchema = zod.z.object({
   disabled: zod.z.boolean().optional().describe("Disabled"),
   className: zod.z.string().optional().describe("Style override")
 }).describe("Individual option within Select.");
+var dropdownMenuItemSchema = zod.z.object({
+  label: zod.z.any().describe("Menu item text (ReactNode)"),
+  value: zod.z.string().optional().describe("Item identifier"),
+  icon: zod.z.any().optional().describe("Left icon (ReactNode)"),
+  onClick: zod.z.any().optional().describe("Click handler () => void"),
+  disabled: zod.z.boolean().optional().describe("Disabled"),
+  danger: zod.z.boolean().optional().describe("Danger/destructive style"),
+  separator: zod.z.boolean().optional().describe("If true, renders as separator line")
+});
+var dropdownMenuPropsSchema = zod.z.object({
+  children: zod.z.any().describe("Trigger element (ReactNode, required)"),
+  items: zod.z.array(dropdownMenuItemSchema).describe("Menu items array (required)"),
+  align: zod.z.enum(["start", "center", "end"]).default("start").describe("Alignment"),
+  side: zod.z.enum(["top", "right", "bottom", "left"]).default("bottom").describe("Position"),
+  className: zod.z.string().optional().describe("Trigger wrapper style"),
+  contentClassName: zod.z.string().optional().describe("Content panel style")
+}).describe("Dropdown menu. Based on Radix DropdownMenu. Action menu for context/more menus.");
+var toggleGroupItemSchema = zod.z.object({
+  value: zod.z.string().describe("Item value"),
+  label: zod.z.any().describe("Display label (ReactNode)"),
+  icon: zod.z.any().optional().describe("Icon (ReactNode)"),
+  disabled: zod.z.boolean().optional().describe("Disabled")
+});
+var toggleGroupPropsSchema = zod.z.object({
+  type: zod.z.enum(["single", "multiple"]).default("single").describe("Selection mode"),
+  items: zod.z.array(toggleGroupItemSchema).describe("Toggle items array (required)"),
+  value: zod.z.any().optional().describe("Controlled value (string | string[])"),
+  defaultValue: zod.z.any().optional().describe("Default value"),
+  onValueChange: zod.z.any().optional().describe("Value change callback"),
+  variant: zod.z.enum(["default", "outline"]).default("default").describe("Style variant"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  disabled: zod.z.boolean().optional().describe("Disable all items"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Toggle group / Segment control. Based on Radix ToggleGroup.");
+var sliderPropsSchema = zod.z.object({
+  value: zod.z.array(zod.z.number()).optional().describe("Controlled value (number[]). Use [50] for single, [20, 80] for range"),
+  defaultValue: zod.z.array(zod.z.number()).optional().describe("Default value"),
+  min: zod.z.number().default(0).describe("Minimum"),
+  max: zod.z.number().default(100).describe("Maximum"),
+  step: zod.z.number().default(1).describe("Step increment"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Track height / thumb size"),
+  showValue: zod.z.boolean().default(false).describe("Show current value text"),
+  formatValue: zod.z.any().optional().describe("Value format function (value: number) => string"),
+  label: zod.z.string().optional().describe("Label text"),
+  disabled: zod.z.boolean().optional().describe("Disabled"),
+  onValueChange: zod.z.any().optional().describe("Value change callback (value: number[]) => void"),
+  onValueCommit: zod.z.any().optional().describe("Committed value callback (on pointer up)"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Slider / Range input. Based on Radix Slider. Supports single and range mode.");
 var checkBoxPropsSchema = zod.z.object({
   size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
   shape: zod.z.enum(["square", "round"]).default("square").describe("Shape"),
@@ -144,6 +208,37 @@ var chipPropsSchema = zod.z.object({
   onClick: zod.z.any().optional().describe("Click event handler"),
   className: zod.z.string().optional().describe("Style override")
 }).describe("Chip/tag/badge. Close button displayed via onClose prop.");
+var badgePropsSchema = zod.z.object({
+  count: zod.z.number().optional().describe("Badge count number"),
+  max: zod.z.number().default(99).describe('Max count (shows "99+" when exceeded)'),
+  dot: zod.z.boolean().default(false).describe("Show as dot instead of count"),
+  showZero: zod.z.boolean().default(false).describe("Show badge when count is 0"),
+  variant: zod.z.enum(["danger", "primary", "secondary", "info", "success", "warning"]).default("danger").describe("Color variant"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  offset: zod.z.tuple([zod.z.number(), zod.z.number()]).optional().describe("Position offset [x, y] in px"),
+  children: zod.z.any().optional().describe("Anchor element to attach badge to (ReactNode)"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Badge indicator. Dot or count display. Wraps children when provided.");
+var progressPropsSchema = zod.z.object({
+  value: zod.z.number().default(0).describe("Current progress value"),
+  max: zod.z.number().default(100).describe("Maximum value"),
+  variant: zod.z.enum(["primary", "success", "warning", "danger", "info"]).default("primary").describe("Color variant"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Bar height"),
+  showValue: zod.z.boolean().default(false).describe("Show percentage text"),
+  indeterminate: zod.z.boolean().default(false).describe("Indeterminate loading animation"),
+  label: zod.z.string().optional().describe("Label text above the bar"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Progress bar. Linear progress indicator with percentage display.");
+var alertPropsSchema = zod.z.object({
+  variant: zod.z.enum(["info", "success", "warning", "danger"]).default("info").describe("Alert type / color"),
+  title: zod.z.string().optional().describe("Alert title (bold)"),
+  children: zod.z.any().optional().describe("Alert description (ReactNode)"),
+  icon: zod.z.any().optional().describe("Custom icon (ReactNode). Auto icon by variant if omitted"),
+  closable: zod.z.boolean().default(false).describe("Show close button"),
+  onClose: zod.z.any().optional().describe("Close callback () => void"),
+  action: zod.z.any().optional().describe("Action area (ReactNode, e.g. Button)"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Alert / Banner. Inline notification with icon, title, description.");
 var spinnerPropsSchema = zod.z.object({
   size: zod.z.number().default(20).describe("Size in px"),
   color: zod.z.string().optional().describe("Color (CSS color value, default currentColor)"),
@@ -151,6 +246,18 @@ var spinnerPropsSchema = zod.z.object({
   style: zod.z.any().optional().describe("Inline style (CSSProperties)"),
   className: zod.z.string().optional().describe("Color override etc.")
 }).describe('Loading indicator. SVG-based. Built-in role="status".');
+var stepItemSchema = zod.z.object({
+  label: zod.z.string().describe("Step title"),
+  description: zod.z.string().optional().describe("Step description")
+});
+var stepperPropsSchema = zod.z.object({
+  steps: zod.z.array(stepItemSchema).describe("Step items array (required)"),
+  current: zod.z.number().default(0).describe("Current step index (0-based)"),
+  status: zod.z.enum(["process", "error"]).default("process").describe("Current step status"),
+  orientation: zod.z.enum(["horizontal", "vertical"]).default("horizontal").describe("Layout direction"),
+  size: zod.z.enum(["sm", "md"]).default("md").describe("Size"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Stepper. Step-by-step progress indicator.");
 var skeletonPropsSchema = zod.z.object({
   as: zod.z.enum(["div", "span"]).default("div").describe("Rendered tag"),
   circle: zod.z.boolean().default(false).describe("Circle skeleton (rounded-full)"),
@@ -385,18 +492,33 @@ var ellipsisPropsSchema = zod.z.object({
   onShowMoreLessClick: zod.z.any().optional().describe("Show more/less click callback () => void"),
   className: zod.z.string().optional().describe("Style override")
 }).describe("Text ellipsis. Built-in show more/less toggle.");
+var emptyStatePropsSchema = zod.z.object({
+  icon: zod.z.any().optional().describe("Custom icon (ReactNode). Default inbox icon"),
+  title: zod.z.string().optional().describe("Title text"),
+  description: zod.z.string().optional().describe("Description text"),
+  action: zod.z.any().optional().describe("Action area (ReactNode, e.g. Button)"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Overall size"),
+  children: zod.z.any().optional().describe("Additional content (ReactNode)"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Empty state placeholder. Shown when data is empty or unavailable.");
 var numberInputPropsSchema = zod.z.object({
+  variant: zod.z.enum(["basic", "bind"]).default("basic").describe("Variant: basic (right chevron arrows) or bind (left/right +/- buttons)"),
   value: zod.z.union([zod.z.number(), zod.z.string()]).optional().describe("Current value"),
-  size: zod.z.enum(["sm", "md", "lg", "xl"]).default("md").describe("Size"),
+  size: zod.z.enum(["lg", "xl"]).default("lg").describe("Size"),
   error: zod.z.boolean().optional().describe("Error state"),
   min: zod.z.number().optional().describe("Minimum value"),
-  max: zod.z.number().optional().describe("Maximum value"),
+  max: zod.z.number().optional().describe('Maximum value. When set, "Max {value}" is displayed in the header. Clicking it fills the input with the max value'),
   step: zod.z.number().default(1).describe("Step increment"),
   digit: zod.z.number().default(0).describe("Decimal places"),
-  hideButtons: zod.z.boolean().default(false).describe("Hide default spin buttons. Use with numberInputBind for external button event binding"),
+  label: zod.z.string().optional().describe("Label text displayed above input"),
+  description: zod.z.string().optional().describe("Description text displayed below input"),
+  showMax: zod.z.boolean().optional().describe('Show "Max {value}" in header (defaults to true when max is set)'),
+  hideButtons: zod.z.boolean().default(false).describe(
+    "Hide built-in buttons. Use with numberInputBind for external button event binding"
+  ),
   disabled: zod.z.boolean().optional().describe("Disabled"),
-  readOnly: zod.z.boolean().optional().describe("Read-only (includes hiding spin buttons)"),
-  placeholder: zod.z.string().optional().describe("Placeholder"),
+  readOnly: zod.z.boolean().optional().describe("Read-only (includes hiding buttons)"),
+  placeholder: zod.z.string().optional().describe('Placeholder (default: "0")'),
   name: zod.z.string().optional().describe("Form field name"),
   id: zod.z.string().optional().describe("Element ID"),
   autoFocus: zod.z.boolean().optional().describe("Auto focus"),
@@ -405,7 +527,7 @@ var numberInputPropsSchema = zod.z.object({
   onFocus: zod.z.any().optional().describe("Focus callback"),
   className: zod.z.string().optional().describe("Style override")
 }).describe(
-  "Number input. Accelerated increment on long press. Exposes increment/decrement methods via ref. numberInputBind(ref, direction) binds same acceleration to external buttons."
+  "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons."
 );
 var priceInputPropsSchema = zod.z.object({
   size: zod.z.enum(["md", "lg", "xl"]).default("md").describe("Size"),
@@ -620,9 +742,48 @@ var toasterPropsSchema = zod.z.object({
 }).describe(
   "Toaster config. Place once at app root. Display notifications via toast(). Based on sonner."
 );
+var tagInputPropsSchema = zod.z.object({
+  value: zod.z.array(zod.z.string()).optional().describe("Controlled tags array"),
+  defaultValue: zod.z.array(zod.z.string()).optional().describe("Default tags"),
+  onChange: zod.z.any().optional().describe("Tags change callback (tags: string[]) => void"),
+  placeholder: zod.z.string().default("\uD0DC\uADF8 \uC785\uB825 \uD6C4 Enter").describe("Input placeholder"),
+  max: zod.z.number().optional().describe("Maximum number of tags"),
+  disabled: zod.z.boolean().optional().describe("Disabled"),
+  allowDuplicates: zod.z.boolean().default(false).describe("Allow duplicate tags"),
+  label: zod.z.string().optional().describe("Label text"),
+  description: zod.z.string().optional().describe("Helper text below input"),
+  size: zod.z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("Tag input. Enter key to add, Backspace to delete last tag.");
+var nxImagePropsSchema = zod.z.object({
+  src: zod.z.string().optional().describe("Image source URL"),
+  alt: zod.z.string().optional().describe("Alt text"),
+  fallback: zod.z.any().optional().describe("Custom fallback element (ReactNode)"),
+  fallbackSrc: zod.z.string().optional().describe("Fallback image URL on error"),
+  aspectRatio: zod.z.string().optional().describe('CSS aspect-ratio (e.g. "16/9", "1/1")'),
+  objectFit: zod.z.enum(["cover", "contain", "fill", "none"]).default("cover").describe("Object-fit mode"),
+  lazy: zod.z.boolean().default(true).describe('Enable lazy loading (loading="lazy")'),
+  wrapperClassName: zod.z.string().optional().describe("Wrapper div style"),
+  className: zod.z.string().optional().describe("Image element style")
+}).describe("Enhanced image. Lazy loading, fallback, aspect-ratio support.");
+var datePickerPropsSchema = zod.z.object({
+  value: zod.z.any().optional().describe("Controlled date value (Date)"),
+  defaultValue: zod.z.any().optional().describe("Default date (Date)"),
+  onChange: zod.z.any().optional().describe("Date change callback (date: Date | undefined) => void"),
+  placeholder: zod.z.string().default("\uB0A0\uC9DC \uC120\uD0DD").describe("Placeholder text"),
+  disabled: zod.z.boolean().default(false).describe("Disabled"),
+  minDate: zod.z.any().optional().describe("Minimum selectable date (Date)"),
+  maxDate: zod.z.any().optional().describe("Maximum selectable date (Date)"),
+  locale: zod.z.enum(["ko", "en"]).default("ko").describe("Calendar locale"),
+  formatStr: zod.z.string().default("yyyy-MM-dd").describe("Date format string (date-fns format)"),
+  className: zod.z.string().optional().describe("Style override")
+}).describe("DatePicker. Calendar popup for date selection. Based on react-day-picker.");
 
 exports.accordionPropsSchema = accordionPropsSchema;
+exports.alertPropsSchema = alertPropsSchema;
 exports.avatarPropsSchema = avatarPropsSchema;
+exports.badgePropsSchema = badgePropsSchema;
+exports.breadcrumbPropsSchema = breadcrumbPropsSchema;
 exports.buttonPropsSchema = buttonPropsSchema;
 exports.carouselButtonPropsSchema = carouselButtonPropsSchema;
 exports.carouselDotsPropsSchema = carouselDotsPropsSchema;
@@ -634,6 +795,7 @@ exports.clientOnlyPropsSchema = clientOnlyPropsSchema;
 exports.countdownPropsSchema = countdownPropsSchema;
 exports.counterPropsSchema = counterPropsSchema;
 exports.dataListPropsSchema = dataListPropsSchema;
+exports.datePickerPropsSchema = datePickerPropsSchema;
 exports.dividerPropsSchema = dividerPropsSchema;
 exports.drawerClosePropsSchema = drawerClosePropsSchema;
 exports.drawerContentPropsSchema = drawerContentPropsSchema;
@@ -641,32 +803,40 @@ exports.drawerDescriptionPropsSchema = drawerDescriptionPropsSchema;
 exports.drawerPropsSchema = drawerPropsSchema;
 exports.drawerTitlePropsSchema = drawerTitlePropsSchema;
 exports.drawerTriggerPropsSchema = drawerTriggerPropsSchema;
+exports.dropdownMenuPropsSchema = dropdownMenuPropsSchema;
 exports.ellipsisPropsSchema = ellipsisPropsSchema;
+exports.emptyStatePropsSchema = emptyStatePropsSchema;
 exports.errorBoundaryPropsSchema = errorBoundaryPropsSchema;
 exports.infiniteScrollPropsSchema = infiniteScrollPropsSchema;
 exports.marqueePropsSchema = marqueePropsSchema;
 exports.modalCallSchema = modalCallSchema;
 exports.modalTemplatePropsSchema = modalTemplatePropsSchema;
 exports.numberInputPropsSchema = numberInputPropsSchema;
+exports.nxImagePropsSchema = nxImagePropsSchema;
 exports.paginationPropsSchema = paginationPropsSchema;
 exports.popoverPropsSchema = popoverPropsSchema;
 exports.priceInputPropsSchema = priceInputPropsSchema;
+exports.progressPropsSchema = progressPropsSchema;
 exports.radioGroupPropsSchema = radioGroupPropsSchema;
 exports.radioItemPropsSchema = radioItemPropsSchema;
 exports.selectItemPropsSchema = selectItemPropsSchema;
 exports.selectPropsSchema = selectPropsSchema;
 exports.skeletonPropsSchema = skeletonPropsSchema;
+exports.sliderPropsSchema = sliderPropsSchema;
 exports.spinnerPropsSchema = spinnerPropsSchema;
+exports.stepperPropsSchema = stepperPropsSchema;
 exports.switchPropsSchema = switchPropsSchema;
 exports.tabPropsSchema = tabPropsSchema;
 exports.tablePropsSchema = tablePropsSchema;
 exports.tableRowPropsSchema = tableRowPropsSchema;
+exports.tagInputPropsSchema = tagInputPropsSchema;
 exports.tdColumnPropsSchema = tdColumnPropsSchema;
 exports.textAreaPropsSchema = textAreaPropsSchema;
 exports.textInputPropsSchema = textInputPropsSchema;
 exports.themeProviderPropsSchema = themeProviderPropsSchema;
 exports.toastOptionsSchema = toastOptionsSchema;
 exports.toasterPropsSchema = toasterPropsSchema;
+exports.toggleGroupPropsSchema = toggleGroupPropsSchema;
 exports.tooltipPropsSchema = tooltipPropsSchema;
 exports.virtualGridPropsSchema = virtualGridPropsSchema;
 exports.virtualListPropsSchema = virtualListPropsSchema;

package/dist/schemas.mjs

@@ -1,6 +1,17 @@
 import './chunks/chunk-CVYXRSXT.mjs';
 import { z } from 'zod';
 
+var breadcrumbItemSchema = z.object({
+  label: z.any().describe("Display text or element (ReactNode)"),
+  href: z.string().optional().describe("Link URL"),
+  onClick: z.any().optional().describe("Click handler () => void")
+});
+var breadcrumbPropsSchema = z.object({
+  items: z.array(breadcrumbItemSchema).describe("Breadcrumb items array (required)"),
+  separator: z.any().optional().describe("Custom separator (ReactNode). Default: chevron"),
+  maxItems: z.number().optional().describe('Max visible items (collapses middle with "...")'),
+  className: z.string().optional().describe("Style override")
+}).describe("Breadcrumb navigation. Shows current location path.");
 var buttonPropsSchema = z.object({
   semantic: z.enum(["primary", "secondary", "normal", "danger"]).default("primary").describe(
     "Color theme (primary=main, secondary=sub, normal=neutral, danger=danger)"
@@ -48,6 +59,10 @@ var textInputPropsSchema = z.object({
   className: z.string().optional().describe("Style override")
 }).describe("Text input field. Supports label, description, prefix/suffix icons, clearable, character counter.");
 var textAreaPropsSchema = z.object({
+  label: z.string().optional().describe("Label text above the textarea"),
+  description: z.string().optional().describe("Helper/error description below the textarea"),
+  size: z.enum(["lg", "md"]).optional().describe("Font size variant (lg: 16px, md: 14px)"),
+  resize: z.enum(["default", "auto", "none"]).optional().describe("Resize mode (default: manual, auto: auto-grow, none: fixed)"),
   error: z.boolean().optional().describe("Error state (auto aria-invalid)"),
   showCount: z.boolean().optional().describe("Show character count (requires maxLength)"),
   maxLength: z.number().optional().describe("Maximum character count"),
@@ -65,7 +80,7 @@ var textAreaPropsSchema = z.object({
   onBlur: z.any().optional().describe("Blur callback"),
   onFocus: z.any().optional().describe("Focus callback"),
   className: z.string().optional().describe("Style override")
-}).describe("Multi-line text input. Built-in character counter.");
+}).describe("Multi-line text input with label, description, character counter, and resize modes.");
 var selectPropsSchema = z.object({
   value: z.string().optional().describe("Selected value"),
   placeholder: z.string().optional().describe("Placeholder"),
@@ -84,6 +99,55 @@ var selectItemPropsSchema = z.object({
   disabled: z.boolean().optional().describe("Disabled"),
   className: z.string().optional().describe("Style override")
 }).describe("Individual option within Select.");
+var dropdownMenuItemSchema = z.object({
+  label: z.any().describe("Menu item text (ReactNode)"),
+  value: z.string().optional().describe("Item identifier"),
+  icon: z.any().optional().describe("Left icon (ReactNode)"),
+  onClick: z.any().optional().describe("Click handler () => void"),
+  disabled: z.boolean().optional().describe("Disabled"),
+  danger: z.boolean().optional().describe("Danger/destructive style"),
+  separator: z.boolean().optional().describe("If true, renders as separator line")
+});
+var dropdownMenuPropsSchema = z.object({
+  children: z.any().describe("Trigger element (ReactNode, required)"),
+  items: z.array(dropdownMenuItemSchema).describe("Menu items array (required)"),
+  align: z.enum(["start", "center", "end"]).default("start").describe("Alignment"),
+  side: z.enum(["top", "right", "bottom", "left"]).default("bottom").describe("Position"),
+  className: z.string().optional().describe("Trigger wrapper style"),
+  contentClassName: z.string().optional().describe("Content panel style")
+}).describe("Dropdown menu. Based on Radix DropdownMenu. Action menu for context/more menus.");
+var toggleGroupItemSchema = z.object({
+  value: z.string().describe("Item value"),
+  label: z.any().describe("Display label (ReactNode)"),
+  icon: z.any().optional().describe("Icon (ReactNode)"),
+  disabled: z.boolean().optional().describe("Disabled")
+});
+var toggleGroupPropsSchema = z.object({
+  type: z.enum(["single", "multiple"]).default("single").describe("Selection mode"),
+  items: z.array(toggleGroupItemSchema).describe("Toggle items array (required)"),
+  value: z.any().optional().describe("Controlled value (string | string[])"),
+  defaultValue: z.any().optional().describe("Default value"),
+  onValueChange: z.any().optional().describe("Value change callback"),
+  variant: z.enum(["default", "outline"]).default("default").describe("Style variant"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  disabled: z.boolean().optional().describe("Disable all items"),
+  className: z.string().optional().describe("Style override")
+}).describe("Toggle group / Segment control. Based on Radix ToggleGroup.");
+var sliderPropsSchema = z.object({
+  value: z.array(z.number()).optional().describe("Controlled value (number[]). Use [50] for single, [20, 80] for range"),
+  defaultValue: z.array(z.number()).optional().describe("Default value"),
+  min: z.number().default(0).describe("Minimum"),
+  max: z.number().default(100).describe("Maximum"),
+  step: z.number().default(1).describe("Step increment"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Track height / thumb size"),
+  showValue: z.boolean().default(false).describe("Show current value text"),
+  formatValue: z.any().optional().describe("Value format function (value: number) => string"),
+  label: z.string().optional().describe("Label text"),
+  disabled: z.boolean().optional().describe("Disabled"),
+  onValueChange: z.any().optional().describe("Value change callback (value: number[]) => void"),
+  onValueCommit: z.any().optional().describe("Committed value callback (on pointer up)"),
+  className: z.string().optional().describe("Style override")
+}).describe("Slider / Range input. Based on Radix Slider. Supports single and range mode.");
 var checkBoxPropsSchema = z.object({
   size: z.enum(["sm", "md"]).default("md").describe("Size"),
   shape: z.enum(["square", "round"]).default("square").describe("Shape"),
@@ -142,6 +206,37 @@ var chipPropsSchema = z.object({
   onClick: z.any().optional().describe("Click event handler"),
   className: z.string().optional().describe("Style override")
 }).describe("Chip/tag/badge. Close button displayed via onClose prop.");
+var badgePropsSchema = z.object({
+  count: z.number().optional().describe("Badge count number"),
+  max: z.number().default(99).describe('Max count (shows "99+" when exceeded)'),
+  dot: z.boolean().default(false).describe("Show as dot instead of count"),
+  showZero: z.boolean().default(false).describe("Show badge when count is 0"),
+  variant: z.enum(["danger", "primary", "secondary", "info", "success", "warning"]).default("danger").describe("Color variant"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  offset: z.tuple([z.number(), z.number()]).optional().describe("Position offset [x, y] in px"),
+  children: z.any().optional().describe("Anchor element to attach badge to (ReactNode)"),
+  className: z.string().optional().describe("Style override")
+}).describe("Badge indicator. Dot or count display. Wraps children when provided.");
+var progressPropsSchema = z.object({
+  value: z.number().default(0).describe("Current progress value"),
+  max: z.number().default(100).describe("Maximum value"),
+  variant: z.enum(["primary", "success", "warning", "danger", "info"]).default("primary").describe("Color variant"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Bar height"),
+  showValue: z.boolean().default(false).describe("Show percentage text"),
+  indeterminate: z.boolean().default(false).describe("Indeterminate loading animation"),
+  label: z.string().optional().describe("Label text above the bar"),
+  className: z.string().optional().describe("Style override")
+}).describe("Progress bar. Linear progress indicator with percentage display.");
+var alertPropsSchema = z.object({
+  variant: z.enum(["info", "success", "warning", "danger"]).default("info").describe("Alert type / color"),
+  title: z.string().optional().describe("Alert title (bold)"),
+  children: z.any().optional().describe("Alert description (ReactNode)"),
+  icon: z.any().optional().describe("Custom icon (ReactNode). Auto icon by variant if omitted"),
+  closable: z.boolean().default(false).describe("Show close button"),
+  onClose: z.any().optional().describe("Close callback () => void"),
+  action: z.any().optional().describe("Action area (ReactNode, e.g. Button)"),
+  className: z.string().optional().describe("Style override")
+}).describe("Alert / Banner. Inline notification with icon, title, description.");
 var spinnerPropsSchema = z.object({
   size: z.number().default(20).describe("Size in px"),
   color: z.string().optional().describe("Color (CSS color value, default currentColor)"),
@@ -149,6 +244,18 @@ var spinnerPropsSchema = z.object({
   style: z.any().optional().describe("Inline style (CSSProperties)"),
   className: z.string().optional().describe("Color override etc.")
 }).describe('Loading indicator. SVG-based. Built-in role="status".');
+var stepItemSchema = z.object({
+  label: z.string().describe("Step title"),
+  description: z.string().optional().describe("Step description")
+});
+var stepperPropsSchema = z.object({
+  steps: z.array(stepItemSchema).describe("Step items array (required)"),
+  current: z.number().default(0).describe("Current step index (0-based)"),
+  status: z.enum(["process", "error"]).default("process").describe("Current step status"),
+  orientation: z.enum(["horizontal", "vertical"]).default("horizontal").describe("Layout direction"),
+  size: z.enum(["sm", "md"]).default("md").describe("Size"),
+  className: z.string().optional().describe("Style override")
+}).describe("Stepper. Step-by-step progress indicator.");
 var skeletonPropsSchema = z.object({
   as: z.enum(["div", "span"]).default("div").describe("Rendered tag"),
   circle: z.boolean().default(false).describe("Circle skeleton (rounded-full)"),
@@ -383,18 +490,33 @@ var ellipsisPropsSchema = z.object({
   onShowMoreLessClick: z.any().optional().describe("Show more/less click callback () => void"),
   className: z.string().optional().describe("Style override")
 }).describe("Text ellipsis. Built-in show more/less toggle.");
+var emptyStatePropsSchema = z.object({
+  icon: z.any().optional().describe("Custom icon (ReactNode). Default inbox icon"),
+  title: z.string().optional().describe("Title text"),
+  description: z.string().optional().describe("Description text"),
+  action: z.any().optional().describe("Action area (ReactNode, e.g. Button)"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Overall size"),
+  children: z.any().optional().describe("Additional content (ReactNode)"),
+  className: z.string().optional().describe("Style override")
+}).describe("Empty state placeholder. Shown when data is empty or unavailable.");
 var numberInputPropsSchema = z.object({
+  variant: z.enum(["basic", "bind"]).default("basic").describe("Variant: basic (right chevron arrows) or bind (left/right +/- buttons)"),
   value: z.union([z.number(), z.string()]).optional().describe("Current value"),
-  size: z.enum(["sm", "md", "lg", "xl"]).default("md").describe("Size"),
+  size: z.enum(["lg", "xl"]).default("lg").describe("Size"),
   error: z.boolean().optional().describe("Error state"),
   min: z.number().optional().describe("Minimum value"),
-  max: z.number().optional().describe("Maximum value"),
+  max: z.number().optional().describe('Maximum value. When set, "Max {value}" is displayed in the header. Clicking it fills the input with the max value'),
   step: z.number().default(1).describe("Step increment"),
   digit: z.number().default(0).describe("Decimal places"),
-  hideButtons: z.boolean().default(false).describe("Hide default spin buttons. Use with numberInputBind for external button event binding"),
+  label: z.string().optional().describe("Label text displayed above input"),
+  description: z.string().optional().describe("Description text displayed below input"),
+  showMax: z.boolean().optional().describe('Show "Max {value}" in header (defaults to true when max is set)'),
+  hideButtons: z.boolean().default(false).describe(
+    "Hide built-in buttons. Use with numberInputBind for external button event binding"
+  ),
   disabled: z.boolean().optional().describe("Disabled"),
-  readOnly: z.boolean().optional().describe("Read-only (includes hiding spin buttons)"),
-  placeholder: z.string().optional().describe("Placeholder"),
+  readOnly: z.boolean().optional().describe("Read-only (includes hiding buttons)"),
+  placeholder: z.string().optional().describe('Placeholder (default: "0")'),
   name: z.string().optional().describe("Form field name"),
   id: z.string().optional().describe("Element ID"),
   autoFocus: z.boolean().optional().describe("Auto focus"),
@@ -403,7 +525,7 @@ var numberInputPropsSchema = z.object({
   onFocus: z.any().optional().describe("Focus callback"),
   className: z.string().optional().describe("Style override")
 }).describe(
-  "Number input. Accelerated increment on long press. Exposes increment/decrement methods via ref. numberInputBind(ref, direction) binds same acceleration to external buttons."
+  "Number input with two variants: basic (chevron arrows) and bind (+/- buttons). Supports label, description, max display (click to fill), accelerated increment on long press. numberInputBind(ref, direction) binds acceleration to external buttons."
 );
 var priceInputPropsSchema = z.object({
   size: z.enum(["md", "lg", "xl"]).default("md").describe("Size"),
@@ -618,5 +740,41 @@ var toasterPropsSchema = z.object({
 }).describe(
   "Toaster config. Place once at app root. Display notifications via toast(). Based on sonner."
 );
+var tagInputPropsSchema = z.object({
+  value: z.array(z.string()).optional().describe("Controlled tags array"),
+  defaultValue: z.array(z.string()).optional().describe("Default tags"),
+  onChange: z.any().optional().describe("Tags change callback (tags: string[]) => void"),
+  placeholder: z.string().default("\uD0DC\uADF8 \uC785\uB825 \uD6C4 Enter").describe("Input placeholder"),
+  max: z.number().optional().describe("Maximum number of tags"),
+  disabled: z.boolean().optional().describe("Disabled"),
+  allowDuplicates: z.boolean().default(false).describe("Allow duplicate tags"),
+  label: z.string().optional().describe("Label text"),
+  description: z.string().optional().describe("Helper text below input"),
+  size: z.enum(["sm", "md", "lg"]).default("md").describe("Size"),
+  className: z.string().optional().describe("Style override")
+}).describe("Tag input. Enter key to add, Backspace to delete last tag.");
+var nxImagePropsSchema = z.object({
+  src: z.string().optional().describe("Image source URL"),
+  alt: z.string().optional().describe("Alt text"),
+  fallback: z.any().optional().describe("Custom fallback element (ReactNode)"),
+  fallbackSrc: z.string().optional().describe("Fallback image URL on error"),
+  aspectRatio: z.string().optional().describe('CSS aspect-ratio (e.g. "16/9", "1/1")'),
+  objectFit: z.enum(["cover", "contain", "fill", "none"]).default("cover").describe("Object-fit mode"),
+  lazy: z.boolean().default(true).describe('Enable lazy loading (loading="lazy")'),
+  wrapperClassName: z.string().optional().describe("Wrapper div style"),
+  className: z.string().optional().describe("Image element style")
+}).describe("Enhanced image. Lazy loading, fallback, aspect-ratio support.");
+var datePickerPropsSchema = z.object({
+  value: z.any().optional().describe("Controlled date value (Date)"),
+  defaultValue: z.any().optional().describe("Default date (Date)"),
+  onChange: z.any().optional().describe("Date change callback (date: Date | undefined) => void"),
+  placeholder: z.string().default("\uB0A0\uC9DC \uC120\uD0DD").describe("Placeholder text"),
+  disabled: z.boolean().default(false).describe("Disabled"),
+  minDate: z.any().optional().describe("Minimum selectable date (Date)"),
+  maxDate: z.any().optional().describe("Maximum selectable date (Date)"),
+  locale: z.enum(["ko", "en"]).default("ko").describe("Calendar locale"),
+  formatStr: z.string().default("yyyy-MM-dd").describe("Date format string (date-fns format)"),
+  className: z.string().optional().describe("Style override")
+}).describe("DatePicker. Calendar popup for date selection. Based on react-day-picker.");
 
-export { accordionPropsSchema, avatarPropsSchema, buttonPropsSchema, carouselButtonPropsSchema, carouselDotsPropsSchema, carouselPropsSchema, carouselSlidePropsSchema, checkBoxPropsSchema, chipPropsSchema, clientOnlyPropsSchema, countdownPropsSchema, counterPropsSchema, dataListPropsSchema, dividerPropsSchema, drawerClosePropsSchema, drawerContentPropsSchema, drawerDescriptionPropsSchema, drawerPropsSchema, drawerTitlePropsSchema, drawerTriggerPropsSchema, ellipsisPropsSchema, errorBoundaryPropsSchema, infiniteScrollPropsSchema, marqueePropsSchema, modalCallSchema, modalTemplatePropsSchema, numberInputPropsSchema, paginationPropsSchema, popoverPropsSchema, priceInputPropsSchema, radioGroupPropsSchema, radioItemPropsSchema, selectItemPropsSchema, selectPropsSchema, skeletonPropsSchema, spinnerPropsSchema, switchPropsSchema, tabPropsSchema, tablePropsSchema, tableRowPropsSchema, tdColumnPropsSchema, textAreaPropsSchema, textInputPropsSchema, themeProviderPropsSchema, toastOptionsSchema, toasterPropsSchema, tooltipPropsSchema, virtualGridPropsSchema, virtualListPropsSchema };
+export { accordionPropsSchema, alertPropsSchema, avatarPropsSchema, badgePropsSchema, breadcrumbPropsSchema, buttonPropsSchema, carouselButtonPropsSchema, carouselDotsPropsSchema, carouselPropsSchema, carouselSlidePropsSchema, checkBoxPropsSchema, chipPropsSchema, clientOnlyPropsSchema, countdownPropsSchema, counterPropsSchema, dataListPropsSchema, datePickerPropsSchema, dividerPropsSchema, drawerClosePropsSchema, drawerContentPropsSchema, drawerDescriptionPropsSchema, drawerPropsSchema, drawerTitlePropsSchema, drawerTriggerPropsSchema, dropdownMenuPropsSchema, ellipsisPropsSchema, emptyStatePropsSchema, errorBoundaryPropsSchema, infiniteScrollPropsSchema, marqueePropsSchema, modalCallSchema, modalTemplatePropsSchema, numberInputPropsSchema, nxImagePropsSchema, paginationPropsSchema, popoverPropsSchema, priceInputPropsSchema, progressPropsSchema, radioGroupPropsSchema, radioItemPropsSchema, selectItemPropsSchema, selectPropsSchema, skeletonPropsSchema, sliderPropsSchema, spinnerPropsSchema, stepperPropsSchema, switchPropsSchema, tabPropsSchema, tablePropsSchema, tableRowPropsSchema, tagInputPropsSchema, tdColumnPropsSchema, textAreaPropsSchema, textInputPropsSchema, themeProviderPropsSchema, toastOptionsSchema, toasterPropsSchema, toggleGroupPropsSchema, tooltipPropsSchema, virtualGridPropsSchema, virtualListPropsSchema };

package/dist/slider.d.mts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sliderVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'>, VariantProps<typeof sliderVariants> {
+    value?: number[];
+    defaultValue?: number[];
+    onValueChange?: (value: number[]) => void;
+    onValueCommit?: (value: number[]) => void;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    label?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps, sliderVariants };

package/dist/slider.d.ts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { VariantProps } from 'class-variance-authority';
+
+declare const sliderVariants: (props?: ({
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SliderProps extends Omit<React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'>, VariantProps<typeof sliderVariants> {
+    value?: number[];
+    defaultValue?: number[];
+    onValueChange?: (value: number[]) => void;
+    onValueCommit?: (value: number[]) => void;
+    showValue?: boolean;
+    formatValue?: (value: number) => string;
+    label?: string;
+}
+declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider, type SliderProps, sliderVariants };

package/dist/slider.js

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

package/dist/slider.mjs

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

package/dist/stepper.d.mts

@@ -0,0 +1,20 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const stepperVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StepItem {
+    label: string;
+    description?: string;
+}
+interface StepperProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof stepperVariants> {
+    steps: StepItem[];
+    current?: number;
+    status?: 'process' | 'error';
+}
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+
+export { type StepItem, Stepper, type StepperProps, stepperVariants };