@nexus-cross/design-system 1.0.4-beta.1 → 1.0.4

package/dist/chunks/chunk-DICN6GKE.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var SliderPrimitive = require('@radix-ui/react-slider');
+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 SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+
+var sliderVariants = classVarianceAuthority.cva("nexus-slider", {
+  variants: {
+    size: {
+      sm: "nexus-slider--sm",
+      md: "nexus-slider--md",
+      lg: "nexus-slider--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var Slider = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    value,
+    defaultValue,
+    onValueChange,
+    onValueCommit,
+    showValue = false,
+    formatValue,
+    label,
+    min = 0,
+    max = 100,
+    step = 1,
+    disabled,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = React__namespace.useState(
+      defaultValue ?? [min]
+    );
+    const currentValue = value ?? internalValue;
+    const handleChange = React__namespace.useCallback(
+      (val) => {
+        if (!value) setInternalValue(val);
+        onValueChange?.(val);
+      },
+      [value, onValueChange]
+    );
+    const display = formatValue ? currentValue.map(formatValue).join(" \u2013 ") : currentValue.join(" \u2013 ");
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCZC76ZD5_js.cn("nexus-slider-wrapper", className), children: [
+      (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-slider__header", children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-slider__label", children: label }),
+        showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-slider__value", children: display })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        SliderPrimitive__namespace.Root,
+        {
+          ref,
+          className: chunkCZC76ZD5_js.cn(sliderVariants({ size })),
+          value: currentValue,
+          onValueChange: handleChange,
+          onValueCommit,
+          min,
+          max,
+          step,
+          disabled,
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Track, { className: "nexus-slider__track", children: /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Range, { className: "nexus-slider__range" }) }),
+            currentValue.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(SliderPrimitive__namespace.Thumb, { className: "nexus-slider__thumb" }, i))
+          ]
+        }
+      )
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+
+exports.Slider = Slider;
+exports.sliderVariants = sliderVariants;

package/dist/chunks/{chunk-TLTEUIBY.js → chunk-DLFV7ZZV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkQJNQCLMV_js = require('./chunk-QJNQCLMV.js');
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -90,16 +90,16 @@ var Countdown = React__namespace.forwardRef(
       "div",
       {
         ref,
-        className: chunkQJNQCLMV_js.cn("nx:inline-flex nx:items-center nx:gap-1 nx:font-mono nx:tabular-nums", className),
+        className: chunkCZC76ZD5_js.cn("nexus-countdown", className),
         role: "timer",
         "aria-live": "polite",
         "aria-atomic": "true",
         ...props,
         children: units.map((unit, i) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
-          i > 0 && separator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:text-text-tertiary nx:mx-0.5", children: separator }),
+          i > 0 && separator && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-countdown__separator", children: separator }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
             unit.value,
-            unit.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:text-text-tertiary nx:text-xs nx:ml-0.5", children: unit.label })
+            unit.label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-countdown__label", children: unit.label })
           ] })
         ] }, i))
       }

package/dist/chunks/chunk-DO6VK2QQ.mjs

@@ -0,0 +1,108 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { cva } from 'class-variance-authority';
+import { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var selectTriggerVariants = cva("nexus-select-trigger", {
+  variants: {
+    variant: {
+      default: "nexus-select-trigger--default",
+      outline: "nexus-select-trigger--outline"
+    },
+    size: {
+      sm: "nexus-select-trigger--sm",
+      md: "nexus-select-trigger--md",
+      lg: "nexus-select-trigger--lg",
+      full: "nexus-select-trigger--full"
+    }
+  },
+  defaultVariants: { variant: "default", size: "full" }
+});
+var selectContentVariants = cva("nexus-select-content", {
+  variants: {
+    size: {
+      sm: "nexus-select-content--sm",
+      md: "nexus-select-content--md",
+      lg: "nexus-select-content--lg",
+      full: "nexus-select-content--full"
+    }
+  },
+  defaultVariants: { size: "full" }
+});
+var ChevronDown = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M4 6l4 4 4-4", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
+var Select = ({
+  children,
+  value,
+  onValueChange,
+  placeholder,
+  disabled,
+  size,
+  variant,
+  className = "",
+  triggerClassName = "",
+  displayComponent
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Root,
+    {
+      value,
+      onValueChange,
+      disabled,
+      onOpenChange: setIsOpen,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            selectTriggerVariants({ size, variant }),
+            displayComponent && "nexus-select-trigger--justify-end",
+            className
+          ),
+          children: [
+            displayComponent && /* @__PURE__ */ jsx("div", { className: "nexus-select-trigger__display", children: displayComponent }),
+            /* @__PURE__ */ jsxs(
+              SelectPrimitive.Trigger,
+              {
+                className: cn("nexus-select-trigger__inner", triggerClassName),
+                children: [
+                  /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
+                    ChevronDown,
+                    {
+                      className: cn("nexus-select-chevron", isOpen && "nexus-select-chevron--open")
+                    }
+                  ) }),
+                  !displayComponent && /* @__PURE__ */ jsx(SelectPrimitive.Value, { placeholder })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+              SelectPrimitive.Content,
+              {
+                className: cn(selectContentVariants({ size })),
+                position: "popper",
+                children: /* @__PURE__ */ jsx(SelectPrimitive.Viewport, { className: "nexus-select-viewport", children })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+};
+var SelectItem = ({
+  children,
+  value,
+  disabled,
+  className = ""
+}) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Item,
+  {
+    value,
+    disabled,
+    className: cn("nexus-select-item", className),
+    children: /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+  }
+);
+
+export { Select, SelectItem, selectContentVariants, selectTriggerVariants };

package/dist/chunks/chunk-DYPPVXQF.js

@@ -0,0 +1,143 @@
+'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 tagInputVariants = classVarianceAuthority.cva("nexus-tag-input", {
+  variants: {
+    size: {
+      sm: "nexus-tag-input--sm",
+      md: "nexus-tag-input--md",
+      lg: "nexus-tag-input--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var CloseIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 4l8 8M12 4l-8 8", strokeLinecap: "round" }) });
+var TagInput = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    value,
+    defaultValue = [],
+    onChange,
+    placeholder = "\uD0DC\uADF8 \uC785\uB825 \uD6C4 Enter",
+    max,
+    disabled,
+    allowDuplicates = false,
+    label,
+    description,
+    ...props
+  }, ref) => {
+    const [internalTags, setInternalTags] = React__namespace.useState(defaultValue);
+    const [inputValue, setInputValue] = React__namespace.useState("");
+    const inputRef = React__namespace.useRef(null);
+    const tags = value ?? internalTags;
+    const updateTags = React__namespace.useCallback(
+      (next) => {
+        if (!value) setInternalTags(next);
+        onChange?.(next);
+      },
+      [value, onChange]
+    );
+    const addTag = React__namespace.useCallback(
+      (tag) => {
+        const trimmed = tag.trim();
+        if (!trimmed) return;
+        if (!allowDuplicates && tags.includes(trimmed)) return;
+        if (max && tags.length >= max) return;
+        updateTags([...tags, trimmed]);
+        setInputValue("");
+      },
+      [tags, allowDuplicates, max, updateTags]
+    );
+    const removeTag = React__namespace.useCallback(
+      (index) => {
+        updateTags(tags.filter((_, i) => i !== index));
+      },
+      [tags, updateTags]
+    );
+    const handleKeyDown = React__namespace.useCallback(
+      (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          addTag(inputValue);
+        } else if (e.key === "Backspace" && !inputValue && tags.length > 0) {
+          removeTag(tags.length - 1);
+        }
+      },
+      [inputValue, tags, addTag, removeTag]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkCZC76ZD5_js.cn("nexus-tag-input-wrapper", className), ...props, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nexus-tag-input__label", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: chunkCZC76ZD5_js.cn(
+            tagInputVariants({ size }),
+            disabled && "nexus-tag-input--disabled"
+          ),
+          onClick: () => inputRef.current?.focus(),
+          children: [
+            tags.map((tag, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nexus-tag-input__tag", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: tag }),
+              !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "nexus-tag-input__tag-close",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    removeTag(i);
+                  },
+                  "aria-label": `Remove ${tag}`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "nexus-tag-input__tag-close-icon" })
+                }
+              )
+            ] }, `${tag}-${i}`)),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: inputRef,
+                className: "nexus-tag-input__input",
+                value: inputValue,
+                onChange: (e) => setInputValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: tags.length === 0 ? placeholder : "",
+                disabled,
+                "aria-label": label ?? "Tag input"
+              }
+            )
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nexus-tag-input__description", children: description })
+    ] });
+  }
+);
+TagInput.displayName = "TagInput";
+
+exports.TagInput = TagInput;
+exports.tagInputVariants = tagInputVariants;

package/dist/chunks/{chunk-GQP7IXH2.mjs → chunk-ECVAVQUY.mjs}

@@ -1,30 +1,25 @@
-import { cn } from './chunk-XALPBGSC.mjs';
+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 numberInputVariants = cva(
-  [
-    "nx:flex nx:w-full nx:items-center nx:rounded-md nx:border nx:bg-surface-default nx:text-text-primary",
-    "nx:transition-colors nx:duration-200"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "nx:h-8 nx:text-xs",
-        md: "nx:h-10 nx:text-sm",
-        lg: "nx:h-12 nx:text-base"
-      },
-      state: {
-        default: "nx:border-border-default nx:focus-within:border-text-primary",
-        error: "nx:border-status-negative nx:focus-within:border-status-negative"
-      }
+var numberInputVariants = cva("nexus-number-input", {
+  variants: {
+    size: {
+      sm: "nexus-number-input--sm",
+      md: "nexus-number-input--md",
+      lg: "nexus-number-input--lg",
+      xl: "nexus-number-input--xl"
     },
-    defaultVariants: { size: "md", state: "default" }
-  }
-);
-var ChevronUp = () => /* @__PURE__ */ jsx("svg", { className: "nx:size-3", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M3 7.5L6 4.5l3 3" }) });
-var ChevronDown = () => /* @__PURE__ */ jsx("svg", { className: "nx:size-3", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M3 4.5L6 7.5l3-3" }) });
+    state: {
+      default: "nexus-number-input--default",
+      error: "nexus-number-input--error"
+    }
+  },
+  defaultVariants: { size: "md", state: "default" }
+});
+var ChevronUp = () => /* @__PURE__ */ jsx("svg", { className: "nexus-number-input__step-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M3 7.5L6 4.5l3 3" }) });
+var ChevronDown = () => /* @__PURE__ */ jsx("svg", { className: "nexus-number-input__step-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsx("path", { d: "M3 4.5L6 7.5l3-3" }) });
 function clampValue(val, min, max) {
   let result = val;
   if (min !== void 0) result = Math.max(min, result);
@@ -172,7 +167,7 @@ var NumberInput = React.forwardRef(
       }),
       [step]
     );
-    const padSize = size === "sm" ? "nx:px-2" : size === "lg" ? "nx:px-3.5" : "nx:px-3";
+    const padSize = size === "sm" ? "nexus-number-input__field--sm" : size === "xl" ? "nexus-number-input__field--xl" : size === "lg" ? "nexus-number-input__field--lg" : "nexus-number-input__field--md";
     const showButtons = !hideButtons && !readOnly && !disabled;
     const numValue = parseFloat(internalValue) || 0;
     const isMinDisabled = min !== void 0 && numValue <= min;
@@ -182,7 +177,7 @@ var NumberInput = React.forwardRef(
       {
         className: cn(
           numberInputVariants({ size, state }),
-          disabled && "nx:opacity-50 nx:cursor-not-allowed",
+          disabled && "nexus-number-input--disabled",
           className
         ),
         children: [
@@ -193,10 +188,7 @@ var NumberInput = React.forwardRef(
               type: "text",
               inputMode: "decimal",
               role: "spinbutton",
-              className: cn(
-                "nx:h-full nx:w-full nx:min-w-0 nx:flex-1 nx:bg-transparent nx:outline-none nx:placeholder:text-text-tertiary",
-                padSize
-              ),
+              className: cn("nexus-number-input__field", padSize),
               value: internalValue,
               disabled,
               readOnly,
@@ -211,14 +203,14 @@ var NumberInput = React.forwardRef(
               ...props
             }
           ),
-          showButtons && /* @__PURE__ */ jsxs("div", { className: "nx:flex nx:flex-col nx:border-l nx:border-border-default nx:h-full nx:shrink-0", children: [
+          showButtons && /* @__PURE__ */ jsxs("div", { className: "nexus-number-input__buttons", children: [
             /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
                 tabIndex: -1,
                 disabled: isMaxDisabled,
-                className: "nx:flex nx:flex-1 nx:items-center nx:justify-center nx:px-1.5 nx:text-text-tertiary nx:hover:text-text-primary nx:hover:bg-surface-hover nx:disabled:opacity-40 nx:disabled:pointer-events-none nx:transition-colors nx:rounded-tr-md nx:border-b nx:border-border-default",
+                className: "nexus-number-input__step nexus-number-input__step--up",
                 onPointerDown: (e) => startRepeat(step, e),
                 onPointerUp: stopRepeat,
                 onPointerLeave: stopRepeat,
@@ -232,7 +224,7 @@ var NumberInput = React.forwardRef(
                 type: "button",
                 tabIndex: -1,
                 disabled: isMinDisabled,
-                className: "nx:flex nx:flex-1 nx:items-center nx:justify-center nx:px-1.5 nx:text-text-tertiary nx:hover:text-text-primary nx:hover:bg-surface-hover nx:disabled:opacity-40 nx:disabled:pointer-events-none nx:transition-colors nx:rounded-br-md",
+                className: "nexus-number-input__step nexus-number-input__step--down",
                 onPointerDown: (e) => startRepeat(-step, e),
                 onPointerUp: stopRepeat,
                 onPointerLeave: stopRepeat,

package/dist/chunks/{chunk-3CHRUKSJ.mjs → chunk-EHAUUUWB.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-XALPBGSC.mjs';
+import { cn } from './chunk-MCKOWMLS.mjs';
 import * as React from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { jsx } from 'react/jsx-runtime';
@@ -38,7 +38,7 @@ function VirtualListInner({
     el.addEventListener("scroll", handleScroll, { passive: true });
     return () => el.removeEventListener("scroll", handleScroll);
   }, [endReachedThreshold]);
-  return /* @__PURE__ */ jsx("div", { ref: parentRef, className: cn("nx:overflow-auto", className), style, children: /* @__PURE__ */ jsx("div", { style: { height: virtualizer.getTotalSize(), width: "100%", position: "relative" }, children: virtualizer.getVirtualItems().map((virtualItem) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ref: parentRef, className: cn("nexus-virtual-scroll", className), style, children: /* @__PURE__ */ jsx("div", { style: { height: virtualizer.getTotalSize(), width: "100%", position: "relative" }, children: virtualizer.getVirtualItems().map((virtualItem) => /* @__PURE__ */ jsx(
     "div",
     {
       style: {
@@ -92,7 +92,7 @@ function VirtualGridInner({
     el.addEventListener("scroll", handleScroll, { passive: true });
     return () => el.removeEventListener("scroll", handleScroll);
   }, [endReachedThreshold]);
-  return /* @__PURE__ */ jsx("div", { ref: parentRef, className: cn("nx:overflow-auto", className), style, children: /* @__PURE__ */ jsx("div", { style: { height: virtualizer.getTotalSize(), width: "100%", position: "relative" }, children: virtualizer.getVirtualItems().map((virtualRow) => {
+  return /* @__PURE__ */ jsx("div", { ref: parentRef, className: cn("nexus-virtual-scroll", className), style, children: /* @__PURE__ */ jsx("div", { style: { height: virtualizer.getTotalSize(), width: "100%", position: "relative" }, children: virtualizer.getVirtualItems().map((virtualRow) => {
     const rowStart = virtualRow.index * columns;
     const rowItems = items.slice(rowStart, rowStart + columns);
     return /* @__PURE__ */ jsx(

package/dist/chunks/chunk-EJY7IVSK.mjs

@@ -0,0 +1,31 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var ChevronRight = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var Breadcrumb = React.forwardRef(
+  ({ className, items, separator, maxItems, ...props }, ref) => {
+    let displayItems = items;
+    let collapsed = false;
+    if (maxItems && maxItems > 2 && items.length > maxItems) {
+      displayItems = [
+        items[0],
+        { label: "..." },
+        ...items.slice(-(maxItems - 2))
+      ];
+      collapsed = true;
+    }
+    const sep = separator ?? /* @__PURE__ */ jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", className: cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "nexus-breadcrumb__list", children: displayItems.map((item, i) => {
+      const isLast = i === displayItems.length - 1;
+      const isCollapsed = collapsed && i === 1;
+      return /* @__PURE__ */ jsxs("li", { className: "nexus-breadcrumb__item", children: [
+        i > 0 && /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
+        isCollapsed ? /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : isLast ? /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsx("a", { href: item.href, className: "nexus-breadcrumb__link", onClick: item.onClick, children: item.label }) : item.onClick ? /* @__PURE__ */ jsx("button", { type: "button", className: "nexus-breadcrumb__link nexus-breadcrumb__link--btn", onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsx("span", { className: "nexus-breadcrumb__link", children: item.label })
+      ] }, i);
+    }) }) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+export { Breadcrumb };

package/dist/chunks/{chunk-G4XJG7XI.js → chunk-EVOOTSY5.js}

@@ -44,17 +44,10 @@ var ErrorBoundary = class extends React__namespace.Component {
         "div",
         {
           role: "alert",
-          style: {
-            padding: "16px",
-            borderRadius: "8px",
-            border: "1px solid #ef4444",
-            backgroundColor: "#fef2f2",
-            color: "#991b1b",
-            fontSize: "14px"
-          },
+          className: "nexus-error-boundary",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, fontWeight: 600 }, children: "Something went wrong" }),
-            this.state.error && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: "8px 0 0", opacity: 0.8 }, children: this.state.error.message })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nexus-error-boundary__title", children: "Something went wrong" }),
+            this.state.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nexus-error-boundary__message", children: this.state.error.message })
           ]
         }
       );

package/dist/chunks/chunk-FUIBYZZ4.mjs

@@ -0,0 +1,98 @@
+import { cn } from './chunk-MCKOWMLS.mjs';
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+import { format } from 'date-fns';
+import { ko } from 'date-fns/locale';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CalendarIcon = ({ className }) => /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+  /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "14", height: "14", rx: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M3 8h14M7 2v4M13 2v4", strokeLinecap: "round" })
+] });
+var DatePicker = ({
+  value,
+  defaultValue,
+  onChange,
+  placeholder = "\uB0A0\uC9DC \uC120\uD0DD",
+  disabled = false,
+  minDate,
+  maxDate,
+  locale: localeProp = "ko",
+  formatStr = "yyyy-MM-dd",
+  className
+}) => {
+  const [internalDate, setInternalDate] = React.useState(defaultValue);
+  const [open, setOpen] = React.useState(false);
+  const wrapperRef = React.useRef(null);
+  const selected = value ?? internalDate;
+  const handleSelect = React.useCallback(
+    (date) => {
+      if (!value) setInternalDate(date);
+      onChange?.(date);
+      setOpen(false);
+    },
+    [value, onChange]
+  );
+  React.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    if (open) document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [open]);
+  const displayText = selected ? format(selected, formatStr, { locale: localeProp === "ko" ? ko : void 0 }) : placeholder;
+  return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: cn("nexus-datepicker", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "nexus-datepicker__trigger",
+          !selected && "nexus-datepicker__trigger--placeholder"
+        ),
+        onClick: () => !disabled && setOpen(!open),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "nexus-datepicker__icon" }),
+          /* @__PURE__ */ jsx("span", { children: displayText })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "nexus-datepicker__popover", children: /* @__PURE__ */ jsx(
+      DayPicker,
+      {
+        mode: "single",
+        selected,
+        onSelect: handleSelect,
+        locale: localeProp === "ko" ? ko : void 0,
+        disabled: [
+          ...minDate ? [{ before: minDate }] : [],
+          ...maxDate ? [{ after: maxDate }] : []
+        ],
+        classNames: {
+          root: "nexus-calendar",
+          months: "nexus-calendar__months",
+          month_caption: "nexus-calendar__caption",
+          nav: "nexus-calendar__nav",
+          button_previous: "nexus-calendar__nav-btn",
+          button_next: "nexus-calendar__nav-btn",
+          month_grid: "nexus-calendar__grid",
+          weekdays: "nexus-calendar__head-row",
+          weekday: "nexus-calendar__head-cell",
+          week: "nexus-calendar__row",
+          day: "nexus-calendar__cell",
+          day_button: "nexus-calendar__day",
+          selected: "nexus-calendar__day--selected",
+          today: "nexus-calendar__day--today",
+          outside: "nexus-calendar__day--outside",
+          disabled: "nexus-calendar__day--disabled"
+        }
+      }
+    ) })
+  ] });
+};
+DatePicker.displayName = "DatePicker";
+
+export { DatePicker };