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

package/dist/chunks/chunk-FKZI2HTI.js

@@ -1,104 +0,0 @@
-'use strict';
-
-var chunkQJNQCLMV_js = require('./chunk-QJNQCLMV.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 textInputVariants = classVarianceAuthority.cva(
-  [
-    "nx:flex nx:w-full nx:rounded-md nx:border nx:bg-surface-default nx:text-sm nx:text-text-primary",
-    "nx:transition-colors nx:duration-200",
-    "nx:placeholder:text-text-tertiary",
-    "nx:disabled:cursor-not-allowed nx:disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "nx:h-8 nx:px-2.5 nx:text-xs",
-        md: "nx:h-10 nx:px-3 nx:text-sm",
-        lg: "nx:h-12 nx:px-4 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"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      state: "default"
-    }
-  }
-);
-var TextInput = React__namespace.forwardRef(
-  ({ className, size, error, prefixIcon, suffixIcon, onValueChange, onChange, ...props }, ref) => {
-    const state = error ? "error" : "default";
-    const handleChange = React__namespace.useCallback(
-      (e) => {
-        onValueChange?.(e.target.value);
-        onChange?.(e);
-      },
-      [onValueChange, onChange]
-    );
-    if (prefixIcon || suffixIcon) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: chunkQJNQCLMV_js.cn(
-            textInputVariants({ size, state }),
-            "nx:items-center nx:gap-2",
-            className
-          ),
-          children: [
-            prefixIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:flex nx:shrink-0 nx:text-text-tertiary", children: prefixIcon }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "input",
-              {
-                ref,
-                className: "nx:h-full nx:w-full nx:bg-transparent nx:outline-none nx:placeholder:text-text-tertiary",
-                "aria-invalid": error || void 0,
-                onChange: handleChange,
-                ...props
-              }
-            ),
-            suffixIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:flex nx:shrink-0 nx:text-text-tertiary", children: suffixIcon })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        ref,
-        className: chunkQJNQCLMV_js.cn(textInputVariants({ size, state }), className),
-        "aria-invalid": error || void 0,
-        onChange: handleChange,
-        ...props
-      }
-    );
-  }
-);
-TextInput.displayName = "TextInput";
-
-exports.TextInput = TextInput;
-exports.textInputVariants = textInputVariants;

package/dist/chunks/chunk-NCQDOPBR.mjs

@@ -1,86 +0,0 @@
-import { cn } from './chunk-XALPBGSC.mjs';
-import { Toaster as Toaster$1, toast } from 'sonner';
-export { toast } from 'sonner';
-import { jsx } from 'react/jsx-runtime';
-
-function Toaster({
-  position = "top-center",
-  unstyled = false,
-  toastOptions,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    {
-      position,
-      toastOptions: {
-        unstyled,
-        ...toastOptions,
-        classNames: {
-          toast: cn(
-            !unstyled && "nx:flex nx:items-center nx:gap-3 nx:rounded-lg nx:border nx:px-4 nx:py-3 nx:shadow-lg",
-            !unstyled && "nx:bg-surface-default nx:border-border-default nx:text-text-primary",
-            toastOptions?.classNames?.toast
-          ),
-          title: cn(!unstyled && "nx:text-sm nx:font-medium", toastOptions?.classNames?.title),
-          description: cn(
-            !unstyled && "nx:text-xs nx:text-text-secondary",
-            toastOptions?.classNames?.description
-          ),
-          success: cn(
-            !unstyled && "nx:border-status-positive/30 nx:bg-status-positive/10 nx:text-status-positive",
-            toastOptions?.classNames?.success
-          ),
-          error: cn(
-            !unstyled && "nx:border-status-negative/30 nx:bg-status-negative/10 nx:text-status-negative",
-            toastOptions?.classNames?.error
-          ),
-          warning: cn(
-            !unstyled && "nx:border-status-caution/30 nx:bg-status-caution/10 nx:text-status-caution",
-            toastOptions?.classNames?.warning
-          ),
-          info: cn(
-            !unstyled && "nx:border-accent-primary/30 nx:bg-accent-primary/10 nx:text-accent-primary",
-            toastOptions?.classNames?.info
-          ),
-          actionButton: cn(
-            !unstyled && "nx:bg-accent-primary nx:text-accent-on-primary nx:rounded nx:px-3 nx:py-1.5 nx:text-xs nx:font-medium",
-            toastOptions?.classNames?.actionButton
-          ),
-          cancelButton: cn(
-            !unstyled && "nx:bg-surface-hover nx:text-text-secondary nx:rounded nx:px-3 nx:py-1.5 nx:text-xs nx:font-medium",
-            toastOptions?.classNames?.cancelButton
-          ),
-          closeButton: cn(
-            !unstyled && "nx:text-text-tertiary nx:hover:text-text-primary",
-            toastOptions?.classNames?.closeButton
-          ),
-          ...toastOptions?.classNames
-        }
-      },
-      ...props
-    }
-  );
-}
-function useToast() {
-  const showToast = (message, options) => toast(message, options);
-  const successToast = (message, options) => toast.success(message, options);
-  const errorToast = (message, options) => toast.error(message, options);
-  const warningToast = (message, options) => toast.warning(message, options);
-  const infoToast = (message, options) => toast.info(message, options);
-  const promiseToast = (promise, msgs, options) => toast.promise(promise, { ...msgs, ...options });
-  const customToast = (jsx2, options) => toast.custom(jsx2, options);
-  const dismissToast = (id) => toast.dismiss(id);
-  return {
-    toast: showToast,
-    successToast,
-    errorToast,
-    warningToast,
-    infoToast,
-    promiseToast,
-    customToast,
-    dismissToast
-  };
-}
-
-export { Toaster, useToast };

package/dist/chunks/chunk-NTN55ZIX.mjs

@@ -1,113 +0,0 @@
-import { cn } from './chunk-XALPBGSC.mjs';
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var buttonVariants = cva(
-  [
-    "nx:inline-flex nx:items-center nx:justify-center nx:gap-comp-btn-gap nx:whitespace-nowrap",
-    "nx:shadow-comp-btn nx:transition-colors nx:duration-200 nx:select-none",
-    "nx:disabled:pointer-events-none nx:disabled:opacity-comp-btn-disabled",
-    "nx:aria-disabled:pointer-events-none nx:aria-disabled:opacity-comp-btn-disabled",
-    "nx:focus-visible:outline-none nx:focus-visible:ring-2 nx:focus-visible:ring-comp-btn-focus-ring/50"
-  ],
-  {
-    variants: {
-      semantic: {
-        primary: "btn-palette-primary",
-        secondary: "btn-palette-secondary",
-        normal: "btn-palette-normal",
-        danger: "btn-palette-danger"
-      },
-      variant: {
-        contained: "nx:bg-[var(--_btn-base)] nx:text-[var(--_btn-on)] nx:hover:bg-[var(--_btn-hover)] nx:active:bg-[var(--_btn-pressed)]",
-        outlined: [
-          "nx:border nx:border-solid nx:border-[var(--_btn-border)] nx:text-[var(--_btn-text)] nx:bg-[var(--_btn-outlined-bg)]",
-          "nx:hover:bg-[var(--_btn-outlined-hover-bg)] nx:hover:border-[var(--_btn-border-hover)]",
-          "nx:active:bg-[var(--_btn-outlined-pressed-bg)] nx:active:border-[var(--_btn-border-hover)]"
-        ].join(" "),
-        subtle: "nx:bg-[var(--_btn-subtle-fill)] nx:text-[var(--_btn-text)] nx:hover:bg-[var(--_btn-light-bg)] nx:active:bg-[var(--_btn-light-bg)]",
-        ghost: "nx:bg-transparent nx:text-[var(--_btn-text)] nx:hover:bg-[var(--_btn-ghost-hover-bg)] nx:active:bg-[var(--_btn-ghost-pressed-bg)]"
-      },
-      size: {
-        xl: "nx:h-comp-btn-xl-h nx:px-comp-btn-xl-px nx:text-comp-btn-xl nx:font-semibold nx:rounded-comp-btn-xl",
-        lg: "nx:h-comp-btn-lg-h nx:px-comp-btn-lg-px nx:text-comp-btn-lg nx:font-semibold nx:rounded-comp-btn-lg",
-        md: "nx:h-comp-btn-md-h nx:px-comp-btn-md-px nx:text-comp-btn-md nx:font-medium nx:rounded-comp-btn-md",
-        sm: "nx:px-comp-btn-sm-px nx:py-comp-btn-sm-py nx:text-comp-btn-sm nx:font-medium nx:rounded-comp-btn-sm"
-      },
-      radius: {
-        default: "",
-        circle: "nx:!rounded-full"
-      }
-    },
-    defaultVariants: {
-      semantic: "primary",
-      variant: "contained",
-      size: "md",
-      radius: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({
-    className,
-    semantic,
-    variant,
-    size,
-    radius,
-    asChild = false,
-    detectDoubleClick = false,
-    disabled,
-    children,
-    onClick,
-    style,
-    ...props
-  }, ref) => {
-    const clickTimeoutRef = React.useRef(
-      null
-    );
-    const handleClick = React.useCallback(
-      (e) => {
-        if (detectDoubleClick && clickTimeoutRef.current) return;
-        onClick?.(e);
-        if (detectDoubleClick) {
-          clickTimeoutRef.current = setTimeout(() => {
-            clickTimeoutRef.current = null;
-          }, 500);
-        }
-      },
-      [detectDoubleClick, onClick]
-    );
-    const Comp = asChild ? Slot : "button";
-    const resolvedStyle = React.useMemo(
-      () => ({
-        color: variant === "contained" ? "var(--_btn-on)" : "var(--_btn-text)",
-        ...style
-      }),
-      [style, variant]
-    );
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        type: asChild ? void 0 : "button",
-        role: asChild ? "button" : void 0,
-        className: cn(
-          buttonVariants({ semantic, variant, size, radius }),
-          className
-        ),
-        disabled: asChild ? void 0 : disabled,
-        "aria-disabled": disabled || void 0,
-        tabIndex: disabled ? -1 : void 0,
-        onClick: disabled ? void 0 : handleClick,
-        style: resolvedStyle,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };

package/dist/chunks/chunk-Q7GQVAYY.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var chunkQJNQCLMV_js = require('./chunk-QJNQCLMV.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(
-  [
-    "nx:w-full nx:rounded-md nx:border nx:bg-surface-default nx:px-3 nx:py-2 nx:text-sm nx:text-text-primary",
-    "nx:transition-colors nx:duration-200 nx:resize-none",
-    "nx:placeholder:text-text-tertiary",
-    "nx:disabled:cursor-not-allowed nx:disabled:opacity-50"
-  ],
-  {
-    variants: {
-      state: {
-        default: "nx:border-border-default nx:focus:border-text-primary",
-        error: "nx:border-status-negative nx:focus:border-status-negative"
-      }
-    },
-    defaultVariants: { state: "default" }
-  }
-);
-var TextArea = React__namespace.forwardRef(
-  ({ className, error, showCount, maxLength, onValueChange, onChange, ...props }, ref) => {
-    const state = error ? "error" : "default";
-    const [count, setCount] = React__namespace.useState(0);
-    const handleChange = React__namespace.useCallback(
-      (e) => {
-        setCount(e.target.value.length);
-        onValueChange?.(e.target.value);
-        onChange?.(e);
-      },
-      [onValueChange, onChange]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nx:flex nx:flex-col", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
-        {
-          ref,
-          className: chunkQJNQCLMV_js.cn(textAreaVariants({ state }), className),
-          maxLength,
-          "aria-invalid": error || void 0,
-          onChange: handleChange,
-          ...props
-        }
-      ),
-      showCount && maxLength && /* @__PURE__ */ jsxRuntime.jsxs(
-        "p",
-        {
-          className: "nx:mt-1 nx:text-right nx:text-xs nx:text-text-tertiary",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nx:text-text-primary nx:font-medium", children: count.toLocaleString() }),
-            "/",
-            maxLength.toLocaleString()
-          ]
-        }
-      )
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
-exports.TextArea = TextArea;
-exports.textAreaVariants = textAreaVariants;

package/dist/chunks/chunk-QJNQCLMV.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-
-// src/utils/cn.ts
-var PREFIX = "nx:";
-var twMerge = tailwindMerge.extendTailwindMerge({ prefix: "nx" });
-function cn(...inputs) {
-  const flat = clsx.clsx(inputs);
-  const tokens = flat.split(/\s+/).filter(Boolean);
-  const nxTokens = [];
-  const plainTokens = [];
-  for (const t of tokens) {
-    (t.startsWith(PREFIX) ? nxTokens : plainTokens).push(t);
-  }
-  if (plainTokens.length === 0) return twMerge(flat);
-  if (nxTokens.length === 0) return flat;
-  const prefixed = plainTokens.map((t) => `${PREFIX}${t}`);
-  const prefixedSet = new Set(prefixed);
-  const merged = twMerge([...nxTokens, ...prefixed].join(" "));
-  return merged.split(/\s+/).filter(Boolean).map((cls) => prefixedSet.has(cls) ? cls.slice(PREFIX.length) : cls).join(" ");
-}
-
-exports.cn = cn;

package/dist/chunks/chunk-UDQXLI5Y.mjs

@@ -1,81 +0,0 @@
-import { cn } from './chunk-XALPBGSC.mjs';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var textInputVariants = cva(
-  [
-    "nx:flex nx:w-full nx:rounded-md nx:border nx:bg-surface-default nx:text-sm nx:text-text-primary",
-    "nx:transition-colors nx:duration-200",
-    "nx:placeholder:text-text-tertiary",
-    "nx:disabled:cursor-not-allowed nx:disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "nx:h-8 nx:px-2.5 nx:text-xs",
-        md: "nx:h-10 nx:px-3 nx:text-sm",
-        lg: "nx:h-12 nx:px-4 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"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      state: "default"
-    }
-  }
-);
-var TextInput = React.forwardRef(
-  ({ className, size, error, prefixIcon, suffixIcon, onValueChange, onChange, ...props }, ref) => {
-    const state = error ? "error" : "default";
-    const handleChange = React.useCallback(
-      (e) => {
-        onValueChange?.(e.target.value);
-        onChange?.(e);
-      },
-      [onValueChange, onChange]
-    );
-    if (prefixIcon || suffixIcon) {
-      return /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            textInputVariants({ size, state }),
-            "nx:items-center nx:gap-2",
-            className
-          ),
-          children: [
-            prefixIcon && /* @__PURE__ */ jsx("span", { className: "nx:flex nx:shrink-0 nx:text-text-tertiary", children: prefixIcon }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref,
-                className: "nx:h-full nx:w-full nx:bg-transparent nx:outline-none nx:placeholder:text-text-tertiary",
-                "aria-invalid": error || void 0,
-                onChange: handleChange,
-                ...props
-              }
-            ),
-            suffixIcon && /* @__PURE__ */ jsx("span", { className: "nx:flex nx:shrink-0 nx:text-text-tertiary", children: suffixIcon })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        className: cn(textInputVariants({ size, state }), className),
-        "aria-invalid": error || void 0,
-        onChange: handleChange,
-        ...props
-      }
-    );
-  }
-);
-TextInput.displayName = "TextInput";
-
-export { TextInput, textInputVariants };

package/dist/chunks/chunk-UR6JOKVB.mjs

@@ -1,65 +0,0 @@
-import { cn } from './chunk-XALPBGSC.mjs';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var textAreaVariants = cva(
-  [
-    "nx:w-full nx:rounded-md nx:border nx:bg-surface-default nx:px-3 nx:py-2 nx:text-sm nx:text-text-primary",
-    "nx:transition-colors nx:duration-200 nx:resize-none",
-    "nx:placeholder:text-text-tertiary",
-    "nx:disabled:cursor-not-allowed nx:disabled:opacity-50"
-  ],
-  {
-    variants: {
-      state: {
-        default: "nx:border-border-default nx:focus:border-text-primary",
-        error: "nx:border-status-negative nx:focus:border-status-negative"
-      }
-    },
-    defaultVariants: { state: "default" }
-  }
-);
-var TextArea = React.forwardRef(
-  ({ className, error, showCount, maxLength, onValueChange, onChange, ...props }, ref) => {
-    const state = error ? "error" : "default";
-    const [count, setCount] = React.useState(0);
-    const handleChange = React.useCallback(
-      (e) => {
-        setCount(e.target.value.length);
-        onValueChange?.(e.target.value);
-        onChange?.(e);
-      },
-      [onValueChange, onChange]
-    );
-    return /* @__PURE__ */ jsxs("div", { className: "nx:flex nx:flex-col", children: [
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ref,
-          className: cn(textAreaVariants({ state }), className),
-          maxLength,
-          "aria-invalid": error || void 0,
-          onChange: handleChange,
-          ...props
-        }
-      ),
-      showCount && maxLength && /* @__PURE__ */ jsxs(
-        "p",
-        {
-          className: "nx:mt-1 nx:text-right nx:text-xs nx:text-text-tertiary",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "nx:text-text-primary nx:font-medium", children: count.toLocaleString() }),
-            "/",
-            maxLength.toLocaleString()
-          ]
-        }
-      )
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
-export { TextArea, textAreaVariants };