@sofya-ds/react 1.3.6 → 1.3.8

package/dist/index.cjs

@@ -60,6 +60,7 @@ __export(index_exports, {
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
   Dropdown: () => Dropdown,
+  DropdownSearch: () => DropdownSearch,
   Empty: () => Empty,
   EmptyContent: () => EmptyContent,
   EmptyDescription: () => EmptyDescription,
@@ -773,7 +774,7 @@ var accordionItemClasses = {
   card: "group/accordion-item bg-transparent text-foreground"
 };
 var accordionTriggerClasses = {
-  default: "sofya-accordion-trigger flex flex-1 items-center justify-between gap-4 py-4 text-left [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] font-medium leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-foreground transition-colors duration-sofya ease-sofya focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
+  default: "sofya-accordion-trigger flex flex-1 items-center justify-between gap-4 py-4 text-left [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] font-medium leading-[var(--sofya-text-tiny-line-height)] tracking-[var(--sofya-text-tiny-letter-spacing)] text-foreground transition-colors duration-sofya ease-sofya focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
   card: "sofya-accordion-trigger flex w-full items-center justify-between gap-4 rounded-[16px] border border-secondary bg-[color:var(--sofya-background)] px-6 py-4 text-left text-foreground transition-[background-color,border-color,box-shadow,color] duration-sofya ease-sofya hover:border-secondary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50"
 };
 var accordionContentClasses = {
@@ -851,7 +852,7 @@ var AccordionTrigger = React4.forwardRef(
                       renderTextContent(children, {
                         as: "span",
                         className: "block min-w-0 text-foreground",
-                        size: appearance === "card" ? "h5" : "body",
+                        size: appearance === "card" ? "body" : "tiny",
                         style: appearance === "card" ? void 0 : {
                           color: "inherit",
                           fontFamily: "inherit",
@@ -864,7 +865,7 @@ var AccordionTrigger = React4.forwardRef(
                       hasDescription ? renderTextContent(description, {
                         as: "span",
                         className: "block min-w-0 text-muted-foreground",
-                        size: "body"
+                        size: "tiny"
                       }) : null
                     ]
                   }
@@ -907,7 +908,8 @@ var AccordionContent = React4.forwardRef(({ className, children, contentClassNam
             contentClassName
           ),
           children: renderTextContent(children, {
-            className: appearance === "card" ? "text-foreground" : "text-muted-foreground"
+            className: appearance === "card" ? "text-foreground" : "text-muted-foreground",
+            size: "tiny"
           })
         }
       )
@@ -1023,7 +1025,7 @@ var AlertDescription = React5.forwardRef(function AlertDescription2({ children,
       children: renderTextContent(children, {
         as: "span",
         className: "block text-current/80",
-        size: "body"
+        size: "tiny"
       })
     }
   );
@@ -1047,7 +1049,7 @@ var badgeVariantOptions = [
 var badgeAlertOptions = ["default", "medium", "high"];
 var badgePillToneOptions = ["neutral", "danger"];
 var badgeVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex min-h-[34px] items-center justify-center whitespace-nowrap rounded-[5px] px-4 py-2 text-[14px] font-semibold uppercase leading-none tracking-[0.08em] transition-colors duration-sofya ease-sofya",
+  "inline-flex min-h-[34px] items-center justify-center whitespace-nowrap rounded-[5px] px-4 py-2 [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] font-semibold uppercase leading-none tracking-[0.08em] transition-colors duration-sofya ease-sofya",
   {
     variants: {
       variant: {
@@ -1066,7 +1068,7 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
   }
 );
 var badgeAlertVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex min-h-[34px] items-center justify-center whitespace-nowrap rounded-[5px] px-4 py-2 text-[14px] font-semibold uppercase leading-none tracking-[0.08em] transition-colors duration-sofya ease-sofya",
+  "inline-flex min-h-[34px] items-center justify-center whitespace-nowrap rounded-[5px] px-4 py-2 [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] font-semibold uppercase leading-none tracking-[0.08em] transition-colors duration-sofya ease-sofya",
   {
     variants: {
       alert: {
@@ -1081,7 +1083,7 @@ var badgeAlertVariants = (0, import_class_variance_authority3.cva)(
   }
 );
 var badgePillVariants = (0, import_class_variance_authority3.cva)(
-  "inline-flex h-[30px] items-center justify-center whitespace-nowrap rounded-full border px-4 py-2 text-[12px] font-semibold leading-none tracking-normal transition-colors duration-sofya ease-sofya",
+  "inline-flex h-[30px] items-center justify-center whitespace-nowrap rounded-full border px-4 py-2 [font-family:var(--sofya-text-extra-tiny-font-family)] text-[length:var(--sofya-text-extra-tiny-font-size)] font-semibold leading-none tracking-normal transition-colors duration-sofya ease-sofya",
   {
     variants: {
       tone: {
@@ -1895,7 +1897,7 @@ var Checkbox = React10.forwardRef(
                 children: renderTextContent(label, {
                   as: "span",
                   className: "text-[color:var(--sofya-text-default)]",
-                  size: "body"
+                  size: "tiny"
                 })
               }
             ) : null,
@@ -1910,7 +1912,7 @@ var Checkbox = React10.forwardRef(
                 children: renderTextContent(description, {
                   as: "span",
                   className: "text-muted-foreground",
-                  size: "body"
+                  size: "tiny"
                 })
               }
             ) : null
@@ -1953,7 +1955,8 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 var dropdownVariantOptions = [
   "card",
   "language",
-  "selected"
+  "selected",
+  "action"
 ];
 var dropdownAppearanceOptions = ["card"];
 var dropdownTriggerSizeOptions = ["default", "sm", "lg"];
@@ -1965,7 +1968,8 @@ var dropdownLanguageItems = [
 var dropdownTriggerToneClasses = {
   card: "text-primary",
   language: "",
-  selected: "w-full border-[color:var(--sofya-border-strong)] [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)]"
+  selected: "w-full border-[color:var(--sofya-border-strong)] [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[var(--sofya-text-tiny-line-height)] tracking-[var(--sofya-text-tiny-letter-spacing)]",
+  action: ""
 };
 var dropdownTriggerSizeClasses = {
   regular: {
@@ -1982,6 +1986,11 @@ var dropdownTriggerSizeClasses = {
     default: "h-5 w-5 p-0",
     sm: "h-[18px] w-[18px] p-0",
     lg: "h-6 w-6 p-0"
+  },
+  action: {
+    default: "h-10 w-10 p-0",
+    sm: "h-8 w-8 p-0",
+    lg: "h-12 w-12 p-0"
   }
 };
 var dropdownAppearanceClasses = {
@@ -1993,12 +2002,14 @@ var dropdownAppearanceClasses = {
 var dropdownContentBaseClasses = {
   card: "border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]",
   language: "w-[224px] min-w-[224px] border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]",
-  selected: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-[var(--radix-dropdown-menu-trigger-width)] border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]"
+  selected: "w-[var(--radix-dropdown-menu-trigger-width)] min-w-[var(--radix-dropdown-menu-trigger-width)] border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]",
+  action: "w-[224px] min-w-[224px] border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]"
 };
 var dropdownItemClasses = {
   card: "text-foreground",
   language: "text-foreground",
-  selected: "text-foreground"
+  selected: "text-foreground",
+  action: "text-foreground"
 };
 function isButtonLanguageLocale(value) {
   return buttonLanguageLocaleOptions.includes(value);
@@ -2024,6 +2035,9 @@ function resolveDropdownTriggerSizeFamily(variant) {
   if (variant === "selected") {
     return "selected";
   }
+  if (variant === "action") {
+    return "action";
+  }
   return "regular";
 }
 function DefaultDropdownTriggerIcon({ variant }) {
@@ -2062,6 +2076,7 @@ function Dropdown({
   defaultOpen,
   defaultValue,
   disabled = false,
+  iconTrigger,
   items,
   itemClassName,
   modal,
@@ -2078,9 +2093,10 @@ function Dropdown({
 }) {
   const isLanguageVariant = variant === "language";
   const isSelectedVariant = variant === "selected";
+  const isActionVariant = variant === "action";
   const resolvedAppearance = resolveDropdownAppearance({ appearance, variant });
   const triggerSizeFamily = resolveDropdownTriggerSizeFamily(variant);
-  const usesDefaultListStyle = !isLanguageVariant;
+  const usesDefaultListStyle = !isLanguageVariant && !isActionVariant;
   const resolvedItems = React12.useMemo(
     () => isLanguageVariant ? items && items.length > 0 ? items : dropdownLanguageItems : items ?? [],
     [isLanguageVariant, items]
@@ -2091,6 +2107,7 @@ function Dropdown({
     onChange: onValueChange,
     value
   });
+  const [subValues, setSubValues] = React12.useState({});
   const radioValue = selectedValue ?? "";
   const selectedItem = resolvedItems.find(
     (item) => item.value === selectedValue
@@ -2112,7 +2129,7 @@ function Dropdown({
     setUncontrolledSelectedValue,
     value
   ]);
-  const resolvedTriggerIcon = isLanguageVariant ? void 0 : triggerIcon === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownTriggerIcon, { variant }) : triggerIcon;
+  const resolvedTriggerIcon = isLanguageVariant || isActionVariant ? void 0 : triggerIcon === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownTriggerIcon, { variant }) : triggerIcon;
   const triggerLabel = selectedItem?.triggerLabel ?? selectedItem?.label ?? placeholder;
   const selectedTriggerToneClassName = isSelectedVariant ? hasSelectedItem ? "text-foreground" : "text-[color:var(--sofya-text-soft)]" : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -2127,7 +2144,7 @@ function Dropdown({
           Button,
           {
             type: "button",
-            variant: isLanguageVariant ? "language" : "dropdown",
+            variant: isLanguageVariant ? "language" : isActionVariant ? "ghost" : "dropdown",
             languageLocale: selectedLanguageLocale,
             "data-appearance": resolvedAppearance,
             "data-trigger-size": triggerSize,
@@ -2139,11 +2156,12 @@ function Dropdown({
               selectedTriggerToneClassName,
               triggerClassName
             ),
+            leftIcon: isActionVariant ? iconTrigger : void 0,
             rightIcon: resolvedTriggerIcon,
-            children: isLanguageVariant ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 truncate", children: renderTextContent(triggerLabel, {
+            children: isLanguageVariant || isActionVariant ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 truncate", children: renderTextContent(triggerLabel, {
               as: "span",
               className: "block min-w-0 truncate text-inherit",
-              size: "body"
+              size: "tiny"
             }) })
           }
         ) }),
@@ -2170,43 +2188,121 @@ function Dropdown({
                   const itemLanguageLocale = resolveItemLanguageLocale(item);
                   const indicator = item.indicator ?? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownItemIndicator, {});
                   const itemIcon = item.icon ?? (variant === "language" && itemLanguageLocale ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LanguageFlagIcon, { locale: itemLanguageLocale }) : null);
+                  if (isActionVariant && item.subItems && item.subItems.length > 0) {
+                    const currentSubValue = subValues[item.value];
+                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(DropdownMenuPrimitive.Sub, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                        DropdownMenuPrimitive.SubTrigger,
+                        {
+                          disabled: item.disabled,
+                          className: cn(
+                            "flex w-full min-w-0 overflow-hidden cursor-pointer items-center gap-2.5 rounded-full px-1.5 py-1 outline-none transition-colors duration-sofya ease-sofya",
+                            "data-[highlighted]:bg-muted data-[state=open]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+                            dropdownItemClasses[variant],
+                            itemClassName
+                          ),
+                          children: [
+                            itemIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate", children: renderTextContent(item.label, {
+                              as: "span",
+                              className: "block truncate text-inherit",
+                              size: "tiny"
+                            }) }),
+                            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center text-[color:var(--sofya-text-subtle)]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { name: "caret-right", size: 12 }) })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        DropdownMenuPrimitive.SubContent,
+                        {
+                          sideOffset: 4,
+                          className: cn(
+                            "sofya-dropdown-content z-50 w-[224px] min-w-[224px] overflow-hidden border bg-card p-2 outline-none",
+                            "rounded-[20px] border-[color:var(--sofya-border-strong)] text-foreground shadow-[var(--sofya-shadow-soft)]"
+                          ),
+                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            DropdownMenuPrimitive.RadioGroup,
+                            {
+                              value: currentSubValue ?? "",
+                              onValueChange: (subValue) => {
+                                setSubValues((prev) => ({
+                                  ...prev,
+                                  [item.value]: subValue
+                                }));
+                                setSelectedValue(subValue);
+                              },
+                              className: "grid gap-1",
+                              children: item.subItems.map((subItem) => {
+                                const isSubSelected = subItem.value === currentSubValue;
+                                return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                                  DropdownMenuPrimitive.RadioItem,
+                                  {
+                                    value: subItem.value,
+                                    disabled: subItem.disabled,
+                                    className: cn(
+                                      "flex w-full min-w-0 overflow-hidden cursor-pointer items-center gap-2.5 rounded-full px-1.5 py-1 text-foreground outline-none transition-colors duration-sofya ease-sofya",
+                                      "data-[highlighted]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-40"
+                                    ),
+                                    children: [
+                                      subItem.icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: subItem.icon }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate", children: renderTextContent(subItem.label, {
+                                        as: "span",
+                                        className: "block truncate text-inherit",
+                                        size: "tiny"
+                                      }) }),
+                                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                                        "span",
+                                        {
+                                          "aria-hidden": "true",
+                                          className: cn(
+                                            "flex h-4 w-4 shrink-0 items-center justify-center text-primary transition-opacity duration-sofya ease-sofya",
+                                            isSubSelected ? "opacity-100" : "opacity-0"
+                                          ),
+                                          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DefaultDropdownItemIndicator, {})
+                                        }
+                                      )
+                                    ]
+                                  },
+                                  subItem.value
+                                );
+                              })
+                            }
+                          )
+                        }
+                      ) })
+                    ] }, item.value);
+                  }
                   if (!usesDefaultListStyle) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                       DropdownMenuPrimitive.RadioItem,
                       {
                         value: item.value,
                         disabled: item.disabled,
-                        asChild: true,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                          Button,
-                          {
-                            variant: "ghost",
-                            className: cn(
-                              "h-auto w-full px-1.5 py-1 font-normal data-[highlighted]:bg-muted [&>span.relative]:w-full",
-                              dropdownItemClasses[variant],
-                              itemClassName
-                            ),
-                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex w-full items-center gap-2.5", children: [
-                              itemIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }),
-                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate text-left", children: renderTextContent(item.label, {
-                                as: "span",
-                                className: "block truncate text-inherit",
-                                size: "tiny"
-                              }) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                                "span",
-                                {
-                                  "aria-hidden": "true",
-                                  className: cn(
-                                    "flex h-4 w-4 shrink-0 items-center justify-center text-primary transition-opacity duration-sofya ease-sofya",
-                                    isSelected ? "opacity-100" : "opacity-0"
-                                  ),
-                                  children: indicator
-                                }
-                              )
-                            ] })
-                          }
-                        )
+                        className: cn(
+                          "flex w-full min-w-0 overflow-hidden cursor-pointer items-center gap-2.5 rounded-full px-1.5 py-1 outline-none transition-colors duration-sofya ease-sofya",
+                          "data-[highlighted]:bg-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+                          dropdownItemClasses[variant],
+                          itemClassName
+                        ),
+                        children: [
+                          itemIcon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "flex shrink-0 items-center justify-center", children: itemIcon }),
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1 truncate", children: renderTextContent(item.label, {
+                            as: "span",
+                            className: "block truncate text-inherit",
+                            size: "tiny"
+                          }) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: cn(
+                                "flex h-4 w-4 shrink-0 items-center justify-center text-primary transition-opacity duration-sofya ease-sofya",
+                                isSelected ? "opacity-100" : "opacity-0"
+                              ),
+                              children: indicator
+                            }
+                          )
+                        ]
                       },
                       item.value
                     );
@@ -2217,7 +2313,7 @@ function Dropdown({
                       value: item.value,
                       disabled: item.disabled,
                       className: cn(
-                        "flex w-full cursor-pointer items-center rounded-[4px] [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[22px] tracking-[var(--sofya-text-body-letter-spacing)] outline-none transition-colors duration-sofya ease-sofya data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
+                        "flex w-full cursor-pointer items-center rounded-[4px] [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[22px] tracking-[var(--sofya-text-tiny-letter-spacing)] outline-none transition-colors duration-sofya ease-sofya data-[disabled]:pointer-events-none data-[disabled]:opacity-40",
                         "px-0 py-0 data-[highlighted]:bg-transparent [&[data-highlighted]_span[data-dropdown-item-body]]:bg-[color:var(--sofya-surface-selected)]",
                         dropdownItemClasses[variant],
                         itemClassName
@@ -2261,262 +2357,21 @@ function Dropdown({
   );
 }
 
-// src/components/dialog.tsx
-var React13 = __toESM(require("react"), 1);
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogInternalContext = React13.createContext({
-  showCloseButton: true
-});
-var DialogOverlay = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "sofya-dialog-overlay fixed inset-0 z-50 bg-foreground/24 backdrop-blur-[6px]",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React13.forwardRef(
-  ({
-    className,
-    children,
-    cardClassName,
-    overlayClassName,
-    showCloseButton = true,
-    variant = "card",
-    ...props
-  }, ref) => {
-    const dialogCardStyle = {
-      "--sofya-surface-shadow-override": "var(--sofya-shadow-lg)"
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogInternalContext.Provider, { value: { showCloseButton }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, { className: overlayClassName }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "sofya-dialog-positioner fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-        DialogPrimitive.Content,
-        {
-          ref,
-          className: cn(
-            "sofya-dialog-content relative flex w-full max-w-[680px] max-h-[calc(100vh-2rem)] outline-none",
-            className
-          ),
-          ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            Card,
-            {
-              variant,
-              className: cn(
-                "flex max-h-[inherit] min-h-0 w-full flex-col gap-6 overflow-y-auto overflow-x-hidden p-6",
-                cardClassName
-              ),
-              style: dialogCardStyle,
-              children
-            }
-          )
-        }
-      ) })
-    ] }) });
-  }
-);
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-function DialogHeader({ className, children, ...props }) {
-  const { showCloseButton } = React13.useContext(DialogInternalContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    "div",
-    {
-      className: cn("flex w-full items-start justify-between gap-4", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 text-left", children }),
-        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "icon",
-            "aria-label": "Close",
-            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "x", size: 18 }),
-            className: "shrink-0 text-muted-foreground hover:text-foreground"
-          }
-        ) }) : null
-      ]
-    }
-  );
-}
-function DialogBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "div",
-    {
-      className: cn("flex flex-col gap-4", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    "div",
-    {
-      className: cn("flex items-center justify-end gap-2", className),
-      ...props
-    }
-  );
-}
-var DialogCancel = React13.forwardRef(
-  ({ type = "button", variant = "ghost", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { ref, type, variant, ...props }) })
-);
-DialogCancel.displayName = "DialogCancel";
-var DialogTitle = React13.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn("text-card-foreground", className),
-    ...props,
-    children: renderTextContent(children, {
-      as: "span",
-      className: "block text-card-foreground",
-      size: "h3"
-    })
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React13.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-muted-foreground", className),
-    ...props,
-    children: renderTextContent(children, {
-      as: "span",
-      className: "block text-muted-foreground",
-      size: "body"
-    })
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/components/empty.tsx
-var React14 = __toESM(require("react"), 1);
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var emptyMediaVariantOptions = ["default", "icon"];
-var emptyMediaVariants = (0, import_class_variance_authority5.cva)(
-  "inline-flex shrink-0 items-center justify-center transition-[background-color,border-color,color,box-shadow] duration-sofya ease-sofya",
-  {
-    variants: {
-      variant: {
-        default: "[&_img]:max-w-full [&_svg]:shrink-0 [&_svg]:text-primary",
-        icon: "h-16 w-16 rounded-full border border-primary/10 bg-primary/10 text-primary [&_svg]:h-7 [&_svg]:w-7 [&_svg]:shrink-0"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var EmptyMedia = React14.forwardRef(function EmptyMedia2({ className, variant, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props });
-});
-function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "div",
-    {
-      className: cn("flex max-w-[34rem] flex-col items-center gap-4 text-center", className),
-      ...props
-    }
-  );
-}
-function EmptyTitle({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "h2",
-    {
-      className: cn("text-foreground", className),
-      ...props,
-      children: renderTextContent(children, {
-        as: "span",
-        className: "block text-foreground",
-        size: "h4"
-      })
-    }
-  );
-}
-function EmptyDescription({
-  children,
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "p",
-    {
-      className: cn("max-w-full text-muted-foreground whitespace-nowrap", className),
-      ...props,
-      children: renderTextContent(children, {
-        as: "span",
-        className: "inline-block whitespace-nowrap text-muted-foreground",
-        size: "body"
-      })
-    }
-  );
-}
-function EmptyContent({ children, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "div",
-    {
-      className: cn("flex flex-wrap items-center justify-center gap-4 text-center", className),
-      ...props,
-      children: renderTextContent(children, {
-        as: "span"
-      })
-    }
-  );
-}
-var Empty = React14.forwardRef(function Empty2({ children, className, content, description, media, title, ...props }, ref) {
-  const hasCustomChildren = React14.Children.count(children) > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex min-h-[280px] w-full flex-col items-center justify-center gap-6 rounded-[28px] bg-gradient-to-b from-card via-card to-muted/45 px-6 py-10 text-center",
-        className
-      ),
-      ...props,
-      children: hasCustomChildren ? children : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmptyHeader, { children: [
-          media ?? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyMedia, { variant: "icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "folders", size: 28 }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyTitle, { children: title ?? "Nada por aqui" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyDescription, { children: description ?? "Quando houver conte\xFAdo dispon\xEDvel, ele aparecer\xE1 aqui." })
-        ] }),
-        content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyContent, { children: content }) : null
-      ] })
-    }
-  );
-});
-Empty.displayName = "Empty";
-EmptyMedia.displayName = "EmptyMedia";
-EmptyHeader.displayName = "EmptyHeader";
-EmptyTitle.displayName = "EmptyTitle";
-EmptyDescription.displayName = "EmptyDescription";
-EmptyContent.displayName = "EmptyContent";
+// src/components/dropdown-search.tsx
+var React18 = __toESM(require("react"), 1);
 
 // src/components/input.tsx
-var React17 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var import_input_otp2 = require("input-otp");
 
 // src/lib/field-shell.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function FieldLabel({
   children,
   className,
   htmlFor,
   textClassName = "block text-[color:var(--sofya-text-default)]",
-  textSize = "body",
+  textSize = "tiny",
   textStyle = {
     fontWeight: 500
   }
@@ -2525,7 +2380,7 @@ function FieldLabel({
     return null;
   }
   const Component = htmlFor ? "label" : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Component,
     {
       className: cn("text-[color:var(--sofya-text-default)]", className),
@@ -2552,8 +2407,8 @@ function FieldShell({
   if (!label && !containerClassName) {
     return control;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
-    label ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: cn("grid w-full gap-2", containerClassName), children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       FieldLabel,
       {
         className: labelClassName,
@@ -2569,10 +2424,10 @@ function FieldShell({
 }
 
 // src/components/input-upload.tsx
-var React15 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var import_icons_react4 = require("@tabler/icons-react");
 var import_react2 = require("motion/react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var uploadKindOptions = ["document", "image", "video"];
 var uploadAcceptByKind = {
   document: ".pdf,.doc,.docx,.txt,.rtf,.odt,.jpg,.jpeg,.png,.webp,.gif",
@@ -2666,7 +2521,7 @@ function resolveUploadFileVisualKind(file, fallbackKind) {
   return "document";
 }
 function UploadGlyph({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_icons_react4.IconUpload,
     {
       "aria-hidden": "true",
@@ -2679,7 +2534,7 @@ function UploadFileTypeGlyph({
   kind
 }) {
   if (kind === "image") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_icons_react4.IconPhoto,
       {
         "aria-hidden": "true",
@@ -2688,7 +2543,7 @@ function UploadFileTypeGlyph({
     );
   }
   if (kind === "video") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       import_icons_react4.IconVideo,
       {
         "aria-hidden": "true",
@@ -2696,7 +2551,7 @@ function UploadFileTypeGlyph({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_icons_react4.IconFileText,
     {
       "aria-hidden": "true",
@@ -2704,7 +2559,7 @@ function UploadFileTypeGlyph({
     }
   );
 }
-var UploadInputControl = React15.forwardRef(function UploadInputControl2({
+var UploadInputControl = React13.forwardRef(function UploadInputControl2({
   accept,
   "aria-label": ariaLabel,
   className,
@@ -2718,17 +2573,17 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
   resolvedId,
   ...uploadProps
 }, ref) {
-  const inputRef = React15.useRef(null);
-  const [isDragActive, setIsDragActive] = React15.useState(false);
-  const [selectedFiles, setSelectedFiles] = React15.useState([]);
+  const inputRef = React13.useRef(null);
+  const [isDragActive, setIsDragActive] = React13.useState(false);
+  const [selectedFiles, setSelectedFiles] = React13.useState([]);
   const resolvedMultiple = multiple ?? true;
   const prefersReducedMotion = (0, import_react2.useReducedMotion)();
-  React15.useImperativeHandle(ref, () => inputRef.current);
+  React13.useImperativeHandle(ref, () => inputRef.current);
   const resolvedAccept = accept ?? uploadAcceptByKind[uploadKind];
   const resolvedAriaLabel = ariaLabel ?? uploadAriaLabelByKind[uploadKind];
   const resolvedTitle = uploadTitle ?? "Arraste arquivos aqui ou clique para selecionar";
   const resolvedDescription = uploadDescription ?? uploadDescriptionByKind[uploadKind];
-  const syncSelectedFiles = React15.useCallback(
+  const syncSelectedFiles = React13.useCallback(
     (files) => {
       const normalizedFiles = resolvedMultiple ? files : files.slice(0, 1);
       setSelectedFiles(normalizedFiles);
@@ -2736,7 +2591,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [onFilesChange, resolvedMultiple]
   );
-  const applyFilesToInput = React15.useCallback((files) => {
+  const applyFilesToInput = React13.useCallback((files) => {
     const inputElement = inputRef.current;
     if (!inputElement || typeof DataTransfer === "undefined") {
       return false;
@@ -2755,7 +2610,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
       return false;
     }
   }, []);
-  const handleInputChange = React15.useCallback(
+  const handleInputChange = React13.useCallback(
     (event) => {
       const nextFiles = mergeUploadFiles(
         selectedFiles,
@@ -2774,12 +2629,12 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
       syncSelectedFiles
     ]
   );
-  const openPicker = React15.useCallback(() => {
+  const openPicker = React13.useCallback(() => {
     if (!disabled) {
       inputRef.current?.click();
     }
   }, [disabled]);
-  const handleKeyDown = React15.useCallback(
+  const handleKeyDown = React13.useCallback(
     (event) => {
       if (disabled) {
         return;
@@ -2791,7 +2646,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [disabled, openPicker]
   );
-  const handleDragEnter = React15.useCallback(
+  const handleDragEnter = React13.useCallback(
     (event) => {
       event.preventDefault();
       if (!disabled) {
@@ -2800,7 +2655,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDragLeave = React15.useCallback(
+  const handleDragLeave = React13.useCallback(
     (event) => {
       if (disabled) {
         return;
@@ -2813,7 +2668,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDragOver = React15.useCallback(
+  const handleDragOver = React13.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -2824,7 +2679,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [disabled]
   );
-  const handleDrop = React15.useCallback(
+  const handleDrop = React13.useCallback(
     (event) => {
       event.preventDefault();
       if (disabled) {
@@ -2857,7 +2712,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
       syncSelectedFiles
     ]
   );
-  const handleRemoveFile = React15.useCallback(
+  const handleRemoveFile = React13.useCallback(
     (fileIndex) => {
       if (disabled) {
         return;
@@ -2868,8 +2723,8 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
     },
     [applyFilesToInput, disabled, selectedFiles, syncSelectedFiles]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "grid w-full gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid w-full gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "input",
       {
         ...uploadProps,
@@ -2884,7 +2739,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
         onChange: handleInputChange
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "label",
       {
         "aria-disabled": disabled || void 0,
@@ -2904,16 +2759,16 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
         onDrop: handleDrop,
         onKeyDown: handleKeyDown,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex size-10 items-center justify-center rounded-[6px] p-2 text-[color:var(--sofya-text-default)]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(UploadGlyph, { className: "size-[18px]" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[color:var(--sofya-text-default)]", children: renderTextContent(resolvedTitle, {
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "flex size-10 items-center justify-center rounded-[6px] p-2 text-[color:var(--sofya-text-default)]", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(UploadGlyph, { className: "size-[18px]" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[color:var(--sofya-text-default)]", children: renderTextContent(resolvedTitle, {
             as: "span",
             className: "block text-[color:var(--sofya-text-default)]",
-            size: "body",
+            size: "tiny",
             style: {
               fontWeight: 500
             }
           }) }),
-          resolvedDescription ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-[color:var(--sofya-text-subtle)]", children: renderTextContent(resolvedDescription, {
+          resolvedDescription ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-[color:var(--sofya-text-subtle)]", children: renderTextContent(resolvedDescription, {
             as: "span",
             className: "block text-[color:var(--sofya-text-subtle)]",
             size: "extra-tiny"
@@ -2921,9 +2776,9 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { role: "list", className: "grid gap-4 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react2.AnimatePresence, { initial: false, children: selectedFiles.map((file, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { role: "list", className: "grid gap-4 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react2.AnimatePresence, { initial: false, children: selectedFiles.map((file, index) => {
       const fileKey = resolveUploadFileSignature(file);
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         import_react2.motion.div,
         {
           role: "listitem",
@@ -2932,24 +2787,24 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
           animate: prefersReducedMotion ? { opacity: 1 } : { opacity: 1, y: 0 },
           exit: prefersReducedMotion ? { opacity: 0 } : { opacity: 0, y: -6 },
           transition: uploadListItemTransition,
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { variant: "card", className: "flex items-center gap-4 p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-[color:var(--sofya-surface-hover)] text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Card, { variant: "card", className: "flex items-center gap-4 p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "flex size-11 shrink-0 items-center justify-center rounded-full bg-[color:var(--sofya-surface-hover)] text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               UploadFileTypeGlyph,
               {
                 className: "size-[18px]",
                 kind: resolveUploadFileVisualKind(file, uploadKind)
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "truncate text-[color:var(--sofya-text-default)]", children: renderTextContent(file.name, {
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "truncate text-[color:var(--sofya-text-default)]", children: renderTextContent(file.name, {
                 as: "span",
                 className: "block truncate text-[color:var(--sofya-text-default)]",
-                size: "body",
+                size: "tiny",
                 style: {
                   fontWeight: 500
                 }
               }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "mt-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(
                 `${resolveUploadFileBadge(
                   file
                 )} \xB7 ${formatUploadFileSize(file.size)}`,
@@ -2960,7 +2815,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
                 }
               ) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 "aria-label": `Remover ${file.name}`,
@@ -2972,7 +2827,7 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
                   event.stopPropagation();
                   handleRemoveFile(index);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   Icon,
                   {
                     "aria-hidden": "true",
@@ -2993,11 +2848,11 @@ var UploadInputControl = React15.forwardRef(function UploadInputControl2({
 UploadInputControl.displayName = "UploadInputControl";
 
 // src/components/input-otp.tsx
-var React16 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 var import_input_otp = require("input-otp");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var InputOTP = React16.forwardRef(({ className, containerClassName, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var InputOTP = React14.forwardRef(({ className, containerClassName, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_input_otp.OTPInput,
     {
       ref,
@@ -3011,8 +2866,8 @@ var InputOTP = React16.forwardRef(({ className, containerClassName, ...props },
   );
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React16.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var InputOTPGroup = React14.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -3025,12 +2880,12 @@ var InputOTPGroup = React16.forwardRef(({ className, ...props }, ref) => {
   );
 });
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React16.forwardRef(
+var InputOTPSlot = React14.forwardRef(
   ({ className, index, ...props }, ref) => {
-    const otpContext = React16.useContext(import_input_otp.OTPInputContext);
+    const otpContext = React14.useContext(import_input_otp.OTPInputContext);
     const slot = otpContext.slots[index];
     if (!slot) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
         "div",
         {
           ref,
@@ -3042,7 +2897,7 @@ var InputOTPSlot = React16.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         ref,
@@ -3054,15 +2909,15 @@ var InputOTPSlot = React16.forwardRef(
         ...props,
         children: [
           slot.char ?? null,
-          slot.hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "h-10 w-[2px] animate-pulse rounded-full bg-primary shadow-[var(--sofya-shadow-caret-glow)]" }) }) : null
+          slot.hasFakeCaret ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "h-10 w-[2px] animate-pulse rounded-full bg-primary shadow-[var(--sofya-shadow-caret-glow)]" }) }) : null
         ]
       }
     );
   }
 );
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React16.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var InputOTPSeparator = React14.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref,
@@ -3072,22 +2927,22 @@ var InputOTPSeparator = React16.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "." })
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: "." })
     }
   );
 });
 InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/input.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var inputVariantOptions = [
   "default",
   "search",
   "otp",
   "upload"
 ];
-var Input = React17.forwardRef((props, ref) => {
-  const generatedId = React17.useId();
+var Input = React15.forwardRef((props, ref) => {
+  const generatedId = React15.useId();
   const resolvedId = props.id ?? generatedId;
   const variant = props.variant ?? "default";
   if (variant === "otp") {
@@ -3115,7 +2970,7 @@ var Input = React17.forwardRef((props, ref) => {
     );
     const hasTrailingGroup = resolvedSplitIndex < resolvedLength;
     const otpAriaLabel = otpProps["aria-label"] ?? "Verification code";
-    const otpControl = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    const otpControl = /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
       InputOTP,
       {
         ref,
@@ -3128,7 +2983,7 @@ var Input = React17.forwardRef((props, ref) => {
         containerClassName: className2,
         ...otpProps,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from({ length: resolvedSplitIndex }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from({ length: resolvedSplitIndex }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             InputOTPSlot,
             {
               className: otpSlotClassName,
@@ -3136,10 +2991,10 @@ var Input = React17.forwardRef((props, ref) => {
             },
             `otp-leading-${index}`
           )) }),
-          hasTrailingGroup ? otpSeparator ?? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPSeparator, { className: otpSeparatorClassName }) : null,
-          hasTrailingGroup ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from(
+          hasTrailingGroup ? otpSeparator ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPSeparator, { className: otpSeparatorClassName }) : null,
+          hasTrailingGroup ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(InputOTPGroup, { className: otpGroupClassName, children: Array.from(
             { length: resolvedLength - resolvedSplitIndex },
-            (_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            (_, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               InputOTPSlot,
               {
                 className: otpSlotClassName,
@@ -3151,7 +3006,7 @@ var Input = React17.forwardRef((props, ref) => {
         ]
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FieldShell,
       {
         containerClassName: containerClassName2,
@@ -3170,7 +3025,7 @@ var Input = React17.forwardRef((props, ref) => {
       variant: _variant2,
       ...uploadProps
     } = props;
-    const uploadControl = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    const uploadControl = /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       UploadInputControl,
       {
         ...uploadProps,
@@ -3178,22 +3033,22 @@ var Input = React17.forwardRef((props, ref) => {
         resolvedId
       }
     );
-    const uploadLabel = label2 || uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+    const uploadLabel = label2 || uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
       renderTextContent(label2, {
         as: "span",
         className: "text-[color:var(--sofya-text-default)]",
-        size: "body",
+        size: "tiny",
         style: {
           fontWeight: 700
         }
       }),
-      uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "ml-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(uploadOptionalLabel, {
+      uploadOptionalLabel ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "ml-2 text-[color:var(--sofya-text-subtle)]", children: renderTextContent(uploadOptionalLabel, {
         as: "span",
         className: "text-[color:var(--sofya-text-subtle)]",
         size: "tiny"
       }) }) : null
     ] }) : void 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FieldShell,
       {
         containerClassName: containerClassName2,
@@ -3216,8 +3071,8 @@ var Input = React17.forwardRef((props, ref) => {
   const isSearch = variant === "search";
   const resolvedType = type ?? (isSearch ? "search" : void 0);
   const ariaLabel = nativeProps["aria-label"] ?? (typeof label === "string" ? label : isSearch ? "Search" : void 0);
-  const nativeControl = isSearch ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex h-[88px] w-full items-center gap-6 rounded-full border border-[color:var(--sofya-border-strong)] bg-card px-8 shadow-none transition-[border-color,box-shadow,background-color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] hover:ring-2 hover:ring-[color:var(--sofya-focus-ring-soft)] focus-within:border-transparent focus-within:ring-2 focus-within:ring-[color:var(--sofya-focus-ring-soft)] has-[:active]:border-transparent has-[:active]:ring-2 has-[:active]:ring-[color:var(--sofya-focus-ring-soft)]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const nativeControl = isSearch ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex h-[88px] w-full items-center gap-6 rounded-full border border-[color:var(--sofya-border-strong)] bg-card px-8 shadow-none transition-[border-color,box-shadow,background-color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] hover:ring-2 hover:ring-[color:var(--sofya-focus-ring-soft)] focus-within:border-transparent focus-within:ring-2 focus-within:ring-[color:var(--sofya-focus-ring-soft)] has-[:active]:border-transparent has-[:active]:ring-2 has-[:active]:ring-[color:var(--sofya-focus-ring-soft)]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Icon,
       {
         "aria-hidden": "true",
@@ -3226,7 +3081,7 @@ var Input = React17.forwardRef((props, ref) => {
         size: 32
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       "input",
       {
         id: resolvedId,
@@ -3242,39 +3097,587 @@ var Input = React17.forwardRef((props, ref) => {
         placeholder: nativeProps.placeholder ?? "Search"
       }
     )
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "input",
     {
-      id: resolvedId,
+      id: resolvedId,
+      ref,
+      type: resolvedType,
+      className: cn(
+        "flex h-10 w-full rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 py-2 [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[var(--sofya-text-tiny-line-height)] tracking-[var(--sofya-text-tiny-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya placeholder:text-[color:var(--sofya-text-placeholder)] hover:border-[color:var(--sofya-border-hover)] focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-transparent active:ring-2 active:ring-[color:var(--sofya-focus-ring-soft)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50",
+        className
+      ),
+      ...nativeProps,
+      "aria-label": ariaLabel
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    FieldShell,
+    {
+      containerClassName,
+      control: nativeControl,
+      label: isSearch ? void 0 : label,
+      labelClassName: isSearch ? void 0 : labelClassName,
+      labelHtmlFor: isSearch ? void 0 : resolvedId
+    }
+  );
+});
+Input.displayName = "Input";
+
+// src/components/popover.tsx
+var React16 = __toESM(require("react"), 1);
+var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverPortal = PopoverPrimitive.Portal;
+var PopoverClose = PopoverPrimitive.Close;
+var PopoverContent = React16.forwardRef(function PopoverContent2({
+  align = "center",
+  className,
+  collisionPadding = 8,
+  sideOffset = 8,
+  ...props
+}, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      collisionPadding,
+      sideOffset,
+      "data-slot": "popover-content",
+      className: cn(
+        "sofya-dropdown-content z-50 w-72 max-w-[min(24rem,calc(100vw-1rem))] rounded-[14px] border border-[color:var(--sofya-border-strong)] bg-[hsl(var(--sofya-popover))] p-4 text-[hsl(var(--sofya-popover-foreground))] shadow-[var(--sofya-shadow-soft)] outline-none",
+        className
+      ),
+      ...props
+    }
+  ) });
+});
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var PopoverTitle = React16.forwardRef(function PopoverTitle2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "h4",
+    {
+      ref,
+      "data-slot": "popover-title",
+      className: cn("text-[hsl(var(--sofya-popover-foreground))]", className),
+      ...props,
+      children: renderTextContent(children, {
+        as: "span",
+        className: "block text-[hsl(var(--sofya-popover-foreground))]",
+        size: "h4"
+      })
+    }
+  );
+});
+PopoverTitle.displayName = "PopoverTitle";
+var PopoverDescription = React16.forwardRef(function PopoverDescription2({ children, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "p",
+    {
+      ref,
+      "data-slot": "popover-description",
+      className: cn("text-muted-foreground", className),
+      ...props,
+      children: renderTextContent(children, {
+        as: "span",
+        className: "block text-muted-foreground",
+        size: "body"
+      })
+    }
+  );
+});
+PopoverDescription.displayName = "PopoverDescription";
+
+// src/components/spinner.tsx
+var React17 = __toESM(require("react"), 1);
+var import_icons_react5 = require("@tabler/icons-react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var spinnerSizeOptions = ["sm", "default", "lg"];
+var Spinner = React17.forwardRef(function Spinner2({
+  "aria-label": ariaLabelProp,
+  "aria-labelledby": ariaLabelledby,
+  className,
+  role = "status",
+  size = "default",
+  ...props
+}, ref) {
+  const ariaLabel = ariaLabelProp ?? (ariaLabelledby ? void 0 : "Loading");
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_icons_react5.IconLoader2,
+    {
+      ref,
+      "data-size": size,
+      "data-slot": "spinner",
+      role,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      className: cn(
+        "shrink-0 animate-spin text-primary data-[size=sm]:h-3.5 data-[size=sm]:w-3.5 data-[size=default]:h-4 data-[size=default]:w-4 data-[size=lg]:h-6 data-[size=lg]:w-6",
+        className
+      ),
+      ...props
+    }
+  );
+});
+Spinner.displayName = "Spinner";
+
+// src/components/dropdown-search.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var DropdownSearch = React18.forwardRef(
+  function DropdownSearch2({
+    className,
+    containerClassName,
+    defaultQuery = "",
+    defaultValue,
+    disabled,
+    emptyMessage = "No results found",
+    label,
+    labelClassName,
+    loading,
+    onChange,
+    onQueryChange,
+    options = [],
+    placeholder = "Search...",
+    query: queryProp,
+    value: valueProp
+  }, ref) {
+    const listboxId = React18.useId();
+    const [open, setOpen] = React18.useState(false);
+    const [query, setQuery] = useControllableState({
+      defaultValue: defaultQuery,
+      onChange: onQueryChange,
+      value: queryProp
+    });
+    const [value, setValue] = useControllableState({
+      defaultValue,
+      onChange,
+      value: valueProp
+    });
+    const inputRef = React18.useRef(null);
+    const listRef = React18.useRef(null);
+    const setInputRef = React18.useCallback(
+      (node) => {
+        inputRef.current = node;
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref]
+    );
+    function handleInputChange(e) {
+      setQuery(e.target.value);
+      setOpen(true);
+    }
+    function handleInputFocus() {
+      setOpen(true);
+    }
+    function handleInputKeyDown(e) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        listRef.current?.querySelector(
+          "[data-dropdown-search-item]:not([disabled])"
+        )?.focus();
+      }
+      if (e.key === "Escape") {
+        setOpen(false);
+      }
+    }
+    function handleItemKeyDown(e, option) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        handleSelect(option);
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        e.currentTarget.closest("li")?.nextElementSibling?.querySelector("[data-dropdown-search-item]")?.focus();
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        const prevLi = e.currentTarget.closest("li")?.previousElementSibling;
+        if (prevLi) {
+          prevLi.querySelector("[data-dropdown-search-item]")?.focus();
+        } else {
+          inputRef.current?.focus();
+        }
+        return;
+      }
+      if (e.key === "Escape") {
+        setOpen(false);
+        inputRef.current?.focus();
+      }
+    }
+    function handleSelect(option) {
+      if (option.disabled) return;
+      setValue(option.value);
+      setQuery(option.label);
+      setOpen(false);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopoverAnchor, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("w-full", containerClassName), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        Input,
+        {
+          ref: setInputRef,
+          "aria-autocomplete": "list",
+          "aria-controls": open ? listboxId : void 0,
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          autoComplete: "off",
+          className,
+          disabled,
+          label,
+          labelClassName,
+          placeholder,
+          role: "combobox",
+          value: query ?? "",
+          onChange: handleInputChange,
+          onFocus: handleInputFocus,
+          onKeyDown: handleInputKeyDown
+        }
+      ) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        PopoverContent,
+        {
+          align: "start",
+          className: "w-[var(--radix-popover-trigger-width)] p-1",
+          onOpenAutoFocus: (e) => e.preventDefault(),
+          onInteractOutside: (e) => {
+            if (inputRef.current?.closest("div")?.contains(e.target)) {
+              e.preventDefault();
+            }
+          },
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Spinner, { size: "sm" }) }) : options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "px-3 py-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Text,
+            {
+              as: "span",
+              size: "tiny",
+              className: "text-[color:var(--sofya-text-subtle)]",
+              children: emptyMessage
+            }
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "ul",
+            {
+              ref: listRef,
+              id: listboxId,
+              role: "listbox",
+              "aria-label": typeof label === "string" ? label : "Options",
+              className: "flex flex-col gap-0.5",
+              children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": value === option.value,
+                  "aria-disabled": option.disabled,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                    "button",
+                    {
+                      "data-dropdown-search-item": true,
+                      type: "button",
+                      disabled: option.disabled,
+                      className: cn(
+                        "flex w-full items-center gap-3 rounded-[8px] px-3 py-2 text-left",
+                        "[font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[var(--sofya-text-tiny-line-height)]",
+                        "transition-colors duration-sofya ease-sofya",
+                        "text-[color:var(--sofya-text-default)] hover:bg-muted focus-visible:bg-muted focus-visible:outline-none",
+                        "disabled:cursor-not-allowed disabled:opacity-40",
+                        value === option.value && "bg-muted"
+                      ),
+                      onClick: () => handleSelect(option),
+                      onKeyDown: (e) => handleItemKeyDown(e, option),
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Text, { as: "span", size: "tiny", className: "truncate", children: option.label }),
+                          option.description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            Text,
+                            {
+                              as: "span",
+                              size: "tiny",
+                              className: "truncate text-[color:var(--sofya-text-subtle)]",
+                              children: option.description
+                            }
+                          ) : null
+                        ] }),
+                        value === option.value ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                          Icon,
+                          {
+                            "aria-hidden": "true",
+                            className: "shrink-0 text-primary",
+                            name: "check",
+                            size: 16
+                          }
+                        ) : null
+                      ]
+                    }
+                  )
+                },
+                option.value
+              ))
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+DropdownSearch.displayName = "DropdownSearch";
+
+// src/components/dialog.tsx
+var React19 = __toESM(require("react"), 1);
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogInternalContext = React19.createContext({
+  showCloseButton: true
+});
+var DialogOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "sofya-dialog-overlay fixed inset-0 z-50 bg-foreground/24 backdrop-blur-[6px]",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React19.forwardRef(
+  ({
+    className,
+    children,
+    cardClassName,
+    overlayClassName,
+    showCloseButton = true,
+    variant = "card",
+    ...props
+  }, ref) => {
+    const dialogCardStyle = {
+      "--sofya-surface-shadow-override": "var(--sofya-shadow-lg)"
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogInternalContext.Provider, { value: { showCloseButton }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DialogPortal, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogOverlay, { className: overlayClassName }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "sofya-dialog-positioner fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        DialogPrimitive.Content,
+        {
+          ref,
+          className: cn(
+            "sofya-dialog-content relative flex w-full max-w-[680px] max-h-[calc(100vh-2rem)] outline-none",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            Card,
+            {
+              variant,
+              className: cn(
+                "flex max-h-[inherit] min-h-0 w-full flex-col gap-6 overflow-y-auto overflow-x-hidden p-6",
+                cardClassName
+              ),
+              style: dialogCardStyle,
+              children
+            }
+          )
+        }
+      ) })
+    ] }) });
+  }
+);
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+function DialogHeader({ className, children, ...props }) {
+  const { showCloseButton } = React19.useContext(DialogInternalContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      className: cn("flex w-full items-start justify-between gap-4", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex min-w-0 flex-1 flex-col gap-2 text-left", children }),
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            "aria-label": "Close",
+            leftIcon: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "x", size: 18 }),
+            className: "shrink-0 text-muted-foreground hover:text-foreground"
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function DialogBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn("flex flex-col gap-4", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      className: cn("flex items-center justify-end gap-2", className),
+      ...props
+    }
+  );
+}
+var DialogCancel = React19.forwardRef(
+  ({ type = "button", variant = "ghost", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { ref, type, variant, ...props }) })
+);
+DialogCancel.displayName = "DialogCancel";
+var DialogTitle = React19.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-card-foreground", className),
+    ...props,
+    children: renderTextContent(children, {
+      as: "span",
+      className: "block text-card-foreground",
+      size: "h3"
+    })
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React19.forwardRef(({ children, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground", className),
+    ...props,
+    children: renderTextContent(children, {
+      as: "span",
+      className: "block text-muted-foreground",
+      size: "body"
+    })
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/empty.tsx
+var React20 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var emptyMediaVariantOptions = ["default", "icon"];
+var emptyMediaVariants = (0, import_class_variance_authority5.cva)(
+  "inline-flex shrink-0 items-center justify-center transition-[background-color,border-color,color,box-shadow] duration-sofya ease-sofya",
+  {
+    variants: {
+      variant: {
+        default: "[&_img]:max-w-full [&_svg]:shrink-0 [&_svg]:text-primary",
+        icon: "h-16 w-16 rounded-full border border-primary/10 bg-primary/10 text-primary [&_svg]:h-7 [&_svg]:w-7 [&_svg]:shrink-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var EmptyMedia = React20.forwardRef(function EmptyMedia2({ className, variant, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref, className: cn(emptyMediaVariants({ variant }), className), ...props });
+});
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      className: cn("flex max-w-[34rem] flex-col items-center gap-4 text-center", className),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "h2",
+    {
+      className: cn("text-foreground", className),
+      ...props,
+      children: renderTextContent(children, {
+        as: "span",
+        className: "block text-foreground",
+        size: "h4"
+      })
+    }
+  );
+}
+function EmptyDescription({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "p",
+    {
+      className: cn("max-w-full text-muted-foreground whitespace-nowrap", className),
+      ...props,
+      children: renderTextContent(children, {
+        as: "span",
+        className: "inline-block whitespace-nowrap text-muted-foreground",
+        size: "body"
+      })
+    }
+  );
+}
+function EmptyContent({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
+      className: cn("flex flex-wrap items-center justify-center gap-4 text-center", className),
+      ...props,
+      children: renderTextContent(children, {
+        as: "span"
+      })
+    }
+  );
+}
+var Empty = React20.forwardRef(function Empty2({ children, className, content, description, media, title, ...props }, ref) {
+  const hasCustomChildren = React20.Children.count(children) > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "div",
+    {
       ref,
-      type: resolvedType,
       className: cn(
-        "flex h-10 w-full rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 py-2 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya placeholder:text-[color:var(--sofya-text-placeholder)] hover:border-[color:var(--sofya-border-hover)] focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-transparent active:ring-2 active:ring-[color:var(--sofya-focus-ring-soft)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50",
+        "flex min-h-[280px] w-full flex-col items-center justify-center gap-6 rounded-[28px] bg-gradient-to-b from-card via-card to-muted/45 px-6 py-10 text-center",
         className
       ),
-      ...nativeProps,
-      "aria-label": ariaLabel
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    FieldShell,
-    {
-      containerClassName,
-      control: nativeControl,
-      label: isSearch ? void 0 : label,
-      labelClassName: isSearch ? void 0 : labelClassName,
-      labelHtmlFor: isSearch ? void 0 : resolvedId
+      ...props,
+      children: hasCustomChildren ? children : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(EmptyHeader, { children: [
+          media ?? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyMedia, { variant: "icon", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { name: "folders", size: 28 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyTitle, { children: title ?? "Nada por aqui" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyDescription, { children: description ?? "Quando houver conte\xFAdo dispon\xEDvel, ele aparecer\xE1 aqui." })
+        ] }),
+        content !== void 0 && content !== null ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(EmptyContent, { children: content }) : null
+      ] })
     }
   );
 });
-Input.displayName = "Input";
+Empty.displayName = "Empty";
+EmptyMedia.displayName = "EmptyMedia";
+EmptyHeader.displayName = "EmptyHeader";
+EmptyTitle.displayName = "EmptyTitle";
+EmptyDescription.displayName = "EmptyDescription";
+EmptyContent.displayName = "EmptyContent";
 
 // src/components/label.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Label = React18.forwardRef(
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Label = React21.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       "label",
       {
         ref,
@@ -3286,7 +3689,7 @@ var Label = React18.forwardRef(
         children: renderTextContent(children, {
           as: "span",
           className: "block text-foreground",
-          size: "body",
+          size: "tiny",
           style: {
             fontWeight: 500
           }
@@ -3298,10 +3701,10 @@ var Label = React18.forwardRef(
 Label.displayName = "Label";
 
 // src/components/link.tsx
-var React19 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var linkVariants = (0, import_class_variance_authority6.cva)(
   "inline bg-[linear-gradient(currentColor,currentColor)] bg-[position:0_100%] bg-no-repeat pb-0 text-primary no-underline transition-[color,background-size,box-shadow] duration-sofya ease-sofya hover:text-[color:var(--sofya-link-hover)] focus-visible:rounded-[4px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0",
   {
@@ -3316,9 +3719,9 @@ var linkVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Link = React19.forwardRef(function Link2({ asChild = false, children, className, variant = "default", ...props }, ref) {
+var Link = React22.forwardRef(function Link2({ asChild = false, children, className, variant = "default", ...props }, ref) {
   const Component = asChild ? import_react_slot3.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Component,
     {
       ref,
@@ -3328,7 +3731,7 @@ var Link = React19.forwardRef(function Link2({ asChild = false, children, classN
       children: renderTextContent(children, {
         as: "span",
         className: "text-current",
-        size: "body"
+        size: "tiny"
       })
     }
   );
@@ -3336,7 +3739,7 @@ var Link = React19.forwardRef(function Link2({ asChild = false, children, classN
 Link.displayName = "Link";
 
 // src/components/logo.tsx
-var React20 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 
 // src/components/logo-data.ts
 var logoAssets = {
@@ -3433,7 +3836,7 @@ var logoAssets = {
 };
 
 // src/components/logo.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var logoVariants = ["mono", "default", "text", "full"];
 var logoSizeOptions = ["sm", "md", "lg", "xl", "2xl"];
 var logoSizeScale = {
@@ -3469,7 +3872,7 @@ function resolveLogoDimensions(variant, size, width, height) {
     height: resolvedHeight
   };
 }
-var Logo = React20.forwardRef(function Logo2({
+var Logo = React23.forwardRef(function Logo2({
   variant = "full",
   size = "lg",
   width,
@@ -3480,10 +3883,10 @@ var Logo = React20.forwardRef(function Logo2({
   ...props
 }, ref) {
   const asset = logoAssets[variant];
-  const titleId = React20.useId();
+  const titleId = React23.useId();
   const dimensions = resolveLogoDimensions(variant, size, width, height);
   const monoFill = variant === "mono" ? monoColor ?? "currentColor" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "svg",
     {
       ref,
@@ -3498,8 +3901,8 @@ var Logo = React20.forwardRef(function Logo2({
       focusable: "false",
       ...props,
       children: [
-        title ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("title", { id: titleId, children: title }) : null,
-        asset.paths.map((path, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("title", { id: titleId, children: title }) : null,
+        asset.paths.map((path, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "path",
           {
             d: path.d,
@@ -3516,7 +3919,7 @@ var Logo = React20.forwardRef(function Logo2({
 Logo.displayName = "Logo";
 
 // src/components/pagination.tsx
-var import_icons_react5 = require("@tabler/icons-react");
+var import_icons_react6 = require("@tabler/icons-react");
 var import_react_slot4 = require("@radix-ui/react-slot");
 var import_class_variance_authority7 = require("class-variance-authority");
 
@@ -3531,7 +3934,7 @@ var inheritedTypographyStyle = {
 };
 
 // src/components/pagination.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var paginationLinkVariants = (0, import_class_variance_authority7.cva)(
   "inline-flex h-10 min-w-10 items-center justify-center rounded-full border border-transparent px-4 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] font-medium leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-soft)] no-underline transition-[transform,background-color,border-color,color,box-shadow] duration-sofya ease-sofya motion-safe:active:scale-[0.985] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0",
   {
@@ -3552,7 +3955,7 @@ var paginationLinkVariants = (0, import_class_variance_authority7.cva)(
   }
 );
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "nav",
     {
       "aria-label": "Pagination",
@@ -3565,7 +3968,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "ul",
     {
       className: cn(
@@ -3577,7 +3980,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: cn("list-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: cn("list-none", className), ...props });
 }
 function PaginationLink({
   asChild = false,
@@ -3587,7 +3990,7 @@ function PaginationLink({
   ...props
 }) {
   const Component = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Component,
     {
       "aria-current": isActive ? "page" : void 0,
@@ -3597,25 +4000,25 @@ function PaginationLink({
   );
 }
 function PaginationChevronLeft() {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_react5.IconChevronLeft, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_icons_react6.IconChevronLeft, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
 }
 function PaginationChevronRight() {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_icons_react5.IconChevronRight, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_icons_react6.IconChevronRight, { "aria-hidden": "true", className: "h-4 w-4", stroke: 1.75 });
 }
 function PaginationPrevious({
   className,
   text = "Previous",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       className: cn("gap-2 px-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PaginationChevronLeft, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaginationChevronLeft, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
           as: "span",
           className: "block text-inherit",
           size: "body",
@@ -3630,20 +4033,20 @@ function PaginationNext({
   text = "Next",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       className: cn("gap-2 px-4", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:block", children: renderTextContent(text, {
           as: "span",
           className: "block text-inherit",
           size: "body",
           style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PaginationChevronRight, {})
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PaginationChevronRight, {})
       ]
     }
   );
@@ -3652,7 +4055,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "span",
     {
       "aria-hidden": "true",
@@ -3662,90 +4065,22 @@ function PaginationEllipsis({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: renderTextContent("...", {
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: renderTextContent("...", {
           as: "span",
           className: "block text-inherit",
           size: "h5",
           style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
-// src/components/popover.tsx
-var React21 = __toESM(require("react"), 1);
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverPortal = PopoverPrimitive.Portal;
-var PopoverClose = PopoverPrimitive.Close;
-var PopoverContent = React21.forwardRef(function PopoverContent2({
-  align = "center",
-  className,
-  collisionPadding = 8,
-  sideOffset = 8,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      collisionPadding,
-      sideOffset,
-      "data-slot": "popover-content",
-      className: cn(
-        "sofya-dropdown-content z-50 w-72 max-w-[min(24rem,calc(100vw-1rem))] rounded-[14px] border border-[color:var(--sofya-border-strong)] bg-[hsl(var(--sofya-popover))] p-4 text-[hsl(var(--sofya-popover-foreground))] shadow-[var(--sofya-shadow-soft)] outline-none",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var PopoverTitle = React21.forwardRef(function PopoverTitle2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    "h4",
-    {
-      ref,
-      "data-slot": "popover-title",
-      className: cn("text-[hsl(var(--sofya-popover-foreground))]", className),
-      ...props,
-      children: renderTextContent(children, {
-        as: "span",
-        className: "block text-[hsl(var(--sofya-popover-foreground))]",
-        size: "h4"
-      })
-    }
-  );
-});
-PopoverTitle.displayName = "PopoverTitle";
-var PopoverDescription = React21.forwardRef(function PopoverDescription2({ children, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    "p",
-    {
-      ref,
-      "data-slot": "popover-description",
-      className: cn("text-muted-foreground", className),
-      ...props,
-      children: renderTextContent(children, {
-        as: "span",
-        className: "block text-muted-foreground",
-        size: "body"
-      })
-    }
-  );
-});
-PopoverDescription.displayName = "PopoverDescription";
-
 // src/components/progress.tsx
-var React22 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var progressSizeOptions = ["sm", "default", "lg"];
 function clampProgressValue(value, max) {
   if (Number.isNaN(value)) {
@@ -3753,7 +4088,7 @@ function clampProgressValue(value, max) {
   }
   return Math.min(Math.max(value, 0), max);
 }
-var Progress = React22.forwardRef(function Progress2({
+var Progress = React24.forwardRef(function Progress2({
   className,
   indicatorClassName,
   max = 100,
@@ -3764,7 +4099,7 @@ var Progress = React22.forwardRef(function Progress2({
   const safeMax = max > 0 ? max : 100;
   const resolvedValue = typeof value === "number" ? clampProgressValue(value, safeMax) : null;
   const progressScale = resolvedValue === null ? void 0 : Number((resolvedValue / safeMax).toFixed(4));
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     ProgressPrimitive.Root,
     {
       ref,
@@ -3777,7 +4112,7 @@ var Progress = React22.forwardRef(function Progress2({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -3794,12 +4129,12 @@ var Progress = React22.forwardRef(function Progress2({
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/radio-group.tsx
-var React23 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"), 1);
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var radioGroupOrientationOptions = ["horizontal", "vertical"];
-var RadioGroup2 = React23.forwardRef(function RadioGroup3({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var RadioGroup2 = React25.forwardRef(function RadioGroup3({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     RadioGroupPrimitive.Root,
     {
       ref,
@@ -3813,7 +4148,7 @@ var RadioGroup2 = React23.forwardRef(function RadioGroup3({ className, ...props
   );
 });
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
+var RadioGroupItem = React25.forwardRef(function RadioGroupItem2({
   className,
   controlClassName,
   description,
@@ -3825,12 +4160,12 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
   labelClassName,
   ...props
 }, ref) {
-  const generatedId = React23.useId();
+  const generatedId = React25.useId();
   const resolvedId = id ?? generatedId;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const descriptionId = description ? `${resolvedId}-description` : void 0;
   const alignClassName = description ? "items-start" : "items-center";
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "label",
     {
       className: selectionControlContainerClasses({
@@ -3839,7 +4174,7 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
         disabled
       }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           RadioGroupPrimitive.Item,
           {
             ref,
@@ -3855,7 +4190,7 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
               controlClassName
             ),
             ...props,
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(RadioGroupPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               "span",
               {
                 "data-slot": "radio-group-indicator",
@@ -3867,8 +4202,8 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
             ) })
           }
         ),
-        label || description ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        label || description ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               id: labelId,
@@ -3879,11 +4214,11 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
               children: renderTextContent(label, {
                 as: "span",
                 className: "text-[color:var(--sofya-text-default)]",
-                size: "body"
+                size: "tiny"
               })
             }
           ) : null,
-          description ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          description ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               id: descriptionId,
@@ -3894,7 +4229,7 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
               children: renderTextContent(description, {
                 as: "span",
                 className: "text-muted-foreground",
-                size: "body"
+                size: "tiny"
               })
             }
           ) : null
@@ -3906,12 +4241,12 @@ var RadioGroupItem = React23.forwardRef(function RadioGroupItem2({
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
 
 // src/components/scroll-area.tsx
-var React24 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var scrollAreaOrientationOptions = ["horizontal", "vertical"];
-var ScrollArea = React24.forwardRef(function ScrollArea2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ScrollArea = React26.forwardRef(function ScrollArea2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ScrollAreaPrimitive.Root,
     {
       ref,
@@ -3922,8 +4257,8 @@ var ScrollArea = React24.forwardRef(function ScrollArea2({ className, ...props }
   );
 });
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollAreaViewport = React24.forwardRef(function ScrollAreaViewport2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ScrollAreaViewport = React26.forwardRef(function ScrollAreaViewport2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ScrollAreaPrimitive.Viewport,
     {
       ref,
@@ -3937,8 +4272,8 @@ var ScrollAreaViewport = React24.forwardRef(function ScrollAreaViewport2({ class
   );
 });
 ScrollAreaViewport.displayName = ScrollAreaPrimitive.Viewport.displayName;
-var ScrollAreaScrollbar = React24.forwardRef(function ScrollAreaScrollbar2({ className, orientation = "vertical", thumbClassName, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ScrollAreaScrollbar = React26.forwardRef(function ScrollAreaScrollbar2({ className, orientation = "vertical", thumbClassName, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ScrollAreaPrimitive.Scrollbar,
     {
       ref,
@@ -3949,7 +4284,7 @@ var ScrollAreaScrollbar = React24.forwardRef(function ScrollAreaScrollbar2({ cla
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         ScrollAreaPrimitive.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -3963,8 +4298,8 @@ var ScrollAreaScrollbar = React24.forwardRef(function ScrollAreaScrollbar2({ cla
   );
 });
 ScrollAreaScrollbar.displayName = ScrollAreaPrimitive.Scrollbar.displayName;
-var ScrollAreaCorner = React24.forwardRef(function ScrollAreaCorner2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ScrollAreaCorner = React26.forwardRef(function ScrollAreaCorner2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     ScrollAreaPrimitive.Corner,
     {
       ref,
@@ -3977,34 +4312,34 @@ var ScrollAreaCorner = React24.forwardRef(function ScrollAreaCorner2({ className
 ScrollAreaCorner.displayName = ScrollAreaPrimitive.Corner.displayName;
 
 // src/components/select.tsx
-var React25 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
 
 // src/lib/form-control-classes.ts
 var formControlBaseClasses = "flex w-full items-center justify-between gap-4 rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 text-left [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya hover:border-[color:var(--sofya-border-hover)] focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-transparent active:ring-2 active:ring-[color:var(--sofya-focus-ring-soft)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus:ring-destructive/20 data-[placeholder]:text-[color:var(--sofya-text-placeholder)]";
 
 // src/components/select.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var selectSizeOptions = ["default", "sm"];
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
-var SelectValue = React25.forwardRef(function SelectValue2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var SelectValue = React27.forwardRef(function SelectValue2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     Text,
     {
       ref,
       as: "span",
       "data-slot": "select-value",
       className: cn("block truncate text-inherit", className),
-      size: "body",
+      size: "tiny",
       style: inheritedTypographyStyle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Value, { className: "block truncate", ...props })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Value, { className: "block truncate", ...props })
     }
   );
 });
 SelectValue.displayName = SelectPrimitive.Value.displayName;
-var SelectTrigger = React25.forwardRef(function SelectTrigger2({ className, children, size = "default", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var SelectTrigger = React27.forwardRef(function SelectTrigger2({ className, children, size = "default", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     SelectPrimitive.Trigger,
     {
       ref,
@@ -4018,7 +4353,7 @@ var SelectTrigger = React25.forwardRef(function SelectTrigger2({ className, chil
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Icon,
           {
             name: "caret-down",
@@ -4031,8 +4366,8 @@ var SelectTrigger = React25.forwardRef(function SelectTrigger2({ className, chil
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React25.forwardRef(function SelectScrollUpButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var SelectScrollUpButton = React27.forwardRef(function SelectScrollUpButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SelectPrimitive.ScrollUpButton,
     {
       ref,
@@ -4042,13 +4377,13 @@ var SelectScrollUpButton = React25.forwardRef(function SelectScrollUpButton2({ c
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "caret-up", size: 12 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "caret-up", size: 12 })
     }
   );
 });
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React25.forwardRef(function SelectScrollDownButton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var SelectScrollDownButton = React27.forwardRef(function SelectScrollDownButton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SelectPrimitive.ScrollDownButton,
     {
       ref,
@@ -4058,13 +4393,13 @@ var SelectScrollDownButton = React25.forwardRef(function SelectScrollDownButton2
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "caret-down", size: 12 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "caret-down", size: 12 })
     }
   );
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React25.forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var SelectContent = React27.forwardRef(function SelectContent2({ className, children, position = "popper", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     SelectPrimitive.Content,
     {
       ref,
@@ -4077,8 +4412,8 @@ var SelectContent = React25.forwardRef(function SelectContent2({ className, chil
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectScrollUpButton, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButton, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           SelectPrimitive.Viewport,
           {
             "data-slot": "select-viewport",
@@ -4086,14 +4421,14 @@ var SelectContent = React25.forwardRef(function SelectContent2({ className, chil
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectScrollDownButton, {})
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButton, {})
       ]
     }
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React25.forwardRef(function SelectLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var SelectLabel = React27.forwardRef(function SelectLabel2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SelectPrimitive.Label,
     {
       ref,
@@ -4115,32 +4450,32 @@ var SelectLabel = React25.forwardRef(function SelectLabel2({ className, ...props
   );
 });
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React25.forwardRef(function SelectItem2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var SelectItem = React27.forwardRef(function SelectItem2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     SelectPrimitive.Item,
     {
       ref,
       "data-slot": "select-item",
       className: cn(
-        "relative flex min-w-0 cursor-pointer select-none items-center self-stretch rounded-[8px] px-4 py-2 pr-8 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] outline-none transition-colors duration-sofya ease-sofya data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-[color:var(--sofya-surface-hover)] data-[highlighted]:text-[color:var(--sofya-text-default)] data-[state=checked]:bg-[color:var(--sofya-surface-selected)]",
+        "relative flex min-w-0 cursor-pointer select-none items-center self-stretch rounded-[8px] px-4 py-2 pr-8 [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[var(--sofya-text-tiny-line-height)] tracking-[var(--sofya-text-tiny-letter-spacing)] text-[color:var(--sofya-text-default)] outline-none transition-colors duration-sofya ease-sofya data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[highlighted]:bg-[color:var(--sofya-surface-hover)] data-[highlighted]:text-[color:var(--sofya-text-default)] data-[state=checked]:bg-[color:var(--sofya-surface-selected)]",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.ItemText, { className: "truncate", children: renderTextContent(children, {
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { className: "truncate", children: renderTextContent(children, {
           as: "span",
           className: "block truncate text-[color:var(--sofya-text-default)]",
-          size: "body",
+          size: "tiny",
           style: inheritedTypographyStyle
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectPrimitive.ItemIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "absolute right-4 inline-flex h-4 w-4 items-center justify-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Icon, { name: "check", size: 14 }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-4 inline-flex h-4 w-4 items-center justify-center text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "check", size: 14 }) }) })
       ]
     }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React25.forwardRef(function SelectSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var SelectSeparator = React27.forwardRef(function SelectSeparator2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     SelectPrimitive.Separator,
     {
       ref,
@@ -4153,11 +4488,11 @@ var SelectSeparator = React25.forwardRef(function SelectSeparator2({ className,
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
-var React26 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var Separator2 = React26.forwardRef(function Separator3({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var Separator2 = React28.forwardRef(function Separator3({ className, decorative = true, orientation = "horizontal", ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -4176,8 +4511,8 @@ var Separator2 = React26.forwardRef(function Separator3({ className, decorative
 Separator2.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/slider.tsx
-var React27 = __toESM(require("react"), 1);
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function clampSliderValue(value, min, max) {
   if (Number.isNaN(value)) {
     return min;
@@ -4202,7 +4537,7 @@ function resolveSliderMeasurement(value, fallback) {
 function isTextValue(value) {
   return typeof value === "string" || typeof value === "number";
 }
-var Slider = React27.forwardRef(function Slider2({
+var Slider = React29.forwardRef(function Slider2({
   className,
   defaultValue,
   formatValue,
@@ -4225,7 +4560,7 @@ var Slider = React27.forwardRef(function Slider2({
   valueClassName,
   ...props
 }, ref) {
-  const resolvedId = React27.useId();
+  const resolvedId = React29.useId();
   const inputId = id ?? resolvedId;
   const safeMin = min;
   const safeMax = resolveSliderMax(safeMin, max);
@@ -4234,7 +4569,7 @@ var Slider = React27.forwardRef(function Slider2({
     onChange: onValueChange,
     value
   });
-  React27.useEffect(() => {
+  React29.useEffect(() => {
     if (value !== void 0) {
       return;
     }
@@ -4281,14 +4616,14 @@ var Slider = React27.forwardRef(function Slider2({
     setControllableValue(nextValue);
     onChange?.(event);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     "div",
     {
       "data-slot": "slider",
       className: cn("grid w-full gap-2", className),
       children: [
-        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-          label ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        label || showValue ? /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+          label ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             FieldLabel,
             {
               htmlFor: inputId,
@@ -4299,8 +4634,8 @@ var Slider = React27.forwardRef(function Slider2({
               textClassName: "block min-w-0 text-[color:var(--sofya-text-default)]",
               children: label
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", {}),
-          showValue ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", {}),
+          showValue ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               className: cn(
@@ -4318,7 +4653,7 @@ var Slider = React27.forwardRef(function Slider2({
             }
           ) : null
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
           "div",
           {
             "data-slot": "slider-control",
@@ -4328,7 +4663,7 @@ var Slider = React27.forwardRef(function Slider2({
             ),
             style: controlStyle,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "input",
                 {
                   ...props,
@@ -4345,7 +4680,7 @@ var Slider = React27.forwardRef(function Slider2({
                   style: inputBoundsStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   "data-slot": "slider-track",
@@ -4356,7 +4691,7 @@ var Slider = React27.forwardRef(function Slider2({
                   style: trackBoundsStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   "data-slot": "slider-range",
@@ -4367,7 +4702,7 @@ var Slider = React27.forwardRef(function Slider2({
                   style: rangeStyle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "div",
                 {
                   "data-slot": "slider-thumb",
@@ -4388,10 +4723,10 @@ var Slider = React27.forwardRef(function Slider2({
 Slider.displayName = "Slider";
 
 // src/components/skeleton.tsx
-var React28 = __toESM(require("react"), 1);
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var Skeleton = React28.forwardRef(function Skeleton2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var React30 = __toESM(require("react"), 1);
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Skeleton = React30.forwardRef(function Skeleton2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     {
       ref,
@@ -4406,15 +4741,15 @@ var Skeleton = React28.forwardRef(function Skeleton2({ className, ...props }, re
 Skeleton.displayName = "Skeleton";
 
 // src/components/sonner.tsx
-var React29 = __toESM(require("react"), 1);
+var React31 = __toESM(require("react"), 1);
 var import_sonner = require("sonner");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var notificationVariantOptions = ["default", "success", "error", "warning"];
 function ToastStatusIcon({
   iconName,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -4422,7 +4757,7 @@ function ToastStatusIcon({
         "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-full border shadow-sofya-sm",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: iconName, size: 16 })
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: iconName, size: 16 })
     }
   );
 }
@@ -4443,35 +4778,35 @@ var defaultToastClassNames = {
   loading: "border-border bg-card text-foreground"
 };
 var defaultToastIcons = {
-  success: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  success: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ToastStatusIcon,
     {
       iconName: "check",
       className: "border-success/15 bg-success/12 text-success"
     }
   ),
-  error: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  error: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ToastStatusIcon,
     {
       iconName: "x",
       className: "border-destructive/15 bg-destructive/12 text-destructive"
     }
   ),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  warning: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ToastStatusIcon,
     {
       iconName: "question",
       className: "border-warning/20 bg-warning/15 text-foreground"
     }
   ),
-  info: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  info: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     ToastStatusIcon,
     {
       iconName: "question",
       className: "border-primary/15 bg-primary/10 text-primary"
     }
   ),
-  close: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { name: "x", size: 12 })
+  close: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon, { name: "x", size: 12 })
 };
 function mergeToastClassNames(overrides) {
   return {
@@ -4479,7 +4814,7 @@ function mergeToastClassNames(overrides) {
     ...overrides
   };
 }
-var Toaster = React29.forwardRef(
+var Toaster = React31.forwardRef(
   function Toaster2({
     className,
     closeButton = true,
@@ -4491,7 +4826,7 @@ var Toaster = React29.forwardRef(
     visibleToasts = 5,
     ...props
   }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       import_sonner.Toaster,
       {
         ref,
@@ -4520,43 +4855,10 @@ var Toaster = React29.forwardRef(
 );
 Toaster.displayName = "Toaster";
 
-// src/components/spinner.tsx
-var React30 = __toESM(require("react"), 1);
-var import_icons_react6 = require("@tabler/icons-react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var spinnerSizeOptions = ["sm", "default", "lg"];
-var Spinner = React30.forwardRef(function Spinner2({
-  "aria-label": ariaLabelProp,
-  "aria-labelledby": ariaLabelledby,
-  className,
-  role = "status",
-  size = "default",
-  ...props
-}, ref) {
-  const ariaLabel = ariaLabelProp ?? (ariaLabelledby ? void 0 : "Loading");
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    import_icons_react6.IconLoader2,
-    {
-      ref,
-      "data-size": size,
-      "data-slot": "spinner",
-      role,
-      "aria-label": ariaLabel,
-      "aria-labelledby": ariaLabelledby,
-      className: cn(
-        "shrink-0 animate-spin text-primary data-[size=sm]:h-3.5 data-[size=sm]:w-3.5 data-[size=default]:h-4 data-[size=default]:w-4 data-[size=lg]:h-6 data-[size=lg]:w-6",
-        className
-      ),
-      ...props
-    }
-  );
-});
-Spinner.displayName = "Spinner";
-
 // src/components/switch.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var switchSizeOptions = ["default", "sm"];
 var switchRootSizeClasses = {
   default: "h-6 w-11",
@@ -4566,7 +4868,7 @@ var switchThumbSizeClasses = {
   default: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
   sm: "h-4 w-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
 };
-var Switch = React31.forwardRef(
+var Switch = React32.forwardRef(
   ({
     "aria-describedby": ariaDescribedBy,
     "aria-labelledby": ariaLabelledBy,
@@ -4581,7 +4883,7 @@ var Switch = React31.forwardRef(
     size,
     ...props
   }, ref) => {
-    const generatedId = React31.useId();
+    const generatedId = React32.useId();
     const resolvedId = id ?? generatedId;
     const labelId = label ? `${resolvedId}-label` : void 0;
     const descriptionId = description ? `${resolvedId}-description` : void 0;
@@ -4590,7 +4892,7 @@ var Switch = React31.forwardRef(
     const alignClassName = description ? "items-start" : "items-center";
     const resolvedAriaDescribedBy = [ariaDescribedBy, descriptionId].filter(Boolean).join(" ") || void 0;
     const resolvedAriaLabelledBy = ariaLabelledBy ?? labelId;
-    const switchControl = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    const switchControl = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
       SwitchPrimitives.Root,
       {
         id: resolvedId,
@@ -4605,7 +4907,7 @@ var Switch = React31.forwardRef(
         "data-size": resolvedSize,
         ...props,
         ref,
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           SwitchPrimitives.Thumb,
           {
             className: cn(
@@ -4619,7 +4921,7 @@ var Switch = React31.forwardRef(
     if (!hasTextContent) {
       return switchControl;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         "data-slot": "switch-container",
@@ -4630,8 +4932,8 @@ var Switch = React31.forwardRef(
         }),
         children: [
           switchControl,
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
-            label ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { htmlFor: resolvedId, className: selectionControlLabelTextBaseClasses, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: selectionControlContentBaseClasses, children: [
+            label ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("label", { htmlFor: resolvedId, className: selectionControlLabelTextBaseClasses, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 id: labelId,
@@ -4642,11 +4944,11 @@ var Switch = React31.forwardRef(
                 children: renderTextContent(label, {
                   as: "span",
                   className: "text-[color:var(--sofya-text-default)]",
-                  size: "body"
+                  size: "tiny"
                 })
               }
             ) }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+            description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 id: descriptionId,
@@ -4657,7 +4959,7 @@ var Switch = React31.forwardRef(
                 children: renderTextContent(description, {
                   as: "span",
                   className: "text-muted-foreground",
-                  size: "body"
+                  size: "tiny"
                 })
               }
             ) : null
@@ -4671,8 +4973,8 @@ Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/table.tsx
 var import_class_variance_authority8 = require("class-variance-authority");
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var tableCellVariantOptions = ["default", "primary", "muted"];
 var tableStatusToneOptions = [
   "active",
@@ -4722,13 +5024,13 @@ var tableActionButtonVariants = (0, import_class_variance_authority8.cva)(
     }
   }
 );
-var Table = React32.forwardRef(function Table2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var Table = React33.forwardRef(function Table2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "table",
         {
           "data-slot": "table",
@@ -4743,8 +5045,8 @@ var Table = React32.forwardRef(function Table2({ className, ...props }, ref) {
     }
   );
 });
-var TableHeader = React32.forwardRef(function TableHeader2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHeader = React33.forwardRef(function TableHeader2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "thead",
     {
       "data-slot": "table-header",
@@ -4757,8 +5059,8 @@ var TableHeader = React32.forwardRef(function TableHeader2({ className, ...props
     }
   );
 });
-var TableBody = React32.forwardRef(function TableBody2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableBody = React33.forwardRef(function TableBody2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4768,8 +5070,8 @@ var TableBody = React32.forwardRef(function TableBody2({ className, ...props },
     }
   );
 });
-var TableFooter = React32.forwardRef(function TableFooter2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableFooter = React33.forwardRef(function TableFooter2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4782,8 +5084,8 @@ var TableFooter = React32.forwardRef(function TableFooter2({ className, ...props
     }
   );
 });
-var TableRow = React32.forwardRef(function TableRow2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableRow = React33.forwardRef(function TableRow2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -4796,8 +5098,8 @@ var TableRow = React32.forwardRef(function TableRow2({ className, ...props }, re
     }
   );
 });
-var TableHead = React32.forwardRef(function TableHead2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHead = React33.forwardRef(function TableHead2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -4816,9 +5118,9 @@ var TableHead = React32.forwardRef(function TableHead2({ className, children, ..
     }
   );
 });
-var TableCell = React32.forwardRef(
+var TableCell = React33.forwardRef(
   function TableCell2({ className, variant, children, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "td",
       {
         "data-slot": "table-cell",
@@ -4835,8 +5137,8 @@ var TableCell = React32.forwardRef(
     );
   }
 );
-var TableCaption = React32.forwardRef(function TableCaption2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCaption = React33.forwardRef(function TableCaption2({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4861,7 +5163,7 @@ function TableStatusBadge({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Badge,
     {
       variant: "pill",
@@ -4876,8 +5178,8 @@ function TableStatusBadge({
     }
   );
 }
-var TableActionButton = React32.forwardRef(function TableActionButton2({ className, tone, type = "button", children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableActionButton = React33.forwardRef(function TableActionButton2({ className, tone, type = "button", children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Button,
     {
       ref,
@@ -4895,8 +5197,8 @@ var TableActionButton = React32.forwardRef(function TableActionButton2({ classNa
     }
   );
 });
-var TableActions = React32.forwardRef(function TableActions2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableActions = React33.forwardRef(function TableActions2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       ref,
@@ -4917,10 +5219,10 @@ TableActionButton.displayName = "TableActionButton";
 TableActions.displayName = "TableActions";
 
 // src/components/tabs.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_react3 = require("motion/react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function resolveDefaultValue(items, defaultValue) {
   if (defaultValue) {
     return defaultValue;
@@ -4944,13 +5246,13 @@ function Tabs({
     onChange: onValueChange,
     value
   });
-  const indicatorLayoutId = React33.useId();
-  React33.useEffect(() => {
+  const indicatorLayoutId = React34.useId();
+  React34.useEffect(() => {
     if (value === void 0) {
       setUncontrolledCurrentValue(resolvedDefaultValue);
     }
   }, [resolvedDefaultValue, setUncontrolledCurrentValue, value]);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     TabsPrimitive.Root,
     {
       className: cn("w-full", className),
@@ -4958,7 +5260,7 @@ function Tabs({
       value: currentValue,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           TabsPrimitive.List,
           {
             "aria-label": "Subtelas navegaveis",
@@ -4969,19 +5271,19 @@ function Tabs({
             children: items.map((item) => {
               const isUnavailable = item.disabled || item.loading;
               const isActive = item.value === currentValue;
-              return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
                 TabsPrimitive.Trigger,
                 {
                   value: item.value,
                   disabled: isUnavailable,
                   className: cn(
-                    "relative inline-flex min-h-[76px] shrink-0 items-center justify-center px-8 pb-4 pt-6 [font-family:var(--sofya-text-h5-font-family)] text-[length:var(--sofya-text-h5-font-size)] [font-weight:var(--sofya-text-h5-font-weight)] leading-[var(--sofya-text-h5-line-height)] tracking-[var(--sofya-text-h5-letter-spacing)] text-[color:var(--sofya-text-subtle)] transition-[color,opacity] duration-sofya ease-sofya focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0 disabled:pointer-events-none disabled:text-[color:var(--sofya-text-placeholder)] data-[state=active]:text-primary",
+                    "relative inline-flex min-h-[76px] shrink-0 items-center justify-center px-8 pb-4 pt-6 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-subtle)] transition-[color,opacity] duration-sofya ease-sofya focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--sofya-focus-ring-soft)] focus-visible:ring-offset-0 disabled:pointer-events-none disabled:text-[color:var(--sofya-text-placeholder)] data-[state=active]:text-primary",
                     item.loading && "disabled:text-[color:var(--sofya-text-soft)]",
                     triggerClassName,
                     item.triggerClassName
                   ),
                   children: [
-                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                    isActive ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                       import_react3.motion.span,
                       {
                         "aria-hidden": "true",
@@ -4991,18 +5293,18 @@ function Tabs({
                         transition: { duration: 0.25, ease: "easeInOut" }
                       }
                     ) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "relative z-10 inline-flex items-center gap-2", children: [
-                      item.loading ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "relative z-10 inline-flex items-center gap-2", children: [
+                      item.loading ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
                         "span",
                         {
                           "aria-hidden": "true",
                           className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-r-transparent"
                         }
                       ) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { children: renderTextContent(item.label, {
+                      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: renderTextContent(item.label, {
                         as: "span",
                         className: "block text-inherit",
-                        size: "h5"
+                        size: "body"
                       }) })
                     ] })
                   ]
@@ -5013,7 +5315,7 @@ function Tabs({
           }
         ),
         items.map(
-          (item) => item.content !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          (item) => item.content !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             TabsPrimitive.Content,
             {
               value: item.value,
@@ -5036,9 +5338,9 @@ function Tabs({
 Tabs.displayName = "Tabs";
 
 // src/components/textarea.tsx
-var React34 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var Textarea = React34.forwardRef(
+var React35 = __toESM(require("react"), 1);
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Textarea = React35.forwardRef(
   ({
     className,
     containerClassName,
@@ -5048,14 +5350,14 @@ var Textarea = React34.forwardRef(
     rows = 5,
     ...props
   }, ref) => {
-    const generatedId = React34.useId();
+    const generatedId = React35.useId();
     const resolvedId = id ?? generatedId;
     const ariaLabel = props["aria-label"] ?? (typeof label === "string" ? label : void 0);
-    const control = /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    const control = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       "textarea",
       {
         className: cn(
-          "flex min-h-[120px] w-full resize-y rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 py-2 [font-family:var(--sofya-text-body-font-family)] text-[length:var(--sofya-text-body-font-size)] [font-weight:var(--sofya-text-body-font-weight)] leading-[var(--sofya-text-body-line-height)] tracking-[var(--sofya-text-body-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya placeholder:text-[color:var(--sofya-text-placeholder)] hover:border-[color:var(--sofya-border-hover)] focus:border-[color:var(--sofya-border-hover)] focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-[color:var(--sofya-border-hover)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50",
+          "flex min-h-[120px] w-full resize-y rounded-[10px] border border-[color:var(--sofya-border-strong)] bg-card px-4 py-2 [font-family:var(--sofya-text-tiny-font-family)] text-[length:var(--sofya-text-tiny-font-size)] [font-weight:var(--sofya-text-tiny-font-weight)] leading-[var(--sofya-text-tiny-line-height)] tracking-[var(--sofya-text-tiny-letter-spacing)] text-[color:var(--sofya-text-default)] shadow-none transition-[border-color,box-shadow,background-color,color] duration-sofya ease-sofya placeholder:text-[color:var(--sofya-text-placeholder)] hover:border-[color:var(--sofya-border-hover)] focus:border-[color:var(--sofya-border-hover)] focus:outline-none focus:ring-2 focus:ring-[color:var(--sofya-focus-ring-soft)] focus:ring-offset-0 active:border-[color:var(--sofya-border-hover)] disabled:cursor-not-allowed disabled:bg-muted disabled:opacity-50",
           className
         ),
         id: resolvedId,
@@ -5065,7 +5367,7 @@ var Textarea = React34.forwardRef(
         "aria-label": ariaLabel
       }
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
       FieldShell,
       {
         control,
@@ -5080,14 +5382,14 @@ var Textarea = React34.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/tooltip.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React35.forwardRef(function TooltipContent2({ className, sideOffset = 8, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TooltipContent = React36.forwardRef(function TooltipContent2({ className, sideOffset = 8, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     TooltipPrimitive.Content,
     {
       ref,
@@ -5111,9 +5413,9 @@ var TooltipContent = React35.forwardRef(function TooltipContent2({ className, si
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/theme/provider.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_tokens = require("@sofya-ds/tokens");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var SOFYA_FONT_LINKS = [
   {
     id: "preconnect-googleapis",
@@ -5133,7 +5435,7 @@ var SOFYA_FONT_LINKS = [
   }
 ];
 function useSofyaFontLinks() {
-  React36.useEffect(() => {
+  React37.useEffect(() => {
     if (typeof document === "undefined") {
       return;
     }
@@ -5166,7 +5468,7 @@ function SofyaProvider({
   useSofyaFontLinks();
   const theme = (0, import_tokens.createWhitelabelTheme)(overrides ?? {}, preset);
   const cssVariables = (0, import_tokens.themeToCssVariables)(theme);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       "data-sofya-theme": theme.name,
@@ -5212,6 +5514,7 @@ var import_tokens2 = require("@sofya-ds/tokens");
   DialogTitle,
   DialogTrigger,
   Dropdown,
+  DropdownSearch,
   Empty,
   EmptyContent,
   EmptyDescription,