@underverse-ui/underverse 1.0.178 → 1.0.179

package/dist/index.d.cts

@@ -30,6 +30,15 @@ declare const SIZE_STYLES_BTN: {
     icon: string;
 };
 
+declare const STANDARD_BORDER_MODES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"];
+declare const CUSTOM_BORDER_MAP: {
+    readonly daewoo: "rounded-2xl";
+    readonly infiniq: "rounded-full";
+};
+type StandardBorderMode = typeof STANDARD_BORDER_MODES[number];
+type CustomBorderMode = keyof typeof CUSTOM_BORDER_MAP;
+type BorderMode = StandardBorderMode | CustomBorderMode | (string & {});
+
 /** Public props for the `Button` component. */
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
@@ -60,6 +69,7 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
     noWrap?: boolean;
     noHoverOverlay?: boolean;
     gradient?: boolean;
+    borderMode?: BorderMode;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -162,6 +172,7 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
     leftIcon?: React__default.ComponentType<{
         className?: string;
     }>;
@@ -214,6 +225,7 @@ interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAr
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
     resize?: "none" | "vertical" | "horizontal" | "both";
     counter?: boolean;
     /** Enable OverlayScrollbars on textarea viewport. Default: false */
@@ -325,6 +337,7 @@ interface TagInputProps {
     };
     /** Maximum visible tags before showing "+N more" badge */
     maxVisibleTags?: number;
+    borderMode?: BorderMode;
 }
 declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -952,6 +965,7 @@ interface DatePickerProps {
     minDate?: Date;
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: Date;
+    borderMode?: BorderMode;
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
 /** Public props for the `DateRangePicker` component. */
@@ -974,6 +988,7 @@ interface DateRangePickerProps {
     /** Size variant */
     size?: "sm" | "md" | "lg";
     disabled?: boolean;
+    borderMode?: BorderMode;
 }
 declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
 declare const CompactDatePicker: React$1.FC<{
@@ -1051,6 +1066,7 @@ interface LunarDatePickerProps {
     minDate?: LunarPickerValue;
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: LunarPickerValue;
+    borderMode?: BorderMode;
 }
 declare const LunarDatePicker: React$1.FC<LunarDatePickerProps>;
 interface LunarDateRangePickerProps {
@@ -1068,6 +1084,7 @@ interface LunarDateRangePickerProps {
     maxDate?: LunarPickerValue;
     size?: "sm" | "md" | "lg";
     disabled?: boolean;
+    borderMode?: BorderMode;
 }
 declare const LunarDateRangePicker: React$1.FC<LunarDateRangePickerProps>;
 
@@ -1093,6 +1110,7 @@ interface DateTimePickerProps {
     clearLabel?: string;
     /** Size variant */
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
 }
 declare const DateTimePicker: React$1.FC<DateTimePickerProps>;
 
@@ -1150,8 +1168,9 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onOpen?: () => void;
     /** Callback when popover closes */
     onClose?: () => void;
+    borderMode?: BorderMode;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type MonthYearPickerVariant = "default" | "compact" | "inline";
 type PickerSize = "sm" | "md" | "lg";
@@ -1222,8 +1241,9 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
         month?: string;
         year?: string;
     };
+    borderMode?: BorderMode;
 }
-declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
+declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1728,6 +1748,7 @@ interface ComboboxProps {
     fontBold?: boolean;
     loading?: boolean;
     loadingText?: string;
+    borderMode?: BorderMode;
     showSelectedIcon?: boolean;
     maxHeight?: number;
     groupBy?: (option: ComboboxOption) => string;
@@ -1793,6 +1814,7 @@ interface MultiComboboxProps {
     loading?: boolean;
     loadingText?: string;
     emptyText?: string;
+    borderMode?: BorderMode;
     showSelectedIcons?: boolean;
     maxHeight?: number;
     groupBy?: (option: MultiComboboxOption) => string;
@@ -1836,6 +1858,7 @@ interface RadioGroupProps {
     orientation?: "horizontal" | "vertical";
     size?: "sm" | "md" | "lg";
     variant?: "default" | "card" | "button";
+    borderMode?: BorderMode;
     className?: string;
     children: React$1.ReactNode;
     required?: boolean;
@@ -2079,6 +2102,7 @@ interface CategoryTreeSelectBaseProps {
      * <CategoryTreeSelect baseIndent={0.25} indentSize={0.75} />
      */
     indentSize?: number;
+    borderMode?: BorderMode;
 }
 /** Multi-select mode. This is the default when `singleSelect` is omitted. */
 interface CategoryTreeSelectMultiProps extends CategoryTreeSelectBaseProps {
@@ -2506,8 +2530,9 @@ interface ColorPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
     showHarmony?: boolean;
     /** Max recent colors to remember */
     maxRecent?: number;
+    borderMode?: BorderMode;
 }
-declare function ColorPicker({ value, defaultValue, onChange, disabled, withAlpha, format, presets, className, triggerClassName, contentClassName, clearable, copyable, size, variant, showRecent, showHarmony, maxRecent, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPicker({ value, defaultValue, onChange, disabled, withAlpha, format, presets, className, triggerClassName, contentClassName, clearable, copyable, size, variant, showRecent, showHarmony, maxRecent, borderMode, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
 
 interface Song {
     id: number;

package/dist/index.d.ts

@@ -30,6 +30,15 @@ declare const SIZE_STYLES_BTN: {
     icon: string;
 };
 
+declare const STANDARD_BORDER_MODES: readonly ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"];
+declare const CUSTOM_BORDER_MAP: {
+    readonly daewoo: "rounded-2xl";
+    readonly infiniq: "rounded-full";
+};
+type StandardBorderMode = typeof STANDARD_BORDER_MODES[number];
+type CustomBorderMode = keyof typeof CUSTOM_BORDER_MAP;
+type BorderMode = StandardBorderMode | CustomBorderMode | (string & {});
+
 /** Public props for the `Button` component. */
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
@@ -60,6 +69,7 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
     noWrap?: boolean;
     noHoverOverlay?: boolean;
     gradient?: boolean;
+    borderMode?: BorderMode;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -162,6 +172,7 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
     leftIcon?: React__default.ComponentType<{
         className?: string;
     }>;
@@ -214,6 +225,7 @@ interface TextareaProps extends React__default.TextareaHTMLAttributes<HTMLTextAr
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
     resize?: "none" | "vertical" | "horizontal" | "both";
     counter?: boolean;
     /** Enable OverlayScrollbars on textarea viewport. Default: false */
@@ -325,6 +337,7 @@ interface TagInputProps {
     };
     /** Maximum visible tags before showing "+N more" badge */
     maxVisibleTags?: number;
+    borderMode?: BorderMode;
 }
 declare const TagInput: React__default.ForwardRefExoticComponent<TagInputProps & React__default.RefAttributes<HTMLInputElement>>;
 
@@ -952,6 +965,7 @@ interface DatePickerProps {
     minDate?: Date;
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: Date;
+    borderMode?: BorderMode;
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
 /** Public props for the `DateRangePicker` component. */
@@ -974,6 +988,7 @@ interface DateRangePickerProps {
     /** Size variant */
     size?: "sm" | "md" | "lg";
     disabled?: boolean;
+    borderMode?: BorderMode;
 }
 declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
 declare const CompactDatePicker: React$1.FC<{
@@ -1051,6 +1066,7 @@ interface LunarDatePickerProps {
     minDate?: LunarPickerValue;
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: LunarPickerValue;
+    borderMode?: BorderMode;
 }
 declare const LunarDatePicker: React$1.FC<LunarDatePickerProps>;
 interface LunarDateRangePickerProps {
@@ -1068,6 +1084,7 @@ interface LunarDateRangePickerProps {
     maxDate?: LunarPickerValue;
     size?: "sm" | "md" | "lg";
     disabled?: boolean;
+    borderMode?: BorderMode;
 }
 declare const LunarDateRangePicker: React$1.FC<LunarDateRangePickerProps>;
 
@@ -1093,6 +1110,7 @@ interface DateTimePickerProps {
     clearLabel?: string;
     /** Size variant */
     size?: "sm" | "md" | "lg";
+    borderMode?: BorderMode;
 }
 declare const DateTimePicker: React$1.FC<DateTimePickerProps>;
 
@@ -1150,8 +1168,9 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onOpen?: () => void;
     /** Callback when popover closes */
     onClose?: () => void;
+    borderMode?: BorderMode;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type MonthYearPickerVariant = "default" | "compact" | "inline";
 type PickerSize = "sm" | "md" | "lg";
@@ -1222,8 +1241,9 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
         month?: string;
         year?: string;
     };
+    borderMode?: BorderMode;
 }
-declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
+declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1728,6 +1748,7 @@ interface ComboboxProps {
     fontBold?: boolean;
     loading?: boolean;
     loadingText?: string;
+    borderMode?: BorderMode;
     showSelectedIcon?: boolean;
     maxHeight?: number;
     groupBy?: (option: ComboboxOption) => string;
@@ -1793,6 +1814,7 @@ interface MultiComboboxProps {
     loading?: boolean;
     loadingText?: string;
     emptyText?: string;
+    borderMode?: BorderMode;
     showSelectedIcons?: boolean;
     maxHeight?: number;
     groupBy?: (option: MultiComboboxOption) => string;
@@ -1836,6 +1858,7 @@ interface RadioGroupProps {
     orientation?: "horizontal" | "vertical";
     size?: "sm" | "md" | "lg";
     variant?: "default" | "card" | "button";
+    borderMode?: BorderMode;
     className?: string;
     children: React$1.ReactNode;
     required?: boolean;
@@ -2079,6 +2102,7 @@ interface CategoryTreeSelectBaseProps {
      * <CategoryTreeSelect baseIndent={0.25} indentSize={0.75} />
      */
     indentSize?: number;
+    borderMode?: BorderMode;
 }
 /** Multi-select mode. This is the default when `singleSelect` is omitted. */
 interface CategoryTreeSelectMultiProps extends CategoryTreeSelectBaseProps {
@@ -2506,8 +2530,9 @@ interface ColorPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>,
     showHarmony?: boolean;
     /** Max recent colors to remember */
     maxRecent?: number;
+    borderMode?: BorderMode;
 }
-declare function ColorPicker({ value, defaultValue, onChange, disabled, withAlpha, format, presets, className, triggerClassName, contentClassName, clearable, copyable, size, variant, showRecent, showHarmony, maxRecent, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPicker({ value, defaultValue, onChange, disabled, withAlpha, format, presets, className, triggerClassName, contentClassName, clearable, copyable, size, variant, showRecent, showHarmony, maxRecent, borderMode, ...rest }: ColorPickerProps): react_jsx_runtime.JSX.Element;
 
 interface Song {
     id: number;

package/dist/index.js

@@ -52,6 +52,26 @@ function cn(...inputs) {
 
 // src/components/Button.tsx
 import { Activity } from "lucide-react";
+
+// src/utils/radius.ts
+var STANDARD_BORDER_MODES = ["none", "sm", "md", "lg", "xl", "2xl", "3xl", "full"];
+var CUSTOM_BORDER_MAP = {
+  daewoo: "rounded-2xl",
+  infiniq: "rounded-full"
+};
+var BORDER_MODE_DOCS_TYPE = `"${STANDARD_BORDER_MODES.join('" | "')}" | "${Object.keys(CUSTOM_BORDER_MAP).join('" | "')}"`;
+function getBorderRadiusClass(borderMode = "full") {
+  if (!borderMode) return "rounded-full";
+  if (borderMode in CUSTOM_BORDER_MAP) {
+    return CUSTOM_BORDER_MAP[borderMode];
+  }
+  if (STANDARD_BORDER_MODES.includes(borderMode)) {
+    return `rounded-${borderMode}`;
+  }
+  return borderMode;
+}
+
+// src/components/Button.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Button = forwardRef(
   ({
@@ -78,9 +98,10 @@ var Button = forwardRef(
     noWrap = true,
     noHoverOverlay = false,
     gradient = false,
+    borderMode,
     ...rest
   }, ref) => {
-    const baseStyles = asContainer ? "relative inline-flex justify-center rounded-full font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 rounded-full font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
+    const baseStyles = asContainer ? "relative inline-flex justify-center font-medium transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px" : "relative inline-flex items-center justify-center gap-2 font-medium overflow-hidden transition-colors duration-150 ease-soft outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background active:translate-y-px";
     const finalVariant = gradient ? "gradient" : variant;
     const variantStyle = VARIANT_STYLES_BTN[finalVariant] || VARIANT_STYLES_BTN.default;
     const sizeStyle = SIZE_STYLES_BTN[size] || SIZE_STYLES_BTN.md;
@@ -123,6 +144,7 @@ var Button = forwardRef(
         title,
         className: cn(
           baseStyles,
+          getBorderRadiusClass(borderMode ?? "full"),
           variantStyle,
           sizeStyle,
           "group",
@@ -2796,6 +2818,7 @@ var Input = forwardRef3(
     value,
     maxLength,
     rightAddon,
+    borderMode,
     ...rest
   }, ref) => {
     const [localError, setLocalError] = useState4(error);
@@ -2887,6 +2910,7 @@ var Input = forwardRef3(
       hint: _hint,
       counter: _counter,
       rightAddon: _rightAddon,
+      borderMode: _borderMode,
       ...restInput
     } = rest;
     const handleFocus = (e) => {
@@ -2897,7 +2921,7 @@ var Input = forwardRef3(
       setIsFocused(false);
       onBlurProp?.(e);
     };
-    const radiusClass = size === "sm" ? "rounded-full" : "rounded-full";
+    const radiusClass = getBorderRadiusClass(borderMode ?? "full");
     return /* @__PURE__ */ jsxs5("div", { className: cn("w-full group", containerSpacing), children: [
       label && /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs5(
@@ -3277,6 +3301,7 @@ var Textarea = forwardRef3(
     required,
     value,
     maxLength,
+    borderMode,
     ...props
   }, ref) => {
     const [isFocused, setIsFocused] = useState4(false);
@@ -3356,7 +3381,8 @@ var Textarea = forwardRef3(
           onFocus: () => setIsFocused(true),
           onBlur: () => setIsFocused(false),
           className: cn(
-            "w-full rounded-2xl md:rounded-3xl text-foreground transition-all duration-200",
+            "w-full text-foreground transition-all duration-200",
+            getBorderRadiusClass(borderMode ?? "full"),
             "placeholder:text-muted-foreground focus:outline-none",
             "disabled:cursor-not-allowed disabled:opacity-50",
             sizeStyles8[size],
@@ -5297,7 +5323,8 @@ var TagInput = forwardRef5(
     loading: loading2 = false,
     maxTags,
     maxVisibleTags,
-    labels
+    labels,
+    borderMode
   }, ref) => {
     const [inputValue, setInputValue] = useState8("");
     const gi18n = useGlobalI18n();
@@ -5316,21 +5343,21 @@ var TagInput = forwardRef5(
     const moreLabel = labels?.moreCount?.replace("{count}", String(hiddenCount)) ?? `+${hiddenCount} more`;
     const sizeStyles8 = {
       sm: {
-        container: "min-h-8 p-1.5 gap-1 rounded-full",
+        container: "min-h-8 p-1.5 gap-1",
         input: "text-xs",
         tag: "px-1.5 py-0.5 text-xs gap-1 rounded-full",
         tagIcon: "h-3 w-3",
         button: "h-7 text-xs px-2"
       },
       md: {
-        container: "min-h-10 p-2 gap-1.5 rounded-full",
+        container: "min-h-10 p-2 gap-1.5",
         input: "text-sm",
         tag: "px-2 py-1 text-sm gap-1.5 rounded-full",
         tagIcon: "h-3.5 w-3.5",
         button: "h-9 text-sm px-3"
       },
       lg: {
-        container: "min-h-12 p-2.5 gap-2 rounded-full",
+        container: "min-h-12 p-2.5 gap-2",
         input: "text-base",
         tag: "px-2.5 py-1.5 text-base gap-2 rounded-full",
         tagIcon: "h-4 w-4",
@@ -5426,6 +5453,7 @@ var TagInput = forwardRef5(
             "bg-background border border-input",
             "transition-all duration-200",
             "hover:border-accent-foreground/20",
+            getBorderRadiusClass(borderMode ?? "full"),
             isFocused && "ring-1 ring-ring ring-offset-1 ring-offset-background border-transparent shadow-md",
             disabled && "opacity-50 cursor-not-allowed",
             sizeStyles8[size].container
@@ -8584,6 +8612,7 @@ var Combobox = ({
   fontBold = false,
   loading: loading2 = false,
   loadingText: loadingTextProp,
+  borderMode,
   showSelectedIcon = true,
   maxHeight = 280,
   groupBy,
@@ -8954,7 +8983,7 @@ var Combobox = ({
     filled: "border-0 bg-muted/50 hover:bg-muted/80"
   };
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
-  const radiusClass = "rounded-full";
+  const radiusClass = getBorderRadiusClass(borderMode ?? "full");
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
   const triggerButtonBaseProps = {
     ref: triggerRef,
@@ -9844,7 +9873,8 @@ var DatePicker = ({
   weekdayLabels,
   disablePastDates = false,
   minDate,
-  maxDate
+  maxDate,
+  borderMode
 }) => {
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -10382,7 +10412,7 @@ var DatePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-              "rounded-full",
+              getBorderRadiusClass(borderMode ?? "full"),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -10492,7 +10522,8 @@ var DateRangePicker = ({
   minDate,
   maxDate,
   size = "md",
-  disabled = false
+  disabled = false,
+  borderMode
 }) => {
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
@@ -11132,7 +11163,8 @@ var DateRangePicker = ({
             "aria-required": required,
             "aria-invalid": !!effectiveError,
             className: cn(
-              "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm",
+              "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
+              getBorderRadiusClass(borderMode ?? "full"),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -11512,7 +11544,8 @@ var LunarDatePicker = ({
   weekdayLabels,
   disablePastDates = false,
   minDate,
-  maxDate
+  maxDate,
+  borderMode
 }) => {
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -12061,7 +12094,7 @@ var LunarDatePicker = ({
             "aria-invalid": !!effectiveError,
             className: cn(
               "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
-              "rounded-full",
+              getBorderRadiusClass(borderMode ?? "full"),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -12177,7 +12210,8 @@ var LunarDateRangePicker = ({
   minDate,
   maxDate,
   size = "md",
-  disabled = false
+  disabled = false,
+  borderMode
 }) => {
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
@@ -12680,7 +12714,8 @@ var LunarDateRangePicker = ({
             "aria-required": required,
             "aria-invalid": !!effectiveError,
             className: cn(
-              "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm",
+              "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
+              getBorderRadiusClass(borderMode ?? "full"),
               sizeStyles8[size].trigger,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
@@ -13199,6 +13234,7 @@ function MonthYearPicker({
   showThisMonth = true,
   columnLabels = { month: "Month", year: "Year" },
   className,
+  borderMode,
   ...rest
 }) {
   const gi18n = useGlobalI18n();
@@ -13358,7 +13394,8 @@ function MonthYearPicker({
       "aria-required": required,
       "aria-invalid": !!effectiveError,
       className: cn(
-        "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm",
+        "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
+        getBorderRadiusClass(borderMode ?? "full"),
         sz.height,
         sz.padding,
         sz.text,
@@ -14723,6 +14760,7 @@ function TimePicker({
   onOpen,
   onClose,
   className,
+  borderMode,
   ...rest
 }) {
   const tv = useSmartTranslations("ValidationInput");
@@ -15063,7 +15101,8 @@ function TimePicker({
       "aria-required": required,
       "aria-invalid": !!effectiveError,
       className: cn(
-        "group flex w-full items-center justify-between rounded-full border bg-background/80 backdrop-blur-sm",
+        "group flex w-full items-center justify-between border bg-background/80 backdrop-blur-sm",
+        getBorderRadiusClass(borderMode ?? "full"),
         sz.height,
         sz.padding,
         sz.text,
@@ -15543,7 +15582,8 @@ var DateTimePicker = ({
   required,
   doneLabel,
   clearLabel,
-  size = "md"
+  size = "md",
+  borderMode
 }) => {
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -15723,7 +15763,8 @@ var DateTimePicker = ({
             "aria-required": required,
             "aria-invalid": !!effectiveError,
             className: cn(
-              "flex w-full items-center justify-between rounded-full border border-input bg-background",
+              "flex w-full items-center justify-between border border-input bg-background",
+              getBorderRadiusClass(borderMode ?? "full"),
               sizeStyles8[size].trigger,
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
               disabled && "opacity-50 cursor-not-allowed",
@@ -18768,6 +18809,7 @@ var MultiCombobox = ({
   loading: loading2 = false,
   loadingText: loadingTextProp,
   emptyText: emptyTextProp,
+  borderMode,
   showSelectedIcons = true,
   maxHeight = 280,
   groupBy,
@@ -19181,7 +19223,8 @@ var MultiCombobox = ({
       "aria-required": required,
       "aria-invalid": !!effectiveError,
       className: cn(
-        "group flex w-full items-center gap-2 rounded-full transition-all duration-200",
+        "group flex w-full items-center gap-2 transition-all duration-200",
+        getBorderRadiusClass(borderMode ?? "full"),
         sizeStyles8[size].trigger,
         variantStyles6[variant],
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
@@ -19375,6 +19418,7 @@ var RadioGroup = React46.forwardRef(
     orientation = "vertical",
     size = "md",
     variant = "default",
+    borderMode,
     className,
     children,
     required = false,
@@ -19403,7 +19447,8 @@ var RadioGroup = React46.forwardRef(
           name: radioName,
           disabled,
           size,
-          variant
+          variant,
+          borderMode
         },
         children: /* @__PURE__ */ jsxs38("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx50(
@@ -19452,7 +19497,7 @@ var sizeStyles7 = {
 };
 var RadioGroupItem = React46.forwardRef(
   ({ value, id, disabled, className, children, label, labelClassName, description, icon }, ref) => {
-    const { value: selectedValue, onValueChange, name, disabled: groupDisabled, size = "md", variant = "default" } = useRadioGroup();
+    const { value: selectedValue, onValueChange, name, disabled: groupDisabled, size = "md", variant = "default", borderMode } = useRadioGroup();
     const isDisabled = disabled || groupDisabled;
     const isSelected = selectedValue === value;
     const Icon = icon;
@@ -19462,7 +19507,8 @@ var RadioGroupItem = React46.forwardRef(
         "div",
         {
           className: cn(
-            "relative rounded-xl border transition-all duration-200 cursor-pointer",
+            "relative border transition-all duration-200 cursor-pointer",
+            getBorderRadiusClass(borderMode ?? "xl"),
             "hover:bg-accent/50 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
             isSelected && "border-primary bg-primary/5 ring-1 ring-primary/20",
             isDisabled && "cursor-not-allowed opacity-50",
@@ -19537,7 +19583,8 @@ var RadioGroupItem = React46.forwardRef(
           id: radioId,
           disabled: isDisabled,
           className: cn(
-            "inline-flex items-center justify-center gap-2 rounded-lg border font-medium transition-all duration-200",
+            "inline-flex items-center justify-center gap-2 border font-medium transition-all duration-200",
+            getBorderRadiusClass(borderMode ?? "lg"),
             "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
             "disabled:cursor-not-allowed disabled:opacity-50",
             isSelected ? "border-primary bg-primary text-primary-foreground shadow-sm" : "border-border/50 bg-background hover:bg-accent hover:text-accent-foreground",
@@ -20652,7 +20699,8 @@ function CategoryTreeSelect(props) {
     baseIndent = TREE_NODE_BASE_PADDING_REM,
     indentSize = TREE_NODE_INDENT_REM,
     renderItemActions,
-    singleSelect = false
+    singleSelect = false,
+    borderMode
   } = props;
   const [isOpen, setIsOpen] = useState33(false);
   const [expandedNodes, setExpandedNodes] = useState33(
@@ -21340,7 +21388,8 @@ function CategoryTreeSelect(props) {
               }
             },
             className: cn(
-              "group flex w-full items-center justify-between rounded-full transition-all duration-200",
+              "group flex w-full items-center justify-between transition-all duration-200",
+              getBorderRadiusClass(borderMode ?? "full"),
               "backdrop-blur-sm",
               triggerSizeStyles[size].button,
               triggerVariantStyles[variant],
@@ -23915,6 +23964,7 @@ function ColorPicker({
   showRecent = false,
   showHarmony = false,
   maxRecent = 8,
+  borderMode,
   ...rest
 }) {
   const gi18n = useGlobalI18n();
@@ -24013,7 +24063,8 @@ function ColorPicker({
       type: "button",
       disabled,
       className: cn(
-        "w-full px-3 rounded-full border border-input bg-background flex items-center justify-between",
+        "w-full px-3 border border-input bg-background flex items-center justify-between",
+        getBorderRadiusClass(borderMode ?? "full"),
         sizeClasses2[size],
         "hover:border-accent-foreground/30 transition-colors",
         disabled && "opacity-50 cursor-not-allowed",