@geomak/ui 7.3.2 → 7.3.4

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-5FQ64bx1.cjs';
+export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-BktppxXp.cjs';
 export { CreateIconOptions, Icon, IconComponent, IconProps, createIcon } from './icons/index.cjs';
 import * as react from 'react';
 import react__default from 'react';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-5FQ64bx1.js';
+export { C as COLORS, S as SemanticColorKey, a as SemanticSharedKey, V as VarColorKey, b as VarDensityKey, c as VarMotionKey, d as VarRadiusKey, e as VarShadowKey, f as VarTypoKey, g as VarZIndexKey, P as palette, s as semanticTokens, v as vars } from './index-BktppxXp.js';
 export { CreateIconOptions, Icon, IconComponent, IconProps, createIcon } from './icons/index.js';
 import * as react from 'react';
 import react__default from 'react';

package/dist/index.js

@@ -1,6 +1,6 @@
 export { icons_default as Icon, createIcon } from './chunk-KAFJJO5O.js';
-import { colors_default } from './chunk-I2P4JJDB.js';
-export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-I2P4JJDB.js';
+import { colors_default } from './chunk-DXOWXLKK.js';
+export { colors_default as COLORS, PALETTE as palette, semanticTokens, vars } from './chunk-DXOWXLKK.js';
 import React30, { createContext, useState, useEffect, useMemo, useId, useCallback, useRef, useContext, useSyncExternalStore, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1249,8 +1249,7 @@ function TreeNodeItem({
   item,
   onNodeClick,
   defaultExpandAll,
-  defaultExpandedKeys,
-  depth = 0
+  defaultExpandedKeys
 }) {
   if (!isParent(item)) {
     return /* @__PURE__ */ jsxs(
@@ -1258,7 +1257,6 @@ function TreeNodeItem({
       {
         type: "button",
         className: "flex w-full items-center gap-2.5 cursor-pointer select-none group text-left rounded-md px-2 py-1.5 hover:bg-surface-raised transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-accent",
-        style: { paddingLeft: depth * 12 + 8 },
         onClick: () => onNodeClick({
           isParent: false,
           key: item.key,
@@ -1274,62 +1272,53 @@ function TreeNodeItem({
     );
   }
   const initialOpen = defaultExpandAll || defaultExpandedKeys.includes(item.key) ? [item.key] : [];
-  return /* @__PURE__ */ jsx(
-    AccordionPrimitive.Root,
-    {
-      type: "multiple",
-      defaultValue: initialOpen,
-      style: { paddingLeft: depth * 12 },
-      children: /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: item.key, className: "border-none", children: [
-        /* @__PURE__ */ jsxs(
-          AccordionPrimitive.Trigger,
-          {
-            onClick: () => onNodeClick({
-              isParent: true,
-              key: item.key,
-              label: item.label,
-              data: item.nodeData,
-              parentLabel: item.parentLabel
-            }),
-            className: "flex items-center gap-2 cursor-pointer py-1.5 px-2 group focus:outline-none focus-visible:ring-2 focus-visible:ring-accent w-full text-left rounded-md hover:bg-surface-raised transition-colors duration-150",
-            children: [
-              /* @__PURE__ */ jsx(
-                "svg",
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { type: "multiple", defaultValue: initialOpen, children: /* @__PURE__ */ jsxs(AccordionPrimitive.Item, { value: item.key, className: "border-none", children: [
+    /* @__PURE__ */ jsxs(
+      AccordionPrimitive.Trigger,
+      {
+        onClick: () => onNodeClick({
+          isParent: true,
+          key: item.key,
+          label: item.label,
+          data: item.nodeData,
+          parentLabel: item.parentLabel
+        }),
+        className: "flex items-center gap-2 cursor-pointer py-1.5 px-2 group focus:outline-none focus-visible:ring-2 focus-visible:ring-accent w-full text-left rounded-md hover:bg-surface-raised transition-colors duration-150",
+        children: [
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: 2.5,
+              className: "h-3.5 w-3.5 flex-shrink-0 text-foreground-muted transition-transform duration-200 group-data-[state=open]:rotate-0 group-data-[state=closed]:-rotate-90",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
                 {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: 2.5,
-                  className: "h-3.5 w-3.5 flex-shrink-0 text-foreground-muted transition-transform duration-200 group-data-[state=open]:rotate-0 group-data-[state=closed]:-rotate-90",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsx(
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M19 9l-7 7-7-7"
-                    }
-                  )
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M19 9l-7 7-7-7"
                 }
-              ),
-              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground select-none", children: item.label })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up", children: /* @__PURE__ */ jsx("div", { className: "ml-3.5 border-l border-border py-0.5", children: item.children.map((child) => /* @__PURE__ */ jsx(
-          TreeNodeItem,
-          {
-            item: child,
-            onNodeClick,
-            defaultExpandAll,
-            defaultExpandedKeys,
-            depth: depth + 1
-          },
-          child.key
-        )) }) })
-      ] })
-    }
-  );
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground select-none", children: item.label })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(AccordionPrimitive.Content, { className: "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up", children: /* @__PURE__ */ jsx("div", { className: "ml-3.5 border-l border-border py-0.5", children: item.children.map((child) => /* @__PURE__ */ jsx(
+      TreeNodeItem,
+      {
+        item: child,
+        onNodeClick,
+        defaultExpandAll,
+        defaultExpandedKeys
+      },
+      child.key
+    )) }) })
+  ] }) });
 }
 function Tree({
   nodes,
@@ -7555,8 +7544,9 @@ function Dropdown({
               {
                 align: "start",
                 sideOffset: 4,
+                collisionPadding: 8,
                 style: { width: style?.width || 240 },
-                className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 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",
+                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: [
                   hasSearch && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(
@@ -7739,8 +7729,9 @@ function AutoComplete({
           {
             align: "start",
             sideOffset: 4,
+            collisionPadding: 8,
             onOpenAutoFocus: (e) => e.preventDefault(),
-            className: "w-64 bg-surface border border-border rounded-lg mt-1 shadow-md z-50 overflow-y-auto max-h-36 animate-in fade-in-0 zoom-in-95",
+            className: "w-64 bg-surface border border-border rounded-lg mt-1 shadow-md z-popover overflow-y-auto max-h-36 animate-in fade-in-0 zoom-in-95",
             children: loading ? /* @__PURE__ */ jsxs("div", { className: "h-full w-full flex items-center justify-center gap-2 py-4 text-sm text-foreground-secondary", children: [
               /* @__PURE__ */ jsx(LoadingSpinner, { inline: true, size: "xs" }),
               /* @__PURE__ */ jsx("span", { children: loadingText })
@@ -7924,8 +7915,9 @@ function TreeSelect({
           {
             align: "start",
             sideOffset: 4,
+            collisionPadding: 8,
             style: { width: style?.width || 280 },
-            className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 p-1 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",
+            className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-1 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",
             onOpenAutoFocus: (e) => {
               e.preventDefault();
               listRef.current?.focus();
@@ -8373,7 +8365,8 @@ function DatePicker({
           {
             align: "start",
             sideOffset: 4,
-            className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 p-3 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",
+            collisionPadding: 8,
+            className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-3 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",
             onOpenAutoFocus: (e) => {
               e.preventDefault();
             },
@@ -9172,7 +9165,8 @@ function TimePicker({
         {
           align: "start",
           sideOffset: 4,
-          className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 p-2 flex gap-1 animate-in fade-in-0 zoom-in-95",
+          collisionPadding: 8,
+          className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-2 flex gap-1 animate-in fade-in-0 zoom-in-95",
           children: [
             /* @__PURE__ */ jsx(
               Column,
@@ -9345,7 +9339,8 @@ function DateRangePicker({
       {
         align: "start",
         sideOffset: 4,
-        className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 p-3 flex flex-col gap-3 sm:flex-row max-w-[calc(100vw-1rem)] max-h-[calc(100vh-2rem)] overflow-auto animate-in fade-in-0 zoom-in-95",
+        collisionPadding: 8,
+        className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-3 flex flex-col gap-3 sm:flex-row max-w-[calc(100vw-1rem)] max-h-[calc(100vh-2rem)] overflow-auto animate-in fade-in-0 zoom-in-95",
         children: [
           presets && presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1 min-w-[120px] sm:pr-3 sm:border-r sm:border-border", children: presets.map((p) => /* @__PURE__ */ jsx(
             "button",
@@ -9468,7 +9463,8 @@ function ColorPicker({
         {
           align: "start",
           sideOffset: 4,
-          className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-50 p-3 w-56 animate-in fade-in-0 zoom-in-95",
+          collisionPadding: 8,
+          className: "bg-surface text-foreground border border-border rounded-lg shadow-md z-popover p-3 w-56 animate-in fade-in-0 zoom-in-95",
           children: [
             /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-2 mb-3", children: swatches.map((sw) => /* @__PURE__ */ jsx(
               "button",