@narmi/design_system 4.37.0-beta.0 → 4.37.0

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Fri Aug 15 2025 17:12:38 GMT-0400 (Eastern Daylight Time)
+* Generated by style-dictionary on Thu Aug 21 2025 17:54:50 GMT+0000 (Coordinated Universal Time)
 * github.com/narmi/design_system/
 */
 

package/dist/types/TableAutocomplete/index.d.ts

@@ -13,6 +13,8 @@ export interface TableAutocompleteProps {
     onChange?: (value: string) => void;
     /** Input change event callback */
     onInputChange?: (value: string) => void;
+    /** Optional custom filter function for items. Signature: (items, inputValue) => filteredItems[] */
+    filterItemsByInput?: (items: TableAutocompleteItem[], inputValue: string) => TableAutocompleteItem[];
     /** Optional pinned footer content; use for action buttons */
     footerContent?: React.ReactNode;
     /** Input placeholder text */
@@ -34,7 +36,7 @@ export declare const filterItems: (items: TableAutocompleteItem[], inputValue: s
  * Allows single selection only.
  */
 declare const TableAutocomplete: {
-    ({ label, children, onChange, onInputChange, footerContent, placeholder, isDisabled, hasError, inputValue, }: TableAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, children, onChange, onInputChange, filterItemsByInput, footerContent, placeholder, isDisabled, hasError, inputValue, }: TableAutocompleteProps): import("react/jsx-runtime").JSX.Element;
     Item: React.FC<import("./Item").TableAutocompleteItemProps>;
 };
 export default TableAutocomplete;

package/dist/types/TableAutocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableAutocomplete/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,YAAY,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAGzD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,qBAAqB,GAAG,IAAI,QACX,CAAC;AAErD,eAAO,MAAM,WAAW,GACtB,OAAO,qBAAqB,EAAE,EAC9B,YAAY,MAAM,4BAIjB,CAAC;AAEJ;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;kHAUpB,sBAAsB;;CAqJxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableAutocomplete/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAOvC,YAAY,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAC;AAGzD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,EAAE,qBAAqB,EAAE,CAAC;IAClC,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mGAAmG;IACnG,kBAAkB,CAAC,EAAE,CACnB,KAAK,EAAE,qBAAqB,EAAE,EAC9B,UAAU,EAAE,MAAM,KACf,qBAAqB,EAAE,CAAC;IAC7B,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,qBAAqB,GAAG,IAAI,QACX,CAAC;AAErD,eAAO,MAAM,WAAW,GACtB,OAAO,qBAAqB,EAAE,EAC9B,YAAY,MAAM,4BAIjB,CAAC;AAEJ;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB;sIAWpB,sBAAsB;;CAqJxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@narmi/design_system",
-  "version": "4.37.0-beta.0",
+  "version": "4.37.0",
   "description": "⚡ A consistent look-and-feel and extensible interface for Narmi experiences 🔥",
   "main": "dist/index.js",
   "files": [

package/dist/types/Button/Spinner.d.ts

@@ -1,17 +0,0 @@
-export interface SpinnerProps {
-    /**
-     * Square size of spinner as unitless number
-     */
-    size?: number;
-    /**
-     * Width of animated stroke
-     */
-    strokeWidth?: number;
-    /**
-     * CSS color value
-     */
-    color?: string | undefined;
-}
-declare const Spinner: ({ size, strokeWidth, color, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export default Spinner;
-//# sourceMappingURL=Spinner.d.ts.map

package/dist/types/Button/Spinner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/Button/Spinner.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,kCAIV,YAAY,4CAsBd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/Table/util/tableSectionContext.d.ts

@@ -1,10 +0,0 @@
-interface TableSectionContextProps {
-    section: "header" | "body";
-}
-/**
- * Used to inform rows and cells which area of the table they're
- * being rendered in, so we can apply the appropriate aria roles.
- */
-declare const TableSectionContext: import("react").Context<TableSectionContextProps>;
-export default TableSectionContext;
-//# sourceMappingURL=tableSectionContext.d.ts.map

package/dist/types/Table/util/tableSectionContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableSectionContext.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/tableSectionContext.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,mBAAmB,mDAEvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/types/TableAutocomplete/TableAutocomplete.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-export type TableAutocompleteItem = React.ReactElement;
-export interface TableAutocompleteProps {
-    /** Input label for accessibility */
-    label: string;
-    /** TableAutocomplete.Item children */
-    items: TableAutocompleteItem[];
-    selectedItem: TableAutocompleteItem | null;
-    /** Selection change event callback */
-    onChange?: (item: TableAutocompleteItem) => void;
-    /** Input change event callback */
-    onInputChange?: (value: string) => void;
-    /** Optional pinned footer content; use for action buttons */
-    footerContent?: React.ReactNode;
-    /** Input placeholder text */
-    placeholder?: string;
-    /** Input value */
-    inputValue?: string;
-}
-export declare const itemToString: (item: TableAutocompleteItem) => any;
-export declare const filterItems: (items: TableAutocompleteItem[], inputValue: string) => TableAutocompleteItem[];
-/**
- * A simplified Combobox component for table inline editing.
- * Useful for inline editing of table items where we want to
- * provide an autocomplete of possible values with a native input.
- *
- * Allows single selection only. The selected value is controlled, allowing the selection to render in the trigger.
- */
-declare const TableAutocomplete: ({ label, items: allItems, selectedItem: selectedItemProp, onChange, onInputChange, footerContent, placeholder, inputValue, }: TableAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
-export default TableAutocomplete;
-//# sourceMappingURL=TableAutocomplete.d.ts.map

package/dist/types/TableAutocomplete/TableAutocomplete.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/TableAutocomplete/TableAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,YAAY,CAAC;AAEvD,MAAM,WAAW,sBAAsB;IACrC,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,YAAY,EAAE,qBAAqB,GAAG,IAAI,CAAC;IAC3C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,qBAAqB,QACN,CAAC;AAEnD,eAAO,MAAM,WAAW,GAAI,OAAO,qBAAqB,EAAE,EAAE,YAAY,MAAM,4BAG3E,CAAC;AAEJ;;;;;;GAMG;AACH,QAAA,MAAM,iBAAiB,GAAI,8HASxB,sBAAsB,4CA0FxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/TableField/Input.d.ts

@@ -1,19 +0,0 @@
-export interface TableFieldInputProps {
-    /** Current value of the input */
-    value: string;
-    /** Callback when input value changes */
-    onChange: (value: string) => void;
-    /** Hidden label for accessibility - read by screen readers */
-    label: string;
-    /** Optional placeholder text */
-    placeholder?: string;
-    /** Whether the input is disabled */
-    isDisabled?: boolean;
-}
-/**
- * A text input component specifically designed for use within Table.Cell.
- * Provides consistent styling and behavior for editable table cells.
- */
-declare const Input: ({ value, onChange, label, isDisabled, placeholder, }: TableFieldInputProps) => import("react/jsx-runtime").JSX.Element;
-export default Input;
-//# sourceMappingURL=Input.d.ts.map

package/dist/types/TableField/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/TableField/Input.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,KAAK,GAAI,sDAMZ,oBAAoB,4CAatB,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/TableField/index.d.ts

@@ -1,17 +0,0 @@
-/**
- * Namespace for table-specific input components.
- * These components are designed to be used within Table.Cell elements
- * and provide consistent styling and behavior for editable tables.
- *
- * Usage:
- * ```jsx
- * <Table.Cell>
- *   <TableField.Input value="John" onInputChange={handleChange} label="Name" />
- * </Table.Cell>
- * ```
- */
-declare const TableField: {
-    Input: ({ value, onChange, label, isDisabled, placeholder, }: import("./Input").TableFieldInputProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default TableField;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/TableField/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableField/index.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,UAAU;;CAEf,CAAC;AAEF,eAAe,UAAU,CAAC"}