@narmi/design_system 6.15.0 → 6.15.2

package/dist/tokens/css/rgbColors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jun 2026 22:41:06 GMT
+ * Generated on Fri, 31 Jul 2026 18:32:56 GMT
  */
 
 :root {

package/dist/tokens/css/rgbColors.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jun 2026 22:41:06 GMT
+ * Generated on Fri, 31 Jul 2026 18:32:56 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jun 2026 22:41:06 GMT
+ * Generated on Fri, 31 Jul 2026 18:32:56 GMT
  */
 
 :root {

package/dist/tokens/css/tokens.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jun 2026 22:41:06 GMT
+ * Generated on Fri, 31 Jul 2026 18:32:56 GMT
  */
 
 :root {

package/dist/tokens/js/colors.esm.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jun 10 2026 22:41:06 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri Jul 31 2026 14:32:56 GMT-0400 (Eastern Daylight Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Jun 2026 22:41:06 GMT
+ * Generated on Fri, 31 Jul 2026 18:32:56 GMT
  */
 
 module.exports = {

package/dist/tokens/js/manifest.esm.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jun 10 2026 22:41:06 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri Jul 31 2026 14:32:56 GMT-0400 (Eastern Daylight Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/manifest.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jun 10 2026 22:41:06 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri Jul 31 2026 14:32:56 GMT-0400 (Eastern Daylight Time)
 * github.com/narmi/design_system/
 */
 

package/dist/tokens/js/reactNativeWeb.js

@@ -1,6 +1,6 @@
 /**
 * DO NOT EDIT
-* Generated by style-dictionary on Wed Jun 10 2026 22:41:06 GMT+0000 (Coordinated Universal Time)
+* Generated by style-dictionary on Fri Jul 31 2026 14:32:56 GMT-0400 (Eastern Daylight Time)
 * github.com/narmi/design_system/
 */
 

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+type MarginTop = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
+export interface ErrorProps {
+    /**
+     * Error message(s) to display. Falsy values (including `null`) render
+     * nothing, which lets callers pass nullable state directly.
+     */
+    error?: string | string[] | null;
+    marginTop?: MarginTop;
+}
+declare const Error: {
+    ({ error, marginTop }: ErrorProps): React.JSX.Element;
+    propTypes: {
+        error: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<string[]>>;
+        marginTop: PropTypes.Requireable<string>;
+    };
+};
+export default Error;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Error/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,KAAK,SAAS,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAqBxE,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,KAAK;2BAAkC,UAAU;;;;;CAgBtD,CAAC;AASF,eAAe,KAAK,CAAC"}

package/dist/types/Field/FauxInput/index.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export interface FauxInputProps {
+    children: React.ReactNode;
+    /** When true, renders active (focused) border styling */
+    isActive?: boolean;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    className?: string;
+}
+/**
+ * Internal presentational component.
+ * Renders a `<button>` styled to look like `.nds-field-input-box`.
+ * Used by Field.Select (and future dropdown-based Field variants)
+ * as the anchor/trigger element.
+ *
+ * Accepts arbitrary props (e.g. from downshift's getToggleButtonProps)
+ * which are spread onto the underlying `<button>`.
+ */
+export declare const FauxInput: React.ForwardRefExoticComponent<Omit<FauxInputProps & Record<string, any>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Field/FauxInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/FauxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,6HAiCrB,CAAC"}

package/dist/types/Field/Select/SelectItem.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface FieldSelectItemProps {
+    /** The value submitted when this item is selected */
+    value: string;
+    /** Display content for the option */
+    children: React.ReactNode;
+}
+/**
+ * Compound child for Field.Select.
+ * Renders its children directly — all positioning and interaction
+ * is handled by the parent FieldSelect via downshift.
+ */
+declare const FieldSelectItem: React.FC<FieldSelectItemProps>;
+export default FieldSelectItem;
+//# sourceMappingURL=SelectItem.d.ts.map

package/dist/types/Field/Select/SelectItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../../../../src/Field/Select/SelectItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/dist/types/Field/Select/index.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { FieldProps } from '../types';
+import { FieldSelectItemProps } from './SelectItem';
+export interface FieldSelectProps extends Pick<FieldProps, "id" | "label" | "errors" | "isDisabled"> {
+    /** Currently selected value (controlled) */
+    value: string;
+    /** Called with the new value when selection changes */
+    onChange: (value: string) => void;
+    /** Placeholder text when no value is selected */
+    placeholder?: string;
+    /** Field.Select.Item elements */
+    children: React.ReactNode;
+}
+/**
+ * Field.Select renders a dropdown select styled consistently with Field.Text.
+ * It uses downshift's `useSelect` for keyboard navigation and ARIA,
+ * and `useDropdownLayer` for dropdown positioning.
+ */
+export declare const FieldSelect: {
+    ({ label, id, value, onChange, placeholder, errors, isDisabled, children, }: FieldSelectProps): React.JSX.Element;
+    displayName: string;
+    Item: React.FC<FieldSelectItemProps>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Field/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,UAAU,EACV,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CACzC;IACC,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AASD;;;;GAIG;AACH,eAAO,MAAM,WAAW;iFASrB,gBAAgB;;;CA4GlB,CAAC"}

package/dist/types/Field/Text/index.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { MaskitoOptions } from '@maskito/core';
+import { FieldProps } from '../types';
+export interface FieldTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "id" | "disabled" | "aria-invalid" | "aria-describedby">, FieldProps {
+    value: string;
+    onChange: (value: string) => void;
+    mask?: MaskitoOptions;
+}
+/**
+ * Field.Text renders a decorative shell containing a native text input.
+ * It automatically handles ARIA orchestration and optional input masking.
+ */
+export declare const FieldText: React.ForwardRefExoticComponent<FieldTextProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Field/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Field/Text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,WAAW,cACf,SACE,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,OAAO,GACP,IAAI,GACJ,UAAU,GACV,cAAc,GACd,kBAAkB,CACrB,EACD,UAAU;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,yFA0GrB,CAAC"}

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

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface FieldTokenProps {
+    /** Label text of tag. */
+    label: string;
+    /**
+     * Callback for user dismissal action,
+     * called with token label as the argument
+     */
+    onDismiss?: (label: string) => void;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /**
+     * Disabled state for FieldToken
+     */
+    disabled?: boolean;
+}
+/**
+ * Shared component to render "tokens" inside inputs, active filters,
+ * or other user selections we want to tokenize.
+ */
+declare const FieldToken: React.ForwardRefExoticComponent<FieldTokenProps & React.RefAttributes<HTMLDivElement>>;
+export default FieldToken;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FieldToken/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU,wFA8Cf,CAAC;AAkBF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+export interface FormSectionProps {
+    /** Title of form section */
+    title?: string;
+    /** Optional content rendered below the section heading */
+    children?: React.ReactNode;
+}
+/**
+ * A sectioning element for forms that renders a label and line above the section
+ */
+declare const FormSection: {
+    ({ title, children }: FormSectionProps): React.JSX.Element;
+    propTypes: {
+        /** Title of form section */
+        title: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+};
+export default FormSection;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormSection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,QAAA,MAAM,WAAW;0BAAyB,gBAAgB;;QAkCxD,4BAA4B;;;;CAH7B,CAAC;AAQF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+export type IconButtonKind = "action" | "plain" | "themed";
+export interface IconButtonProps {
+    /** Name of Narmi icon */
+    name: IconName;
+    /** Renders the icon button label */
+    label?: string;
+    /** disables the icon button when set to `true` */
+    disabled?: boolean;
+    /** style of icon button to render */
+    kind?: IconButtonKind;
+    /** type attribute for underlying HTML button element */
+    type?: string;
+    /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
+    textSize?: "xs" | "s" | "m" | "l";
+    /** Click callback, with event object passed as argument */
+    onClick?: (event: React.MouseEvent) => void;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** className for adding classNames to the icon button  */
+    className?: string;
+    /**
+     * The html element to render as the root node of `Button`.
+     *
+     * When rendering as an "a" you **MUST** pass an `href` attribute
+     * for the anchor to be valid.
+     */
+    as?: "a" | "button";
+    [x: string]: unknown;
+}
+/**
+ * Narmi style Icon Button.
+ *
+ * Icon Button renders a button with a central Narmi icon
+ *
+ */
+declare const IconButton: {
+    ({ disabled, kind, textSize, testId, label, name, onClick, type, as, ...otherProps }: IconButtonProps): React.JSX.Element;
+    propTypes: {
+        /** Name of Narmi icon */
+        name: PropTypes.Validator<string>;
+        /** Renders the icon button label */
+        label: PropTypes.Requireable<string>;
+        /** disables the icon button when set to `true` */
+        disabled: PropTypes.Requireable<boolean>;
+        /** style of icon button to render */
+        kind: PropTypes.Requireable<string>;
+        /** type attribute for underlying HTML button element */
+        type: PropTypes.Requireable<string>;
+        /** Optional text size of the icon in the icon button defaults different for different kinds (plain/action)*/
+        textSize: PropTypes.Requireable<string>;
+        /** Click callback, with event object passed as argument */
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Optional value for `data-testid` attribute */
+        testId: PropTypes.Requireable<string>;
+        /** className for adding classNames to the icon button  */
+        className: PropTypes.Requireable<string>;
+        /**
+         * The html element to render as the root node of `Button`.
+         *
+         * When rendering as an "a" you **MUST** pass an `href` attribute
+         * for the anchor to be valid.
+         */
+        as: PropTypes.Requireable<string>;
+    };
+};
+export default IconButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6GAA6G;IAC7G,QAAQ,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IAClC,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,EAAE,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACtB;AAED;;;;;GAKG;AACH,QAAA,MAAM,UAAU;0FAWb,eAAe;;QA0BhB,yBAAyB;;QAEzB,oCAAoC;;QAEpC,kDAAkD;;QAElD,qCAAqC;;QAErC,wDAAwD;;QAExD,6GAA6G;;QAE7G,2DAA2D;;QAE3D,iDAAiD;;QAEjD,0DAA0D;;QAE1D;;;;;WAKG;;;CA1BJ,CAAC;AA8BF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+export interface LoadingShimProps {
+    /** Loadable content area - will render normally unless `isLoading` is true */
+    children?: React.ReactNode;
+    /** When `true`, the loading shim appears over child content */
+    isLoading?: boolean;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** Size of the loading indicator */
+    size?: "s" | "l";
+}
+/**
+ * Used to wrap a block of loadable content. When `isLoading` is set to true,
+ * the content area will have an overlay and loading animation.
+ */
+declare const LoadingShim: {
+    ({ isLoading, children, testId, size, }: LoadingShimProps): React.JSX.Element;
+    propTypes: {
+        /** Loadable content area - will render normally unless `isLoading` is true */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** When `true`, the loading shim appears over child content */
+        isLoading: PropTypes.Requireable<boolean>;
+        /** Optional value for `data-testid` attribute */
+        testId: PropTypes.Requireable<string>;
+        /** Size of the loading indicator */
+        size: PropTypes.Requireable<string>;
+    };
+};
+export default LoadingShim;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/LoadingShim/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,MAAM,WAAW,gBAAgB;IAC/B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CAClB;AAED;;;GAGG;AACH,QAAA,MAAM,WAAW;6CAKd,gBAAgB;;QAgCjB,8EAA8E;;QAE9E,+DAA+D;;QAE/D,iDAAiD;;QAEjD,oCAAoC;;;CATrC,CAAC;AAaF,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,69 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+export interface PaginationProps {
+    /**
+     * Total number of pages
+     * If the number of pages is 1, pagination will not render
+     */
+    totalPages?: number;
+    /**
+     * Default selected page by page number (uncontrolled)
+     */
+    defaultSelectedPage?: number;
+    /**
+     * Selected page by page number (controlled).
+     * In fully controlled mode, you **must** define an `onPageChange`
+     * handler to update the value of the `selectedPage` prop.
+     */
+    selectedPage?: number;
+    /**
+     * Callback invoked when user selects a new page via page numbers or
+     * previous/next arrows.
+     *
+     * Invoked with selected page number as the argument.
+     */
+    onPageChange?: (page: number) => void;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+}
+/**
+ * Component that allows users to navigate between pages of information.
+ * Your application is responsible for setting the total number of pages and
+ * responding to the `onPageChange` callback.
+ *
+ * The component will handle which page numbers to render, next and previous arrows,
+ * and conditionally rendering first and last pages.
+ *
+ * If your pagination setup expects a fully controlled component, you may set `defaultSelectedPage` on every `onPageChange` call.
+ */
+declare const Pagination: {
+    ({ onPageChange, totalPages, defaultSelectedPage, selectedPage: selectedPageControlled, testId, }: PaginationProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Total number of pages
+         * If the number of pages is 1, pagination will not render
+         */
+        totalPages: PropTypes.Requireable<number>;
+        /**
+         * Default selected page by page number (uncontrolled)
+         */
+        defaultSelectedPage: PropTypes.Requireable<number>;
+        /**
+         * Selected page by page number (controlled).
+         * In fully controlled mode, you **must** define an `onPageChange`
+         * handler to update the value of the `selectedPage` prop.
+         */
+        selectedPage: PropTypes.Requireable<number>;
+        /**
+         * Callback invoked when user selects a new page via page numbers or
+         * previous/next arrows.
+         *
+         * Invoked with selected page number as the argument.
+         */
+        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Optional value for `data-testid` attribute */
+        testId: PropTypes.Requireable<string>;
+    };
+};
+export default Pagination;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Pagination/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,UAAU;uGAMb,eAAe;;QAmMhB;;;WAGG;;QAEH;;WAEG;;QAEH;;;;WAIG;;QAEH;;;;;WAKG;;QAEH,iDAAiD;;;CAzBlD,CAAC;AA6BF,eAAe,UAAU,CAAC"}

package/dist/types/Pagination/usePagination.d.ts

@@ -0,0 +1,39 @@
+interface UsePaginationOptions {
+    /** The total number of pages */
+    totalPages: number;
+    /** The selected page by page number */
+    selectedPageNumber?: number;
+    /** The size of the visible window of pages */
+    windowSize?: number;
+}
+type UsePaginationResult = {
+    /** List of visible pages by page number */
+    visiblePages: number[];
+    /** The page number of the currently selected page */
+    selectedPage: number;
+    /** The index of the currently selected page */
+    selectedIndex: number;
+    /** Whether to show the first page button */
+    showFirstPage: boolean;
+    /** Whether to show the last page button */
+    showLastPage: boolean;
+    /** Whether to show previous arrow */
+    showPrev: boolean;
+    /** Whether to show next arrow */
+    showNext: boolean;
+};
+/**
+ * Create an array of consecutive numbers from start to end (inclusive)
+ */
+export declare const range: (start: number, end: number) => number[];
+/**
+ * Calculate the sliding window of visible pages
+ */
+export declare const calculateVisiblePages: (totalPages: number, selectedPage: number, windowSize: number) => number[];
+/**
+ * Headless hook for pagination attributes.
+ * Creates a sliding window of visible pages with current selection centered.
+ */
+export declare const usePagination: ({ totalPages, selectedPageNumber, windowSize, }: UsePaginationOptions) => UsePaginationResult;
+export {};
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/types/Pagination/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/Pagination/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC5B,gCAAgC;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,KAAK,mBAAmB,GAAG;IACzB,2CAA2C;IAC3C,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,qDAAqD;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,aAAa,EAAE,OAAO,CAAC;IACvB,2CAA2C;IAC3C,YAAY,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,KAAG,MAAM,EACH,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAChC,YAAY,MAAM,EAClB,cAAc,MAAM,EACpB,YAAY,MAAM,KACjB,MAAM,EA4BR,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,iDAI3B,oBAAoB,KAAG,mBA0BzB,CAAC"}

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

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+/** Standard Narmi breakpoint names */
+export type ResponsiveFlexSize = "s" | "m" | "l" | "xl";
+export type ResponsiveFlexGap = "xs" | "s" | "m" | "l" | "xl";
+export type ResponsiveFlexDirection = "row" | "column";
+export type FlexDirection = ResponsiveFlexDirection | "row-reverse" | "column-reverse";
+export interface GetFlexDirectionArgs {
+    viewportMatches: Record<ResponsiveFlexSize, boolean>;
+    direction: ResponsiveFlexDirection;
+    toColumnAt?: ResponsiveFlexSize;
+    toRowAt?: ResponsiveFlexSize;
+    reverseAt?: ResponsiveFlexSize;
+}
+export declare const getFlexDirection: ({ viewportMatches, direction, toColumnAt, toRowAt, reverseAt, }: GetFlexDirectionArgs) => FlexDirection;
+export interface ResponsiveFlexProps {
+    /** Implicit flex children */
+    children?: React.ReactNode;
+    /** Size of flex gap by token size (e.g. "xl") */
+    gapSize?: ResponsiveFlexGap;
+    /** Initial flex direction  */
+    direction?: ResponsiveFlexDirection;
+    /** Breakpoint at which to reverse order of flex items */
+    reverseAt?: ResponsiveFlexSize;
+    /** Breakpoint at which to change flex direction to column */
+    toColumnAt?: ResponsiveFlexSize;
+    /** Breakpoint at which to change flex direction to row */
+    toRowAt?: ResponsiveFlexSize;
+}
+/**
+ * Responsive layout helper that allows developers to declaratively control
+ * how flex items behave at different standard viewport sizes.
+ */
+declare const ResponsiveFlex: {
+    ({ children, direction, gapSize, reverseAt, toColumnAt, toRowAt, }: ResponsiveFlexProps): React.JSX.Element;
+    propTypes: {
+        /** Implicit flex children */
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        /** Size of flex gap by token size (e.g. "xl") */
+        gapSize: PropTypes.Requireable<string>;
+        /** Initial flex direction  */
+        direction: PropTypes.Requireable<string>;
+        /** Breakpoint at which to reverse order of flex items */
+        reverseAt: PropTypes.Requireable<string>;
+        /** Breakpoint at which to change flex direction to column */
+        toColumnAt: PropTypes.Requireable<string>;
+        /** Breakpoint at which to change flex direction to row */
+        toRowAt: PropTypes.Requireable<string>;
+    };
+};
+export default ResponsiveFlex;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ResponsiveFlex/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,sCAAsC;AACtC,MAAM,MAAM,kBAAkB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACxD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAC9D,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,CAAC;AACvD,MAAM,MAAM,aAAa,GACrB,uBAAuB,GACvB,aAAa,GACb,gBAAgB,CAAC;AAErB,MAAM,WAAW,oBAAoB;IACnC,eAAe,EAAE,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACrD,SAAS,EAAE,uBAAuB,CAAC;IACnC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,GAAI,iEAM9B,oBAAoB,KAAG,aAiBzB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,yDAAyD;IACzD,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,0DAA0D;IAC1D,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED;;;GAGG;AACH,QAAA,MAAM,cAAc;wEAOjB,mBAAmB;;QAyBpB,6BAA6B;;QAE7B,iDAAiD;;QAEjD,8BAA8B;;QAE9B,yDAAyD;;QAEzD,6DAA6D;;QAE7D,0DAA0D;;;CAb3D,CAAC;AAiBF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,7 @@
+import { ColVisibilityContextProps } from './colVisibilityContext';
+export type PinStatus = "start" | "end" | undefined;
+/**
+ * Determines if a cell at a given column index is pinned.
+ */
+export declare function getPinStatus(colIndex: number, ctx: ColVisibilityContextProps): PinStatus;
+//# sourceMappingURL=pinning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pinning.d.ts","sourceRoot":"","sources":["../../../../src/Table/util/pinning.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;AAEpD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE,yBAAyB,GAC7B,SAAS,CAMX"}

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

@@ -0,0 +1,75 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+export type TimelineEventKind = "node" | "start" | "pending";
+export interface TimelineEventProps {
+    /**
+     * Timeline node variant.
+     */
+    kind?: TimelineEventKind;
+    /**
+     * Name of NDS icon to render inside the timeline node
+     */
+    icon?: IconName;
+    /**
+     * Pass an image url to render the timeline node
+     * as an avatar
+     */
+    imgUrl?: string;
+    /**
+     * Initial to render in the timeline node
+     * Overridden by:
+     * - icon
+     * - imgUrl
+     */
+    initial?: string;
+    /**
+     * Timeline event content (any JSX)
+     */
+    children?: React.ReactNode;
+    /**
+     * Hover tooltip content for the icon
+     */
+    tooltip?: string;
+    /** Render a custom circle node on the line */
+    renderNode?: () => React.ReactNode;
+}
+declare const TimelineEvent: {
+    ({ kind, icon, imgUrl, initial, tooltip, children, renderNode, }: TimelineEventProps): React.JSX.Element;
+    propTypes: {
+        /**
+         * Timeline node variant.
+         */
+        kind: PropTypes.Requireable<string>;
+        /**
+         * Name of NDS icon to render inside the timeline node
+         */
+        icon: PropTypes.Requireable<string>;
+        /**
+         * Pass an image url to render the timeline node
+         * as an avatar
+         */
+        imgUrl: PropTypes.Requireable<string>;
+        /**
+         * Initial to render in the timeline node
+         * Overridden by:
+         * - icon
+         * - imgUrl
+         */
+        initial: PropTypes.Requireable<string>;
+        /**
+         * Timeline event content (any JSX)
+         */
+        children: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        /**
+         * Hover tooltip content for the icon
+         */
+        tooltip: PropTypes.Requireable<string>;
+        /** Render a custom circle node on the line */
+        renderNode: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+};
+export default TimelineEvent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimelineEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,QAAA,MAAM,aAAa;sEAQhB,kBAAkB;;QAmEnB;;WAEG;;QAEH;;WAEG;;QAEH;;;WAGG;;QAEH;;;;;WAKG;;QAEH;;WAEG;;QAKH;;WAEG;;QAEH,8CAA8C;;;CAlC/C,CAAC;AAsCF,eAAe,aAAa,CAAC"}