@axis-ds/ui-react 1.2.0 → 1.3.0

package/dist/switch/index.mjs

@@ -1,7 +1,7 @@
 import {
   Switch
-} from "../chunk-Q3KALTWT.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-TA62Q7YX.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Switch
 };

package/dist/table/index.js

@@ -45,8 +45,16 @@ var React = __toESM(require("react"));
 // 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/table/index.tsx

package/dist/table/index.mjs

@@ -7,8 +7,8 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "../chunk-XHILRI24.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-4I2F2NLP.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Table,
   TableBody,

package/dist/tabs/index.js

@@ -42,8 +42,16 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 // 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/tabs/index.tsx

package/dist/tabs/index.mjs

@@ -3,8 +3,8 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger
-} from "../chunk-NEZK6NO5.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-SO2QSRGV.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Tabs,
   TabsContent,

package/dist/textarea/index.js

@@ -38,8 +38,16 @@ var React = __toESM(require("react"));
 // 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/textarea/index.tsx
@@ -48,11 +56,11 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   "textarea",
   {
     className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
+      "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-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-ring)] focus-visible:ring-offset-2",
+      "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
     ),

package/dist/textarea/index.mjs

@@ -1,7 +1,7 @@
 import {
   Textarea
-} from "../chunk-HQB5TO4N.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-5Z2R3IHJ.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Textarea
 };

package/dist/toast/index.js

@@ -46,8 +46,16 @@ var import_class_variance_authority = require("class-variance-authority");
 // 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/toast/index.tsx

package/dist/toast/index.mjs

@@ -6,8 +6,8 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport
-} from "../chunk-E2C7WDLA.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-RFB4IABR.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Toast,
   ToastAction,

package/dist/toggle/index.d.mts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** 눌림/해제 상태를 전환하는 토글 버튼 컴포넌트. variant(default, outline)와 size(sm, default, lg) 변형을 지원한다. */
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/toggle/index.d.ts

@@ -5,12 +5,12 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /** 눌림/해제 상태를 전환하는 토글 버튼 컴포넌트. variant(default, outline)와 size(sm, default, lg) 변형을 지원한다. */
 declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle, toggleVariants };

package/dist/toggle/index.js

@@ -41,14 +41,22 @@ var import_class_variance_authority = require("class-variance-authority");
 // 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/toggle/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var toggleVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-primary)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {

package/dist/toggle/index.mjs

@@ -1,8 +1,8 @@
 import {
   Toggle,
   toggleVariants
-} from "../chunk-JM45JPSK.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-TB33GTWS.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Toggle,
   toggleVariants

package/dist/tooltip/index.js

@@ -42,8 +42,16 @@ 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 (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/tooltip/index.tsx

package/dist/tooltip/index.mjs

@@ -3,8 +3,8 @@ import {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "../chunk-SCH6SFLB.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-IS7NER3O.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Tooltip,
   TooltipContent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axis-ds/ui-react",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "AXIS Design System - Core React UI Components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -196,7 +196,7 @@
     "clsx": "^2.1.0",
     "cmdk": "^1.1.1",
     "tailwind-merge": "^2.5.0",
-    "@axis-ds/tokens": "1.2.0"
+    "@axis-ds/tokens": "1.3.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -224,7 +224,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/thoughtandaction/axis.git",
+    "url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
     "directory": "packages/axis-ui-react"
   },
   "homepage": "https://axis.minu.best",
@@ -232,6 +232,7 @@
     "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",
     "clean": "rm -rf dist",
+    "lint": "eslint .",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",

package/dist/chunk-PJO7WJ4G.mjs

@@ -1,10 +0,0 @@
-// src/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export {
-  cn
-};