@texturehq/edges 1.26.2 → 1.26.3

package/dist/server.d.cts

@@ -1,6 +1,6 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, B as BadgeProps, N as BaseDataPoint, O as ChartMargin, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, r as ENTITY_CONFIG, E as EntityConfig, q as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, h as Logo, M as MapPoint, i as MeterProps, k as SegmentOption, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, S as StaticMapProps, T as TextLink, J as TooltipData, K as TooltipSeries, o as TopNav, p as TopNavProps, V as YFormatSettings, Y as YFormatType, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, G as isLightColor } from './colors-Cv1f3FIO.cjs';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, B as BadgeProps, N as BaseDataPoint, O as ChartMargin, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, r as ENTITY_CONFIG, E as EntityConfig, q as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, h as Logo, M as MapPoint, i as MeterProps, k as SegmentOption, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, S as StaticMapProps, T as TextLink, J as TooltipData, K as TooltipSeries, o as TopNav, p as TopNavProps, V as YFormatSettings, Y as YFormatType, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, G as isLightColor } from './colors-Ddk1k14x.cjs';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
-export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-BhX77nTp.cjs';
+export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CZCqHSPF.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';

package/dist/server.d.ts

@@ -1,6 +1,6 @@
-export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, B as BadgeProps, N as BaseDataPoint, O as ChartMargin, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, r as ENTITY_CONFIG, E as EntityConfig, q as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, h as Logo, M as MapPoint, i as MeterProps, k as SegmentOption, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, S as StaticMapProps, T as TextLink, J as TooltipData, K as TooltipSeries, o as TopNav, p as TopNavProps, V as YFormatSettings, Y as YFormatType, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, G as isLightColor } from './colors-B9nHitHg.js';
+export { A as ActionItem, a as ActionMenuProps, b as AppShell, c as AppShellProps, e as Avatar, d as AvatarProps, B as BadgeProps, N as BaseDataPoint, O as ChartMargin, C as CodeEditorProps, f as CodeLanguage, g as CodeTheme, r as ENTITY_CONFIG, E as EntityConfig, q as EntityType, H as Heading, I as InteractiveMapProps, L as Loader, h as Logo, M as MapPoint, i as MeterProps, k as SegmentOption, j as SegmentedControlProps, l as SideNav, m as SideNavItem, n as SideNavProps, S as StaticMapProps, T as TextLink, J as TooltipData, K as TooltipSeries, o as TopNav, p as TopNavProps, V as YFormatSettings, Y as YFormatType, v as clearColorCache, w as createCategoryColorMap, P as createXScale, Q as createYScale, R as defaultMargin, x as getContrastingTextColor, y as getDefaultChartColor, z as getDefaultColors, s as getEntityConfig, t as getEntityIcon, u as getEntityLabel, D as getResolvedColor, F as getThemeCategoricalColors, U as getYFormatSettings, G as isLightColor } from './colors-CHRmTEal.js';
 export { BreadcrumbProps, BreadcrumbsProps } from 'react-aria-components';
-export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-BhX77nTp.js';
+export { D as DateFieldProps, F as FileUploadProps, R as RichTextEditorProps } from './RichTextEditor-CZCqHSPF.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconProps } from '@phosphor-icons/react';
 import React__default from 'react';

package/dist/styles.css

@@ -1496,6 +1496,15 @@
   .top-\[2rem\] {
     top: 2rem;
   }
+  .top-\[45\%\] {
+    top: 45%;
+  }
+  .top-\[46\%\] {
+    top: 46%;
+  }
+  .top-\[48\%\] {
+    top: 48%;
+  }
   .-right-2 {
     right: calc(var(--spacing-2) * -1);
   }
@@ -1766,8 +1775,8 @@
   .mb-8 {
     margin-bottom: var(--spacing-8);
   }
-  .mb-20 {
-    margin-bottom: var(--spacing-20);
+  .mb-12 {
+    margin-bottom: var(--spacing-12);
   }
   .-ml-px {
     margin-left: -1px;
@@ -1916,6 +1925,18 @@
   .h-96 {
     height: var(--spacing-96);
   }
+  .h-\[32px\] {
+    height: 32px;
+  }
+  .h-\[40px\] {
+    height: 40px;
+  }
+  .h-\[44px\] {
+    height: 44px;
+  }
+  .h-\[48px\] {
+    height: 48px;
+  }
   .h-\[60px\] {
     height: 60px;
   }
@@ -1994,6 +2015,9 @@
   .max-h-\[500px\] {
     max-height: 500px;
   }
+  .max-h-full {
+    max-height: 100%;
+  }
   .min-h-0 {
     min-height: var(--spacing-0);
   }
@@ -2371,10 +2395,6 @@
     --tw-translate-y: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .translate-y-\[0\.5px\] {
-    --tw-translate-y: 0.5px;
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .rotate-0 {
     rotate: 0deg;
   }
@@ -2929,6 +2949,10 @@
   .rounded-bl-none {
     border-bottom-left-radius: var(--radius-none);
   }
+  .\!border-0 {
+    border-style: var(--tw-border-style) !important;
+    border-width: 0px !important;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -3819,6 +3843,9 @@
   .py-16 {
     padding-block: var(--spacing-16);
   }
+  .py-\[2px\] {
+    padding-block: 2px;
+  }
   .py-\[var\(--control-gap-lg\)\] {
     padding-block: var(--control-gap-lg);
   }
@@ -3852,6 +3879,9 @@
   .pt-8 {
     padding-top: var(--spacing-8);
   }
+  .pt-\[15vh\] {
+    padding-top: 15vh;
+  }
   .pr-0 {
     padding-right: var(--spacing-0);
   }
@@ -3918,20 +3948,17 @@
   .pl-5 {
     padding-left: var(--spacing-5);
   }
-  .pl-7 {
-    padding-left: var(--spacing-7);
-  }
   .pl-8 {
     padding-left: var(--spacing-8);
   }
-  .pl-9 {
-    padding-left: var(--spacing-9);
-  }
   .pl-10 {
     padding-left: var(--spacing-10);
   }
-  .pl-12 {
-    padding-left: var(--spacing-12);
+  .pl-11 {
+    padding-left: var(--spacing-11);
+  }
+  .pl-13 {
+    padding-left: calc(var(--spacing) * 13);
   }
   .pl-\[3rem\] {
     padding-left: 3rem;
@@ -4228,9 +4255,6 @@
   .text-green-900 {
     color: var(--color-green-900);
   }
-  .text-inherit {
-    color: inherit;
-  }
   .text-map-marker-default {
     color: var(--color-map-marker-default);
   }
@@ -4491,6 +4515,10 @@
     --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .\!ring-0 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+  }
   .ring {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -4691,12 +4719,18 @@
   .\[--tw-enter-translate-x\:calc\(-16rem-100\%\)\] {
     --tw-enter-translate-x: calc(-16rem - 100%);
   }
+  .\[-ms-overflow-style\:none\] {
+    -ms-overflow-style: none;
+  }
   .\[animation-delay\:0\.1s\] {
     animation-delay: 0.1s;
   }
   .\[animation-delay\:0\.2s\] {
     animation-delay: 0.2s;
   }
+  .\[scrollbar-width\:none\] {
+    scrollbar-width: none;
+  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -5278,6 +5312,16 @@
       }
     }
   }
+  .hover\:bg-feedback-info-background\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #dbeafe 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-feedback-info-background) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-gray-50 {
     &:hover {
       @media (hover: hover) {
@@ -5506,12 +5550,24 @@
       left: var(--spacing-4);
     }
   }
+  .focus\:\!border-0 {
+    &:focus {
+      border-style: var(--tw-border-style) !important;
+      border-width: 0px !important;
+    }
+  }
   .focus\:shadow-none {
     &:focus {
       --tw-shadow: 0 0 #0000;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus\:\!ring-0 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
   .focus\:ring-0 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5545,17 +5601,35 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .focus\:\!outline-none {
+    &:focus {
+      --tw-outline-style: none !important;
+      outline-style: none !important;
+    }
+  }
   .focus\:outline-none {
     &:focus {
       --tw-outline-style: none;
       outline-style: none;
     }
   }
+  .focus-visible\:\!border-0 {
+    &:focus-visible {
+      border-style: var(--tw-border-style) !important;
+      border-width: 0px !important;
+    }
+  }
   .focus-visible\:bg-brand-light {
     &:focus-visible {
       background-color: var(--color-brand-light);
     }
   }
+  .focus-visible\:\!ring-0 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
   .focus-visible\:ring-0 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -5589,6 +5663,12 @@
       outline-color: var(--color-action-default);
     }
   }
+  .focus-visible\:\!outline-none {
+    &:focus-visible {
+      --tw-outline-style: none !important;
+      outline-style: none !important;
+    }
+  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -5674,6 +5754,12 @@
       transition-timing-function: var(--ease-in);
     }
   }
+  .data-\[focus-visible\]\:ring-0 {
+    &[data-focus-visible] {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .data-\[focus-visible\]\:ring-2 {
     &[data-focus-visible] {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -7630,6 +7716,38 @@
       }
     }
   }
+  .\[\&_\[role\=option\]\]\:rounded-none {
+    & [role=option] {
+      border-radius: var(--radius-none);
+    }
+  }
+  .\[\&_\[role\=option\]\]\:border-b {
+    & [role=option] {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\[\&_\[role\=option\]\]\:border-border-default {
+    & [role=option] {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\[\&_\[role\=option\]\]\:\!px-6 {
+    & [role=option] {
+      padding-inline: var(--spacing-6) !important;
+    }
+  }
+  .\[\&_\[role\=option\]\]\:\!py-4 {
+    & [role=option] {
+      padding-block: var(--spacing-4) !important;
+    }
+  }
+  .\[\&_\[role\=option\]\:last-child\]\:border-0 {
+    & [role=option]:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .\[\&_a\]\:text-right {
     & a {
       text-align: right;
@@ -7719,6 +7837,11 @@
               appearance: none;
     }
   }
+  .\[\&\:\:-webkit-scrollbar\]\:hidden {
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
   .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
     &::-webkit-slider-thumb {
       height: var(--spacing-4);

package/dist/utilities.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.26.2",
+  "version": "1.26.3",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
@@ -46,6 +46,13 @@
           "category": "hooks",
           "file": "hooks/useDebounce.ts"
         },
+        {
+          "name": "useDelayedLoading",
+          "type": "function",
+          "description": "useDelayedLoading Returns a delayed version of the loading state to prevent flashing loaders for fast operations. The loader will only show if loading takes longer than the specified delay.",
+          "category": "hooks",
+          "file": "hooks/useDelayedLoading.ts"
+        },
         {
           "name": "useElementSize",
           "type": "function",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.26.2",
+  "version": "1.26.3",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",

package/scripts/setup-cursor-rules.js

@@ -80,7 +80,7 @@ const setupCursorRules = () => {
 
   // Setup Claude rules
   if (fs.existsSync(claudeTemplatesDir)) {
-    const claudeTemplateFiles = fs
+    const _claudeTemplateFiles = fs
       .readdirSync(claudeTemplatesDir)
       .filter((file) => file.endsWith(".md"));