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

package/dist/chunks/chunk-WVIEIRK2.js

@@ -1,136 +0,0 @@
-'use strict';
-
-var chunkQJNQCLMV_js = require('./chunk-QJNQCLMV.js');
-var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-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 buttonVariants = classVarianceAuthority.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__namespace.forwardRef(
-  ({
-    className,
-    semantic,
-    variant,
-    size,
-    radius,
-    asChild = false,
-    detectDoubleClick = false,
-    disabled,
-    children,
-    onClick,
-    style,
-    ...props
-  }, ref) => {
-    const clickTimeoutRef = React__namespace.useRef(
-      null
-    );
-    const handleClick = React__namespace.useCallback(
-      (e) => {
-        if (detectDoubleClick && clickTimeoutRef.current) return;
-        onClick?.(e);
-        if (detectDoubleClick) {
-          clickTimeoutRef.current = setTimeout(() => {
-            clickTimeoutRef.current = null;
-          }, 500);
-        }
-      },
-      [detectDoubleClick, onClick]
-    );
-    const Comp = asChild ? reactSlot.Slot : "button";
-    const resolvedStyle = React__namespace.useMemo(
-      () => ({
-        color: variant === "contained" ? "var(--_btn-on)" : "var(--_btn-text)",
-        ...style
-      }),
-      [style, variant]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        ref,
-        type: asChild ? void 0 : "button",
-        role: asChild ? "button" : void 0,
-        className: chunkQJNQCLMV_js.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";
-
-exports.Button = Button;
-exports.buttonVariants = buttonVariants;

package/dist/chunks/chunk-XALPBGSC.mjs

@@ -1,23 +0,0 @@
-import { clsx } from 'clsx';
-import { extendTailwindMerge } from 'tailwind-merge';
-
-// src/utils/cn.ts
-var PREFIX = "nx:";
-var twMerge = extendTailwindMerge({ prefix: "nx" });
-function cn(...inputs) {
-  const flat = 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(" ");
-}
-
-export { cn };

package/dist/schemas/typography.json

@@ -1,70 +0,0 @@
-{
-  "$ref": "#/definitions/typographyPropsSchema",
-  "definitions": {
-    "typographyPropsSchema": {
-      "type": "object",
-      "properties": {
-        "variant": {
-          "type": "string",
-          "enum": [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "body1",
-            "body2",
-            "caption",
-            "overline",
-            "label"
-          ],
-          "default": "body1",
-          "description": "타이포그래피 변형"
-        },
-        "color": {
-          "type": "string",
-          "enum": [
-            "primary",
-            "secondary",
-            "tertiary",
-            "muted",
-            "accent",
-            "danger",
-            "success",
-            "inherit"
-          ],
-          "default": "primary",
-          "description": "텍스트 색상"
-        },
-        "as": {
-          "type": "string",
-          "enum": [
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "p",
-            "span",
-            "label",
-            "div"
-          ],
-          "description": "렌더링 태그 (variant별 기본 태그 자동)"
-        },
-        "asChild": {
-          "type": "boolean",
-          "description": "true면 자식 요소로 렌더링 (Slot 패턴)"
-        },
-        "className": {
-          "type": "string",
-          "description": "스타일 오버라이드"
-        }
-      },
-      "additionalProperties": false,
-      "description": "타이포그래피. 시맨틱 태그 + CVA 변형."
-    }
-  },
-  "$schema": "http://json-schema.org/draft-07/schema#"
-}

package/dist/typography.d.mts

@@ -1,19 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const typographyVariants: (props?: ({
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "caption" | "overline" | "label" | null | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "danger" | "success" | "inherit" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
-type TypographyColor = NonNullable<VariantProps<typeof typographyVariants>['color']>;
-interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
-    as?: TypographyElement;
-    asChild?: boolean;
-    variant?: VariantProps<typeof typographyVariants>['variant'];
-    color?: TypographyColor;
-}
-declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-
-export { Typography, type TypographyProps, typographyVariants };

package/dist/typography.d.ts

@@ -1,19 +0,0 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-
-declare const typographyVariants: (props?: ({
-    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body1" | "body2" | "caption" | "overline" | "label" | null | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "muted" | "accent" | "danger" | "success" | "inherit" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type TypographyElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div';
-type TypographyColor = NonNullable<VariantProps<typeof typographyVariants>['color']>;
-interface TypographyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {
-    as?: TypographyElement;
-    asChild?: boolean;
-    variant?: VariantProps<typeof typographyVariants>['variant'];
-    color?: TypographyColor;
-}
-declare const Typography: React.ForwardRefExoticComponent<TypographyProps & React.RefAttributes<HTMLElement>>;
-
-export { Typography, type TypographyProps, typographyVariants };

package/dist/typography.js

@@ -1,102 +0,0 @@
-'use strict';
-
-var chunkQJNQCLMV_js = require('./chunks/chunk-QJNQCLMV.js');
-require('./chunks/chunk-JNMCYWGY.js');
-var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
-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 typographyVariants = classVarianceAuthority.cva("nx:text-text-primary", {
-  variants: {
-    variant: {
-      h1: "nx:text-4xl nx:font-bold nx:tracking-tight",
-      h2: "nx:text-3xl nx:font-bold nx:tracking-tight",
-      h3: "nx:text-2xl nx:font-semibold",
-      h4: "nx:text-xl nx:font-semibold",
-      h5: "nx:text-lg nx:font-semibold",
-      h6: "nx:text-base nx:font-semibold",
-      body1: "nx:text-base nx:font-normal nx:leading-relaxed",
-      body2: "nx:text-sm nx:font-normal nx:leading-relaxed",
-      caption: "nx:text-xs nx:font-normal nx:text-text-secondary",
-      overline: "nx:text-xs nx:font-medium nx:uppercase nx:tracking-widest nx:text-text-tertiary",
-      label: "nx:text-sm nx:font-medium"
-    },
-    color: {
-      primary: "nx:text-text-primary",
-      secondary: "nx:text-text-secondary",
-      tertiary: "nx:text-text-tertiary",
-      muted: "nx:text-text-muted",
-      accent: "nx:text-accent-primary",
-      danger: "nx:text-status-negative",
-      success: "nx:text-status-positive",
-      inherit: "nx:text-inherit"
-    }
-  },
-  defaultVariants: {
-    variant: "body1",
-    color: "primary"
-  }
-});
-var variantTagMap = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  body1: "p",
-  body2: "p",
-  caption: "span",
-  overline: "span",
-  label: "label"
-};
-var Typography = React__namespace.forwardRef(
-  ({ className, variant, color, as, asChild = false, children, ...props }, ref) => {
-    if (asChild) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactSlot.Slot,
-        {
-          ref,
-          className: chunkQJNQCLMV_js.cn(typographyVariants({ variant, color }), className),
-          ...props,
-          children
-        }
-      );
-    }
-    const Tag = as ?? variantTagMap[variant ?? "body1"] ?? "span";
-    return React__namespace.createElement(
-      Tag,
-      {
-        ref,
-        className: chunkQJNQCLMV_js.cn(typographyVariants({ variant, color }), className),
-        ...props
-      },
-      children
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-exports.Typography = Typography;
-exports.typographyVariants = typographyVariants;

package/dist/typography.mjs

@@ -1,79 +0,0 @@
-import { cn } from './chunks/chunk-XALPBGSC.mjs';
-import './chunks/chunk-CVYXRSXT.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 typographyVariants = cva("nx:text-text-primary", {
-  variants: {
-    variant: {
-      h1: "nx:text-4xl nx:font-bold nx:tracking-tight",
-      h2: "nx:text-3xl nx:font-bold nx:tracking-tight",
-      h3: "nx:text-2xl nx:font-semibold",
-      h4: "nx:text-xl nx:font-semibold",
-      h5: "nx:text-lg nx:font-semibold",
-      h6: "nx:text-base nx:font-semibold",
-      body1: "nx:text-base nx:font-normal nx:leading-relaxed",
-      body2: "nx:text-sm nx:font-normal nx:leading-relaxed",
-      caption: "nx:text-xs nx:font-normal nx:text-text-secondary",
-      overline: "nx:text-xs nx:font-medium nx:uppercase nx:tracking-widest nx:text-text-tertiary",
-      label: "nx:text-sm nx:font-medium"
-    },
-    color: {
-      primary: "nx:text-text-primary",
-      secondary: "nx:text-text-secondary",
-      tertiary: "nx:text-text-tertiary",
-      muted: "nx:text-text-muted",
-      accent: "nx:text-accent-primary",
-      danger: "nx:text-status-negative",
-      success: "nx:text-status-positive",
-      inherit: "nx:text-inherit"
-    }
-  },
-  defaultVariants: {
-    variant: "body1",
-    color: "primary"
-  }
-});
-var variantTagMap = {
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6",
-  body1: "p",
-  body2: "p",
-  caption: "span",
-  overline: "span",
-  label: "label"
-};
-var Typography = React.forwardRef(
-  ({ className, variant, color, as, asChild = false, children, ...props }, ref) => {
-    if (asChild) {
-      return /* @__PURE__ */ jsx(
-        Slot,
-        {
-          ref,
-          className: cn(typographyVariants({ variant, color }), className),
-          ...props,
-          children
-        }
-      );
-    }
-    const Tag = as ?? variantTagMap[variant ?? "body1"] ?? "span";
-    return React.createElement(
-      Tag,
-      {
-        ref,
-        className: cn(typographyVariants({ variant, color }), className),
-        ...props
-      },
-      children
-    );
-  }
-);
-Typography.displayName = "Typography";
-
-export { Typography, typographyVariants };