@godxjp/ui 16.7.0 → 16.7.2

package/dist/app/app-provider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { resolveDefaultDateFormat } from "./date-format-labels";

package/dist/app/locales.js

@@ -1,3 +1,4 @@
+"use client";
 import { enUS, ja, vi } from "date-fns/locale";
 import {
   enUS as enUSDayPicker,

package/dist/app/use-formatting.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from "react";
 import { formatDate } from "../lib/datetime";
 import { useAppContext } from "./app-provider";

package/dist/components/charts/area-chart.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { CartesianChart } from "./chart-cartesian";
 function AreaChart(props) {

package/dist/components/charts/bar-chart.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { CartesianChart } from "./chart-cartesian";
 function BarChart(props) {

package/dist/components/charts/chart-cartesian.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {

package/dist/components/charts/chart-frame.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";

package/dist/components/charts/line-chart.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { CartesianChart } from "./chart-cartesian";
 function LineChart(props) {

package/dist/components/charts/pie-chart.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
   Cell,

package/dist/components/data-display/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
 export {
   Accordion,

package/dist/components/data-display/avatar.js

@@ -1,3 +1,4 @@
+"use client";
 import { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";
 export {
   Avatar,

package/dist/components/data-display/badge.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import {

package/dist/components/data-display/carousel.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import useEmblaCarousel from "embla-carousel-react";

package/dist/components/data-display/collapsible.js

@@ -1,3 +1,4 @@
+"use client";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 const Collapsible = CollapsiblePrimitive.Root;
 const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;

package/dist/components/data-display/data-table.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {

package/dist/components/data-display/descriptions.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";

package/dist/components/data-display/hover-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { HoverCard, HoverCardTrigger, HoverCardContent } from "../ui/hover-card";
 export {
   HoverCard,

package/dist/components/data-display/popover.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";

package/dist/components/data-display/progress.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 function Progress({ value, label, tone = "success" }) {

package/dist/components/data-display/scroll-area.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";

package/dist/components/data-display/tree-list.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, Package } from "lucide-react";
 import { Badge } from "./badge";

package/dist/components/data-entry/calendar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { DayPicker } from "react-day-picker";

package/dist/components/data-entry/cascader.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check, ChevronRight, ChevronsUpDown, Minus, X } from "lucide-react";

package/dist/components/data-entry/checkbox-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";

package/dist/components/data-entry/checkbox.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";

package/dist/components/data-entry/color-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useTranslation } from "../../i18n/use-translation";

package/dist/components/data-entry/command.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";

package/dist/components/data-entry/date-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CalendarIcon } from "lucide-react";

package/dist/components/data-entry/date-range-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ArrowRight, CalendarIcon, X } from "lucide-react";
@@ -72,7 +73,7 @@ function DateRangePicker({
       className: cn(
         // One input-styled shell for the whole range — mirrors Input's control
         // tokens (border/radius/ring) so it reads as a single form field.
-        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
+        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-[var(--control-radius)] transition-[color,box-shadow] outline-none",
         "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
         open && "border-ring ring-ring/50 ring-[3px]",
         disabled && "pointer-events-none cursor-not-allowed opacity-50",

package/dist/components/data-entry/field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
 import { Label } from "./label";

package/dist/components/data-entry/form-field.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Label } from "../data-entry/label";

package/dist/components/data-entry/form.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";

package/dist/components/data-entry/input-otp.js

@@ -1,3 +1,4 @@
+"use client";
 import { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator } from "../ui/input-otp";
 export {
   InputOTP,

package/dist/components/data-entry/input.js

@@ -1,10 +1,11 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { X } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation";
 import { cn } from "../../lib/utils";
 const inputBaseClass = [
-  "ui-control border-input bg-background w-full min-w-0 rounded-md border px-3 py-1 text-sm shadow-xs transition-[color,box-shadow] outline-none",
+  "ui-control border-input bg-background w-full min-w-0 rounded-[var(--control-radius)] transition-[color,box-shadow] outline-none",
   "selection:bg-primary selection:text-primary-foreground",
   "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
   "placeholder:text-muted-foreground",

package/dist/components/data-entry/label.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";

package/dist/components/data-entry/month-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { CalendarIcon, ChevronLeft, ChevronRight, X } from "lucide-react";
@@ -57,7 +58,7 @@ function MonthPicker({
     "div",
     {
       className: cn(
-        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
+        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-[var(--control-radius)] transition-[color,box-shadow] outline-none",
         "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
         open && "border-ring ring-ring/50 ring-[3px]",
         disabled && "pointer-events-none cursor-not-allowed opacity-50",

package/dist/components/data-entry/month-range-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ArrowRight, CalendarIcon, ChevronLeft, ChevronRight, X } from "lucide-react";
@@ -100,7 +101,7 @@ function MonthRangePicker({
     "div",
     {
       className: cn(
-        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-md border px-3 shadow-xs transition-[color,box-shadow] outline-none",
+        "ui-control border-input bg-background flex w-full min-w-0 items-center gap-2 rounded-[var(--control-radius)] transition-[color,box-shadow] outline-none",
         "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
         open && "border-ring ring-ring/50 ring-[3px]",
         disabled && "pointer-events-none cursor-not-allowed opacity-50",

package/dist/components/data-entry/number-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown, ChevronUp } from "lucide-react";

package/dist/components/data-entry/password-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { PasswordInput } from "../ui/password-input";
 export {
   PasswordInput

package/dist/components/data-entry/password-strength.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, X } from "lucide-react";
 const DEFAULT_PASSWORD_RULES = ["length", "upper", "lower", "number", "symbol"];

package/dist/components/data-entry/radio.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";

package/dist/components/data-entry/rating.js

@@ -1,3 +1,4 @@
+"use client";
 import { Rating } from "../ui/rating";
 export {
   Rating

package/dist/components/data-entry/search-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Search, X } from "lucide-react";

package/dist/components/data-entry/search-select.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronsUpDown, Loader2, X } from "lucide-react";

package/dist/components/data-entry/select.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";

package/dist/components/data-entry/slider.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";

package/dist/components/data-entry/switch.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitive from "@radix-ui/react-switch";

package/dist/components/data-entry/tag-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { TagInput } from "../ui/tag-input";
 export {
   TagInput

package/dist/components/data-entry/textarea.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { X } from "lucide-react";

package/dist/components/data-entry/time-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Clock } from "lucide-react";

package/dist/components/data-entry/toggle-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { ToggleGroup, ToggleGroupItem } from "../ui/toggle-group";
 export {
   ToggleGroup,

package/dist/components/data-entry/toggle.js

@@ -1,3 +1,4 @@
+"use client";
 import { Toggle } from "../ui/toggle";
 export {
   Toggle

package/dist/components/data-entry/transfer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";

package/dist/components/data-entry/tree-select.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown, ChevronRight, ChevronsUpDown, X } from "lucide-react";

package/dist/components/data-entry/upload-crop-dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useTranslation } from "../../i18n/use-translation";

package/dist/components/data-entry/upload.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Camera, ImagePlus, RotateCcw, Trash2, Upload as UploadIcon, X } from "lucide-react";

package/dist/components/data-entry/use-upload-draft.js

@@ -1,3 +1,4 @@
+"use client";
 import * as React from "react";
 import {
   createUploadItem,

package/dist/components/feedback/alert.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {

package/dist/components/feedback/dialog.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";

package/dist/components/feedback/sheet.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";

package/dist/components/feedback/sonner.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { CheckCircle2, Info, Loader2, OctagonX, TriangleAlert } from "lucide-react";

package/dist/components/feedback/tooltip.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";

package/dist/components/feedback/use-toast.js

@@ -1,3 +1,4 @@
+"use client";
 import { toast as sonnerToast } from "sonner";
 export {
   sonnerToast,

package/dist/components/general/button.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
@@ -37,9 +38,10 @@ const buttonVariants = cva("ui-button", {
       "icon-lg": "size-[calc(var(--control-height)+0.25rem)]"
     },
     // Single source of corner radius (deterministic — no competing rounded-* utility): default uses
-    // the control radius token, pill is fully rounded, sharp is square.
+    // the dedicated --button-radius token (themeable independently of --control-radius, issue #124),
+    // pill is fully rounded, sharp is square.
     shape: {
-      default: "rounded-md",
+      default: "rounded-[var(--button-radius)]",
       pill: "rounded-[var(--radius-pill)]",
       sharp: "rounded-[var(--radius-sharp)]"
     }

package/dist/components/layout/app-shell.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "../../i18n/use-translation";
 function AppShell({

package/dist/components/layout/aspect-ratio.js

@@ -1,3 +1,4 @@
+"use client";
 import { AspectRatio } from "../ui/aspect-ratio";
 export {
   AspectRatio

package/dist/components/layout/breadcrumb.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation";

package/dist/components/layout/page-container.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { ChevronRight } from "lucide-react";

package/dist/components/layout/resizable.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
 import { cn } from "../../lib/utils";

package/dist/components/layout/separator.js

@@ -1,3 +1,4 @@
+"use client";
 import { Separator } from "../ui/separator";
 export {
   Separator

package/dist/components/layout/sidebar.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown } from "lucide-react";

package/dist/components/navigation/app-setting-picker.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import {

package/dist/components/navigation/context-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";

package/dist/components/navigation/dropdown-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";

package/dist/components/navigation/filter-bar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
 import { X } from "lucide-react";

package/dist/components/navigation/menubar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";

package/dist/components/navigation/navigation-menu.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";

package/dist/components/navigation/pagination.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";

package/dist/components/navigation/steps.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check, Circle, Loader2, X } from "lucide-react";
 import { useTranslation } from "../../i18n/use-translation";

package/dist/components/navigation/tabs.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";

package/dist/components/query/data-state.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertQueryError } from "../feedback/alert";

package/dist/components/query/infinite-query-state.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertQueryError } from "../feedback/alert";

package/dist/components/query/mutation-feedback.js

@@ -1,3 +1,4 @@
+"use client";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { AlertQueryError } from "../feedback/alert";
 function AlertMutationFeedback({

package/dist/components/query/prefetch-link.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Link } from "react-router-dom";

package/dist/components/query/query-refetch-button.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RefreshCw } from "lucide-react";
 import { Button } from "../general/button";

package/dist/components/ui/accordion.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";

package/dist/components/ui/alert-dialog.js

@@ -1 +1,2 @@
+"use client";
 export * from "../feedback/dialog";

package/dist/components/ui/alert.js

@@ -1 +1,2 @@
+"use client";
 export * from "../feedback/alert";

package/dist/components/ui/aspect-ratio.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";

package/dist/components/ui/avatar.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";

package/dist/components/ui/badge.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-display/badge";

package/dist/components/ui/button.js

@@ -1 +1,2 @@
+"use client";
 export * from "../general/button";

package/dist/components/ui/calendar.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/calendar";

package/dist/components/ui/carousel.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-display/carousel";

package/dist/components/ui/checkbox.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/checkbox";

package/dist/components/ui/color-picker.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/color-picker";

package/dist/components/ui/command.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/command";

package/dist/components/ui/context-menu.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/context-menu";

package/dist/components/ui/date-picker.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/date-picker";

package/dist/components/ui/date-range-picker.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/date-range-picker";

package/dist/components/ui/dialog.js

@@ -1 +1,2 @@
+"use client";
 export * from "../feedback/dialog";

package/dist/components/ui/dropdown-menu.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/dropdown-menu";

package/dist/components/ui/hover-card.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";

package/dist/components/ui/index.js

@@ -1,3 +1,4 @@
+"use client";
 export * from "./alert";
 export * from "./alert-dialog";
 export * from "./aspect-ratio";

package/dist/components/ui/input-otp.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";

package/dist/components/ui/input.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/input";

package/dist/components/ui/label.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/label";

package/dist/components/ui/menubar.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/menubar";

package/dist/components/ui/navigation-menu.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/navigation-menu";

package/dist/components/ui/pagination.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/pagination";

package/dist/components/ui/password-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Eye, EyeOff } from "lucide-react";

package/dist/components/ui/password-strength.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/password-strength";

package/dist/components/ui/popover.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-display/popover";

package/dist/components/ui/radio.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/radio";

package/dist/components/ui/rating.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Star } from "lucide-react";

package/dist/components/ui/resizable.js

@@ -1 +1,2 @@
+"use client";
 export * from "../layout/resizable";

package/dist/components/ui/scroll-area.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-display/scroll-area";

package/dist/components/ui/select.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/select";

package/dist/components/ui/separator.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";

package/dist/components/ui/sheet.js

@@ -1 +1,2 @@
+"use client";
 export * from "../feedback/sheet";

package/dist/components/ui/slider.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/slider";

package/dist/components/ui/sonner.js

@@ -1 +1,2 @@
+"use client";
 export * from "../feedback/sonner";

package/dist/components/ui/switch.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/switch";

package/dist/components/ui/tabs.js

@@ -1 +1,2 @@
+"use client";
 export * from "../navigation/tabs";

package/dist/components/ui/tag-input.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { X } from "lucide-react";

package/dist/components/ui/textarea.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/textarea";

package/dist/components/ui/time-picker.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/time-picker";

package/dist/components/ui/toggle-group.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";

package/dist/components/ui/toggle.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as TogglePrimitive from "@radix-ui/react-toggle";

package/dist/components/ui/upload.js

@@ -1 +1,2 @@
+"use client";
 export * from "../data-entry/upload";

package/dist/form/form-field-control.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormField } from "../components/data-entry/form-field";

package/dist/form/use-zod-form.js

@@ -1,3 +1,4 @@
+"use client";
 import {
   useForm
 } from "react-hook-form";

package/dist/i18n/use-translation.js

@@ -1,3 +1,4 @@
+"use client";
 import { useMemo } from "react";
 import { useOptionalAppContext } from "../app/app-provider";
 import { getDateFnsLocale, getDayPickerLocale } from "../app/locales";

package/dist/lib/control-styles.d.ts

@@ -1,6 +1,6 @@
 /** Shared control sizing — reads `--control-height`, `--font-size-*` from density / theme. */
-export declare const controlFieldClass = "ui-control w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
-export declare const controlMultilineClass = "ui-control-multiline w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const controlFieldClass = "ui-control w-full rounded-[var(--control-radius)] border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const controlMultilineClass = "ui-control-multiline w-full rounded-[var(--control-radius)] border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
 /**
  * Open-state ring for popup-style triggers (Select / Cascader / TreeSelect / SearchSelect).
  * Radix moves focus INTO the popup on open, so the trigger loses `:focus-visible` and — without
@@ -9,7 +9,7 @@ export declare const controlMultilineClass = "ui-control-multiline w-full rounde
  * `focus-visible:ring-*` on any trigger that toggles `data-state="open"`.
  */
 export declare const controlOpenRingClass = "data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]";
-export declare const controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-background shadow-sm transition-[color,box-shadow] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
+export declare const controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-[var(--control-radius)] border border-input bg-background shadow-sm transition-[color,box-shadow] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
 export declare const controlIconClass = "size-[length:var(--control-height)] shrink-0";
 export declare const controlIconSmClass = "size-[calc(var(--control-height)-0.5rem)] shrink-0";
 /** Leading/affix icon inside an input row (search, command) — sized to `--control-icon-size`. */

package/dist/lib/control-styles.js

@@ -1,7 +1,7 @@
-const controlFieldClass = "ui-control w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
-const controlMultilineClass = "ui-control-multiline w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
+const controlFieldClass = "ui-control w-full rounded-[var(--control-radius)] border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
+const controlMultilineClass = "ui-control-multiline w-full rounded-[var(--control-radius)] border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
 const controlOpenRingClass = "data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]";
-const controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-background shadow-sm transition-[color,box-shadow] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
+const controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-[var(--control-radius)] border border-input bg-background shadow-sm transition-[color,box-shadow] focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
 const controlIconClass = "size-[length:var(--control-height)] shrink-0";
 const controlIconSmClass = "size-[calc(var(--control-height)-0.5rem)] shrink-0";
 const controlIconLeadingClass = "size-[length:var(--control-icon-size)] shrink-0";

package/dist/lib/hooks.js

@@ -1,3 +1,4 @@
+"use client";
 import { useEffect, useState } from "react";
 function useDebouncedValue(value, delay = 250) {
   const [debounced, setDebounced] = useState(value);

package/dist/props/components/app.prop.js

@@ -0,0 +1 @@
+"use client";

package/dist/props/components/data-entry.prop.js

@@ -0,0 +1 @@
+"use client";

package/dist/props/components/form.prop.js

@@ -0,0 +1 @@
+"use client";

package/dist/props/components/query.prop.js

@@ -0,0 +1 @@
+"use client";

package/dist/styles/control.css

@@ -202,13 +202,19 @@
     height: var(--control-height);
     padding-inline-start: var(--control-padding-x);
     padding-inline-end: var(--control-padding-x);
-    font-size: var(--font-size-base);
+    font-size: var(--control-font-size);
+    border-width: var(--control-border-width);
+    border-style: solid;
+    box-shadow: var(--control-shadow);
   }
 
   .ui-control-multiline {
     min-height: calc(var(--control-height) * 2.75);
     padding: var(--space-2) var(--control-padding-x);
-    font-size: var(--font-size-base);
+    font-size: var(--control-font-size);
+    border-width: var(--control-border-width);
+    border-style: solid;
+    box-shadow: var(--control-shadow);
   }
 
   .ui-table-row {

package/dist/tokens/components/control.css

@@ -18,6 +18,17 @@
   --control-gap: var(--space-inline-sm);
   --control-gap-sm: var(--space-inline-xs);
   --control-radius: var(--radius);
+  /* Button corner radius — defaults to the button's historical `rounded-md` so nothing
+   * changes by default, but is its OWN knob so a service theme can retune the button
+   * radius INDEPENDENTLY of input/control radius (issue #124). */
+  --button-radius: var(--radius-md);
+  /* Control surface knobs — font-size, border width and resting shadow of every
+   * `.ui-control` (input / picker trigger). Tokenised so a service theme tunes them
+   * once instead of each component hard-coding Tailwind utilities. Defaults preserve
+   * the historical look (font-size-base, 1px border, shadow-xs). */
+  --control-font-size: var(--font-size-base);
+  --control-border-width: 1px;
+  --control-shadow: var(--shadow-xs);
   --control-icon-size: calc(1rem * var(--scaling));
   --control-icon-size-sm: calc(0.875rem * var(--scaling));
   --control-focus-ring-width: var(--focus-ring-width);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "16.7.0",
+  "version": "16.7.2",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -275,7 +275,7 @@
     "test:coverage": "vitest run --coverage",
     "check:example-imports": "node scripts/check-example-imports.mjs",
     "verify": "pnpm typecheck && pnpm lint && pnpm format && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm test",
-    "verify:release": "pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm test",
+    "verify:release": "pnpm typecheck && pnpm typecheck:docs && pnpm lint && pnpm build && pnpm preview:build && pnpm check:example-imports && pnpm check:core-isolation && pnpm check:use-client && pnpm check:prop-vocabulary && pnpm check:token-tiers && pnpm check:control-sizing && pnpm check:rtl && pnpm check:typography && pnpm check:mcp-token-sync && pnpm check:mcp-sync && pnpm check:mcp-orphans && pnpm check:audit-sync && pnpm check:mcp-prop-sync && pnpm check:contrast && pnpm test",
     "check:mcp-sync": "node scripts/check-mcp-sync.mjs",
     "check:mcp-orphans": "node scripts/check-mcp-orphans.mjs",
     "check:mcp-prop-sync": "node scripts/check-mcp-prop-sync.mjs",
@@ -293,14 +293,15 @@
     "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
     "audit": "node scripts/ui-audit.mjs",
     "audit:examples": "node scripts/ui-audit.mjs docs",
-    "build": "tsup && tsc -p tsconfig.build.json && node scripts/copy-styles.mjs",
+    "build": "tsup && tsc -p tsconfig.build.json && node scripts/copy-styles.mjs && node scripts/add-use-client.mjs",
     "dev": "node scripts/dev.mjs",
     "prepublishOnly": "pnpm run build",
     "check:audit-sync": "node scripts/check-audit-sync.mjs",
     "check:contrast": "node scripts/check-contrast.mjs",
     "visual-audit": "node scripts/visual-audit.mjs",
     "postinstall": "node scripts/postinstall.mjs",
-    "init-agent": "node scripts/init-agent-kit.mjs"
+    "init-agent": "node scripts/init-agent-kit.mjs",
+    "check:use-client": "node scripts/check-use-client.mjs"
   },
   "peerDependencies": {
     "@axe-core/playwright": "*",