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

package/dist/chunks/{chunk-U6KOUYWX.mjs → chunk-XG6QG65W.mjs}

@@ -1,24 +1,21 @@
-import { cn } from './chunk-XALPBGSC.mjs';
+import { cn } from './chunk-MCKOWMLS.mjs';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 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 AccordionRoot = AccordionPrimitive.Root;
-var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("nx:border-b nx:border-border-default", className), ...props }));
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("nexus-accordion-item", className), ...props }));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "nx:flex", children: /* @__PURE__ */ jsxs(
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "nexus-accordion-header", children: /* @__PURE__ */ jsxs(
   AccordionPrimitive.Trigger,
   {
     ref,
-    className: cn(
-      "nx:flex nx:flex-1 nx:items-center nx:justify-between nx:py-4 nx:transition-all nx:[&[data-state=open]>svg]:rotate-180",
-      className
-    ),
+    className: cn("nexus-accordion-trigger", className),
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx(ChevronDown, { className: "nx:h-3 nx:w-3 nx:shrink-0 nx:transition-transform nx:duration-200" })
+      /* @__PURE__ */ jsx(ChevronDown, { className: "nexus-accordion-chevron" })
     ]
   }
 ) }));
@@ -27,9 +24,9 @@ var AccordionContent = React.forwardRef(({ className, children, ...props }, ref)
   AccordionPrimitive.Content,
   {
     ref,
-    className: "nx:overflow-hidden nx:transition-all nx:data-[state=closed]:animate-accordion-up nx:data-[state=open]:animate-accordion-down",
+    className: "nexus-accordion-content",
     ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("nx:pt-0 nx:pb-4", className), children })
+    children: /* @__PURE__ */ jsx("div", { className: cn("nexus-accordion-content__inner", className), children })
   }
 ));
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;

package/dist/chunks/chunk-XGIJZ3NZ.js

@@ -0,0 +1,160 @@
+'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 textAreaVariants = classVarianceAuthority.cva("nexus-textarea", {
+  variants: {
+    size: {
+      lg: "nexus-textarea--lg",
+      md: "nexus-textarea--md"
+    },
+    state: {
+      default: "nexus-textarea--default",
+      error: "nexus-textarea--error"
+    }
+  },
+  defaultVariants: { size: "lg", state: "default" }
+});
+var TextArea = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    error,
+    label,
+    description,
+    showCount,
+    resize = "default",
+    maxLength,
+    onValueChange,
+    onChange,
+    value: controlledValue,
+    defaultValue,
+    disabled,
+    id,
+    ...props
+  }, ref) => {
+    const fallbackId = React__namespace.useRef(
+      `nexus-ta-${Math.random().toString(36).slice(2, 9)}`
+    );
+    const inputId = id || fallbackId.current;
+    const textareaRef = React__namespace.useRef(null);
+    const setRef = React__namespace.useCallback(
+      (node) => {
+        textareaRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref)
+          ref.current = node;
+      },
+      [ref]
+    );
+    const isControlled = controlledValue !== void 0;
+    const [internalValue, setInternalValue] = React__namespace.useState(
+      () => defaultValue != null ? String(defaultValue) : ""
+    );
+    const currentValue = isControlled ? String(controlledValue) : internalValue;
+    const charCount = currentValue.length;
+    const isOverLimit = !!(maxLength && charCount > maxLength);
+    const state = error || isOverLimit ? "error" : "default";
+    const hasField = !!(label || description || showCount);
+    const autoResize = React__namespace.useCallback(() => {
+      const el = textareaRef.current;
+      if (!el || resize !== "auto") return;
+      el.style.height = "auto";
+      el.style.height = `${el.scrollHeight}px`;
+    }, [resize]);
+    React__namespace.useEffect(() => {
+      autoResize();
+    }, [currentValue, autoResize]);
+    const handleChange = React__namespace.useCallback(
+      (e) => {
+        if (!isControlled) setInternalValue(e.target.value);
+        onValueChange?.(e.target.value);
+        onChange?.(e);
+      },
+      [isControlled, onValueChange, onChange]
+    );
+    const resizeClass = resize === "default" ? "nexus-textarea--resize-default" : resize === "auto" ? "nexus-textarea--resize-auto" : "";
+    const textarea = /* @__PURE__ */ jsxRuntime.jsx(
+      "textarea",
+      {
+        ref: setRef,
+        id: label ? inputId : id,
+        className: chunkCZC76ZD5_js.cn(
+          textAreaVariants({ size, state }),
+          disabled && "nexus-textarea--disabled",
+          resizeClass,
+          !hasField && className
+        ),
+        maxLength: showCount ? void 0 : maxLength,
+        disabled,
+        "aria-invalid": error || isOverLimit || void 0,
+        "aria-describedby": description ? `${inputId}-desc` : void 0,
+        value: isControlled ? controlledValue : void 0,
+        defaultValue: !isControlled ? defaultValue : void 0,
+        onChange: handleChange,
+        ...props
+      }
+    );
+    if (!hasField) return textarea;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkCZC76ZD5_js.cn("nexus-textarea-field", className), children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "nexus-textarea-field__label", htmlFor: inputId, children: label }),
+      textarea,
+      (description || showCount && maxLength) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nexus-textarea-field__footer", children: [
+        description && /* @__PURE__ */ jsxRuntime.jsx(
+          "p",
+          {
+            id: `${inputId}-desc`,
+            className: chunkCZC76ZD5_js.cn(
+              "nexus-textarea-field__description",
+              (error || isOverLimit) && "nexus-textarea-field__description--error"
+            ),
+            children: description
+          }
+        ),
+        showCount && maxLength && /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: chunkCZC76ZD5_js.cn(
+              "nexus-textarea-field__count",
+              isOverLimit && "nexus-textarea-field__count--error"
+            ),
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            children: [
+              charCount,
+              "/",
+              maxLength
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+
+exports.TextArea = TextArea;
+exports.textAreaVariants = textAreaVariants;

package/dist/chunks/chunk-YB5ZKHVB.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
+var sonner = require('sonner');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Toaster({
+  position = "top-center",
+  unstyled = false,
+  toastOptions,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    sonner.Toaster,
+    {
+      position,
+      toastOptions: {
+        unstyled,
+        ...toastOptions,
+        classNames: {
+          toast: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast", toastOptions?.classNames?.toast),
+          title: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__title", toastOptions?.classNames?.title),
+          description: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__desc", toastOptions?.classNames?.description),
+          success: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--success", toastOptions?.classNames?.success),
+          error: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--error", toastOptions?.classNames?.error),
+          warning: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--warning", toastOptions?.classNames?.warning),
+          info: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast--info", toastOptions?.classNames?.info),
+          actionButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__action-btn", toastOptions?.classNames?.actionButton),
+          cancelButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__cancel-btn", toastOptions?.classNames?.cancelButton),
+          closeButton: chunkCZC76ZD5_js.cn(!unstyled && "nexus-toast__close-btn", toastOptions?.classNames?.closeButton),
+          ...toastOptions?.classNames
+        }
+      },
+      ...props
+    }
+  );
+}
+function useToast() {
+  const showToast = (message, options) => sonner.toast(message, options);
+  const successToast = (message, options) => sonner.toast.success(message, options);
+  const errorToast = (message, options) => sonner.toast.error(message, options);
+  const warningToast = (message, options) => sonner.toast.warning(message, options);
+  const infoToast = (message, options) => sonner.toast.info(message, options);
+  const promiseToast = (promise, msgs, options) => sonner.toast.promise(promise, { ...msgs, ...options });
+  const customToast = (jsx2, options) => sonner.toast.custom(jsx2, options);
+  const dismissToast = (id) => sonner.toast.dismiss(id);
+  return {
+    toast: showToast,
+    successToast,
+    errorToast,
+    warningToast,
+    infoToast,
+    promiseToast,
+    customToast,
+    dismissToast
+  };
+}
+
+Object.defineProperty(exports, "toast", {
+  enumerable: true,
+  get: function () { return sonner.toast; }
+});
+exports.Toaster = Toaster;
+exports.useToast = useToast;

package/dist/chunks/{chunk-Q7H6LCNN.js → chunk-YCG4FZC3.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 useEmblaCarousel = require('embla-carousel-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -64,11 +64,23 @@ var Carousel = React__namespace.forwardRef(
     }, [api, onSelect, onApiChange]);
     const scrollPrev = React__namespace.useCallback(() => api?.scrollPrev(), [api]);
     const scrollNext = React__namespace.useCallback(() => api?.scrollNext(), [api]);
+    const slides = [];
+    const extras = [];
+    React__namespace.Children.forEach(children, (child) => {
+      if (React__namespace.isValidElement(child) && typeof child.type !== "string" && child.type.displayName === "CarouselSlide") {
+        slides.push(child);
+      } else {
+        extras.push(child);
+      }
+    });
     return /* @__PURE__ */ jsxRuntime.jsx(
       CarouselContext.Provider,
       {
         value: { api, canScrollPrev, canScrollNext, scrollPrev, scrollNext, selectedIndex, scrollSnapCount },
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkQJNQCLMV_js.cn("nx:relative", className), role: "region", "aria-roledescription": "carousel", "aria-label": props["aria-label"] ?? "Carousel", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: emblaRef, className: "nx:overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nx:flex", children }) }) })
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkCZC76ZD5_js.cn("nexus-carousel", className), role: "region", "aria-roledescription": "carousel", "aria-label": props["aria-label"] ?? "Carousel", ...props, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { ref: emblaRef, className: "nexus-carousel__viewport", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "nexus-carousel__container", children: slides }) }),
+          extras
+        ] })
       }
     );
   }
@@ -81,14 +93,14 @@ var CarouselSlide = React__namespace.forwardRef(
       ref,
       role: "group",
       "aria-roledescription": "slide",
-      className: chunkQJNQCLMV_js.cn("nx:min-w-0 nx:shrink-0 nx:grow-0 nx:basis-full", className),
+      className: chunkCZC76ZD5_js.cn("nexus-carousel-slide", className),
       ...props
     }
   )
 );
 CarouselSlide.displayName = "CarouselSlide";
-var ChevronLeftIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nx:size-4", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4L6 8l4 4" }) });
-var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nx:size-4", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4" }) });
+var ChevronLeftIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-carousel-btn__icon", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 4L6 8l4 4" }) });
+var ChevronRightIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "nexus-carousel-btn__icon", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4" }) });
 var CarouselPrev = React__namespace.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { canScrollPrev, scrollPrev } = useCarousel();
@@ -97,14 +109,7 @@ var CarouselPrev = React__namespace.forwardRef(
       {
         ref,
         type: "button",
-        className: chunkQJNQCLMV_js.cn(
-          "nx:absolute nx:left-2 nx:top-1/2 nx:-translate-y-1/2 nx:z-10",
-          "nx:size-8 nx:inline-flex nx:items-center nx:justify-center nx:rounded-full",
-          "nx:bg-surface-default nx:border nx:border-border-default nx:shadow-sm",
-          "nx:text-text-primary nx:hover:bg-surface-hover nx:transition-colors",
-          "nx:disabled:opacity-40 nx:disabled:pointer-events-none",
-          className
-        ),
+        className: chunkCZC76ZD5_js.cn("nexus-carousel-btn nexus-carousel-btn--prev", className),
         disabled: !canScrollPrev,
         onClick: scrollPrev,
         "aria-label": "Previous slide",
@@ -123,14 +128,7 @@ var CarouselNext = React__namespace.forwardRef(
       {
         ref,
         type: "button",
-        className: chunkQJNQCLMV_js.cn(
-          "nx:absolute nx:right-2 nx:top-1/2 nx:-translate-y-1/2 nx:z-10",
-          "nx:size-8 nx:inline-flex nx:items-center nx:justify-center nx:rounded-full",
-          "nx:bg-surface-default nx:border nx:border-border-default nx:shadow-sm",
-          "nx:text-text-primary nx:hover:bg-surface-hover nx:transition-colors",
-          "nx:disabled:opacity-40 nx:disabled:pointer-events-none",
-          className
-        ),
+        className: chunkCZC76ZD5_js.cn("nexus-carousel-btn nexus-carousel-btn--next", className),
         disabled: !canScrollNext,
         onClick: scrollNext,
         "aria-label": "Next slide",
@@ -143,15 +141,15 @@ var CarouselNext = React__namespace.forwardRef(
 CarouselNext.displayName = "CarouselNext";
 function CarouselDots({ className }) {
   const { selectedIndex, scrollSnapCount, api } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", "aria-label": "Slide navigation", className: chunkQJNQCLMV_js.cn("nx:flex nx:justify-center nx:gap-1.5 nx:mt-3", className), children: Array.from({ length: scrollSnapCount }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { role: "tablist", "aria-label": "Slide navigation", className: chunkCZC76ZD5_js.cn("nexus-carousel-dots", className), children: Array.from({ length: scrollSnapCount }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
       role: "tab",
       "aria-selected": i === selectedIndex,
-      className: chunkQJNQCLMV_js.cn(
-        "nx:size-2 nx:rounded-full nx:transition-colors",
-        i === selectedIndex ? "nx:bg-accent-primary" : "nx:bg-border-default nx:hover:bg-text-tertiary"
+      className: chunkCZC76ZD5_js.cn(
+        "nexus-carousel-dot",
+        i === selectedIndex ? "nexus-carousel-dot--active" : "nexus-carousel-dot--inactive"
       ),
       onClick: () => api?.scrollTo(i),
       "aria-label": `Go to slide ${i + 1}`

package/dist/chunks/{chunk-JZ3PWHKS.mjs → chunk-YLO4UKSC.mjs}

@@ -1,27 +1,24 @@
-import { cn } from './chunk-XALPBGSC.mjs';
+import { cn } from './chunk-MCKOWMLS.mjs';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
-var avatarVariants = cva(
-  "nx:relative nx:inline-flex nx:shrink-0 nx:items-center nx:justify-center nx:overflow-hidden nx:bg-surface-hover nx:text-text-tertiary",
-  {
-    variants: {
-      size: {
-        xs: "nx:size-6 nx:text-[10px]",
-        sm: "nx:size-8 nx:text-xs",
-        md: "nx:size-10 nx:text-sm",
-        lg: "nx:size-12 nx:text-base",
-        xl: "nx:size-16 nx:text-lg"
-      },
-      shape: {
-        circle: "nx:rounded-full",
-        square: "nx:rounded-md"
-      }
+var avatarVariants = cva("nexus-avatar", {
+  variants: {
+    size: {
+      xs: "nexus-avatar--xs",
+      sm: "nexus-avatar--sm",
+      md: "nexus-avatar--md",
+      lg: "nexus-avatar--lg",
+      xl: "nexus-avatar--xl"
     },
-    defaultVariants: { size: "md", shape: "circle" }
-  }
-);
+    shape: {
+      circle: "nexus-avatar--circle",
+      square: "nexus-avatar--square"
+    }
+  },
+  defaultVariants: { size: "md", shape: "circle" }
+});
 var DefaultIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z" }) });
 var Avatar = React.forwardRef(
   ({ className, size, shape, src, alt, fallback, children, onImageError, ...props }, ref) => {
@@ -34,13 +31,13 @@ var Avatar = React.forwardRef(
       onImageError?.();
     }, [onImageError]);
     const showFallback = !src || imgError;
-    const iconSize = size === "xs" ? "nx:size-4" : size === "sm" ? "nx:size-5" : size === "lg" ? "nx:size-8" : size === "xl" ? "nx:size-10" : "nx:size-6";
+    const iconSize = size === "xs" ? "nexus-avatar__icon--xs" : size === "sm" ? "nexus-avatar__icon--sm" : size === "lg" ? "nexus-avatar__icon--lg" : size === "xl" ? "nexus-avatar__icon--xl" : "nexus-avatar__icon--md";
     return /* @__PURE__ */ jsx("div", { ref, role: "img", "aria-label": alt ?? void 0, className: cn(avatarVariants({ size, shape }), className), ...props, children: children ? children : showFallback ? fallback ?? /* @__PURE__ */ jsx(DefaultIcon, { className: iconSize }) : /* @__PURE__ */ jsx(
       "img",
       {
         src,
         alt: alt ?? "",
-        className: "nx:size-full nx:object-cover",
+        className: "nexus-avatar__img",
         onError: handleError
       }
     ) });

package/dist/chunks/chunk-YO5MSDPX.mjs

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

package/dist/chunks/{chunk-Q2TMXHPK.js → chunk-YZV6FWE7.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 classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,47 +25,20 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var radioGroupVariants = classVarianceAuthority.cva("nx:flex", {
+var radioGroupVariants = classVarianceAuthority.cva("nexus-radio-group", {
   variants: {
     orientation: {
-      horizontal: "nx:flex-row nx:gap-4",
-      vertical: "nx:flex-col nx:gap-2"
+      horizontal: "nexus-radio-group--horizontal",
+      vertical: "nexus-radio-group--vertical"
     }
   },
   defaultVariants: { orientation: "vertical" }
 });
-var radioItemVariants = classVarianceAuthority.cva(
-  "nx:inline-flex nx:items-center nx:gap-2 nx:select-none",
-  {
-    variants: {
-      size: {
-        sm: "nx:text-xs",
-        md: "nx:text-sm"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var circleVariants = classVarianceAuthority.cva(
-  [
-    "nx:inline-flex nx:shrink-0 nx:items-center nx:justify-center nx:rounded-full nx:border nx:transition-colors nx:duration-150",
-    "nx:peer-disabled:opacity-50 nx:peer-disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "nx:size-4",
-        md: "nx:size-5"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var dotVariants = classVarianceAuthority.cva("nx:rounded-full nx:bg-current", {
+var radioItemVariants = classVarianceAuthority.cva("nexus-radio-item", {
   variants: {
     size: {
-      sm: "nx:size-1.5",
-      md: "nx:size-2"
+      sm: "nexus-radio-item--sm",
+      md: "nexus-radio-item--md"
     }
   },
   defaultVariants: { size: "md" }
@@ -105,7 +78,7 @@ var RadioGroup = React__namespace.forwardRef(
       {
         ref,
         role: "radiogroup",
-        className: chunkQJNQCLMV_js.cn(radioGroupVariants({ orientation }), className),
+        className: chunkCZC76ZD5_js.cn(radioGroupVariants({ orientation }), className),
         ...props,
         children
       }
@@ -134,9 +107,9 @@ var RadioItem = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "label",
       {
-        className: chunkQJNQCLMV_js.cn(
+        className: chunkCZC76ZD5_js.cn(
           radioItemVariants({ size }),
-          disabled ? "nx:cursor-not-allowed nx:opacity-50" : "nx:cursor-pointer",
+          disabled ? "nexus-radio-item--disabled" : "nexus-radio-item--pointer",
           className
         ),
         children: [
@@ -145,7 +118,7 @@ var RadioItem = React__namespace.forwardRef(
             {
               ref,
               type: "radio",
-              className: "nx:peer nx:sr-only",
+              className: "nexus-sr-only",
               name: ctx.name,
               value,
               checked,
@@ -157,14 +130,23 @@ var RadioItem = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: chunkQJNQCLMV_js.cn(
-                circleVariants({ size }),
-                checked ? "nx:border-accent-primary nx:text-accent-primary" : "nx:border-border-default nx:bg-surface-default"
+              className: chunkCZC76ZD5_js.cn(
+                size === "sm" ? "nexus-radio__circle--sm" : "nexus-radio__circle--md",
+                "nexus-radio__circle",
+                checked ? "nexus-radio__circle--checked" : "nexus-radio__circle--unchecked"
               ),
-              children: checked && /* @__PURE__ */ jsxRuntime.jsx("span", { className: dotVariants({ size }) })
+              children: checked && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: chunkCZC76ZD5_js.cn(
+                    "nexus-radio__dot",
+                    size === "sm" ? "nexus-radio__dot--sm" : "nexus-radio__dot--md"
+                  )
+                }
+              )
             }
           ),
-          content && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:text-text-primary", children: content })
+          content && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nexus-radio__label", children: content })
         ]
       }
     );