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

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-VGO4Z2WH.js → chunk-3RK3UT2O.js}

@@ -41,7 +41,8 @@ var TdColumn = ({
   rowSpan,
   align = "left",
   textOverflow = "truncate",
-  highlightKey
+  highlightKey,
+  style
 }) => {
   const { highlightValue, setHighlightValue } = useTableHighlight();
   const isHighlighted = !!highlightKey && !!highlightValue && highlightKey === highlightValue;
@@ -52,6 +53,7 @@ var TdColumn = ({
     if (highlightKey) setHighlightValue(null);
   }, [highlightKey, setHighlightValue]);
   const sizeStyle = size ? { width: typeof size === "number" ? `${size}px` : size, flex: `0 0 ${typeof size === "number" ? `${size}px` : size}` } : void 0;
+  const mergedStyle = { ...sizeStyle, ...style };
   return /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -59,7 +61,7 @@ var TdColumn = ({
       title: textOverflow === "truncate" && typeof children === "string" ? children : void 0,
       colSpan,
       rowSpan,
-      style: sizeStyle,
+      style: Object.keys(mergedStyle).length > 0 ? mergedStyle : void 0,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -110,6 +112,25 @@ var TableRow = ({ className = "", children, onClick, variant = "default" }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("tr", { className: chunkCZC76ZD5_js.cn(tableRowVariants({ variant }), className), onClick, children: columnList });
 };
 TableRow.displayName = "TableRow";
+var SIZING_STYLE_KEYS = [
+  "width",
+  "minWidth",
+  "maxWidth",
+  "flex",
+  "flexBasis",
+  "flexGrow",
+  "flexShrink"
+];
+function extractSizingStyle(style) {
+  if (!style) return void 0;
+  const result = {};
+  for (const key of SIZING_STYLE_KEYS) {
+    if (style[key] !== void 0) {
+      result[key] = style[key];
+    }
+  }
+  return Object.keys(result).length > 0 ? result : void 0;
+}
 var DefaultSortIcon = ({ direction }) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "nexus-table-sort-icon", viewBox: "0 0 16 16", fill: "currentColor", children: [
   direction === "asc" && /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 4l4 5H4z" }),
   direction === "desc" && /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 12l4-5H4z" }),
@@ -181,7 +202,10 @@ function Table({
       const component = column;
       const tdClassName = component?.props?.className;
       const widthClassName = tdClassName?.match(
-        /(fold:|mobile-sm:|tablet:|desktop-sm:|desktop:|desktop-lg:|wide-desktop:|xs:|sm:|md:|lg:|xl:|2xl:)?(w-\[[0-9]+(\.[0-9]+)?px\]|w-full|w-\d+\/\d+|w-\d+|min-w-[^\s"]+|max-w-[^\s"]+)/g
+        /(fold:|mobile-sm:|tablet:|desktop-sm:|desktop:|desktop-lg:|wide-desktop:|xs:|sm:|md:|lg:|xl:|2xl:)?(w-\[[^\]]+\]|w-full|w-\d+\/\d+|w-\d+|min-w-[^\s"]+|max-w-[^\s"]+|flex-[^\s"]+|basis-[^\s"]+|grow(-[^\s"]+)?|shrink(-[^\s"]+)?)/g
+      );
+      const sizingStyle = extractSizingStyle(
+        component.props?.style
       );
       return {
         className: component.props?.className ?? "",
@@ -194,6 +218,7 @@ function Table({
         rowSpan: component.props?.rowSpan,
         colSpan: component.props?.colSpan,
         size: component.props?.size,
+        sizingStyle,
         widthClassName: widthClassName && widthClassName.join(" "),
         align: component.props?.align ?? "left",
         order: component.props?.order ?? ""
@@ -220,10 +245,13 @@ function Table({
           "td",
           {
             className: chunkCZC76ZD5_js.cn(thData.widthClassName, "nexus-table-skeleton-td"),
-            style: thData.size ? {
-              width: typeof thData.size === "number" ? `${thData.size}px` : thData.size,
-              flex: `0 0 ${typeof thData.size === "number" ? `${thData.size}px` : thData.size}`
-            } : void 0,
+            style: {
+              ...thData.size ? {
+                width: typeof thData.size === "number" ? `${thData.size}px` : thData.size,
+                flex: `0 0 ${typeof thData.size === "number" ? `${thData.size}px` : thData.size}`
+              } : void 0,
+              ...thData.sizingStyle
+            },
             children: /* @__PURE__ */ jsxRuntime.jsx(chunkBLGQHR3M_js.Skeleton, { className: "nexus-table-skeleton-bar" })
           },
           `skeleton-td-${tdIndex}`
@@ -288,10 +316,13 @@ function Table({
           ALIGN_CLASSES2[thData.align ?? "left"],
           thData.widthClassName
         ),
-        style: thData.size ? {
-          width: typeof thData.size === "number" ? `${thData.size}px` : thData.size,
-          flex: `0 0 ${typeof thData.size === "number" ? `${thData.size}px` : thData.size}`
-        } : void 0,
+        style: {
+          ...thData.size ? {
+            width: typeof thData.size === "number" ? `${thData.size}px` : thData.size,
+            flex: `0 0 ${typeof thData.size === "number" ? `${thData.size}px` : thData.size}`
+          } : void 0,
+          ...thData.sizingStyle
+        },
         children: thData.enableSorting ? /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -328,7 +359,14 @@ function Table({
   ] }) }) });
 }
 
-exports.Table = Table;
+// src/table/index.ts
+var Table2 = Object.assign(Table, {
+  Row: TableRow,
+  Column: TdColumn,
+  HighlightProvider: TableHighlightProvider
+});
+
+exports.Table = Table2;
 exports.TableHighlightProvider = TableHighlightProvider;
 exports.TableRow = TableRow;
 exports.TdColumn = TdColumn;

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;

package/dist/chunks/chunk-5PQ3UCKF.js

@@ -0,0 +1,99 @@
+'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 alertVariants = classVarianceAuthority.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__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.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__ */ 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 Alert = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    variant = "info",
+    title,
+    icon,
+    closable = false,
+    onClose,
+    action,
+    ...props
+  }, ref) => {
+    const [visible, setVisible] = React__namespace.useState(true);
+    const handleClose = React__namespace.useCallback(() => {
+      setVisible(false);
+      onClose?.();
+    }, [onClose]);
+    if (!visible) return null;
+    const IconComp = icon === void 0 ? statusIcons[variant ?? "info"] : null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: chunkCZC76ZD5_js.cn(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          (icon || IconComp) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-alert__icon", children: icon ?? (IconComp && /* @__PURE__ */ jsxRuntime.jsx(IconComp, { className: "nexus-alert__icon-svg" })) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-alert__body", children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "nexus-alert__title", children: title }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-alert__description", children })
+          ] }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-alert__action", children: action }),
+          closable && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "nexus-alert__close",
+              onClick: handleClose,
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, { className: "nexus-alert__close-icon" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+exports.Alert = Alert;
+exports.alertVariants = alertVariants;