@narmi/design_system 4.36.1 → 4.37.0-beta.0

package/dist/tokens/js/reactNativeWeb.js

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

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1 @@
+{"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/Snackbar/index.d.ts

@@ -1,21 +1,15 @@
 import React from "react";
-export interface SnackbarProps {
-    children: React.ReactNode[];
-    isActive: boolean;
-}
 /**
  * A status toolbar for multiple selection in a table.
  * Intended to be rendered in fixed position over a table.
  */
 declare const Snackbar: {
-    ({ children, isActive }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
-    ButtonGroup: ({ children }: {
-        children: React.ReactNode[];
-    }) => import("react/jsx-runtime").JSX.Element;
+    ({ children, isActive, }: React.PropsWithChildren<{
+        isActive: boolean;
+    }>): import("react/jsx-runtime").JSX.Element;
+    ButtonGroup: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     Divider: () => import("react/jsx-runtime").JSX.Element;
-    Text: ({ children }: {
-        children: React.ReactNode[];
-    }) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 };
 export default Snackbar;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8C1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,QAAA,MAAM,QAAQ;6BAAoC,aAAa;gCAjBpB;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;KAAE;;yBAPtC;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;KAAE;CAsClE,CAAC;AAKF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkD1B;;;GAGG;AACH,QAAA,MAAM,QAAQ;8BAGX,KAAK,CAAC,iBAAiB,CAAC;QACzB,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;gCArByC,KAAK,CAAC,iBAAiB;;yBAP9B,KAAK,CAAC,iBAAiB;CA0C1D,CAAC;AAKF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrD,0EAA0E;AAC1E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;CACb,CAAC;AAEF,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,IAAI,CAAC;AAG9B,eAAO,MAAM,oBAAoB,EAE5B,gBAAgB,EAAE,CAAC;AAExB;;;;;;GAMG;AACH,QAAA,MAAM,KAAK;gEAMR,UAAU;;;;;;;;;;CA6DZ,CAAC;AAQF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,8DAA8D;AAC9D,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrD,0EAA0E;AAC1E,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,qEAAqE;AACrE,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;CACb,CAAC;AAEF,UAAU,UAAU;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;OAOG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,IAAI,CAAC;AAG9B,eAAO,MAAM,oBAAoB,EAE5B,gBAAgB,EAAE,CAAC;AAExB;;;;;;GAMG;AACH,QAAA,MAAM,KAAK;gEAMR,UAAU;;;;;;;;;;CAiEZ,CAAC;AAQF,eAAe,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/breakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAY/D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,gBAAgB,EAC7B,SAAS,kBAAkB,KAC1B,OAG6D,CAAC"}
+{"version":3,"file":"breakpoint.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/breakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAW/D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAChC,aAAa,gBAAgB,EAC7B,SAAS,kBAAkB,KAC1B,OAG6D,CAAC"}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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"}

package/package.json

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