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

package/dist/badge.js

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

package/dist/badge.mjs

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

package/dist/breadcrumb.d.mts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    maxItems?: number;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps };

package/dist/breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: React.ReactNode;
+    maxItems?: number;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps };

package/dist/breadcrumb.js

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

package/dist/breadcrumb.mjs

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

package/dist/chunks/chunk-2N2EPBO4.js

@@ -0,0 +1,120 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+var reactDayPicker = require('react-day-picker');
+var dateFns = require('date-fns');
+var locale = require('date-fns/locale');
+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 CalendarIcon = ({ className }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "14", height: "14", rx: "2" }),
+  /* @__PURE__ */ jsxRuntime.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__namespace.useState(defaultValue);
+  const [open, setOpen] = React__namespace.useState(false);
+  const wrapperRef = React__namespace.useRef(null);
+  const selected = value ?? internalDate;
+  const handleSelect = React__namespace.useCallback(
+    (date) => {
+      if (!value) setInternalDate(date);
+      onChange?.(date);
+      setOpen(false);
+    },
+    [value, onChange]
+  );
+  React__namespace.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 ? dateFns.format(selected, formatStr, { locale: localeProp === "ko" ? locale.ko : void 0 }) : placeholder;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: chunkCZC76ZD5_js.cn("nexus-datepicker", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: chunkCZC76ZD5_js.cn(
+          "nexus-datepicker__trigger",
+          !selected && "nexus-datepicker__trigger--placeholder"
+        ),
+        onClick: () => !disabled && setOpen(!open),
+        disabled,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { className: "nexus-datepicker__icon" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayText })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-datepicker__popover", children: /* @__PURE__ */ jsxRuntime.jsx(
+      reactDayPicker.DayPicker,
+      {
+        mode: "single",
+        selected,
+        onSelect: handleSelect,
+        locale: localeProp === "ko" ? locale.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";
+
+exports.DatePicker = DatePicker;

package/dist/chunks/{chunk-AFSEYJZT.js → chunk-2T7RUYEK.js}

@@ -27,21 +27,62 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var numberInputVariants = classVarianceAuthority.cva("nexus-number-input", {
   variants: {
+    variant: {
+      basic: "nexus-number-input--basic",
+      bind: "nexus-number-input--bind"
+    },
     size: {
-      sm: "nexus-number-input--sm",
-      md: "nexus-number-input--md",
       lg: "nexus-number-input--lg",
       xl: "nexus-number-input--xl"
-    },
-    state: {
-      default: "nexus-number-input--default",
-      error: "nexus-number-input--error"
     }
   },
-  defaultVariants: { size: "md", state: "default" }
+  defaultVariants: { variant: "basic", size: "lg" }
 });
-var ChevronUp = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-number-input__step-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 7.5L6 4.5l3 3" }) });
-var ChevronDown = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-number-input__step-icon", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 4.5L6 7.5l3-3" }) });
+var CHEVRON_PATH = "M3.606.179C3.82-.06 4.18-.06 4.394.179L7.846 4.01C8.18 4.382 7.934 5 7.452 5H.548C.066 5-.18 4.382.154 4.01L3.606.179Z";
+var ChevronUpIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: "nexus-number-input__chevron-icon",
+    viewBox: "0 0 8 5",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: CHEVRON_PATH })
+  }
+);
+var ChevronDownIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: "nexus-number-input__chevron-icon nexus-number-input__chevron-icon--down",
+    viewBox: "0 0 8 5",
+    fill: "currentColor",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: CHEVRON_PATH })
+  }
+);
+var MinusIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: "nexus-number-input__bind-icon",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.33",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.333 8h9.334" })
+  }
+);
+var PlusIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: "nexus-number-input__bind-icon",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.33",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.333 8h9.334M8 3.333v9.334" })
+  }
+);
 function clampValue(val, min, max) {
   let result = val;
   if (min !== void 0) result = Math.max(min, result);
@@ -65,6 +106,7 @@ function numberInputBind(ref, direction) {
 var NumberInput = React__namespace.forwardRef(
   ({
     className,
+    variant = "basic",
     size,
     error,
     value,
@@ -72,6 +114,9 @@ var NumberInput = React__namespace.forwardRef(
     max,
     step = 1,
     digit = 0,
+    label,
+    description,
+    showMax,
     hideButtons = false,
     disabled,
     readOnly,
@@ -80,8 +125,9 @@ var NumberInput = React__namespace.forwardRef(
     ...props
   }, ref) => {
     const inputRef = React__namespace.useRef(null);
-    const state = error ? "error" : "default";
-    const [internalValue, setInternalValue] = React__namespace.useState(value?.toString() ?? "");
+    const [internalValue, setInternalValue] = React__namespace.useState(
+      value?.toString() ?? ""
+    );
     const internalValueRef = React__namespace.useRef(internalValue);
     const timeoutRef = React__namespace.useRef(null);
     const pressCountRef = React__namespace.useRef(0);
@@ -189,72 +235,151 @@ var NumberInput = React__namespace.forwardRef(
       }),
       [step]
     );
-    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 handleMaxClick = React__namespace.useCallback(() => {
+      if (disabled || readOnly || max === void 0) return;
+      const maxStr = max.toString();
+      internalValueRef.current = maxStr;
+      setInternalValue(maxStr);
+      onValueChange?.(max);
+      inputRef.current?.focus();
+    }, [disabled, readOnly, max, onValueChange]);
     const numValue = parseFloat(internalValue) || 0;
     const isMinDisabled = min !== void 0 && numValue <= min;
     const isMaxDisabled = max !== void 0 && numValue >= max;
+    const isMaxExceeded = max !== void 0 && numValue > max;
+    const displayMax = showMax ?? max !== void 0;
+    const showHeader = !!label || displayMax;
+    const isError = error || isMaxExceeded;
+    const showBtns = !hideButtons && !readOnly;
+    const isBasic = variant !== "bind";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: chunkCZC76ZD5_js.cn(
-          numberInputVariants({ size, state }),
+          numberInputVariants({ variant, size }),
+          isError && "nexus-number-input--error",
           disabled && "nexus-number-input--disabled",
           className
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              inputMode: "decimal",
-              role: "spinbutton",
-              className: chunkCZC76ZD5_js.cn("nexus-number-input__field", padSize),
-              value: internalValue,
-              disabled,
-              readOnly,
-              placeholder,
-              "aria-invalid": error || void 0,
-              "aria-valuemin": min,
-              "aria-valuemax": max,
-              "aria-valuenow": internalValue ? parseFloat(internalValue) || void 0 : void 0,
-              onChange: handleInputChange,
-              onBlur: handleBlur,
-              onKeyDown: handleKeyDown,
-              ...props
-            }
-          ),
-          showButtons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-number-input__buttons", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
+          showHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-number-input__header", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-number-input__label", children: label }),
+            displayMax && max !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
+                className: "nexus-number-input__max",
+                onClick: handleMaxClick,
+                disabled: disabled || readOnly,
                 tabIndex: -1,
-                disabled: isMaxDisabled,
-                className: "nexus-number-input__step nexus-number-input__step--up",
-                onPointerDown: (e) => startRepeat(step, e),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-number-input__max-text", children: "Max" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkCZC76ZD5_js.cn(
+                        "nexus-number-input__max-value",
+                        isMaxExceeded && "nexus-number-input__max-value--exceeded"
+                      ),
+                      children: max
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-number-input__container", children: [
+            !isBasic && showBtns && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                tabIndex: -1,
+                disabled: disabled || isMinDisabled,
+                className: "nexus-number-input__bind-btn",
+                onPointerDown: (e) => startRepeat(-step, e),
                 onPointerUp: stopRepeat,
                 onPointerLeave: stopRepeat,
-                "aria-label": "Increase",
-                children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUp, {})
+                "aria-label": "Decrease",
+                children: /* @__PURE__ */ jsxRuntime.jsx(MinusIcon, {})
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: inputRef,
+                type: "text",
+                inputMode: "decimal",
+                role: "spinbutton",
+                className: "nexus-number-input__field",
+                value: internalValue,
+                disabled,
+                readOnly,
+                placeholder: placeholder ?? "0",
+                "aria-invalid": isError || void 0,
+                "aria-valuemin": min,
+                "aria-valuemax": max,
+                "aria-valuenow": internalValue ? parseFloat(internalValue) || void 0 : void 0,
+                onChange: handleInputChange,
+                onBlur: handleBlur,
+                onKeyDown: handleKeyDown,
+                ...props
+              }
+            ),
+            !isBasic && showBtns && /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
                 type: "button",
                 tabIndex: -1,
-                disabled: isMinDisabled,
-                className: "nexus-number-input__step nexus-number-input__step--down",
-                onPointerDown: (e) => startRepeat(-step, e),
+                disabled: disabled || isMaxDisabled,
+                className: "nexus-number-input__bind-btn",
+                onPointerDown: (e) => startRepeat(step, e),
                 onPointerUp: stopRepeat,
                 onPointerLeave: stopRepeat,
-                "aria-label": "Decrease",
-                children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {})
+                "aria-label": "Increase",
+                children: /* @__PURE__ */ jsxRuntime.jsx(PlusIcon, {})
               }
-            )
-          ] })
+            ),
+            isBasic && showBtns && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-number-input__buttons", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  disabled: disabled || isMaxDisabled,
+                  className: "nexus-number-input__step nexus-number-input__step--up",
+                  onPointerDown: (e) => startRepeat(step, e),
+                  onPointerUp: stopRepeat,
+                  onPointerLeave: stopRepeat,
+                  "aria-label": "Increase",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ChevronUpIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  tabIndex: -1,
+                  disabled: disabled || isMinDisabled,
+                  className: "nexus-number-input__step nexus-number-input__step--down",
+                  onPointerDown: (e) => startRepeat(-step, e),
+                  onPointerUp: stopRepeat,
+                  onPointerLeave: stopRepeat,
+                  "aria-label": "Decrease",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(ChevronDownIcon, {})
+                }
+              )
+            ] })
+          ] }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: chunkCZC76ZD5_js.cn(
+                "nexus-number-input__description",
+                isError && "nexus-number-input__description--error"
+              ),
+              children: description
+            }
+          )
         ]
       }
     );

package/dist/chunks/chunk-2UPGFY6E.mjs

@@ -0,0 +1,76 @@
+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 alertVariants = cva("nexus-alert", {
+  variants: {
+    variant: {
+      info: "nexus-alert--info",
+      success: "nexus-alert--success",
+      warning: "nexus-alert--warning",
+      danger: "nexus-alert--danger"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+var statusIcons = {
+  info: ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }),
+  success: ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
+  warning: ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+  danger: ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) })
+};
+var CloseIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8", strokeLinecap: "round" }) });
+var Alert = React.forwardRef(
+  ({
+    className,
+    children,
+    variant = "info",
+    title,
+    icon,
+    closable = false,
+    onClose,
+    action,
+    ...props
+  }, ref) => {
+    const [visible, setVisible] = React.useState(true);
+    const handleClose = React.useCallback(() => {
+      setVisible(false);
+      onClose?.();
+    }, [onClose]);
+    if (!visible) return null;
+    const IconComp = icon === void 0 ? statusIcons[variant ?? "info"] : null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          (icon || IconComp) && /* @__PURE__ */ jsx("span", { className: "nexus-alert__icon", children: icon ?? (IconComp && /* @__PURE__ */ jsx(IconComp, { className: "nexus-alert__icon-svg" })) }),
+          /* @__PURE__ */ jsxs("div", { className: "nexus-alert__body", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "nexus-alert__title", children: title }),
+            children && /* @__PURE__ */ jsx("div", { className: "nexus-alert__description", children })
+          ] }),
+          action && /* @__PURE__ */ jsx("div", { className: "nexus-alert__action", children: action }),
+          closable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "nexus-alert__close",
+              onClick: handleClose,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsx(CloseIcon, { className: "nexus-alert__close-icon" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert, alertVariants };

package/dist/chunks/chunk-3ZWN66YH.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var React = require('react');
+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 ChevronRight = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var Breadcrumb = React__namespace.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__ */ jsxRuntime.jsx(ChevronRight, { className: "nexus-breadcrumb__separator-icon" });
+    return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "Breadcrumb", className: chunkCZC76ZD5_js.cn("nexus-breadcrumb", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "nexus-breadcrumb__list", children: displayItems.map((item, i) => {
+      const isLast = i === displayItems.length - 1;
+      const isCollapsed = collapsed && i === 1;
+      return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "nexus-breadcrumb__item", children: [
+        i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__separator", "aria-hidden": "true", children: sep }),
+        isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__ellipsis", children: "\u2026" }) : isLast ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__current", "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: "nexus-breadcrumb__link", onClick: item.onClick, children: item.label }) : item.onClick ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "nexus-breadcrumb__link nexus-breadcrumb__link--btn", onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-breadcrumb__link", children: item.label })
+      ] }, i);
+    }) }) });
+  }
+);
+Breadcrumb.displayName = "Breadcrumb";
+
+exports.Breadcrumb = Breadcrumb;