@texturehq/edges 1.28.0 → 1.28.1

package/dist/{TimeField-BbLIbv0J.d.ts → TimeField-DUQ94xQz.d.ts}

@@ -305,12 +305,12 @@ interface RadioCardGroupProps {
      */
     gap?: string;
 }
-declare function RadioCard({ value, isDisabled, className, children, size, variant, }: RadioCardProps): react_jsx_runtime.JSX.Element;
+declare function RadioCard({ value, isDisabled, className, children, size, variant }: RadioCardProps): react_jsx_runtime.JSX.Element;
 declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
     /** Label for the radio group */
-    label?: string;
+    label?: ReactNode;
     /** Children elements */
     children?: ReactNode;
     /** Optional description for the radio group */

package/dist/{TimeField-BqhXKWUT.d.cts → TimeField-ydXvd3yT.d.cts}

@@ -305,12 +305,12 @@ interface RadioCardGroupProps {
      */
     gap?: string;
 }
-declare function RadioCard({ value, isDisabled, className, children, size, variant, }: RadioCardProps): react_jsx_runtime.JSX.Element;
+declare function RadioCard({ value, isDisabled, className, children, size, variant }: RadioCardProps): react_jsx_runtime.JSX.Element;
 declare function RadioCardGroup({ value, defaultValue, onChange, isDisabled, isReadOnly, isRequired, className, children, size, variant, columns, gap, }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends Omit<RadioGroupProps$1, "children"> {
     /** Label for the radio group */
-    label?: string;
+    label?: ReactNode;
     /** Children elements */
     children?: ReactNode;
     /** Optional description for the radio group */

package/dist/{colors-Edrb81dY.d.ts → colors-BArtDuqU.d.ts}

@@ -693,7 +693,7 @@ interface HeadingProps {
     className?: string;
     children?: React__default.ReactNode;
 }
-declare function Heading({ tag: Tag, size, height, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 interface LoaderProps {
     /**

package/dist/{colors-CvEXhBTp.d.cts → colors-BHVIdEzL.d.cts}

@@ -693,7 +693,7 @@ interface HeadingProps {
     className?: string;
     children?: React__default.ReactNode;
 }
-declare function Heading({ tag: Tag, size, height, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function Heading({ tag: Tag, size, height, className, children }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 interface LoaderProps {
     /**

package/dist/components.manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.28.0",
+  "version": "1.28.1",
   "components": [
     {
       "name": "ActionCell",
@@ -365,7 +365,7 @@
         },
         {
           "name": "variant",
-          "type": "| \"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
+          "type": "\"default\" | \"brand\" | \"secondary\" | \"destructive\" | \"icon\" | \"link\" | \"unstyled\" | \"ghost\" | \"primary\""
         }
       ],
       "relatedComponents": [
@@ -834,13 +834,19 @@
     },
     {
       "name": "ChipInputField",
-      "category": "Uncategorized",
+      "category": "Form Controls",
       "description": "ChipInputField  A tags input component with autocomplete suggestions. Press Enter or comma to add tags, Backspace when empty to remove last tag. Supports both static items and async fetching for suggestions.",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/ChipInputField",
       "props": [],
-      "relatedComponents": [],
-      "storybookPath": "Uncategorized/ChipInputField"
+      "relatedComponents": [
+        "ChipInputField",
+        "StoryLayout",
+        "StoryTable",
+        "StoryTableCell",
+        "StoryTableRow"
+      ],
+      "storybookPath": "Form Controls/ChipInputField"
     },
     {
       "name": "CodeEditor",
@@ -1854,7 +1860,7 @@
         },
         {
           "name": "countryRestrictions",
-          "type": "string[]; // Array of ISO 3166-1 alpha-2 country codes proximity?: \"ip\" | [number, number]; // Either \"ip\" for IP-based location or [longitude, latitude] coordinates hideCountry?: boolean; // Hide country from results (useful when using countryRestrictions) showIcon?: boolean; // Show location type icons in results (default: true) className?: string"
+          "type": "string[]; // Array of ISO 3166-1 alpha-2 country codes proximity?: \"ip\" | [number, number]; // Either \"ip\" for IP-based location or [longitude, latitude] coordinates hideCountry?: boolean; // Hide country from results (useful when using countryRestrictions) showIcon?: boolean; // Show location type icons in results (default: true) useMobileTray?: boolean; // Whether to use a Tray (bottom sheet) on mobile devices instead of a Popover (default: true) className?: string"
         },
         {
           "name": "defaultFilter",
@@ -2394,7 +2400,7 @@
     {
       "name": "StatList",
       "category": "Data",
-      "description": "Additional CSS classes */ className?: string; }  // Helpers  // Use the centralized formatting utility function formatValue(value: StatValue, formatter?: StatFormatter): React.ReactNode { // If value is already a React element, return it as-is (skip formatting) if (React.isValidElement(value)) { return value; }  return formatComponentValue({ value, formatter, emptyClassName: \"text-text-muted\", emptyText: \"—\", }); }  function getTone(item: StatItem): StatTone | undefined { // Check thresholds first if (item.thresholds && item.value !== null && item.value !== undefined) { for (const threshold of item.thresholds) { if (threshold.when(item.value)) { return threshold.tone; } } }  // Fall back to explicit tone return item.tone; }  const toneColors: Record<StatTone, string> = { neutral: \"text-text-body\", success: \"text-feedback-success\", warning: \"text-feedback-warning\", error: \"text-feedback-error\", info: \"text-feedback-info\", };  // StatRow Component  // Constants for auto-truncation const LONG_STRING_THRESHOLD = 24; const LONG_STRING_TRUNCATE_LENGTH = 20;  function StatRow({ item, dense, valueAlign, }: { item: StatItem; dense?: boolean; valueAlign?: StatAlign; }) { const tone = getTone(item); const toneClass = tone ? toneColors[tone] : \"\"; const isStacked = item.stackOnMobile;  // Check if this is a long string that should be auto-truncated on mobile const isLongString = typeof item.value === \"string\" && item.value.length > LONG_STRING_THRESHOLD && !item.formatter && !React.isValidElement(item.value);  // Get the formatted value (used for both truncated and full display) const formattedValue = formatValue(item.value, item.formatter);  // Get the truncated value for mobile display // Note: We cast to string here because isLongString already verifies typeof item.value === \"string\" const truncatedValue = isLongString ? truncateMiddle(item.value as string, LONG_STRING_TRUNCATE_LENGTH) : null;  const textToCopy = typeof item.copyable === \"function\" ? item.copyable(item.value) : String(item.value);  // PII data attributes (only set if both piiType and piiEntity are provided) const piiAttrs = item.piiType && item.piiEntity ? { \"data-pii-type\": item.piiType, \"data-pii-entity\": item.piiEntity, } : {};  // For long strings, render both truncated (mobile) and full (desktop) versions // CSS classes control which is visible based on screen size // Tooltip content is wrapped in span with PII attributes to allow masking by Curtain extension const hasPiiAttrs = Object.keys(piiAttrs).length > 0; const valueDisplay = isLongString ? ( <> {/* Mobile: show truncated with tooltip */} <Tooltip content={hasPiiAttrs ? <span {...piiAttrs}>{String(item.value)}</span> : String(item.value)} > <span className={twMerge(\"md:hidden\", item.href ? \"hover:underline cursor-pointer\" : \"\")} {...piiAttrs} > {truncatedValue} </span> </Tooltip> {/* Desktop: show full value",
+      "description": "Additional CSS classes */ className?: string; }  // Helpers  // Use the centralized formatting utility function formatValue(value: StatValue, formatter?: StatFormatter): React.ReactNode { // If value is already a React element, return it as-is (skip formatting) if (React.isValidElement(value)) { return value; }  return formatComponentValue({ value, formatter, emptyClassName: \"text-text-muted\", emptyText: \"—\", }); }  function getTone(item: StatItem): StatTone | undefined { // Check thresholds first if (item.thresholds && item.value !== null && item.value !== undefined) { for (const threshold of item.thresholds) { if (threshold.when(item.value)) { return threshold.tone; } } }  // Fall back to explicit tone return item.tone; }  const toneColors: Record<StatTone, string> = { neutral: \"text-text-body\", success: \"text-feedback-success\", warning: \"text-feedback-warning\", error: \"text-feedback-error\", info: \"text-feedback-info\", };  // StatRow Component  // Constants for auto-truncation const LONG_STRING_THRESHOLD = 24; const LONG_STRING_TRUNCATE_LENGTH = 20;  function StatRow({ item, dense, valueAlign }: { item: StatItem; dense?: boolean; valueAlign?: StatAlign }) { const tone = getTone(item); const toneClass = tone ? toneColors[tone] : \"\"; const isStacked = item.stackOnMobile;  // Check if this is a long string that should be auto-truncated on mobile const isLongString = typeof item.value === \"string\" && item.value.length > LONG_STRING_THRESHOLD && !item.formatter && !React.isValidElement(item.value);  // Get the formatted value (used for both truncated and full display) const formattedValue = formatValue(item.value, item.formatter);  // Get the truncated value for mobile display // Note: We cast to string here because isLongString already verifies typeof item.value === \"string\" const truncatedValue = isLongString ? truncateMiddle(item.value as string, LONG_STRING_TRUNCATE_LENGTH) : null;  const textToCopy = typeof item.copyable === \"function\" ? item.copyable(item.value) : String(item.value);  // PII data attributes (only set if both piiType and piiEntity are provided) const piiAttrs = item.piiType && item.piiEntity ? { \"data-pii-type\": item.piiType, \"data-pii-entity\": item.piiEntity, } : {};  // For long strings, render both truncated (mobile) and full (desktop) versions // CSS classes control which is visible based on screen size // Tooltip content is wrapped in span with PII attributes to allow masking by Curtain extension const hasPiiAttrs = Object.keys(piiAttrs).length > 0; const valueDisplay = isLongString ? ( <> {/* Mobile: show truncated with tooltip */} <Tooltip content={hasPiiAttrs ? <span {...piiAttrs}>{String(item.value)}</span> : String(item.value)}> <span className={twMerge(\"md:hidden\", item.href ? \"hover:underline cursor-pointer\" : \"\")} {...piiAttrs}> {truncatedValue} </span> </Tooltip> {/* Desktop: show full value",
       "importRoot": "@texturehq/edges",
       "importPath": "@texturehq/edges/components/StatList",
       "props": [],
@@ -2957,6 +2963,7 @@
       "Calendar",
       "Checkbox",
       "CheckboxGroup",
+      "ChipInputField",
       "CodeEditor",
       "ColorField",
       "DateField",
@@ -3074,13 +3081,23 @@
       "CarouselRoot",
       "HierarchyExplorer"
     ],
+    "Charts": [
+      "AreaSeries",
+      "BarSeries",
+      "CategoryBarChart",
+      "ChartAxis",
+      "ChartContainer",
+      "ChartEventMarkers",
+      "FunnelSeries",
+      "LineSeries",
+      "TimeControls"
+    ],
     "Uncategorized": [
       "ActionCell",
       "BadgeCell",
       "BooleanCell",
       "ChartBottomBar",
       "ChartTooltip",
-      "ChipInputField",
       "CommandPalette",
       "ContactMetaCell",
       "CustomCell",
@@ -3110,17 +3127,6 @@
       "StaticMap",
       "TextCell"
     ],
-    "Charts": [
-      "AreaSeries",
-      "BarSeries",
-      "CategoryBarChart",
-      "ChartAxis",
-      "ChartContainer",
-      "ChartEventMarkers",
-      "FunnelSeries",
-      "LineSeries",
-      "TimeControls"
-    ],
     "Data": [
       "AutoMobileRenderer",
       "CardMobileRenderer",