@7onic-ui/react 0.2.5 → 0.2.7

package/README.md

@@ -263,7 +263,7 @@ Works with Claude Code, Cursor, GitHub Copilot, ChatGPT, and any AI tool that re
 - [x] Automated doc verification (8 checks, AST-powered, blocks publish on error)
 - [x] Automated component verification (7 checks — hardcoded colors, tokens, dark mode, dead code)
 - [x] Multilingual documentation — English, Japanese, Korean (powered by next-intl)
-- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.2.5
+- [x] npm package distribution — `@7onic-ui/react` + `@7onic-ui/tokens` v0.2.7
 - [x] AI integration — `llms.txt` standard, setup guides for Claude Code / Cursor / Copilot / ChatGPT
 - [x] `npx 7onic add` CLI (shadcn-style) — source copy with dependency resolution
 - [x] `npx 7onic init` Vite support — `tsconfig.app.json` detection, `@import "tailwindcss"` + `@source` auto-inject, `@/` path alias auto-configure
@@ -290,5 +290,5 @@ MIT
 <p align="center">
   <strong>One JSON, every format — from Figma to production.</strong><br>
   Independently built.<br>
-  <sub>Last updated: 2026-04-15 (v0.2.5)</sub>
+  <sub>Last updated: 2026-04-16 (v0.2.7)</sub>
 </p>

package/dist/index.js

@@ -1614,7 +1614,7 @@ var Field = Object.assign(FieldRoot, {
 var inputVariants = (0, import_class_variance_authority9.cva)(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",
-    "border transition-colors duration-micro",
+    "border transition-colors duration-micro outline-transparent",
     "focus:[outline:2px_solid_transparent]",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-background-muted",
     "file:border-0 file:bg-transparent file:text-sm file:font-semibold"
@@ -1823,7 +1823,7 @@ var import_class_variance_authority10 = require("class-variance-authority");
 var textareaVariants = (0, import_class_variance_authority10.cva)(
   [
     "flex w-full bg-background text-foreground placeholder:text-foreground/30",
-    "border transition-colors duration-micro",
+    "border transition-colors duration-micro outline-transparent",
     "focus:[outline:2px_solid_transparent]",
     "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-background-muted"
   ].join(" "),
@@ -2563,7 +2563,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, radiu
       onCloseAutoFocus?.(e);
     },
     className: cn(
-      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background shadow-lg",
+      "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
       flush ? "py-1" : "p-1",
       contentRadiusMap[radius],
       className
@@ -2702,7 +2702,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
     {
       ref,
       className: cn(
-        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background shadow-lg",
+        "z-dropdown min-w-[8rem] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap[radius],
         className
@@ -2862,7 +2862,7 @@ var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref)
         "flex w-full items-center justify-between bg-background text-foreground hover:bg-background-muted",
         "border border-border",
         triggerRadiusMap[radius],
-        "transition-colors duration-micro",
+        "transition-colors duration-micro outline-transparent",
         "focus-visible:shadow-[0_0_0_2px_var(--color-focus-ring)] focus:[outline:2px_solid_transparent]",
         "disabled:cursor-not-allowed disabled:opacity-50",
         "data-[placeholder]:text-foreground/30",
@@ -2920,7 +2920,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
         onCloseAutoFocus?.(e);
       },
       className: cn(
-        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background shadow-lg",
+        "relative z-dropdown min-w-[var(--radix-select-trigger-width)] overflow-hidden border border-border bg-background text-foreground shadow-lg",
         flush ? "py-1" : "p-1",
         contentRadiusMap2[contentRadius],
         position === "popper" && "max-h-[var(--radix-select-content-available-height)]",
@@ -4919,9 +4919,8 @@ var PaginationRoot = React26.forwardRef(
     color = "default",
     radius = "md",
     disabled = false,
-    // Pre-declared API; conditional auto-rendering is tracked in COMPONENT-IMPROVEMENTS.md.
-    withControls: _withControls = true,
-    withEdges: _withEdges = false,
+    withControls = true,
+    withEdges = false,
     loop = false,
     children,
     ...props
@@ -4959,7 +4958,7 @@ var PaginationRoot = React26.forwardRef(
         className: cn("", className),
         ...props
       },
-      children
+      children ?? /* @__PURE__ */ React26.createElement(PaginationContent, null, withEdges && /* @__PURE__ */ React26.createElement(PaginationItem, null, /* @__PURE__ */ React26.createElement(PaginationFirst, null)), withControls && /* @__PURE__ */ React26.createElement(PaginationItem, null, /* @__PURE__ */ React26.createElement(PaginationPrevious, null)), /* @__PURE__ */ React26.createElement(PaginationItems, null), withControls && /* @__PURE__ */ React26.createElement(PaginationItem, null, /* @__PURE__ */ React26.createElement(PaginationNext, null)), withEdges && /* @__PURE__ */ React26.createElement(PaginationItem, null, /* @__PURE__ */ React26.createElement(PaginationLast, null)))
     ));
   }
 );
@@ -5256,7 +5255,7 @@ var ModalContent = React27.forwardRef(({ className, children, size = "sm", scrol
         "div",
         {
           className: cn(
-            "relative w-full rounded-xl bg-background shadow-xl overflow-hidden",
+            "relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden",
             modalContentVariants({ size }),
             className
           ),
@@ -5272,7 +5271,7 @@ var ModalContent = React27.forwardRef(({ className, children, size = "sm", scrol
     {
       ref,
       className: cn(
-        "relative w-full rounded-xl bg-background shadow-xl overflow-hidden",
+        "relative w-full rounded-xl bg-background text-foreground shadow-xl overflow-hidden",
         "focus:outline-none",
         "data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit",
         modalContentVariants({ size }),
@@ -5376,7 +5375,7 @@ var AlertModalContent = React27.forwardRef(({ className, children, size = "sm",
   {
     ref,
     className: cn(
-      "relative w-full rounded-xl bg-background shadow-xl",
+      "relative w-full rounded-xl bg-background text-foreground shadow-xl",
       "focus:outline-none",
       "data-[state=open]:animate-modal-content-enter data-[state=closed]:animate-modal-content-exit",
       alertModalContentVariants({ size }),
@@ -5558,7 +5557,7 @@ var DrawerContent = React28.forwardRef(({ className, children, side = "right", s
     {
       ref,
       className: cn(
-        "fixed z-modal flex flex-col bg-background shadow-xl",
+        "fixed z-modal flex flex-col bg-background text-foreground shadow-xl",
         "focus:outline-none",
         SIDE_POSITION[side],
         isHorizontal ? "max-w-full h-full" : "max-h-full w-full",
@@ -5752,8 +5751,8 @@ var popoverContentVariants = (0, import_class_variance_authority25.cva)(
   {
     variants: {
       variant: {
-        default: "bg-background-paper border border-border shadow-lg",
-        elevated: "bg-background-paper/95 border border-border-subtle shadow-xl backdrop-blur-sm"
+        default: "bg-background-paper text-foreground border border-border shadow-lg",
+        elevated: "bg-background-paper/95 text-foreground border border-border-subtle shadow-xl backdrop-blur-sm"
       },
       size: {
         sm: "text-sm p-3 rounded-lg",