@axis-ds/ui-react 1.3.0 → 1.5.0

package/dist/tooltip/index.js

@@ -26,8 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/tooltip/index.tsx
 var tooltip_exports = {};
 __export(tooltip_exports, {
   Tooltip: () => Tooltip,
@@ -36,35 +34,19 @@ __export(tooltip_exports, {
   TooltipTrigger: () => TooltipTrigger
 });
 module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/tooltip/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
-    className: cn(
+    className: (0, import_utils.cn)(
       "z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
       "animate-in fade-in-0 zoom-in-95",
       "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",

package/dist/tooltip/index.mjs

@@ -1,10 +1,29 @@
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "../chunk-IS7NER3O.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../utils.mjs";
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2",
+      "data-[side=left]:slide-in-from-right-2",
+      "data-[side=right]:slide-in-from-left-2",
+      "data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = "TooltipContent";
 export {
   Tooltip,
   TooltipContent,

package/dist/utils.d.mts

@@ -0,0 +1,9 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Tailwind CSS 클래스를 병합하는 유틸리티 함수
+ * clsx로 조건부 클래스를 처리하고 tailwind-merge로 충돌을 해결
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+import { ClassValue } from 'clsx';
+
+/**
+ * Tailwind CSS 클래스를 병합하는 유틸리티 함수
+ * clsx로 조건부 클래스를 처리하고 tailwind-merge로 충돌을 해결
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+export { cn };

package/dist/utils.js

@@ -0,0 +1,40 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  cn: () => cn
+});
+module.exports = __toCommonJS(utils_exports);
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+const isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+const twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});

package/dist/{chunk-ZIF4PLK3.mjs → utils.mjs}

@@ -1,8 +1,7 @@
-// src/utils.ts
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = extendTailwindMerge({
+const isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+const twMerge = extendTailwindMerge({
   extend: {
     classGroups: {
       shadow: [{ shadow: [isArbitraryShadowWithHint] }]
@@ -12,7 +11,6 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-
 export {
   cn
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/ui-react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "AXIS Design System - Core React UI Components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -160,11 +160,13 @@
       "types": "./dist/tooltip/index.d.ts",
       "import": "./dist/tooltip/index.mjs",
       "require": "./dist/tooltip/index.js"
-    }
+    },
+    "./tailwind.css": "./tailwind.css"
   },
   "sideEffects": false,
   "files": [
-    "dist"
+    "dist",
+    "tailwind.css"
   ],
   "publishConfig": {
     "access": "public"
@@ -196,7 +198,7 @@
     "clsx": "^2.1.0",
     "cmdk": "^1.1.1",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.3.0"
+    "@axis-ds/tokens": "1.5.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -229,8 +231,8 @@
   },
   "homepage": "https://axis.minu.best",
   "scripts": {
-    "build": "tsup src/index.ts src/*/index.tsx --format cjs,esm --dts --external react && node scripts/sync-exports.mjs",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch --external react",
+    "build": "tsup && node scripts/postbuild.mjs && node scripts/sync-exports.mjs",
+    "dev": "tsup --watch --onSuccess \"node scripts/postbuild.mjs\"",
     "clean": "rm -rf dist",
     "lint": "eslint .",
     "test": "vitest run",

package/tailwind.css

@@ -0,0 +1,10 @@
+/*
+ * @axis-ds/ui-react - Tailwind CSS 4 스캔 진입점
+ *
+ * Tailwind 4 는 node_modules 를 자동 스캔하지 않아서, 컴포넌트가 쓰는 클래스
+ * (예: bg-[var(--axis-button-bg-default)])가 생성되지 않습니다. 전역 CSS 에서
+ *   @import "@axis-ds/ui-react/tailwind.css";
+ * 한 줄을 넣으면 아래 @source 가 이 패키지의 빌드 산출물을 스캔 대상에 더합니다.
+ * 경로는 이 파일 기준 상대 경로입니다. 스타일 규칙은 담지 않습니다.
+ */
+@source "./dist";

package/dist/chunk-22MWNPDF.mjs

@@ -1,44 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/badge/index.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
-        destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
-        success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
-        warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",
-        error: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
-        info: "border-transparent bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]",
-        outline: "border-[var(--axis-border-default)] text-[var(--axis-text-primary)]"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Badge = React.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(badgeVariants({ variant }), className),
-      ...props
-    }
-  )
-);
-Badge.displayName = "Badge";
-
-export {
-  badgeVariants,
-  Badge
-};

package/dist/chunk-2OEPKE4D.mjs

@@ -1,69 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/accordion/index.tsx
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Item,
-  {
-    ref,
-    className: cn("border-b border-[var(--axis-border-default)]", className),
-    ...props
-  }
-));
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
-  AccordionPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all",
-      "text-[var(--axis-text-primary)]",
-      "hover:underline",
-      "[&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "16",
-          height: "16",
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          className: "shrink-0 text-[var(--axis-text-secondary)] transition-transform duration-200",
-          children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
-        }
-      )
-    ]
-  }
-) }));
-AccordionTrigger.displayName = "AccordionTrigger";
-var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
-  }
-));
-AccordionContent.displayName = "AccordionContent";
-
-export {
-  Accordion,
-  AccordionItem,
-  AccordionTrigger,
-  AccordionContent
-};

package/dist/chunk-2XNUJNTG.mjs

@@ -1,43 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/scroll-area/index.tsx
-import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx(ScrollBar, {}),
-      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = "ScrollArea";
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[var(--axis-border-default)]" })
-  }
-));
-ScrollBar.displayName = "ScrollBar";
-
-export {
-  ScrollArea,
-  ScrollBar
-};

package/dist/chunk-3N6NG7VT.mjs

@@ -1,11 +0,0 @@
-// src/collapsible/index.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-var Collapsible = CollapsiblePrimitive.Root;
-var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
-var CollapsibleContent = CollapsiblePrimitive.Content;
-
-export {
-  Collapsible,
-  CollapsibleTrigger,
-  CollapsibleContent
-};

package/dist/chunk-4I2F2NLP.mjs

@@ -1,111 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/table/index.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-  "table",
-  {
-    ref,
-    className: cn(
-      "w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
-      className
-    ),
-    ...props
-  }
-) }));
-Table.displayName = "Table";
-var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "thead",
-  {
-    ref,
-    className: cn("[&_tr]:border-b", className),
-    ...props
-  }
-));
-TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tbody",
-  {
-    ref,
-    className: cn("[&_tr:last-child]:border-0", className),
-    ...props
-  }
-));
-TableBody.displayName = "TableBody";
-var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tfoot",
-  {
-    ref,
-    className: cn(
-      "border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
-      className
-    ),
-    ...props
-  }
-));
-TableFooter.displayName = "TableFooter";
-var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b border-[var(--axis-border-default)] transition-colors",
-      "hover:bg-[var(--axis-surface-secondary)]",
-      "data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
-      className
-    ),
-    ...props
-  }
-));
-TableRow.displayName = "TableRow";
-var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "th",
-  {
-    ref,
-    className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
-      "[&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
-TableHead.displayName = "TableHead";
-var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "td",
-  {
-    ref,
-    className: cn(
-      "p-4 align-middle [&:has([role=checkbox])]:pr-0",
-      className
-    ),
-    ...props
-  }
-));
-TableCell.displayName = "TableCell";
-var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "caption",
-  {
-    ref,
-    className: cn(
-      "mt-4 text-sm text-[var(--axis-text-secondary)]",
-      className
-    ),
-    ...props
-  }
-));
-TableCaption.displayName = "TableCaption";
-
-export {
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableRow,
-  TableHead,
-  TableCell,
-  TableCaption
-};

package/dist/chunk-4PT43LON.mjs

@@ -1,31 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/popover/index.tsx
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = "PopoverContent";
-
-export {
-  Popover,
-  PopoverTrigger,
-  PopoverContent
-};

package/dist/chunk-5NWFAQBM.mjs

@@ -1,36 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/input/index.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Input = React.forwardRef(
-  ({ className, type, error, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-10 w-full rounded-md border px-3 py-2 text-sm transition-colors",
-          "bg-[var(--axis-input-bg-default)] text-[var(--axis-input-text-default)]",
-          "border-[var(--axis-input-border-default)]",
-          "placeholder:text-[var(--axis-input-text-placeholder)]",
-          "hover:border-[var(--axis-input-border-hover)]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-input-border-focus)] focus-visible:ring-offset-2",
-          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-[var(--axis-input-bg-disabled)]",
-          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
-          error && "border-[var(--axis-input-border-error)] focus-visible:ring-[var(--axis-input-border-error)]",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-export {
-  Input
-};

package/dist/chunk-5Z2R3IHJ.mjs

@@ -1,28 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/textarea/index.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "textarea",
-  {
-    className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
-      "text-[var(--axis-text-primary)]",
-      "ring-offset-[var(--axis-surface-default)]",
-      "placeholder:text-[var(--axis-text-tertiary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
-      "disabled:cursor-not-allowed disabled:opacity-50",
-      className
-    ),
-    ref,
-    ...props
-  }
-));
-Textarea.displayName = "Textarea";
-
-export {
-  Textarea
-};