@narmi/design_system 6.19.9 → 6.20.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB;iFAOpB,sBAAsB;;;;;;;;;;;;;CAgDxB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AutocompleteModal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,kBAAkB;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uEAAuE;IACvE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB;iFAOpB,sBAAsB;;;;;;;;;;;;;CA+CxB,CAAC;AAGF,eAAe,iBAAiB,CAAC"}

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

@@ -19,7 +19,7 @@ export interface ChipProps {
     endIcon?: IconName;
     /** Displays a Count after the `label` */
     count?: string | number;
-    /** Adds a border to the badege when `true` */
+    /** Adds a border to the badge when `true` */
     hasBorder?: boolean;
     /** Defines if the label is visible */
     isLabelVisible?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,WAAW,uEAOd,CAAC;AAEX,MAAM,WAAW,SAAS;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9D,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,GAAI,4FAUX,SAAS,sBAkEX,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,WAAW,uEAOd,CAAC;AAEX,MAAM,WAAW,SAAS;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,IAAI,CAAC,EAAE,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,iFAAiF;IACjF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC9D,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,QAAA,MAAM,IAAI,GAAI,4FAUX,SAAS,sBAkEX,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,39 @@
+import { default as React, ReactNode } from 'react';
+import { SingleLineTextInputProps } from '../TextInput';
+import { Options } from 'flatpickr/dist/types/options';
+export interface DateInputProps extends Omit<SingleLineTextInputProps, "onChange" | "defaultValue"> {
+    /** Fired with 'YYYY-MM-DD' selected date string when selected date changes */
+    onChange?: (date: string) => void;
+    /** Disables dates. See [flatpickr docs](https://flatpickr.js.org/examples/#disabling-dates) for usage instructions */
+    disableDates?: Options["disable"];
+    /** Sets the minimum selectable date (inclusive) */
+    minDate?: string | Date;
+    /** Alternate date format to show in input when a date is selected (e.g. 'm/d/Y')*/
+    altFormat?: string;
+    /**
+     * When true, the input value will follow an alternate format defined by the `altFormat` prop
+     */
+    altInput?: boolean;
+    /**
+     * Sets a default selected date.
+     * DateInput uses the format 'YYYY-MM-DD' by default.
+     */
+    defaultDate?: string;
+    /** Changes date format used in input. See [flatpickr docs](https://flatpickr.js.org/formatting/) for formatting options */
+    dateFormat?: string;
+    /** If the `onChange` callback should pass the date string in ISO8601 format */
+    useIsoOnChange?: boolean;
+    /** Disable mobile text inputs on mobile web */
+    disableMobile?: boolean;
+    /** When true, appends the calendar popup to the parent of the input instead of to document body */
+    disablePortal?: boolean;
+    /** Custom render function for the input element (props, input, testId) => <TextInput {...props} /> */
+    renderInput?: (props: Omit<SingleLineTextInputProps, "onChange" | "defaultValue">, input: React.MutableRefObject<HTMLInputElement | undefined>, testId?: string) => ReactNode;
+}
+/**
+ * Single day picker.
+ * Composes NDS input with a [flatpickr](http://flatpickrjs.org) calendar UI.
+ */
+declare const DateInput: ({ disableDates, minDate, dateFormat, altInput, altFormat, defaultDate, onChange: onChangeProp, useIsoOnChange, disableMobile, testId, disablePortal, renderInput, ...props }: DateInputProps) => React.JSX.Element;
+export default DateInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAC5D,OAAkB,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAGxE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAI5D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,wBAAwB,EACxB,UAAU,GAAG,cAAc,CAC5B;IACC,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sHAAsH;IACtH,YAAY,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAClC,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mGAAmG;IACnG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sGAAsG;IACtG,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,cAAc,CAAC,EAClE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,SAAS,CAAC,EAC3D,MAAM,CAAC,EAAE,MAAM,KACZ,SAAS,CAAC;CAChB;AAQD;;;GAGG;AACH,QAAA,MAAM,SAAS,GAAI,8KAchB,cAAc,sBAoDhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,62 @@
+import { default as React } from 'react';
+export interface DrawerProps {
+    /** Scrollable contents of the Drawer */
+    children: React.ReactNode | ((args: {
+        isVisible: boolean;
+    }) => React.ReactNode);
+    /** Controls open/close state of the modal. Use the `onUserDismiss` callback to update. */
+    isOpen?: boolean;
+    /**
+     * Callback to handle user taking an action to dismiss the modal
+     * (click outside, Escape key, click close button)
+     */
+    onUserDismiss?: () => void;
+    /**
+     * Callback to handle user taking an action to go to the next element
+     * (click on the next arrow, right/down arrow key).
+     * When omitted, the next arrow renders disabled.
+     */
+    onNext?: () => void;
+    /**
+     * Callback to handle user taking an action to go to the previous element
+     * (click on the previous arrow, left/up arrow key).
+     * When omitted, the previous arrow renders disabled.
+     */
+    onPrev?: () => void;
+    /**
+     * Sets how far the drawer opens out (width or height).
+     * Use the full CSS value with the percentage (e.g. `"400px"` or `"70%"`)
+     */
+    depth?: string;
+    /**
+     * Determines whether the close button shows.
+     */
+    showClose?: boolean;
+    /**
+     * Determines whether the next and prev buttons show.
+     */
+    showControls?: boolean;
+    /**
+     * Sets the position from which the drawers open.
+     * Valid values are `right`, `left`, `bottom`, `top`.
+     */
+    position?: "right" | "left" | "top" | "bottom";
+    /**
+     * Sets the padding amount, or disable padding by passing "none"
+     */
+    paddingSize?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+    /** Contents of Drawer footer, typically reserved for action buttons */
+    footer?: React.ReactNode;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+}
+/**
+ * Renders an animated drawer dialog with an overlay that
+ * allows navigation between multiple contents
+ *
+ * This component uses a `ReactDOM` portal to render it as a direct
+ * child of `document.body`.
+ */
+declare const Drawer: ({ isOpen, onUserDismiss, onNext, onPrev, showClose, showControls, children, position, depth, paddingSize, footer, testId, }: DrawerProps) => React.JSX.Element;
+export default Drawer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Drawer/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAUxD,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD,0FAA0F;IAC1F,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,CAAC;IAC7D,uEAAuE;IACvE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,GAAI,6HAab,WAAW,sBAmOb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/Drawer/useMountTransition.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook to allow transitioning a component when it enters or leaves the DOM. Based on Ryan Finni's
+ * article on https://letsbuildui.dev/articles/building-a-drawer-component-with-react-portals
+ * @param isMounted - whether the component is mounted
+ * @param unmountDelay - delay of animation in ms
+ */
+declare const useMountTransition: (isMounted: boolean, unmountDelay: number) => boolean;
+export default useMountTransition;
+//# sourceMappingURL=useMountTransition.d.ts.map

package/dist/types/Drawer/useMountTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMountTransition.d.ts","sourceRoot":"","sources":["../../../src/Drawer/useMountTransition.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,GACtB,WAAW,OAAO,EAClB,cAAc,MAAM,KACnB,OAiBF,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,36 @@
+import { default as React, ReactNode } from 'react';
+export interface InputProps {
+    id?: string;
+    label?: string;
+    /** full `narmi-icon-<shape>` className for icon at start of input */
+    startIconClass?: string;
+    /** full `narmi-icon-<shape>` className for icon at end of input */
+    endIconClass?: string;
+    /** arbitrary JSX to place at the start of the input */
+    startContent?: ReactNode;
+    /** arbitrary JSX to place at the end of the input */
+    endContent?: ReactNode;
+    /** arbitrary JSX to place at the end of the subtitle/error */
+    tailContent?: ReactNode;
+    showClearButton?: boolean;
+    clearInput?: (event: React.MouseEvent) => void;
+    decoration?: ReactNode;
+    multiline?: boolean;
+    disabled?: boolean;
+    search?: boolean;
+    onClick?: (event: React.MouseEvent) => void;
+    style?: React.CSSProperties;
+    error?: string | string[] | null;
+    /** Gives consumers control over where to render the error when `false` */
+    renderError?: boolean;
+    children?: ReactNode;
+}
+/**
+ * PRIVATE
+ *
+ * This component has no stories because it is only used internally by NDS.
+ * In a future release, this base Input component will be merged with TextInput.
+ */
+declare const Input: ({ id, label, startIconClass, endIconClass, startContent, endContent, tailContent, showClearButton, clearInput, disabled, multiline, decoration, error, search, onClick, style, renderError, children, }: InputProps) => React.JSX.Element;
+export default Input;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAazC,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qDAAqD;IACrD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,QAAA,MAAM,KAAK,GAAI,yMAmBZ,UAAU,sBAmDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/types/MenuButton/MenuButtonItem.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { default as PropTypes } from 'prop-types';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+export { VALID_ICON_NAMES };
+export interface MenuButtonItemProps {
+    /** Display label for menu item */
+    label: string;
+    /** Selection handler */
+    onSelect: () => void;
+    /** Optional start icon for menu item */
+    startIcon?: string;
+    /** Optional end icon for menu item */
+    endIcon?: string;
+}
+declare const MenuButtonItem: {
+    ({ label, startIcon, endIcon, onSelect, }: MenuButtonItemProps): React.JSX.Element;
+    propTypes: {
+        /** Display label for menu item */
+        label: PropTypes.Validator<string>;
+        /** Selection handler */
+        onSelect: PropTypes.Validator<(...args: any[]) => any>;
+        /** Optional start icon for menu item */
+        startIcon: PropTypes.Requireable<string>;
+        /** Optional end icon for menu item */
+        endIcon: PropTypes.Requireable<string>;
+    };
+    displayName: string;
+};
+export default MenuButtonItem;
+//# sourceMappingURL=MenuButtonItem.d.ts.map

package/dist/types/MenuButton/MenuButtonItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButtonItem.d.ts","sourceRoot":"","sources":["../../../src/MenuButton/MenuButtonItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,WAAW,mBAAmB;IAClC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,cAAc;+CAKjB,mBAAmB;;QAGpB,kCAAkC;;QAElC,wBAAwB;;QAExB,wCAAwC;;QAExC,sCAAsC;;;;CATR,CAAC;AAejC,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,61 @@
+import { default as React } from 'react';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { MenuButtonItemProps } from './MenuButtonItem';
+import { Placement } from '../hooks/useDropdownLayer';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+export declare const labelToItemId: (label: string) => string;
+type MenuItemElement = React.ReactElement<MenuButtonItemProps>;
+export interface MenuButtonProps {
+    /**
+     * Accessible label for the menu trigger (e.g. "Transaction Actions").
+     * Backs the trigger's `aria-label`; if omitted, it falls back to "Menu".
+     */
+    label?: string;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** Name of NDS icon to use as a trigger */
+    triggerIcon?: IconName;
+    /**
+     * The root node of JSX passed in acts as the menu trigger.
+     *
+     * @deprecated use `renderTrigger` instead.
+     */
+    trigger?: React.ReactNode;
+    /**
+     * Render function for rendering a custom trigger element.
+     * Called with `(isOpen)`, the open state of the menu.
+     */
+    renderTrigger?: (isOpen: boolean) => React.ReactNode;
+    /** MenuButton.Item children */
+    children?: React.ReactNode;
+    /**
+     * If true, a caret indicator is rendered as the end icon
+     * within the trigger. The icon will change direction when
+     * the expanded state of the menulist changes.
+     */
+    showDropdownIndicator?: boolean;
+    /** Sets preferred side of the trigger the tooltip should appear */
+    side?: Placement;
+    /** Optional footer content to render below the menu items */
+    footerItem?: MenuItemElement;
+}
+/**
+ * Keyboard navigable popover menu following the
+ * [WIA-ARIA "MenuButton" pattern](https://www.w3.org/TR/wai-aria-practices-1.2/#menubutton).
+ */
+declare const MenuButton: {
+    ({ label, testId, trigger, renderTrigger, triggerIcon, showDropdownIndicator, side, children, footerItem, }: MenuButtonProps): React.JSX.Element;
+    Item: {
+        ({ label, startIcon, endIcon, onSelect, }: MenuButtonItemProps): React.JSX.Element;
+        propTypes: {
+            label: import('prop-types').Validator<string>;
+            onSelect: import('prop-types').Validator<(...args: any[]) => any>;
+            startIcon: import('prop-types').Requireable<string>;
+            endIcon: import('prop-types').Requireable<string>;
+        };
+        displayName: string;
+    };
+};
+export default MenuButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/MenuButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAuB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,WACD,CAAC;AAE3C,KAAK,eAAe,GAAG,KAAK,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU;iHAUb,eAAe;;;;;;;;;;;CA4HjB,CAAC;AAGF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+import { Placement } from '../hooks/useDropdownLayer';
+export interface PopoverProps {
+    /** Content of popover */
+    content: React.ReactNode;
+    /**
+     * The root node of JSX passed into Tooltip as children will act as the tooltip trigger
+     *
+     * @deprecated use `renderTrigger` instead.
+     */
+    children?: React.ReactNode;
+    /**
+     * Render function for a custom trigger aware of the open state of the Popover.
+     * Called with `(isOpen) => {}`, the state of the Popover.
+     */
+    renderTrigger?: (isOpen?: boolean) => React.ReactNode;
+    /** Sets preferred side of the trigger the tooltip should appear */
+    side?: Placement;
+    /** CSS `display` value for the element that wraps the Tooltip children */
+    wrapperDisplay?: "inline-flex" | "inline-block" | "inline" | "block" | "flex";
+    /** When `true`, the Popover container will match the width of its triggering element */
+    matchTriggerWidth?: boolean;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** Close the popover if the User clicks on the content */
+    closeOnContentClick?: boolean;
+    /** If isOpen is set the component becomes a controlled component. Use the `onUserDismiss` callback to update. */
+    isOpen?: boolean;
+    /**
+     * Callback to handle user taking an action to __dismiss__ the popover
+     * (click outside, Escape key)
+     */
+    onUserDismiss?: () => void;
+    /**
+     * Callback to handle user taking an action to __enable__ the popover
+     * (click or key interaction on the trigger button rendered in Popover)
+     */
+    onUserEnable?: () => void;
+    /**
+     * When set to `true`, the first focusable element will automatically receive focus
+     * whenever the popover opens
+     */
+    autoFocus?: boolean;
+    /**
+     * When set to `false` the popover positioned element will not have a box shadow.
+     * Useful for adding a custom box shadow.
+     */
+    hasShadow?: boolean;
+}
+/**
+ * Generic Popover component. Renders a floating element that can contain any content,
+ * positioned relatively to its triggering element.
+ *
+ * This Popover only appears on "click" (focus + activate or mouse click) interactions.
+ * The Escape key and clicking outside of the Popover will dismiss it.
+ * For a hover-based informative popover, use `Tooltip`.
+ *
+ * The popover will position itself based on the `side` prop, but will
+ * automatically reposition to avoid collisions with viewport edges.
+ */
+declare const Popover: ({ side, content, children, renderTrigger, wrapperDisplay, matchTriggerWidth, testId, closeOnContentClick, isOpen, autoFocus, hasShadow, onUserDismiss, onUserEnable, }: PopoverProps) => React.JSX.Element;
+export default Popover;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Popover/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3D,MAAM,WAAW,YAAY;IAC3B,yBAAyB;IACzB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACtD,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC9E,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iHAAiH;IACjH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO,GAAI,wKAcd,YAAY,sBA0Hd,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -26,7 +26,7 @@ export interface TableDateInputProps {
     testId?: string;
     /** When true, appends the calendar popup to the parent of the input instead to document body */
     disablePortal?: boolean;
-    /** Whether the input has an errorj */
+    /** Whether the input has an error */
     hasError?: boolean;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableDateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sHAAsH;IACtH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;IAChE,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,cAAc;sDAKjB,mBAAmB;;CA2BrB,CAAC;AAIF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TableDateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sHAAsH;IACtH,YAAY,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;IAChE,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,mFAAmF;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2HAA2H;IAC3H,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,cAAc;sDAKjB,mBAAmB;;CA2BrB,CAAC;AAIF,eAAe,cAAc,CAAC"}

package/dist/types/Tabs/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/Tabs/TabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAef,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;SAGK;IACL,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;CAC3D;AAED,QAAA,MAAM,QAAQ,GAAI,wBAAiC,aAAa,sBAyM/D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../src/Tabs/TabsList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAwBf,MAAM,WAAW,aAAa;IAC5B,0CAA0C;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;SAGK;IACL,QAAQ,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC;CAC3D;AAED,QAAA,MAAM,QAAQ,GAAI,wBAAiC,aAAa,sBA6M/D,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/Tabs/TabsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,GAAI,6BAA6B,cAAc,sBA4B7D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../src/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,MAAM,WAAW,cAAc;IAC7B,mDAAmD;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,SAAS,GAAI,6BAA6B,cAAc,sBA0B7D,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface TagProps {
+    /** Variant of Tag. The "dismissible" kind is deprecated in favor of the dismissible property. */
+    kind?: "subdued" | "subdued-secondary" | "dismissible" | "outline" | "success" | "warn" | "error";
+    /**
+     * Callback for user dismissal action
+     * (only applicable for `dismissible` kind)
+     */
+    onDismiss?: () => void;
+    /** Whether the tag is dismissible */
+    dismissible?: boolean;
+    /** Label content of tag. */
+    label?: React.ReactNode;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+}
+/**
+ * ⚠️ DEPRECATED - Will be removed in a future release. Use `Chip` instead.
+ *
+ * A rounded rectangle inline label.
+ * The user has the option of firing a callback for 'dismissible' Tags.
+ *
+ * @deprecated Will be removed in a future release. Use `Chip` instead.
+ */
+declare const Tag: ({ kind, onDismiss, dismissible, label, testId, }: TagProps) => React.JSX.Element;
+export default Tag;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,QAAQ;IACvB,iGAAiG;IACjG,IAAI,CAAC,EACD,SAAS,GACT,mBAAmB,GACnB,aAAa,GACb,SAAS,GACT,SAAS,GACT,MAAM,GACN,OAAO,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qCAAqC;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,GAAG,GAAI,kDAMV,QAAQ,sBAsBV,CAAC;AAEF,eAAe,GAAG,CAAC"}

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

@@ -0,0 +1,73 @@
+import { default as React, ReactNode } from 'react';
+import { VALID_ICON_NAMES } from '../icons/iconNames';
+import { IconName } from '../types/Icon.types';
+export { VALID_ICON_NAMES };
+type TextInputElement = HTMLInputElement | HTMLTextAreaElement;
+interface TextInputBaseProps {
+    /**
+     * Label used as input placeholder _and_ floating label.
+     * Also wired to `aria-label` — when omitted, provide an accessible
+     * name some other way (e.g. `aria-label` or `aria-labelledby`).
+     */
+    label?: string;
+    /** Sets the controlled value of the input */
+    value?: string | number;
+    /** Sets the [uncontrolled](https://reactjs.org/docs/uncontrolled-components.html) value of the input */
+    defaultValue?: string | number;
+    /** function that formats the input value on blur */
+    formatter?: (value: string) => string;
+    /** Name of Narmi icon to place at the start of the input box */
+    startIcon?: IconName;
+    /** Name of Narmi icon to place at the end of the input box */
+    endIcon?: IconName;
+    /** JSX content slot at input start for custom buttons and icons  */
+    startContent?: ReactNode;
+    /** JSX content slot at input end for custom buttons and icons  */
+    endContent?: ReactNode;
+    /** Display an X at the end of label that clears input and calls onChange on click. */
+    showClearButton?: boolean;
+    /** Applies search styling to the input box (forwarded to the base Input) */
+    search?: boolean;
+    /** When false, the consumer can take full control over where the error renders */
+    renderError?: boolean;
+    /** Text of error message to display under the input */
+    error?: string | string[] | null;
+    /** Maximum number of characters allowed in the input */
+    maxLength?: number;
+    /** Optional value for `data-testid` attribute */
+    testId?: string;
+    /** Native `type` of the input element; ignored when `multiline` is set */
+    type?: "text" | "tel" | "number" | "email" | "password" | "search" | "time" | "date" | "datetime-local";
+    /** Native element prop passed to the underlying input/textarea element. Defaults to false. */
+    required?: boolean;
+    /**
+     * Form-integration key read by parent form wrappers (e.g. cerulean
+     * `ContextForm.Field`) via element props. Not used by this component
+     * and not forwarded to the DOM.
+     */
+    field?: string;
+}
+type OverriddenNativeKeys = "onChange" | "onBlur" | "type" | "value" | "defaultValue" | "children" | "maxLength" | "required";
+export interface SingleLineTextInputProps extends TextInputBaseProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, OverriddenNativeKeys> {
+    /** When true, the input is displayed as an auto-growing textarea */
+    multiline?: false;
+    /** Callback invoked with event object on input change */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Callback invoked with event object on input blur */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+export interface MultilineTextInputProps extends TextInputBaseProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OverriddenNativeKeys> {
+    /** When true, the input is displayed as an auto-growing textarea */
+    multiline: true;
+    /** Callback invoked with event object on textarea change */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Callback invoked with event object on textarea blur */
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+}
+export type TextInputProps = SingleLineTextInputProps | MultilineTextInputProps;
+/**
+ * Narmi flavored text input with floating label
+ */
+declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<TextInputElement>>;
+export default TextInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,KAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAE/D,UAAU,kBAAkB;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,gEAAgE;IAChE,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kEAAkE;IAClE,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,sFAAsF;IACtF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAC;IACjC,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,QAAQ,GACR,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,CAAC;IACrB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,KAAK,oBAAoB,GACrB,UAAU,GACV,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,wBACf,SACE,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,oBAAoB,CAAC;IACzE,oEAAoE;IACpE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;CACpD;AAED,MAAM,WAAW,uBACf,SACE,kBAAkB,EAClB,IAAI,CACF,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,oBAAoB,CACrB;IACH,oEAAoE;IACpE,SAAS,EAAE,IAAI,CAAC;IAChB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IACzD,0DAA0D;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;CACvD;AAED,MAAM,MAAM,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAC;AAyBhF;;GAEG;AACH,QAAA,MAAM,SAAS,yFA+Gd,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+import { SingleLineTextInputProps } from '../TextInput';
+export declare const createToken: (inputValue: string, delimiter: string) => string;
+export interface TokenInputProps extends Omit<SingleLineTextInputProps, "onChange" | "value" | "label"> {
+    /** Label for input; also rendered as the fieldset legend */
+    label: string;
+    /**
+     * Name of input that holds the submission value.
+     * This should be the name of the field in the submitted form.
+     */
+    fieldName: string;
+    /**
+     * Value for the input with the given `name` prop.
+     * This should be the value of the field in the submitted form.
+     */
+    fieldValue: string;
+    /** Input change callback */
+    onInputChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    /** Value of input element */
+    inputValue?: string;
+    /**
+     * Called with the list of selected tokens
+     * as the argument when user updates tokens list
+     */
+    onTokensChange?: (tokens: string[]) => void;
+    /** List of selected tokens by name */
+    tokens?: string[];
+    /** Delimiter users can enter to tokenize text */
+    delimiter?: string;
+}
+/**
+ * `TokenInput` is a **fully controlled** component used to show a list of "tokens"
+ * a user has entered into the accompanying text input.
+ */
+declare const TokenInput: ({ fieldName, label, fieldValue, onInputChange, onTokensChange, inputValue, tokens, delimiter, disabled, ...otherProps }: TokenInputProps) => React.JSX.Element;
+export default TokenInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TokenInput/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAkB,EAAE,KAAK,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAOxE,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,EAAE,WAAW,MAAM,WAGK,CAAC;AAEvE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,wBAAwB,EACxB,UAAU,GAAG,OAAO,GAAG,OAAO,CAC/B;IACC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/D,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU,GAAI,yHAWjB,eAAe,sBAoEjB,CAAC;AAEF,eAAe,UAAU,CAAC"}