@heymantle/litho 0.0.4 → 0.0.5

package/dist/types/components/Autocomplete.d.ts

@@ -96,35 +96,40 @@ declare function Autocomplete(props?: {
     zIndexOverride?: number;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Autocomplete {
-    let displayName: string;
-    /**
-     * Autocomplete TextField component used as an activator for the Autocomplete dropdown.
-     *
-     * @component
-     * @param {Object} props - The props for the AutocompleteTextField component.
-     * @param {function} [props.onTextFieldFocus] - Callback fired when the TextField gains focus.
-     * @param {function} [props.onFocus] - Callback fired when the TextField gains focus (native TextField event).
-     * @param {string} [props.placeholder] - Placeholder text for the TextField.
-     * @param {string} [props.value] - The current value of the TextField.
-     * @param {function} [props.onChange] - Callback fired when the TextField value changes.
-     *
-     * @example
-     * <Autocomplete.TextField
-     *   placeholder="Search..."
-     *   onTextFieldFocus={() => console.log("Focused")}
-     * />
-     */
-    function TextField(props?: {
-        onTextFieldFocus?: Function;
-        onFocus?: Function;
-        placeholder?: string;
-        value?: string;
-        onChange?: Function;
-    }): import("react/jsx-runtime").JSX.Element;
-    namespace TextField {
-        let displayName_1: string;
-        export { displayName_1 as displayName };
-    }
+    export let displayName: string;
+    export { AutocompleteTextField as TextField };
 }
 import React from "react";
+/**
+ * Autocomplete TextField component used as an activator for the Autocomplete dropdown.
+ *
+ * @component
+ * @param {Object} props - The props for the AutocompleteTextField component.
+ * @param {function} [props.onTextFieldFocus] - Callback fired when the TextField gains focus.
+ * @param {function} [props.onFocus] - Callback fired when the TextField gains focus (native TextField event).
+ * @param {string} [props.placeholder] - Placeholder text for the TextField.
+ * @param {string} [props.value] - The current value of the TextField.
+ * @param {string} [props.label] - The label for the TextField.
+ * @param {string} [props.labelHidden] - Whether to hide the label.
+ * @param {function} [props.onChange] - Callback fired when the TextField value changes.
+ *
+ * @example
+ * <Autocomplete.TextField
+ *   placeholder="Search..."
+ *   onTextFieldFocus={() => console.log("Focused")}
+ * />
+ */
+declare function AutocompleteTextField(props?: {
+    onTextFieldFocus?: Function;
+    onFocus?: Function;
+    placeholder?: string;
+    value?: string;
+    label?: string;
+    labelHidden?: string;
+    onChange?: Function;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace AutocompleteTextField {
+    let displayName_1: string;
+    export { displayName_1 as displayName };
+}
 //# sourceMappingURL=Autocomplete.d.ts.map

package/dist/types/components/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../components/Autocomplete.js"],"names":[],"mappings":";;;;;WAkCc,MAAM;;;;WACN,MAAM;;;;YACN,MAAM;;;;oBACN,OAAO;;;;eACP,MAAM;;;;;;;;cAEN,KAAK,CAAC,kBAAkB,CAAC;;;;;;aAKzB,MAAM;;;;UACN,KAAK,CAAC,SAAS;;AAd7B;;;;;;;;;GASG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,sCAvBG;IAAyC,OAAO,EAAxC,KAAK,CAAC,kBAAkB,CAAC;IACJ,QAAQ,EAA7B,KAAK,CAAC,MAAM,CAAC;IACW,iBAAiB,GAAzC,OAAO,GAAC,OAAO;IACiB,kBAAkB,GAAlD,MAAM,GAAC,QAAQ,GAAC,OAAO;IACP,aAAa,GAA7B,OAAO;IACS,OAAO,GAAvB,OAAO;IACwB,UAAU,GAAzC,sBAAsB;IACS,QAAQ,EAAvC,CAAS,IAAa,EAAb,KAAK,CAAC,MAAM,CAAC,QAAC;IACA,SAAS,EAAhC,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;IACW,OAAO;IACT,cAAc,GAA7B,MAAM;CAEd,2CA2IF;;;IAGD;;;;;;;;;;;;;;;;OAgBG;IAEH,2BAbG;QAAyB,gBAAgB;QAChB,OAAO;QACT,WAAW,GAA1B,MAAM;QACS,KAAK,GAApB,MAAM;QACW,QAAQ;KAEjC,2CAqBF;;;;;;kBA/O6D,OAAO"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../components/Autocomplete.js"],"names":[],"mappings":";;;;;WAkCc,MAAM;;;;WACN,MAAM;;;;YACN,MAAM;;;;oBACN,OAAO;;;;eACP,MAAM;;;;;;;;cAEN,KAAK,CAAC,kBAAkB,CAAC;;;;;;aAKzB,MAAM;;;;UACN,KAAK,CAAC,SAAS;;AAd7B;;;;;;;;;GASG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,sCAvBG;IAAyC,OAAO,EAAxC,KAAK,CAAC,kBAAkB,CAAC;IACJ,QAAQ,EAA7B,KAAK,CAAC,MAAM,CAAC;IACW,iBAAiB,GAAzC,OAAO,GAAC,OAAO;IACiB,kBAAkB,GAAlD,MAAM,GAAC,QAAQ,GAAC,OAAO;IACP,aAAa,GAA7B,OAAO;IACS,OAAO,GAAvB,OAAO;IACwB,UAAU,GAAzC,sBAAsB;IACS,QAAQ,EAAvC,CAAS,IAAa,EAAb,KAAK,CAAC,MAAM,CAAC,QAAC;IACA,SAAS,EAAhC,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;IACW,OAAO;IACT,cAAc,GAA7B,MAAM;CAEd,2CAoJF;;;;;kBArN6D,OAAO;AAwNrE;;;;;;;;;;;;;;;;;;GAkBG;AAEH,+CAfG;IAAyB,gBAAgB;IAChB,OAAO;IACT,WAAW,GAA1B,MAAM;IACS,KAAK,GAApB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,WAAW,GAA1B,MAAM;IACW,QAAQ;CAEjC,2CAqBF"}

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

@@ -24,6 +24,7 @@ export default Button;
  * @param {boolean} [props.ariaChecked] - Whether the button is checked (for toggle buttons).
  * @param {React.Component} [props.icon] - Icon component to display within the button.
  * @param {"default" | "primary" | "secondary" | "plain" | "link" | "destructive" | "highlight"} [props.iconColor='default'] - Color of the icon.
+ * @param {"default" | "sm" | "lg" | "xl"} [props.iconSize='default'] - Size of the icon.
  * @param {boolean} [props.primary=false] - Whether to show the primary button style.
  * @param {boolean} [props.highlight=false] - Whether to show the highlight button style.
  * @param {boolean} [props.link=false] - Whether to show a link style.
@@ -31,10 +32,14 @@ export default Button;
  * @param {boolean} [props.disclosure=false] - Whether to show a disclosure arrow.
  * @param {boolean} [props.disclosureRight=false] - Whether to show the disclosure on the right.
  * @param {boolean} [props.plain=false] - Whether to show plain styling without background.
+ * @param {boolean} [props.naked=false] - Whether to show the naked styling.
  * @param {"small" | "medium" | "large" | "stepper"} [props.size='medium'] - Size of the button ('small', 'medium', 'large', 'stepper').
  * @param {boolean} [props.fullWidth] - Whether the button should take full width.
  * @param {"left" | "center" | "right"} [props.align='center'] - Alignment of the button content ('left', 'center', 'right').
  * @param {string} [props.tooltip] - Tooltip to show when hovering over the button.
+ * @param {"left" | "center" | "right"} [props.tooltipAlignment='right'] - Alignment of the tooltip ('left', 'center', 'right').
+ * @param {"above" | "below" | "left" | "right"} [props.tooltipPosition='above'] - Position of the tooltip ('above', 'below', 'left', 'right').
+ * @param {"inline-block" | "block" | "inline"} [props.tooltipDisplay='inline-block'] - Display type of the tooltip ('inline-block', 'block', 'inline').
  * @param {Object} [props.connectedDisclosure] - Configuration for connected disclosure menu.
  * @param {Array<import("./ActionList").ActionListItem>} [props.connectedDisclosure.actions] - Actions to show in the disclosure menu.
  * @param {string} [props.className] - Additional CSS classes for the button.
@@ -99,6 +104,7 @@ declare function Button(props?: {
     ariaChecked?: boolean;
     icon?: React.Component;
     iconColor?: "default" | "primary" | "secondary" | "plain" | "link" | "destructive" | "highlight";
+    iconSize?: "default" | "sm" | "lg" | "xl";
     primary?: boolean;
     highlight?: boolean;
     link?: boolean;
@@ -106,10 +112,14 @@ declare function Button(props?: {
     disclosure?: boolean;
     disclosureRight?: boolean;
     plain?: boolean;
+    naked?: boolean;
     size?: "small" | "medium" | "large" | "stepper";
     fullWidth?: boolean;
     align?: "left" | "center" | "right";
     tooltip?: string;
+    tooltipAlignment?: "left" | "center" | "right";
+    tooltipPosition?: "above" | "below" | "left" | "right";
+    tooltipDisplay?: "inline-block" | "block" | "inline";
     connectedDisclosure?: {
         actions?: Array<import("./ActionList").ActionListItem>;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";AAqfA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;AAEH,gCA3EG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,GAAG,GAAlB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,eAAe,GAA9B,MAAM;IACU,WAAW,GAA3B,OAAO;IACiB,IAAI,GAA5B,KAAK,CAAC,SAAS;IAC8E,SAAS,GAAtG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW;IACpE,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,IAAI,GAApB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,eAAe,GAA/B,OAAO;IACS,KAAK,GAArB,OAAO;IAC0C,IAAI,GAArD,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;IACxB,SAAS,GAAzB,OAAO;IAC6B,KAAK,GAAzC,MAAM,GAAG,QAAQ,GAAG,OAAO;IACZ,OAAO,GAAtB,MAAM;IACS,mBAAmB,GAC1C;QAAiF,OAAO,GAAhF,KAAK,CAAC,OAAO,cAAc,EAAE,cAAc,CAAC;KACpD;IAAuB,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACU,OAAO,GAAvB,OAAO;IACU,OAAO;IACP,WAAW;CAEpC,GAAU,GAAG,CAAC,OAAO,CAiQvB;kBAhyBoD,OAAO"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";AA4gBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AAEH,gCAhFG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,GAAG,GAAlB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,OAAO,GAAvB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,YAAY,GAA3B,MAAM;IACU,YAAY,GAA5B,OAAO;IACQ,eAAe,GAA9B,MAAM;IACU,WAAW,GAA3B,OAAO;IACiB,IAAI,GAA5B,KAAK,CAAC,SAAS;IAC8E,SAAS,GAAtG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW;IAC7C,QAAQ,GAA/C,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACd,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,IAAI,GAApB,OAAO;IACS,WAAW,GAA3B,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,eAAe,GAA/B,OAAO;IACS,KAAK,GAArB,OAAO;IACS,KAAK,GAArB,OAAO;IAC0C,IAAI,GAArD,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;IACxB,SAAS,GAAzB,OAAO;IAC6B,KAAK,GAAzC,MAAM,GAAG,QAAQ,GAAG,OAAO;IACZ,OAAO,GAAtB,MAAM;IAC8B,gBAAgB,GAApD,MAAM,GAAG,QAAQ,GAAG,OAAO;IACkB,eAAe,GAA5D,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO;IACQ,cAAc,GAA1D,cAAc,GAAG,OAAO,GAAG,QAAQ;IACpB,mBAAmB,GAC1C;QAAiF,OAAO,GAAhF,KAAK,CAAC,OAAO,cAAc,EAAE,cAAc,CAAC;KACpD;IAAuB,SAAS,GAAxB,MAAM;IACS,gBAAgB,GAA/B,MAAM;IACU,OAAO,GAAvB,OAAO;IACU,OAAO;IACP,WAAW;CAEpC,GAAU,GAAG,CAAC,OAAO,CAuQvB;kBAl0BoD,OAAO"}

package/dist/types/components/Card.d.ts

@@ -119,6 +119,7 @@ declare namespace Card {
      * @param {Function} [props.onClick] - Click handler for the row.
      * @param {string} [props.id] - ID to apply to the row element.
      * @param {string} [props.url] - URL to open when the row is clicked.
+     * @param {string} [props.className] - Additional classes to apply to the row.
      * @param {boolean} [props.disabled=false] - Disables interaction with the row.
      *
      * @returns {React.ReactElement} The rendered ClickableRow component.
@@ -128,6 +129,7 @@ declare namespace Card {
         onClick?: Function;
         id?: string;
         url?: string;
+        className?: string;
         disabled?: boolean;
     }): React.ReactElement;
     namespace ClickableRow {

package/dist/types/components/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/Card.js"],"names":[],"mappings":";AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,+WA7BG;IAAwB,aAAa,GAA7B,OAAO;IACiB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,WAAW,GAA3B,OAAO;IACwB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,YAAY,GAA3B,MAAM;IACS,WAAW,GAA1B,MAAM;IAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;IACyC,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACzC,wBAAwB,GAAvC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,WAAW,GAA3B,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,yBAAyB,GAAzC,OAAO;IACU,OAAO;IACT,UAAU;IACV,MAAM;IACN,SAAS,GAAxB,MAAM;IACS,eAAe,GAA9B,MAAM;IACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;IACC,iBAAiB,GAAjC,OAAO;IACS,eAAe,GAA/B,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CAoJ9B;;IA2FD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IAEH,yNAtBG;QAAuC,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;QACP,YAAY,GAA3B,MAAM;QACS,MAAM;QACG,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;QACS,UAAU,GAA1B,OAAO;QACS,OAAO,GAAvB,OAAO;QACS,aAAa,GAA7B,OAAO;QACS,YAAY,GAA5B,OAAO;QACS,SAAS,GAAzB,OAAO;QACS,OAAO,GAAvB,OAAO;QACQ,SAAS,GAAxB,MAAM;QACS,GAAG,GAAlB,MAAM;QAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;QACT,OAAO,GAAtB,MAAM;QACS,WAAW,GAA1B,MAAM;QACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;QACA,UAAU;KAEjC,GAAU,KAAK,CAAC,YAAY,CAyF9B;;;;IAYD;;;;;;;;;;;;OAYG;IACH,2EARG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACU,QAAQ,GAAxB,OAAO;KAEf,GAAU,KAAK,CAAC,YAAY,CAgB9B;;;;;;kBAljBiB,OAAO"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/Card.js"],"names":[],"mappings":";AA8IA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,+WA7BG;IAAwB,aAAa,GAA7B,OAAO;IACiB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,WAAW,GAA3B,OAAO;IACwB,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACP,YAAY,GAA3B,MAAM;IACS,WAAW,GAA1B,MAAM;IAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;IACyC,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACzC,wBAAwB,GAAvC,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,MAAM,GAArB,MAAM;IACU,WAAW,GAA3B,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,OAAO,GAAvB,OAAO;IACS,UAAU,GAA1B,OAAO;IACS,yBAAyB,GAAzC,OAAO;IACU,OAAO;IACT,UAAU;IACV,MAAM;IACN,SAAS,GAAxB,MAAM;IACS,eAAe,GAA9B,MAAM;IACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;IACC,iBAAiB,GAAjC,OAAO;IACS,eAAe,GAA/B,OAAO;CACf,GAAU,KAAK,CAAC,YAAY,CAoJ9B;;IA2FD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IAEH,yNAtBG;QAAuC,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;QACP,YAAY,GAA3B,MAAM;QACS,MAAM;QACG,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACC,MAAM,GAAtB,OAAO;QACS,UAAU,GAA1B,OAAO;QACS,OAAO,GAAvB,OAAO;QACS,aAAa,GAA7B,OAAO;QACS,YAAY,GAA5B,OAAO;QACS,SAAS,GAAzB,OAAO;QACS,OAAO,GAAvB,OAAO;QACQ,SAAS,GAAxB,MAAM;QACS,GAAG,GAAlB,MAAM;QAC2B,IAAI,GAArC,KAAK,CAAC,WAAW,MAAO;QACT,OAAO,GAAtB,MAAM;QACS,WAAW,GAA1B,MAAM;QACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;QACA,UAAU;KAEjC,GAAU,KAAK,CAAC,YAAY,CAyF9B;;;;IAYD;;;;;;;;;;;;;OAaG;IACH,2EATG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACS,SAAS,GAAxB,MAAM;QACU,QAAQ,GAAxB,OAAO;KAEf,GAAU,KAAK,CAAC,YAAY,CAgB9B;;;;;;kBAnjBiB,OAAO"}

package/dist/types/components/EmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../components/EmptyState.js"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,oCAvBG;IAAuB,WAAW,GAA1B,MAAM;IACkB,IAAI,GAA5B,KAAK,CAAC,SAAS;IACA,UAAU,GAAzB,MAAM;IACS,aAAa,GACpC;QAAoC,OAAO,EAAnC,MAAM;QACwB,QAAQ;QACR,QAAQ,GAAtC,OAAO;QACuB,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAsC,OAAO,EAArC,MAAM;QAC0B,QAAQ;QACR,QAAQ,GAAxC,OAAO;QACyB,OAAO,GAAvC,OAAO;QACyB,QAAQ,GAAxC,OAAO;KACf;IAAuB,KAAK,GAApB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,kBAAkB,GAAjC,MAAM;IACS,QAAQ,GAAvB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAoEvB"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../components/EmptyState.js"],"names":[],"mappings":";AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,oCAvBG;IAAuB,WAAW,GAA1B,MAAM;IACkB,IAAI,GAA5B,KAAK,CAAC,SAAS;IACA,UAAU,GAAzB,MAAM;IACS,aAAa,GACpC;QAAoC,OAAO,EAAnC,MAAM;QACwB,QAAQ;QACR,QAAQ,GAAtC,OAAO;QACuB,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAsC,OAAO,EAArC,MAAM;QAC0B,QAAQ;QACR,QAAQ,GAAxC,OAAO;QACyB,OAAO,GAAvC,OAAO;QACyB,QAAQ,GAAxC,OAAO;KACf;IAAuB,KAAK,GAApB,MAAM;IACS,YAAY,GAA3B,MAAM;IACS,kBAAkB,GAAjC,MAAM;IACS,QAAQ,GAAvB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAqEvB"}

package/dist/types/components/Filters.d.ts

@@ -144,9 +144,10 @@ declare namespace Filters {
      * @param {boolean} [props.subdued=false] - Whether the text field appears subdued.
      * @param {boolean} [props.disableQueryField=false] - Whether the text field is disabled.
      * @param {boolean} [props.transparent=true] - Whether the text field has a transparent background.
+     * @param {string} [props.autoComplete="on"] - Whether the text field should autocomplete.
      * @returns {JSX.Element} The text field component.
      */
-    function TextField(props?: {
+    function TextField(props: {
         queryValue?: string;
         onQueryChange?: Function;
         onQueryBlur?: Function;
@@ -156,6 +157,7 @@ declare namespace Filters {
         subdued?: boolean;
         disableQueryField?: boolean;
         transparent?: boolean;
+        autoComplete?: string;
     }): JSX.Element;
     namespace TextField {
         let displayName_2: string;

package/dist/types/components/Filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,gCA5BG;IAOU,OAAO,EAPT,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IAKQ,cAAc,EAJhB,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IACuB,UAAU;IACX,aAAa,GAA7B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,UAAU,GAAzB,MAAM;IACW,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACd,gBAAgB,GAA/B,MAAM;IACU,iCAAiC,GAAjD,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA+P5B;;IA0CD;;;;;;;;;;;OAWG;IACH,sBAPG;QAAsB,KAAK,EAAnB,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,QAAQ,GAAxB,OAAO;QACS,WAAW,GAA3B,OAAO;QACU,OAAO;KAChC,GAAU,GAAG,CAAC,OAAO,CA4CvB;;;;IA2BD;;;;;;;;;;OAUG;IACH,sBANG;QAAqB,IAAI;QACF,gBAAgB;QACjB,QAAQ,EAAtB,MAAM;QACU,QAAQ;KAChC,GAAU,GAAG,CAAC,OAAO,CAoKvB;;;;;IAkDD;;;;;;;;;;;;;;OAcG;IACH,qBAVG;QAAgC,IAAI,GAA5B,KAAK,CAAC,SAAS;QACC,QAAQ,GAAxB,OAAO;QACuB,OAAO,EAArC,MAAM,GAAC,KAAK,CAAC,SAAS;QACL,OAAO;QACP,QAAQ;QACD,SAAS,GAAjC,KAAK,CAAC,SAAS;QACC,WAAW,GAA3B,OAAO;QACQ,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CA+DvB;IAED;;;;;;;;;;;;;;;OAeG;IACH,2BAXG;QAAuB,UAAU,GAAzB,MAAM;QACW,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACd,gBAAgB,GAA/B,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,iBAAiB,GAAjC,OAAO;QACS,WAAW,GAA3B,OAAO;KACf,GAAU,GAAG,CAAC,OAAO,CA+BvB;;;;;;kBAlyB8D,OAAO"}
+{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../../components/Filters.js"],"names":[],"mappings":";AAgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,gCA5BG;IAOU,OAAO,EAPT,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IAKQ,cAAc,EAJhB,KAAK,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;KACtB,CAAC;IACuB,UAAU;IACX,aAAa,GAA7B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,UAAU,GAAzB,MAAM;IACW,aAAa;IACb,WAAW;IACX,YAAY;IACZ,YAAY;IACd,gBAAgB,GAA/B,MAAM;IACU,iCAAiC,GAAjD,OAAO;IACS,iBAAiB,GAAjC,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,GAAC,IAAI,CA+P5B;;IA2CD;;;;;;;;;;;OAWG;IACH,sBAPG;QAAsB,KAAK,EAAnB,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,QAAQ,GAAxB,OAAO;QACS,WAAW,GAA3B,OAAO;QACU,OAAO;KAChC,GAAU,GAAG,CAAC,OAAO,CA4CvB;;;;IA2BD;;;;;;;;;;OAUG;IACH,sBANG;QAAqB,IAAI;QACF,gBAAgB;QACjB,QAAQ,EAAtB,MAAM;QACU,QAAQ;KAChC,GAAU,GAAG,CAAC,OAAO,CAoKvB;;;;;IAkDD;;;;;;;;;;;;;;OAcG;IACH,qBAVG;QAAgC,IAAI,GAA5B,KAAK,CAAC,SAAS;QACC,QAAQ,GAAxB,OAAO;QACuB,OAAO,EAArC,MAAM,GAAC,KAAK,CAAC,SAAS;QACL,OAAO;QACP,QAAQ;QACD,SAAS,GAAjC,KAAK,CAAC,SAAS;QACC,WAAW,GAA3B,OAAO;QACQ,OAAO,GAAtB,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CA+DvB;IAED;;;;;;;;;;;;;;;;OAgBG;IACH,0BAZG;QAAuB,UAAU,GAAzB,MAAM;QACW,aAAa;QACb,WAAW;QACX,YAAY;QACZ,YAAY;QACd,gBAAgB,GAA/B,MAAM;QACU,OAAO,GAAvB,OAAO;QACS,iBAAiB,GAAjC,OAAO;QACS,WAAW,GAA3B,OAAO;QACQ,YAAY,GAA3B,MAAM;KACd,GAAU,GAAG,CAAC,OAAO,CAiCvB;;;;;;kBAtyB8D,OAAO"}

package/dist/types/components/Frame.d.ts

@@ -24,14 +24,14 @@ export default Frame;
  * @param {number} props.logo.width - Width of the logo image.
  * @param {boolean} props.showSearchTrigger - Whether to show the search trigger.
  * @param {React.ReactNode} props.searchModal - Modal to render as the search modal.
- * @param {function} props.onToggleSearchModal - Function to toggle the search modal.
+ * @param {function} props.onToggleSearch - Function to toggle the search modal.
  * @param {string} [props.className] - Additional CSS classes for the Frame.
  * @param {React.ReactNode} props.children - Content to render within the Frame.
  * @param {boolean} [props.alwaysShowUserMenuInTopBar] - Whether to always show the user menu in the top bar.
  * @param {React.ReactNode} [props.headerAccessory] - Accessory to render in the header.
  * @returns {React.ReactElement} The rendered Frame component.
  */
-declare function Frame({ navigation, announcement, logo, children, className, userMenu, moreActions, showSearchTrigger, alwaysShowUserMenuInTopBar, searchModal, onToggleSearchModal, headerAccessory, }: {
+declare function Frame({ navigation, announcement, logo, children, className, userMenu, moreActions, showSearchTrigger, alwaysShowUserMenuInTopBar, searchLabel, searchIcon, searchModal, onToggleSearch, headerAccessory, }: {
     navigation: React.ReactNode;
     announcement: React.ReactNode;
     logo: {
@@ -42,7 +42,7 @@ declare function Frame({ navigation, announcement, logo, children, className, us
     };
     showSearchTrigger: boolean;
     searchModal: React.ReactNode;
-    onToggleSearchModal: Function;
+    onToggleSearch: Function;
     className?: string;
     children: React.ReactNode;
     alwaysShowUserMenuInTopBar?: boolean;

package/dist/types/components/Frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../components/Frame.js"],"names":[],"mappings":"AA8UO;;;;;;;;;;;;EAMN;;AAtOD;;;;;;;;;;;;;;;;;;GAkBG;AACH,0MAhBG;IAA+B,UAAU,EAAjC,KAAK,CAAC,SAAS;IACQ,YAAY,EAAnC,KAAK,CAAC,SAAS;IACD,IAAI,EAC1B;QAA2B,GAAG,EAAtB,MAAM;QACa,MAAM,EAAzB,MAAM;QACa,kBAAkB,EAArC,MAAM;QACa,KAAK,EAAxB,MAAM;KACd;IAAuB,iBAAiB,EAAhC,OAAO;IACgB,WAAW,EAAlC,KAAK,CAAC,SAAS;IACC,mBAAmB;IACpB,SAAS,GAAxB,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,0BAA0B,GAA1C,OAAO;IACiB,eAAe,GAAvC,KAAK,CAAC,SAAS;CACvB,GAAU,KAAK,CAAC,YAAY,CA6M9B"}
+{"version":3,"file":"Frame.d.ts","sourceRoot":"","sources":["../../../components/Frame.js"],"names":[],"mappings":"AAgVO;;;;;;;;;;;;EAMN;;AAxOD;;;;;;;;;;;;;;;;;;GAkBG;AACH,8NAhBG;IAA+B,UAAU,EAAjC,KAAK,CAAC,SAAS;IACQ,YAAY,EAAnC,KAAK,CAAC,SAAS;IACD,IAAI,EAC1B;QAA2B,GAAG,EAAtB,MAAM;QACa,MAAM,EAAzB,MAAM;QACa,kBAAkB,EAArC,MAAM;QACa,KAAK,EAAxB,MAAM;KACd;IAAuB,iBAAiB,EAAhC,OAAO;IACgB,WAAW,EAAlC,KAAK,CAAC,SAAS;IACC,cAAc;IACf,SAAS,GAAxB,MAAM;IACiB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACC,0BAA0B,GAA1C,OAAO;IACiB,eAAe,GAAvC,KAAK,CAAC,SAAS;CACvB,GAAU,KAAK,CAAC,YAAY,CA+M9B"}

package/dist/types/components/HorizontalStack.d.ts

@@ -7,7 +7,7 @@ export default HorizontalStack;
  * @param {Object} [props={}] - Component props.
  * @param {string} [props.as='div'] - The HTML element to render. Defaults to `div`.
  * @param {React.ReactNode} [props.children] - Child elements to render inside the stack.
- * @param {string} [props.gap] - Spacing between children. Options: 'none', '0', 'px', '0.5', '1', '2', '3', '4', '6', '8', '10'.
+ * @param {('none'|'xs'|'sm'|'md'|'lg'|'0'|'px'|'0.5'|'1'|'2'|'3'|'4'|'5'|'6'|'8'|'10')} [props.gap] - Spacing between children. Semantic options: 'none', 'xs' (1), 'sm' (2), 'md' (4), 'lg' (8). Numeric options: '0', 'px', '0.5', '1', '2', '3', '4', '5', '6', '8', '10'.
  * @param {string} [props.id] - Optional ID for the component.
  * @param {string} [props.className] - Additional custom class names to apply to the component.
  * @param {string} [props.align='start'] - Horizontal alignment of children. Options: 'start', 'center', 'end'.
@@ -26,7 +26,7 @@ export default HorizontalStack;
 declare function HorizontalStack(props?: {
     as?: string;
     children?: React.ReactNode;
-    gap?: string;
+    gap?: ("none" | "xs" | "sm" | "md" | "lg" | "0" | "px" | "0.5" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10");
     id?: string;
     className?: string;
     align?: string;

package/dist/types/components/HorizontalStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalStack.d.ts","sourceRoot":"","sources":["../../../components/HorizontalStack.js"],"names":[],"mappings":";AA0CA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,yCAnBG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,GAAG,GAAlB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,UAAU,GAAzB,MAAM;IACU,IAAI,GAApB,OAAO;CACf,GAEU,GAAG,CAAC,OAAO,CAwCvB"}
+{"version":3,"file":"HorizontalStack.d.ts","sourceRoot":"","sources":["../../../components/HorizontalStack.js"],"names":[],"mappings":";AAiDA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,yCAnBG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACsE,GAAG,GAAxF,CAAC,MAAM,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,GAAG,GAAC,IAAI,GAAC,KAAK,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,IAAI,CAAC;IAC7D,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,UAAU,GAAzB,MAAM;IACU,IAAI,GAApB,OAAO;CACf,GAEU,GAAG,CAAC,OAAO,CAwCvB"}

package/dist/types/components/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/Icon.js"],"names":[],"mappings":";AA2MA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,8BAzBG;IAAsB,MAAM;IACgpB,KAAK,GAAzqB,CAAC,OAAO,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,oBAAoB,GAAC,SAAS,GAAC,YAAY,GAAC,UAAU,GAAC,aAAa,GAAC,qBAAqB,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,UAAU,GAAC,QAAQ,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,gBAAgB,GAAC,eAAe,GAAC,sBAAsB,GAAC,oBAAoB,GAAC,SAAS,GAAC,iBAAiB,GAAC,cAAc,GAAC,eAAe,GAAC,cAAc,GAAC,gBAAgB,GAAC,WAAW,GAAC,gBAAgB,GAAC,cAAc,GAAC,cAAc,GAAC,kBAAkB,GAAC,mBAAmB,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,eAAe,GAAC,oBAAoB,GAAC,kBAAkB,GAAC,kBAAkB,CAAC;IAC7D,UAAU,GAAxmB,CAAC,OAAO,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,UAAU,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,UAAU,GAAC,QAAQ,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,gBAAgB,GAAC,eAAe,GAAC,sBAAsB,GAAC,oBAAoB,GAAC,SAAS,GAAC,iBAAiB,GAAC,cAAc,GAAC,eAAe,GAAC,cAAc,GAAC,gBAAgB,GAAC,WAAW,GAAC,gBAAgB,GAAC,cAAc,GAAC,cAAc,GAAC,kBAAkB,GAAC,mBAAmB,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,eAAe,GAAC,oBAAoB,GAAC,kBAAkB,GAAC,kBAAkB,CAAC;IACthB,OAAO,GAAtE,CAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,GAAC,cAAc,GAAC,aAAa,CAAC;IACR,IAAI,GAAlD,CAAC,IAAI,GAAC,IAAI,GAAC,SAAS,GAAC,IAAI,GAAC,IAAI,GAAC,KAAK,CAAC;IAOrB,MAAM,GAAtB,OAAO;IACU,OAAO;IACT,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAqDvB"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../components/Icon.js"],"names":[],"mappings":";AA4MA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,8BAzBG;IAAsB,MAAM;IACgpB,KAAK,GAAzqB,CAAC,OAAO,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,oBAAoB,GAAC,SAAS,GAAC,YAAY,GAAC,UAAU,GAAC,aAAa,GAAC,qBAAqB,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,UAAU,GAAC,QAAQ,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,gBAAgB,GAAC,eAAe,GAAC,sBAAsB,GAAC,oBAAoB,GAAC,SAAS,GAAC,iBAAiB,GAAC,cAAc,GAAC,eAAe,GAAC,cAAc,GAAC,gBAAgB,GAAC,WAAW,GAAC,gBAAgB,GAAC,cAAc,GAAC,cAAc,GAAC,kBAAkB,GAAC,mBAAmB,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,eAAe,GAAC,oBAAoB,GAAC,kBAAkB,GAAC,kBAAkB,CAAC;IAC7D,UAAU,GAAxmB,CAAC,OAAO,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,SAAS,GAAC,UAAU,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS,GAAC,WAAW,GAAC,WAAW,GAAC,SAAS,GAAC,QAAQ,GAAC,UAAU,GAAC,QAAQ,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,gBAAgB,GAAC,eAAe,GAAC,sBAAsB,GAAC,oBAAoB,GAAC,SAAS,GAAC,iBAAiB,GAAC,cAAc,GAAC,eAAe,GAAC,cAAc,GAAC,gBAAgB,GAAC,WAAW,GAAC,gBAAgB,GAAC,cAAc,GAAC,cAAc,GAAC,kBAAkB,GAAC,mBAAmB,GAAC,kBAAkB,GAAC,oBAAoB,GAAC,eAAe,GAAC,oBAAoB,GAAC,kBAAkB,GAAC,kBAAkB,CAAC;IACthB,OAAO,GAAtE,CAAC,OAAO,GAAC,MAAM,GAAC,QAAQ,GAAC,cAAc,GAAC,aAAa,CAAC;IACR,IAAI,GAAlD,CAAC,IAAI,GAAC,IAAI,GAAC,SAAS,GAAC,IAAI,GAAC,IAAI,GAAC,KAAK,CAAC;IAOrB,MAAM,GAAtB,OAAO;IACU,OAAO;IACT,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAqDvB"}

package/dist/types/components/Pane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../components/Pane.js"],"names":[],"mappings":";AAmBA,2EAmCC;;;;;;AAED,6EAyEC;AAGD,8EAKC;AAGD,6EAKC"}
+{"version":3,"file":"Pane.d.ts","sourceRoot":"","sources":["../../../components/Pane.js"],"names":[],"mappings":";AAwBA,2EAoCC;;;;;;AAED,6EA8GC;AAGD,8EAKC;AAGD,6EAKC"}

package/dist/types/components/Stack.d.ts

@@ -0,0 +1,49 @@
+export default Stack;
+/**
+ * Stack Component
+ *
+ * A flexible stack component for creating vertical or horizontal layouts with customizable spacing and alignment.
+ * By default, creates a vertical stack with medium gap spacing.
+ *
+ * @param {Object} [props={}] - Component props.
+ * @param {string} [props.as='div'] - The HTML element to render. Defaults to `div`.
+ * @param {React.ReactNode} [props.children] - Child elements to render inside the stack.
+ * @param {boolean} [props.horizontal=false] - If true, renders a horizontal stack (flex-row). Defaults to vertical (flex-col).
+ * @param {('none'|'xs'|'sm'|'md'|'lg'|'0'|'px'|'0.5'|'1'|'2'|'3'|'4'|'5'|'6'|'8'|'10')} [props.gap='md'] - Spacing between children. Semantic options: 'none' (0), 'xs' (1), 'sm' (2), 'md' (4), 'lg' (8). Numeric options: '0', 'px', '0.5', '1', '2', '3', '4', '5', '6', '8', '10'. Defaults to 'md'.
+ * @param {string} [props.id] - Optional ID for the component.
+ * @param {string} [props.className] - Additional custom class names to apply to the component.
+ * @param {('start'|'center'|'end'|'space-between'|'space-evenly'|'space-around'|'spaceBetween')} [props.align='start'] - Main axis alignment. Controls horizontal alignment for horizontal stacks and vertical alignment for vertical stacks.
+ * @param {('start'|'center'|'end'|'stretch')} [props.blockAlign] - Cross-axis alignment for horizontal stacks (vertical alignment). Only applicable when horizontal=true.
+ * @param {('start'|'center'|'end'|'stretch')} [props.inlineAlign] - Cross-axis alignment for vertical stacks (horizontal alignment). Only applicable when horizontal=false.
+ * @param {boolean} [props.wrap=false] - Whether children should wrap to the next line if necessary. Defaults to false.
+ * @param {Object} [restProps] - Additional props passed to the root element.
+ *
+ * @returns {JSX.Element} The rendered Stack component.
+ *
+ * @example
+ * // Vertical stack (default)
+ * <Stack gap="sm" inlineAlign="center">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ *
+ * @example
+ * // Horizontal stack
+ * <Stack horizontal gap="md" blockAlign="center" wrap={true}>
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ * </Stack>
+ */
+declare function Stack(props?: {
+    as?: string;
+    children?: React.ReactNode;
+    horizontal?: boolean;
+    gap?: ("none" | "xs" | "sm" | "md" | "lg" | "0" | "px" | "0.5" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10");
+    id?: string;
+    className?: string;
+    align?: ("start" | "center" | "end" | "space-between" | "space-evenly" | "space-around" | "spaceBetween");
+    blockAlign?: ("start" | "center" | "end" | "stretch");
+    inlineAlign?: ("start" | "center" | "end" | "stretch");
+    wrap?: boolean;
+}): JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/types/components/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../components/Stack.js"],"names":[],"mappings":";AAgEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,+BA5BG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,UAAU,GAA1B,OAAO;IAC8E,GAAG,GAAxF,CAAC,MAAM,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,GAAG,GAAC,IAAI,GAAC,KAAK,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,IAAI,CAAC;IAC7D,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACwF,KAAK,GAAnG,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,eAAe,GAAC,cAAc,GAAC,cAAc,GAAC,cAAc,CAAC;IAC1C,UAAU,GAArD,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,SAAS,CAAC;IACS,WAAW,GAAtD,CAAC,OAAO,GAAC,QAAQ,GAAC,KAAK,GAAC,SAAS,CAAC;IAClB,IAAI,GAApB,OAAO;CACf,GAEU,GAAG,CAAC,OAAO,CA0DvB"}

package/dist/types/components/Tabs.d.ts

@@ -16,6 +16,7 @@ export default Tabs;
  * @param {boolean} [props.activeDisclosure=false] - Whether the "More" disclosure is currently active.
  * @param {boolean} [props.padded=true] - If true, applies padding to the Tabs container.
  * @param {boolean} [props.borderBottom=true] - If true, applies a bottom border to the Tabs container.
+ * @param {boolean} [props.simpleTabs=false] - If true, simplifies the styling for the selected tab.
  * @returns {JSX.Element} The Tabs component.
  */
 declare function Tabs(props?: {
@@ -33,6 +34,7 @@ declare function Tabs(props?: {
     activeDisclosure?: boolean;
     padded?: boolean;
     borderBottom?: boolean;
+    simpleTabs?: boolean;
 }): JSX.Element;
 declare namespace Tabs {
     export { Tab };

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/Tabs.js"],"names":[],"mappings":";AAmCA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,8BAhBG;IAAwB,IAAI,EAC5B;QAA6B,EAAE,EAAvB,MAAM;QACe,OAAO,EAA5B,MAAM;QACgB,IAAI,GAA1B,MAAM;QACiB,UAAU,GAAjC,OAAO;KACf;IAAsB,QAAQ,EAAtB,MAAM;IACU,QAAQ;IACR,SAAS,GAAzB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,YAAY,GAA5B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAsLvB;;;;AA4BD,0EA0DC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../components/Tabs.js"],"names":[],"mappings":";AAmCA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,8BAjBG;IAAwB,IAAI,EAC5B;QAA6B,EAAE,EAAvB,MAAM;QACe,OAAO,EAA5B,MAAM;QACgB,IAAI,GAA1B,MAAM;QACiB,UAAU,GAAjC,OAAO;KACf;IAAsB,QAAQ,EAAtB,MAAM;IACU,QAAQ;IACR,SAAS,GAAzB,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,UAAU,GAA1B,OAAO;IACS,gBAAgB,GAAhC,OAAO;IACS,MAAM,GAAtB,OAAO;IACS,YAAY,GAA5B,OAAO;IACS,UAAU,GAA1B,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CAwLvB;;;;AAoDD,0EA6DC"}

package/dist/types/components/VerticalStack.d.ts

@@ -7,7 +7,7 @@ export default VerticalStack;
  * @param {React.ReactNode} [props.children] - The child elements to render within the stack.
  * @param {string} [props.align] - Vertical alignment of the stack content. Options: "start", "end", "center", "spaceBetween".
  * @param {string} [props.inlineAlign] - Horizontal alignment of the stack content. Options: "start", "end", "center", "spaceBetween".
- * @param {string} [props.gap="none"] - Spacing between child elements. Options: "none", "0", "px", "0.5", "1", "2", "3", "4", "6", "8", "10".
+ * @param {('none'|'xs'|'sm'|'md'|'lg'|'0'|'px'|'0.5'|'1'|'2'|'3'|'4'|'5'|'6'|'8'|'10')} [props.gap="none"] - Spacing between child elements. Semantic options: "none", "xs" (1), "sm" (2), "md" (4), "lg" (8). Numeric options: "0", "px", "0.5", "1", "2", "3", "4", "5", "6", "8", "10".
  * @param {string} [props.id] - The id for the root element of the stack.
  * @param {string} [props.className] - Additional CSS classes to append to the generated styles.
  * @param {object} [props.restProps] - Any additional properties to spread onto the root element.
@@ -19,7 +19,7 @@ declare function VerticalStack(props?: {
     children?: React.ReactNode;
     align?: string;
     inlineAlign?: string;
-    gap?: string;
+    gap?: ("none" | "xs" | "sm" | "md" | "lg" | "0" | "px" | "0.5" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10");
     id?: string;
     className?: string;
     restProps?: object;

package/dist/types/components/VerticalStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalStack.d.ts","sourceRoot":"","sources":["../../../components/VerticalStack.js"],"names":[],"mappings":";AAkCA;;;;;;;;;;;;;;GAcG;AAEH,uCAZG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,WAAW,GAA1B,MAAM;IACS,GAAG,GAAlB,MAAM;IACS,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,SAAS,GAAxB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAiCvB"}
+{"version":3,"file":"VerticalStack.d.ts","sourceRoot":"","sources":["../../../components/VerticalStack.js"],"names":[],"mappings":";AAwCA;;;;;;;;;;;;;;GAcG;AAEH,uCAZG;IAAuB,EAAE,GAAjB,MAAM;IACkB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,WAAW,GAA1B,MAAM;IAC+E,GAAG,GAAxF,CAAC,MAAM,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,GAAG,GAAC,IAAI,GAAC,KAAK,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,GAAG,GAAC,IAAI,CAAC;IAC7D,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACS,SAAS,GAAxB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAiCvB"}

package/dist/types/index.d.ts

@@ -46,6 +46,7 @@ export { default as ResourceList } from "./components/ResourceList";
 export { default as Select } from "./components/Select";
 export { default as SkeletonText } from "./components/SkeletonText";
 export { default as Spinner } from "./components/Spinner";
+export { default as Stack } from "./components/Stack";
 export { default as Table } from "./components/Table";
 export { default as Tabs } from "./components/Tabs";
 export { default as Tag } from "./components/Tag";

package/index.css

@@ -74,6 +74,7 @@
   --color-brand-alternate: #de7d14;
   --color-brand-saturated: #ffb64e;
   --color-brand-subdued: #FFE4C6;
+  --color-brand-chat: #FFD393;
 
   --color-tint-1: rgba(2, 2, 3, 0.03);
   --color-tint-2: rgba(2, 2, 3, 0.06);
@@ -383,6 +384,7 @@
   --shadow-table-scroll-hidden: 0 0 10px 2px rgba(2, 2, 3, 0);
   --shadow-table-header: 0px 1px 1px 0px rgba(2, 2, 3, 0.25);
   --shadow-inset: inset 0 0 0 1px rgba(2, 2, 3, 0.1);
+  --shadow-pane-inner: inset 0 0 10px 0px rgba(2, 2, 3, 0.06);
 
   --shadow-popover-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.3);
   --shadow-card-dark: 0px 1px 3px 2px rgba(2, 2, 3, 0.15);
@@ -526,6 +528,8 @@
     --litho-nav-width: 214px;
     --litho-table-header-sticky-at: 56px;
     --litho-pane-width: 400px;
+    --litho-pane-width-default: 400px;
+    --litho-pane-width-expanded: 700px;
 
     overscroll-behavior: none;
   }
@@ -1130,6 +1134,13 @@
   @apply opacity-0!;
 }
 
+.hover-delay {
+  @apply delay-0;
+}
+.hover-delay:hover {
+  @apply delay-300;
+}
+
 .sketch-picker {
   @apply bg-surface-highest! rounded-sm max-h-80 overflow-y-auto overflow-x-hidden shadow-popover outline outline-tint-3 min-w-32 dark:outline-hidden dark:border-t dark:border-tint-alt-2;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heymantle/litho",
   "description": "Litho is a library of components for building Mantle extensions",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
@@ -51,9 +51,9 @@
   },
   "dependencies": {
     "@shopify/polaris-icons": "^7.13.0",
+    "@uiw/react-color-sketch": "^2.8.0",
     "dayjs": "^1.11.7",
     "events": "^3.3.0",
-    "react-color": "^2.19.3",
     "react-datepicker": "^8.1.0",
     "tailwind-variants": "^0.3.1",
     "use-debounce": "^9.0.4"