@geomak/ui 7.6.0 → 7.6.2

package/dist/index.js

@@ -1595,10 +1595,10 @@ function Badge({
   ] });
 }
 var TONE_BG = {
-  info: "bg-[color-mix(in_srgb,var(--color-info)_12%,transparent)]",
-  success: "bg-[color-mix(in_srgb,var(--color-success)_12%,transparent)]",
-  warning: "bg-[color-mix(in_srgb,var(--color-warning)_15%,transparent)]",
-  danger: "bg-[color-mix(in_srgb,var(--color-error)_12%,transparent)]"
+  info: "bg-[color-mix(in_srgb,var(--color-info)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-info)_30%,transparent)]",
+  success: "bg-[color-mix(in_srgb,var(--color-success)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-success)_30%,transparent)]",
+  warning: "bg-[color-mix(in_srgb,var(--color-warning)_22%,transparent)] border border-[color-mix(in_srgb,var(--color-warning)_32%,transparent)]",
+  danger: "bg-[color-mix(in_srgb,var(--color-error)_20%,transparent)] border border-[color-mix(in_srgb,var(--color-error)_30%,transparent)]"
 };
 var TONE_FG = {
   info: "text-status-info",
@@ -4569,10 +4569,19 @@ function FadingBase({
   );
 }
 var DENSITY_PADDING = {
-  "compact": "py-1.5 px-2",
-  "comfortable": "py-2.5 px-3",
-  "spacious": "py-3.5 px-4"
+  "compact": "py-1.5 pr-2",
+  "comfortable": "py-2.5 pr-3",
+  "spacious": "py-3.5 pr-4"
 };
+var DENSITY_PAD_LEFT = {
+  "compact": "pl-[calc(0.5rem-1px)]",
+  // px-2  = 0.5rem
+  "comfortable": "pl-[calc(0.75rem-1px)]",
+  // px-3  = 0.75rem
+  "spacious": "pl-[calc(1rem-1px)]"
+  // px-4  = 1rem
+};
+var PRESS = "active:bg-[color-mix(in_srgb,var(--color-accent)_14%,transparent)]";
 function List2({
   items,
   onItemClick,
@@ -4600,10 +4609,11 @@ function List2({
           }
         },
         className: [
-          "flex items-center gap-3 cursor-pointer border-b border-border transition-colors duration-150",
+          "flex items-center gap-3 cursor-pointer border-b border-border border-l transition-colors duration-150",
           DENSITY_PADDING[density],
+          DENSITY_PAD_LEFT[density],
           "focus:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-inset",
-          isDisabled ? "opacity-50 cursor-not-allowed" : isActive ? "bg-surface-raised text-foreground" : "text-foreground-secondary hover:bg-surface-raised hover:text-foreground"
+          isDisabled ? "border-l-transparent opacity-50 cursor-not-allowed" : isActive ? `border-l-accent bg-surface-raised text-foreground font-medium ${PRESS}` : `border-l-transparent text-foreground-secondary hover:bg-surface-raised hover:text-foreground ${PRESS}`
         ].join(" "),
         children: [
           item.avatar && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: item.avatar }),
@@ -6889,7 +6899,7 @@ function NumberInput({
         "div",
         {
           style,
-          className: `flex items-center overflow-hidden pr-0 ${fieldShell({ size, hasError, disabled, focusWithin: true })}`,
+          className: `flex items-center overflow-hidden !pr-0 ${fieldShell({ size, hasError, disabled, focusWithin: true })}`,
           children: [
             /* @__PURE__ */ jsx(
               "input",
@@ -7707,7 +7717,7 @@ function Dropdown({
                 align: "start",
                 sideOffset: 4,
                 collisionPadding: 8,
-                style: { width: style?.width || 240 },
+                style: { width: style?.width ?? "var(--radix-popover-trigger-width)" },
                 className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-2 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
                 onInteractOutside: () => setOpen(false),
                 children: [