ksk-design-system 1.46.0 → 1.46.1

package/contracts/components.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Component Contracts",
-    "version": "1.46.0",
+    "version": "1.46.1",
     "description": "全コンポーネントの構造化定義。バリアント・アクセシビリティ要件・使用ルールを機械可読形式で管理。",
     "counts": {
       "ui": 67,
@@ -52,6 +52,7 @@
       ],
       "rules": [
         "Must use <Button> not <button>",
+        "リンクを Button として表示する場合は <Button asChild><a href=... /></Button> を使う",
         "Icon-only buttons require aria-label",
         "Native Button supports loading/loadingLabel and leadingIcon/trailingIcon; do not wrap ActivityIndicator in Text",
         "variant=glass は背景がグラデーション/写真の場合のみ使用",

package/contracts/token-hex-cache.json

@@ -1,7 +1,7 @@
 {
   "meta": {
     "name": "KSK Design System — Semantic Token Hex Cache",
-    "version": "1.46.0",
+    "version": "1.46.1",
     "description": "semantic / semanticDark トークン（var(--Primitive-*) 参照）を実 hex に解決したサイドカー生成物。hex はデフォルト（Blue）テーマでの解決値であり、Brand 系（meta.themeDependentKeys に列挙）はテーマ差し替え（orange/green/violet 等）で実色が変わる。テーマ別の完全解決値は `ksk-design-system/native` エクスポート（バンドル済み native トークンモジュール）の themes を参照。tokens.json 本体のスキーマは変更せず、AI がこのファイルだけで実色を把握できるようにし、primitive 値の変更による semantic 実色のドリフトを --check で機械検出する。",
     "generatedBy": "scripts/generate-token-hex-cache.mjs",
     "theme": "default",

package/dist/class-names.js

@@ -1,2 +1,2 @@
-import { t as e } from "./server-variants-BtHHqzwI.js";
+import { t as e } from "./server-variants-DF8guEvD.js";
 export { e as buttonVariants };

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { n as e } from "./rolldown-runtime-Df-vAQej.js";
-import { t } from "./server-variants-BtHHqzwI.js";
+import { t } from "./server-variants-DF8guEvD.js";
 import * as n from "react";
 import r, { createContext as i, useCallback as a, useContext as o, useEffect as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Accordion as f, AlertDialog as p, Avatar as m, Checkbox as h, Collapsible as g, Dialog as _, DropdownMenu as v, HoverCard as y, Label as b, Popover as x, Progress as S, RadioGroup as C, ScrollArea as w, Select as T, Separator as E, Slider as D, Switch as ee, Tabs as O, Tooltip as k } from "radix-ui";
@@ -228,23 +228,46 @@ var Ee = {
 		30
 	]
 };
-function W({ className: e, variant: r, size: i, layout: a, haptic: o, onClick: s, type: c, ...l }) {
-	let u = n.useCallback((e) => {
-		o && typeof navigator < "u" && "vibrate" in navigator && navigator.vibrate(Ee[o]), s?.(e);
-	}, [o, s]);
-	return /* @__PURE__ */ N("button", {
+function W({ className: e, variant: r, size: i, layout: a, asChild: o = !1, haptic: s, onClick: c, type: l, disabled: u, tabIndex: d, "aria-disabled": f, children: p, ...m }) {
+	let h = o ? ue : "button", g = u || f === !0 || f === "true", _ = n.useCallback((e) => {
+		if (g) {
+			e.preventDefault(), e.stopPropagation();
+			return;
+		}
+		s && typeof navigator < "u" && "vibrate" in navigator && navigator.vibrate(Ee[s]), c?.(e);
+	}, [
+		s,
+		g,
+		c
+	]), v = n.useCallback((e) => {
+		e.preventDefault(), e.stopPropagation();
+	}, []), y = o && g && n.isValidElement(p) ? n.cloneElement(p, {
+		onClick: _,
+		onClickCapture: v,
+		onAuxClickCapture: v,
+		onContextMenuCapture: v,
+		"aria-disabled": !0,
+		tabIndex: -1,
+		disabled: void 0,
+		...p.type === "a" ? { href: void 0 } : {}
+	}) : p;
+	return /* @__PURE__ */ N(h, {
 		"data-slot": "button",
 		"data-variant": r ?? "default",
 		"data-size": i ?? "default",
-		type: c ?? "button",
+		type: o ? void 0 : l ?? "button",
+		disabled: o ? void 0 : u,
+		"aria-disabled": o && g ? !0 : f,
+		tabIndex: o && g ? -1 : d,
 		className: U(t({
 			variant: r,
 			size: i,
 			layout: a,
 			className: e
 		})),
-		onClick: u,
-		...l
+		onClick: o && g ? void 0 : _,
+		...m,
+		children: y
 	});
 }
 //#endregion

package/dist/{server-variants-BtHHqzwI.js → server-variants-DF8guEvD.js}

@@ -1,6 +1,6 @@
 import { cva as e } from "class-variance-authority";
 //#region src/lib/server-variants/button-variants.ts
-var t = e("inline-flex items-center justify-center gap-2 whitespace-nowrap typo-label-md transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 cursor-pointer", {
+var t = e("inline-flex items-center justify-center gap-2 whitespace-nowrap typo-label-md transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-[var(--Focus-High-Emphasis)]/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 cursor-pointer", {
 	variants: {
 		variant: {
 			default: "bg-[var(--Brand-Primary)] text-[var(--Text-on-Inverse)] hover:bg-[var(--Hover-Primary-Button)] active:bg-[var(--Active-Primary-Button)] rounded-full",

package/dist/types/components/ui/button.d.ts

@@ -5,6 +5,8 @@ import { buttonVariants } from "../../lib/server-variants/button-variants";
 declare const HAPTIC_PATTERNS: Record<string, number | number[]>;
 type HapticType = keyof typeof HAPTIC_PATTERNS;
 interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    /** 子要素へ Button の見た目と操作属性を委譲する。リンクを Button として見せる場合に使用。 */
+    asChild?: boolean;
     /** モバイルでの触覚フィードバック。navigator.vibrate() を使用。未対応環境では無視される。 */
     haptic?: HapticType;
 }
@@ -26,6 +28,6 @@ interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeo
  * - `hero`: トップ hero / final-CTA 向けのピル型特大 CTA。
  * - `icon` / `icon-sm` / `icon-lg` / `icon-xl`: アイコンのみのボタン（aria-label 必須）。
  */
-declare function Button({ className, variant, size, layout, haptic, onClick, type, ...props }: ButtonProps): React.JSX.Element;
+declare function Button({ className, variant, size, layout, asChild, haptic, onClick, type, disabled, tabIndex, "aria-disabled": ariaDisabled, children, ...props }: ButtonProps): React.JSX.Element;
 export { Button, buttonVariants };
 export type { ButtonProps, HapticType };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ksk-design-system",
-  "version": "1.46.0",
+  "version": "1.46.1",
   "type": "module",
   "description": "KSK Design System — フリーランス向けマルチテーマ対応デザインシステム",
   "license": "MIT",