@underverse-ui/underverse 1.0.178 → 1.0.180

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.178",
+  "version": "1.0.180",
   "sourceEntry": "src/index.ts",
   "totalExports": 248,
   "exports": [

package/dist/index.cjs

@@ -247,6 +247,26 @@ function cn(...inputs) {
 
 // src/components/Button.tsx
 var import_lucide_react = require("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
 var import_jsx_runtime = require("react/jsx-runtime");
 var Button = (0, import_react.forwardRef)(
   ({
@@ -273,9 +293,10 @@ var Button = (0, import_react.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;
@@ -318,6 +339,7 @@ var Button = (0, import_react.forwardRef)(
         title,
         className: cn(
           baseStyles,
+          getBorderRadiusClass(borderMode ?? "full"),
           variantStyle,
           sizeStyle,
           "group",
@@ -2991,6 +3013,7 @@ var Input = (0, import_react4.forwardRef)(
     value,
     maxLength,
     rightAddon,
+    borderMode,
     ...rest
   }, ref) => {
     const [localError, setLocalError] = (0, import_react4.useState)(error);
@@ -3082,6 +3105,7 @@ var Input = (0, import_react4.forwardRef)(
       hint: _hint,
       counter: _counter,
       rightAddon: _rightAddon,
+      borderMode: _borderMode,
       ...restInput
     } = rest;
     const handleFocus = (e) => {
@@ -3092,7 +3116,7 @@ var Input = (0, import_react4.forwardRef)(
       setIsFocused(false);
       onBlurProp?.(e);
     };
-    const radiusClass = size === "sm" ? "rounded-full" : "rounded-full";
+    const radiusClass = getBorderRadiusClass(borderMode ?? "full");
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("w-full group", containerSpacing), children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
@@ -3472,6 +3496,7 @@ var Textarea = (0, import_react4.forwardRef)(
     required,
     value,
     maxLength,
+    borderMode,
     ...props
   }, ref) => {
     const [isFocused, setIsFocused] = (0, import_react4.useState)(false);
@@ -3551,7 +3576,8 @@ var Textarea = (0, import_react4.forwardRef)(
           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],
@@ -5209,6 +5235,245 @@ var STICKER_PACKS = [
       { id: "confident", name: "Goku Black Confident", animation: "bounce" },
       { id: "pointing", name: "Goku Black Pointing", animation: "pulse" }
     ]
+  },
+  {
+    id: "db_hit",
+    name: "Hit (Dragon Ball)",
+    thumbnail: "calm",
+    stickers: [
+      { id: "calm", name: "Hit Calm", animation: "wiggle" },
+      { id: "time_skip", name: "Hit Time Skip", animation: "pulse" },
+      { id: "glare", name: "Hit Glare", animation: "pulse" },
+      { id: "fight_stance", name: "Hit Fight Stance", animation: "shake" },
+      { id: "adjusting_coat", name: "Hit Adjusting Coat", animation: "wiggle" },
+      { id: "serious", name: "Hit Serious", animation: "wiggle" },
+      { id: "assassin", name: "Hit Flash Fist", animation: "pulse" },
+      { id: "injured", name: "Hit Injured", animation: "wiggle" },
+      { id: "closed_eyes", name: "Hit Meditating", animation: "wiggle" },
+      { id: "smirk", name: "Hit Rare Smirk", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_jiren",
+    name: "Jiren (Dragon Ball)",
+    thumbnail: "crossed_arms",
+    stickers: [
+      { id: "crossed_arms", name: "Jiren Crossed Arms", animation: "wiggle" },
+      { id: "glare", name: "Jiren Glare", animation: "pulse" },
+      { id: "power_up", name: "Jiren Power Up", animation: "shake" },
+      { id: "punching", name: "Jiren Punching", animation: "shake" },
+      { id: "meditation", name: "Jiren Meditation", animation: "wiggle" },
+      { id: "fireball", name: "Jiren Fireball", animation: "pulse" },
+      { id: "screaming", name: "Jiren Screaming", animation: "shake" },
+      { id: "shield", name: "Jiren Barrier", animation: "pop" },
+      { id: "stoic", name: "Jiren Stoic", animation: "wiggle" },
+      { id: "unfazed", name: "Jiren Unfazed", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_frieza",
+    name: "Frieza (Dragon Ball)",
+    thumbnail: "golden_pose",
+    stickers: [
+      { id: "evil_laugh", name: "Frieza Evil Laugh", animation: "bounce" },
+      { id: "golden_pose", name: "Golden Frieza", animation: "pulse" },
+      { id: "smirk", name: "Frieza Smirk", animation: "wiggle" },
+      { id: "death_ball", name: "Death Ball", animation: "pulse" },
+      { id: "furious", name: "Frieza Furious", animation: "shake" },
+      { id: "mocking", name: "Frieza Mocking", animation: "bounce" },
+      { id: "shocked", name: "Frieza Shocked", animation: "pop" },
+      { id: "kicked", name: "Frieza Pain", animation: "wiggle" },
+      { id: "telekinesis", name: "Telekinesis", animation: "pulse" },
+      { id: "sinister_glare", name: "Sinister Glare", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_gohan",
+    name: "Gohan (Dragon Ball)",
+    thumbnail: "study",
+    stickers: [
+      { id: "study", name: "Gohan Studying", animation: "wiggle" },
+      { id: "beast_scream", name: "Gohan Beast", animation: "shake" },
+      { id: "masenko", name: "Gohan Masenko", animation: "pulse" },
+      { id: "happy", name: "Gohan Happy", animation: "bounce" },
+      { id: "mystic_glare", name: "Ultimate Gohan", animation: "pulse" },
+      { id: "fight_stance", name: "Gohan Fighting", animation: "shake" },
+      { id: "shocked", name: "Gohan Shocked", animation: "pop" },
+      { id: "crying", name: "Gohan Crying", animation: "wiggle" },
+      { id: "thumbs_up", name: "Gohan Thumbs Up", animation: "bounce" },
+      { id: "protective", name: "Gohan Protective", animation: "pulse" }
+    ]
+  },
+  {
+    id: "db_piccolo",
+    name: "Piccolo (Dragon Ball)",
+    thumbnail: "crossed_arms",
+    stickers: [
+      { id: "meditate", name: "Piccolo Meditating", animation: "wiggle" },
+      { id: "special_beam", name: "Special Beam Cannon", animation: "pulse" },
+      { id: "orange_power", name: "Orange Piccolo", animation: "shake" },
+      { id: "crossed_arms", name: "Piccolo Crossed Arms", animation: "wiggle" },
+      { id: "cape_throw", name: "Cape Throw", animation: "pop" },
+      { id: "angry", name: "Piccolo Angry", animation: "shake" },
+      { id: "smirk", name: "Piccolo Smirk", animation: "wiggle" },
+      { id: "regeneration", name: "Regeneration", animation: "pulse" },
+      { id: "surprised", name: "Piccolo Surprised", animation: "pop" },
+      { id: "paternal", name: "Piccolo Proud", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_bulma",
+    name: "Bulma (Dragon Ball)",
+    thumbnail: "radar",
+    stickers: [
+      { id: "radar", name: "Bulma Radar", animation: "wiggle" },
+      { id: "angry", name: "Bulma Angry", animation: "shake" },
+      { id: "happy", name: "Bulma Happy", animation: "bounce" },
+      { id: "thinking", name: "Bulma Thinking", animation: "wiggle" },
+      { id: "shocked", name: "Bulma Shocked", animation: "pop" },
+      { id: "smirk", name: "Bulma Smirk", animation: "wiggle" },
+      { id: "sigh", name: "Bulma Sigh", animation: "wiggle" },
+      { id: "scared", name: "Bulma Scared", animation: "pop" },
+      { id: "drinking", name: "Bulma Coffee", animation: "bounce" },
+      { id: "waving", name: "Bulma Waving", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_trunks",
+    name: "Future Trunks (Dragon Ball)",
+    thumbnail: "sword_ready",
+    stickers: [
+      { id: "sword_ready", name: "Trunks Sword Ready", animation: "pulse" },
+      { id: "rage_scream", name: "Super Saiyan Rage", animation: "shake" },
+      { id: "burning_attack", name: "Burning Attack", animation: "pulse" },
+      { id: "sad", name: "Trunks Sad", animation: "wiggle" },
+      { id: "happy", name: "Trunks Happy", animation: "bounce" },
+      { id: "fight_stance", name: "Trunks Fighting", animation: "shake" },
+      { id: "sword_slash", name: "Sword Slash", animation: "pulse" },
+      { id: "shocked", name: "Trunks Shocked", animation: "pop" },
+      { id: "determined", name: "Trunks Determined", animation: "wiggle" },
+      { id: "salute", name: "Trunks Salute", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_android17",
+    name: "Android 17 (Dragon Ball)",
+    thumbnail: "ranger",
+    stickers: [
+      { id: "ranger", name: "Ranger 17", animation: "wiggle" },
+      { id: "shield", name: "Android Barrier", animation: "pulse" },
+      { id: "calm", name: "Android 17 Calm", animation: "wiggle" },
+      { id: "angry", name: "Android 17 Angry", animation: "shake" },
+      { id: "happy", name: "Android 17 Happy", animation: "bounce" },
+      { id: "fight", name: "Android 17 Fighting", animation: "shake" },
+      { id: "injured", name: "Android 17 Injured", animation: "wiggle" },
+      { id: "wink", name: "Android 17 Wink", animation: "pop" },
+      { id: "barrier_blast", name: "Barrier Blast", animation: "pulse" },
+      { id: "meditating", name: "Android 17 Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_android18",
+    name: "Android 18 (Dragon Ball)",
+    thumbnail: "hair_flip",
+    stickers: [
+      { id: "hair_flip", name: "Android 18 Hair Flip", animation: "wiggle" },
+      { id: "happy", name: "Android 18 Happy", animation: "bounce" },
+      { id: "fight", name: "Android 18 Fighting", animation: "shake" },
+      { id: "glare", name: "Android 18 Glare", animation: "pulse" },
+      { id: "wink", name: "Android 18 Wink", animation: "pop" },
+      { id: "bored", name: "Android 18 Bored", animation: "wiggle" },
+      { id: "angry", name: "Android 18 Angry", animation: "shake" },
+      { id: "shopping", name: "Android 18 Shopping", animation: "bounce" },
+      { id: "injured", name: "Android 18 Injured", animation: "wiggle" },
+      { id: "meditating", name: "Android 18 Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_krillin",
+    name: "Krillin (Dragon Ball)",
+    thumbnail: "destructo_disk",
+    stickers: [
+      { id: "destructo_disk", name: "Destructo Disk", animation: "pulse" },
+      { id: "fight", name: "Krillin Fighting", animation: "shake" },
+      { id: "solar_flare", name: "Solar Flare", animation: "pulse" },
+      { id: "happy", name: "Krillin Happy", animation: "bounce" },
+      { id: "shocked", name: "Krillin Shocked", animation: "pop" },
+      { id: "injured", name: "Krillin Injured", animation: "wiggle" },
+      { id: "kamehameha", name: "Krillin Kamehameha", animation: "pulse" },
+      { id: "love", name: "Krillin Love", animation: "bounce" },
+      { id: "serious", name: "Krillin Serious", animation: "pulse" },
+      { id: "zen", name: "Krillin Meditating", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_roshi",
+    name: "Master Roshi (Dragon Ball)",
+    thumbnail: "peace",
+    stickers: [
+      { id: "peace", name: "Roshi Peace", animation: "bounce" },
+      { id: "fight", name: "Roshi Fighting", animation: "shake" },
+      { id: "buff", name: "Roshi Max Power", animation: "pulse" },
+      { id: "nosebleed", name: "Roshi Nosebleed", animation: "bounce" },
+      { id: "kamehameha", name: "Roshi Kamehameha", animation: "pulse" },
+      { id: "laughing", name: "Roshi Laughing", animation: "bounce" },
+      { id: "wink", name: "Roshi Wink", animation: "pop" },
+      { id: "peace_v2", name: "Roshi Cool", animation: "bounce" },
+      { id: "thinking", name: "Roshi Thinking", animation: "wiggle" },
+      { id: "sleeping", name: "Roshi Sleeping", animation: "wiggle" }
+    ]
+  },
+  {
+    id: "db_zamasu",
+    name: "Zamasu (Dragon Ball)",
+    thumbnail: "sinister",
+    stickers: [
+      { id: "sinister", name: "Zamasu Sinister", animation: "pulse" },
+      { id: "god_stance", name: "Zamasu God Stance", animation: "wiggle" },
+      { id: "holy_wrath", name: "Holy Wrath", animation: "pulse" },
+      { id: "fusion_prep", name: "Potara Fusion Prep", animation: "pop" },
+      { id: "tears", name: "Holy Tears", animation: "wiggle" },
+      { id: "shocked", name: "Zamasu Shocked", animation: "shake" },
+      { id: "blade", name: "Zamasu Ki Blade", animation: "shake" },
+      { id: "laughing", name: "Zamasu Laughing", animation: "bounce" },
+      { id: "injured", name: "Zamasu Corrupted", animation: "shake" },
+      { id: "happy", name: "Zamasu Smug", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_whis",
+    name: "Whis (Dragon Ball)",
+    thumbnail: "eating",
+    stickers: [
+      { id: "eating", name: "Whis Eating", animation: "bounce" },
+      { id: "laughing", name: "Whis Laughing", animation: "bounce" },
+      { id: "shocked", name: "Whis Shocked", animation: "pop" },
+      { id: "calm", name: "Whis Calm", animation: "wiggle" },
+      { id: "wink", name: "Whis Wink", animation: "pop" },
+      { id: "pointing", name: "Whis Pointing", animation: "wiggle" },
+      { id: "yawning", name: "Whis Yawning", animation: "wiggle" },
+      { id: "dodging", name: "Whis Dodging", animation: "shake" },
+      { id: "sleeping", name: "Whis Sleeping", animation: "wiggle" },
+      { id: "sushi", name: "Whis Sushi", animation: "bounce" },
+      { id: "tea", name: "Whis Tea", animation: "bounce" }
+    ]
+  },
+  {
+    id: "db_shin",
+    name: "Shin (Dragon Ball)",
+    thumbnail: "shocked",
+    stickers: [
+      { id: "shocked", name: "Shin Shocked", animation: "shake" },
+      { id: "fight", name: "Shin Fighting", animation: "shake" },
+      { id: "telekinesis", name: "Shin Telekinesis", animation: "pulse" },
+      { id: "happy", name: "Shin Happy", animation: "bounce" },
+      { id: "scared", name: "Shin Scared", animation: "shake" },
+      { id: "thinking", name: "Shin Thinking", animation: "wiggle" },
+      { id: "potara", name: "Shin Potara", animation: "pop" },
+      { id: "katchin", name: "Shin Katchin", animation: "bounce" },
+      { id: "angry", name: "Shin Angry", animation: "shake" },
+      { id: "zen", name: "Shin Meditating", animation: "wiggle" }
+    ]
   }
 ];
 
@@ -5492,7 +5757,8 @@ var TagInput = (0, import_react10.forwardRef)(
     loading: loading2 = false,
     maxTags,
     maxVisibleTags,
-    labels
+    labels,
+    borderMode
   }, ref) => {
     const [inputValue, setInputValue] = (0, import_react10.useState)("");
     const gi18n = useGlobalI18n();
@@ -5511,21 +5777,21 @@ var TagInput = (0, import_react10.forwardRef)(
     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",
@@ -5621,6 +5887,7 @@ var TagInput = (0, import_react10.forwardRef)(
             "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
@@ -8779,6 +9046,7 @@ var Combobox = ({
   fontBold = false,
   loading: loading2 = false,
   loadingText: loadingTextProp,
+  borderMode,
   showSelectedIcon = true,
   maxHeight = 280,
   groupBy,
@@ -9149,7 +9417,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,
@@ -10039,7 +10307,8 @@ var DatePicker = ({
   weekdayLabels,
   disablePastDates = false,
   minDate,
-  maxDate
+  maxDate,
+  borderMode
 }) => {
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -10577,7 +10846,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",
@@ -10687,7 +10956,8 @@ var DateRangePicker = ({
   minDate,
   maxDate,
   size = "md",
-  disabled = false
+  disabled = false,
+  borderMode
 }) => {
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
@@ -11327,7 +11597,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",
@@ -11707,7 +11978,8 @@ var LunarDatePicker = ({
   weekdayLabels,
   disablePastDates = false,
   minDate,
-  maxDate
+  maxDate,
+  borderMode
 }) => {
   const t = useSmartTranslations("DatePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -12256,7 +12528,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",
@@ -12372,7 +12644,8 @@ var LunarDateRangePicker = ({
   minDate,
   maxDate,
   size = "md",
-  disabled = false
+  disabled = false,
+  borderMode
 }) => {
   const locale = useSmartLocale();
   const t = useSmartTranslations("DatePicker");
@@ -12875,7 +13148,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",
@@ -13394,6 +13668,7 @@ function MonthYearPicker({
   showThisMonth = true,
   columnLabels = { month: "Month", year: "Year" },
   className,
+  borderMode,
   ...rest
 }) {
   const gi18n = useGlobalI18n();
@@ -13553,7 +13828,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,
@@ -14918,6 +15194,7 @@ function TimePicker({
   onOpen,
   onClose,
   className,
+  borderMode,
   ...rest
 }) {
   const tv = useSmartTranslations("ValidationInput");
@@ -15258,7 +15535,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,
@@ -15738,7 +16016,8 @@ var DateTimePicker = ({
   required,
   doneLabel,
   clearLabel,
-  size = "md"
+  size = "md",
+  borderMode
 }) => {
   const t = useSmartTranslations("DateTimePicker");
   const tv = useSmartTranslations("ValidationInput");
@@ -15918,7 +16197,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",
@@ -18963,6 +19243,7 @@ var MultiCombobox = ({
   loading: loading2 = false,
   loadingText: loadingTextProp,
   emptyText: emptyTextProp,
+  borderMode,
   showSelectedIcons = true,
   maxHeight = 280,
   groupBy,
@@ -19376,7 +19657,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",
@@ -19570,6 +19852,7 @@ var RadioGroup = React46.forwardRef(
     orientation = "vertical",
     size = "md",
     variant = "default",
+    borderMode,
     className,
     children,
     required = false,
@@ -19598,7 +19881,8 @@ var RadioGroup = React46.forwardRef(
           name: radioName,
           disabled,
           size,
-          variant
+          variant,
+          borderMode
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-2", children: [
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
@@ -19647,7 +19931,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;
@@ -19657,7 +19941,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",
@@ -19732,7 +20017,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",
@@ -20847,7 +21133,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] = (0, import_react26.useState)(false);
   const [expandedNodes, setExpandedNodes] = (0, import_react26.useState)(
@@ -21535,7 +21822,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],
@@ -24094,6 +24382,7 @@ function ColorPicker({
   showRecent = false,
   showHarmony = false,
   maxRecent = 8,
+  borderMode,
   ...rest
 }) {
   const gi18n = useGlobalI18n();
@@ -24192,7 +24481,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",