@geomak/ui 7.3.3 → 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';
@@ -7544,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(
@@ -7728,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 })
@@ -7913,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();
@@ -8362,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();
             },
@@ -9161,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,
@@ -9334,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",
@@ -9457,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",