@godxjp/ui 6.12.0 → 8.0.0

package/scripts/ui-audit.mjs

@@ -48,6 +48,28 @@ const RULES = [
     message:
       "Use semantic tokens (bg-primary, text-muted-foreground…), not raw palette colors (rules §4).",
   },
+  {
+    id: "status-tone-not-variant",
+    severity: "error",
+    test: /\bvariant=["'](?:success|warning|destructive|info|neutral)["']/,
+    message:
+      "Status/color intent uses tone, not variant. Use tone='success|warning|destructive|info|neutral'.",
+  },
+  {
+    id: "no-domain-tracking-token",
+    severity: "error",
+    test: /--(?:color-)?tracking-|--(?:tracking|color-tracking)-(?:internal|seller|yamato)/,
+    message:
+      "Package tracking/domain tokens are forbidden. Use semantic tokens or app-local theme overrides.",
+  },
+  {
+    id: "value-callback-on-value-change",
+    severity: "error",
+    test:
+      /<(?:Checkbox\.Group|Upload|Cascader|TreeSelect|Transfer|SearchSelect|DatePicker|DateRangePicker|TimePicker|ColorPicker|LocalePicker|TimezonePicker|DateFormatPicker|TimeFormatPicker)\b[^>]*\bonChange=/,
+    message:
+      "Abstract value components use onValueChange, not onChange. Reserve onChange for DOM events.",
+  },
   {
     id: "no-arbitrary-hex",
     severity: "error",

package/dist/chunk-BPSKQUL2.js

@@ -1,68 +0,0 @@
-import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-XG7XDYIM.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function TabsItems({
-  items,
-  value,
-  defaultValue,
-  onValueChange,
-  variant = "default",
-  className,
-  listClassName,
-  contentClassName
-}) {
-  const firstKey = items[0]?.key;
-  const resolvedDefault = defaultValue ?? firstKey;
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      value,
-      defaultValue: value === void 0 ? resolvedDefault : void 0,
-      onValueChange,
-      className,
-      "data-slot": "tabs",
-      children: [
-        /* @__PURE__ */ jsx(
-          TabsList,
-          {
-            "data-slot": "tabs-list",
-            className: cn(
-              variant === "line" && "h-auto w-full justify-start rounded-none border-b bg-transparent p-0",
-              variant === "card" && "w-full justify-start",
-              listClassName
-            ),
-            children: items.map((item) => /* @__PURE__ */ jsxs(
-              TabsTrigger,
-              {
-                value: item.key,
-                disabled: item.disabled,
-                className: cn(
-                  variant === "line" && "data-[state=active]:border-primary rounded-none border-b-2 border-transparent bg-transparent px-4 py-2 shadow-none data-[state=active]:bg-transparent data-[state=active]:shadow-none",
-                  variant === "card" && "data-[state=active]:shadow-sm"
-                ),
-                children: [
-                  item.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-flex", children: item.icon }),
-                  item.label
-                ]
-              },
-              item.key
-            ))
-          }
-        ),
-        items.map((item) => /* @__PURE__ */ jsx(
-          TabsContent,
-          {
-            value: item.key,
-            "data-slot": "tabs-panel",
-            className: cn(variant === "line" && "mt-0", contentClassName),
-            children: item.children
-          },
-          item.key
-        ))
-      ]
-    }
-  );
-}
-
-export { TabsItems };

package/dist/chunk-M64MVRLS.js

@@ -1,92 +0,0 @@
-import { tableCellPaddingClass, tableRowHeightClass } from './chunk-ICM6XBST.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { toast as toast$1 } from 'sonner';
-
-function SkeletonBlock({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-busy": "true",
-      "aria-live": "polite",
-      className: cn("ui-skeleton-block", className),
-      ...props
-    }
-  );
-}
-function SkeletonRows({ rows = 6, columns = 4, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("ui-skeleton-rows", className), "aria-busy": "true", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "ui-skeleton-row", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx(
-    SkeletonBlock,
-    {
-      className: cn("h-4", j === 0 ? "w-1/4" : j === columns - 1 ? "w-1/6" : "flex-1")
-    },
-    j
-  )) }, i)) });
-}
-function SkeletonTable({ rows = 8, columns = 5 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-table", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx("div", { className: cn("ui-skeleton-table-head", tableCellPaddingClass, tableRowHeightClass), children: Array.from({ length: columns }).map((_, j) => /* @__PURE__ */ jsx(SkeletonBlock, { className: cn("h-3", j === 0 ? "w-1/5" : "flex-1") }, j)) }),
-    /* @__PURE__ */ jsx("div", { className: "ui-skeleton-table-body", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn("ui-skeleton-table-row", tableCellPaddingClass, tableRowHeightClass),
-        children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx(SkeletonBlock, { className: cn("h-4", j === 0 ? "w-1/5" : "flex-1") }, j))
-      },
-      i
-    )) })
-  ] });
-}
-function SkeletonDetail() {
-  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-detail ui-skeleton-detail-stack", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-1/3" }),
-    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-1/2" }),
-    /* @__PURE__ */ jsx("div", { className: "ui-skeleton-detail-box ui-skeleton-detail-stack", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-detail-stack", children: [
-      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-24" }),
-      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-full max-w-md" })
-    ] }, i)) })
-  ] });
-}
-function SkeletonCard() {
-  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-card", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-24" }),
-    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-[length:var(--control-height)] w-32" }),
-    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-20" })
-  ] });
-}
-function nodeText(value) {
-  if (value == null) return "";
-  if (typeof value === "string") return value;
-  if (typeof value === "number" || typeof value === "boolean") return String(value);
-  return "";
-}
-function legacyToast(options) {
-  const { title, description, variant, ...rest } = options;
-  const titleText = nodeText(title);
-  const descText = nodeText(description);
-  const message = titleText || descText;
-  const desc = titleText && descText ? descText : void 0;
-  const sonnerOptions = { ...rest, description: desc };
-  switch (variant) {
-    case "destructive":
-      return toast$1.error(message, sonnerOptions);
-    case "success":
-      return toast$1.success(message, sonnerOptions);
-    default:
-      return toast$1(message, sonnerOptions);
-  }
-}
-var toast = Object.assign((messageOrOptions) => {
-  if (typeof messageOrOptions === "string") {
-    return toast$1(messageOrOptions);
-  }
-  return legacyToast(messageOrOptions);
-}, toast$1);
-function useToast() {
-  return {
-    toast: (options) => legacyToast(options),
-    dismiss: toast$1.dismiss,
-    toasts: []
-  };
-}
-
-export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast };

package/dist/chunk-PIIRNAXA.js

@@ -1,26 +0,0 @@
-import { toneWarningClass, toneSuccessClass } from './chunk-ICM6XBST.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var badgeVariants = cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground",
-        outline: "text-foreground",
-        success: cn("border-transparent", toneSuccessClass),
-        warning: cn("border-transparent", toneWarningClass)
-      }
-    },
-    defaultVariants: { variant: "default" }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-export { Badge };

package/dist/chunk-S66TJXJU.js

@@ -1,33 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsx } from 'react/jsx-runtime';
-
-// src/lib/variants.ts
-var densityClass = {
-  compact: "ui-density-compact",
-  default: "ui-density-default",
-  comfortable: "ui-density-comfortable"
-};
-var pageContainerVariantClass = {
-  default: void 0,
-  narrow: "ui-page-container--narrow",
-  flush: "ui-page-container--flush",
-  ghost: "ui-page-container--ghost"
-};
-var stackGapClass = {
-  xs: "ui-stack-xs",
-  sm: "ui-stack-sm",
-  md: "ui-stack-md",
-  lg: "ui-stack-lg",
-  xl: "ui-stack-xl"
-};
-var inlineGapClass = {
-  xs: "ui-inline-xs",
-  sm: "ui-inline-sm",
-  md: "ui-inline-md",
-  lg: "ui-inline-lg"
-};
-function Inline({ gap = "sm", className, children, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(inlineGapClass[gap], className), ...props, children });
-}
-
-export { Inline, densityClass, pageContainerVariantClass, stackGapClass };

package/dist/chunk-WXW43RK5.js

@@ -1,24 +0,0 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-import { jsx } from 'react/jsx-runtime';
-
-var Switch = React.forwardRef(
-  ({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
-    SwitchPrimitive.Root,
-    {
-      ref,
-      "data-slot": "switch",
-      "data-size": size,
-      className: cn(
-        "peer ui-switch focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ui-switch-thumb" })
-    }
-  )
-);
-Switch.displayName = SwitchPrimitive.Root.displayName;
-
-export { Switch };

package/dist/components/navigation/tabs-items.d.ts

@@ -1,12 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { d as TabsItemsProp } from '../../navigation.prop-Ck5_gSfs.js';
-import 'react';
-import '../../shared.prop-BNRJc9K0.js';
-import '../../data.prop-BmLaGLb7.js';
-import '../../interaction.prop-Cdn7wOtq.js';
-import '../../layout.prop-4TCNvyQZ.js';
-
-/** Ant Design `items` API — wraps Radix Tabs primitives. */
-declare function TabsItems({ items, value, defaultValue, onValueChange, variant, className, listClassName, contentClassName, }: TabsItemsProp): react_jsx_runtime.JSX.Element;
-
-export { TabsItems, TabsItemsProp, TabsItemsProp as TabsItemsProps };

package/dist/components/navigation/tabs-items.js

@@ -1,3 +0,0 @@
-export { TabsItems } from '../../chunk-BPSKQUL2.js';
-import '../../chunk-XG7XDYIM.js';
-import '../../chunk-U7N2A7A3.js';

package/dist/filter-bar-BpUvE_yO.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as PageHeaderProp } from './layout.prop-MwHm4-Zl.js';
-import { F as FilterBarProp, a as FilterGroupProp } from './navigation.prop-Ck5_gSfs.js';
-
-declare function PageHeader({ title, description, breadcrumb, actions, className }: PageHeaderProp): react_jsx_runtime.JSX.Element;
-
-declare function FilterBar({ onClear, hasActiveFilters, className, children, }: FilterBarProp): react_jsx_runtime.JSX.Element;
-declare function FilterGroup({ label, className, children }: FilterGroupProp): react_jsx_runtime.JSX.Element;
-
-export { FilterBar as F, PageHeader as P, FilterGroup as a };

package/dist/inline-CV3A46np.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { P as PageContainerProp, f as StackProp, I as InlineProp } from './layout.prop-MwHm4-Zl.js';
-
-declare function PageContainer({ title, subtitle, extra, footer, breadcrumb, density, variant, stickyFooter, children, className, }: PageContainerProp): react_jsx_runtime.JSX.Element;
-
-declare function Stack({ gap, className, children, ...props }: StackProp): react_jsx_runtime.JSX.Element;
-
-declare function Inline({ gap, className, children, ...props }: InlineProp): react_jsx_runtime.JSX.Element;
-
-export { Inline as I, PageContainer as P, Stack as S };

package/dist/layout.prop-4TCNvyQZ.d.ts

@@ -1,20 +0,0 @@
-/**
- * Layout & spacing prop types.
- * @see docs/PROPS-VOCABULARY.md#layout--density
- */
-/** Page-level density — affects padding, control heights across PageContainer subtree. */
-type PageDensityProp = "compact" | "default" | "comfortable";
-/** Page shell layout — orthogonal to PageDensityProp. */
-type PageContainerVariantProp = "default" | "narrow" | "flush" | "ghost";
-/** Vertical stack gap between block-level children. */
-type StackGapProp = "xs" | "sm" | "md" | "lg" | "xl";
-/** Horizontal inline gap between row items. */
-type InlineGapProp = "xs" | "sm" | "md" | "lg";
-/** DataTable row density — NOT the same as PageDensityProp. */
-type TableDensityProp = "compact" | "comfortable";
-/** @deprecated Alias — use PageDensityProp. Kept for lib/variants compat. */
-type DensityProp = PageDensityProp;
-/** @deprecated Alias — use StackGapProp. */
-type GapProp = StackGapProp;
-
-export type { DensityProp as D, GapProp as G, InlineGapProp as I, PageContainerVariantProp as P, StackGapProp as S, TableDensityProp as T, PageDensityProp as a };

package/dist/tokens/primitives/badge.css

@@ -1,13 +0,0 @@
-/* Badge primitive tokens. */
-
-:root {
-  --space-badge-gap: var(--space-inline-xs);
-  --space-badge-x: var(--space-2);
-  --space-badge-y: var(--space-1);
-  --code-badge-height: 1.75rem;
-  --code-badge-gap: var(--space-inline-sm);
-  --code-badge-padding-x: var(--space-2);
-  --code-badge-bg-alpha: 0.055;
-  --code-badge-border-alpha: 0.28;
-  --code-badge-separator-alpha: 0.22;
-}

package/dist/tokens/primitives/feedback.css

@@ -1,17 +0,0 @@
-/* Feedback primitive tokens: dialog, alert, empty state. */
-
-:root {
-  --space-dialog-inset: var(--space-5);
-  --space-dialog-gap: var(--space-stack-md);
-  --space-dialog-close-offset: var(--space-4);
-  --space-alert-inset: var(--space-section-active);
-  --space-alert-gap: var(--space-inline-md);
-  --space-alert-inner-gap: var(--space-stack-sm);
-  --space-alert-dismiss-offset: var(--space-3);
-  --space-empty-state-y: var(--space-10);
-  --space-empty-state-x: var(--space-6);
-  --skeleton-row-gap: var(--space-stack-sm);
-  --skeleton-cell-gap: var(--space-inline-lg);
-  --skeleton-card-inset: var(--space-section-active);
-  --skeleton-radius: var(--radius);
-}

package/dist/use-toast-Dol5bdY3.d.ts

@@ -1,34 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { ExternalToast, toast as toast$1 } from 'sonner';
-
-interface SkeletonRowsProps {
-    rows?: number;
-    columns?: number;
-    className?: string;
-}
-/** Skeleton for a flat list of rows (use inside a Card or section). */
-declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
-/** Skeleton matching the DataTable layout — header row + N body rows. */
-declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): react_jsx_runtime.JSX.Element;
-/** Skeleton matching a Card detail layout — title + 6 metadata rows. */
-declare function SkeletonDetail(): react_jsx_runtime.JSX.Element;
-/** Skeleton matching a stat card / dashboard tile. */
-declare function SkeletonCard(): react_jsx_runtime.JSX.Element;
-
-type LegacyToastOptions = ExternalToast & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    variant?: "default" | "destructive" | "success";
-};
-type ToastFn = typeof toast$1 & ((options: LegacyToastOptions) => ReturnType<typeof toast$1>);
-/** Sonner toast + legacy `{ title, variant }` object form. */
-declare const toast: ToastFn;
-/** Legacy hook — prefer `toast` import directly; kept for existing admin pages. */
-declare function useToast(): {
-    toast: (options: LegacyToastOptions) => string | number;
-    dismiss: (id?: number | string) => string | number;
-    toasts: readonly [];
-};
-
-export { type LegacyToastOptions as L, SkeletonCard as S, SkeletonDetail as a, SkeletonRows as b, SkeletonTable as c, toast as t, useToast as u };