@heymantle/litho 0.0.15 → 0.0.16

package/dist/esm/stories/TimePicker.stories.js

@@ -345,7 +345,6 @@ export var SchedulingForm = {
                 children: [
                     /*#__PURE__*/ _jsxs(Grid, {
                         columns: 2,
-                        gap: "4",
                         children: [
                             /*#__PURE__*/ _jsx(TimePicker, {
                                 label: "Start time",
@@ -365,7 +364,6 @@ export var SchedulingForm = {
                     }),
                     /*#__PURE__*/ _jsxs(Grid, {
                         columns: 2,
-                        gap: "4",
                         children: [
                             /*#__PURE__*/ _jsx(TimePicker, {
                                 label: "Break start",
@@ -503,7 +501,6 @@ export var EventPlanning = {
                                     }),
                                     /*#__PURE__*/ _jsxs(Grid, {
                                         columns: 2,
-                                        gap: "4",
                                         children: [
                                             /*#__PURE__*/ _jsx(TimePicker, {
                                                 label: "Start time",
@@ -589,7 +586,6 @@ export var AppointmentBooking = {
                 children: [
                     /*#__PURE__*/ _jsxs(Grid, {
                         columns: 2,
-                        gap: "4",
                         children: [
                             /*#__PURE__*/ _jsxs(Stack, {
                                 gap: "sm",
@@ -771,7 +767,6 @@ export var RestaurantReservation = {
                 children: [
                     /*#__PURE__*/ _jsxs(Grid, {
                         columns: "2fr 1fr",
-                        gap: "4",
                         children: [
                             /*#__PURE__*/ _jsx(TimePicker, {
                                 label: "Preferred time",

package/dist/esm/stories/Tip.stories.js

@@ -295,7 +295,7 @@ export var DismissibleTips = {
                 !Object.values(visibleTips).some(Boolean) && /*#__PURE__*/ _jsx(Box, {
                     padding: "2",
                     children: /*#__PURE__*/ _jsxs(Stack, {
-                        inlineAlign: "center",
+                        align: "center",
                         children: [
                             /*#__PURE__*/ _jsx(Text, {
                                 style: {

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

@@ -87,36 +87,6 @@ export type ActionListItem = {
  * @property {string} url - The URL to navigate to when the action item is selected.
  * @property {SecondaryAction} secondaryAction - The secondary action to display for the action item.
  */
-/**
- * ActionList component renders a list of actionable items with optional sections.
- * Supports keyboard navigation and action triggers on item selection.
- *
- * @component
- * @param {Object} props - Component properties.
- * @param {Array<{title: string, items: Array<ActionListItem>}>} [props.sections] - Sections containing items for the action list.
- * @param {Array<ActionListItem>} [props.items] - List of items to render in the action list when no sections are provided.
- * @param {string} [props.iconColor="subdued"] - Default color for icons in the action items.
- * @param {function} [props.onActionAnyItem] - Callback function invoked whenever any action item is selected.
- * @param {boolean} [props.fullWidth=false] - Whether to apply full width styling to the action list.
- * @param {boolean} [props.padded=true] - Whether to apply padding to the action list.
- * @param {string} [props.className] - Additional CSS classes to apply to the action list.
- * @example
- * const items = [{ content: 'Item 1', onAction: () => {} }];
- * <ActionList items={items} />
- *
- * @returns {JSX.Element} The rendered ActionList component.
- */
-declare function ActionList(props?: {
-    sections?: Array<{
-        title: string;
-        items: Array<ActionListItem>;
-    }>;
-    items?: Array<ActionListItem>;
-    iconColor?: string;
-    onActionAnyItem?: Function;
-    fullWidth?: boolean;
-    padded?: boolean;
-    className?: string;
-}): JSX.Element;
+declare function ActionList(props?: {}): import("react/jsx-runtime").JSX.Element;
 import React from "react";
 //# sourceMappingURL=ActionList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../components/ActionList.js"],"names":[],"mappings":";;;;;UAoDc,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;;;;aACtD,MAAM;;;;;;;;;;WAMN,MAAM;;;;WACN,KAAK,CAAC,cAAc,CAAC;;;;;;;;;aAKrB,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;UACP,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;;;;;;;;YAEtD,KAAK,CAAC,SAAS;;;;cACf,MAAM;;;;SACN,MAAM;;;;qBACN,eAAe;;AAvB7B;;;;;GAKG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;GAWG;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AAEH,oCAdG;IAAqE,QAAQ,GAArE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;KAAC,CAAC;IACtB,KAAK,GAAnC,KAAK,CAAC,cAAc,CAAC;IACN,SAAS,GAAxB,MAAM;IACW,eAAe;IAChB,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAIU,GAAG,CAAC,OAAO,CA0MvB;kBArSwC,OAAO"}
+{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../components/ActionList.js"],"names":[],"mappings":";;;;;UAmFc,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;;;;aACtD,MAAM;;;;;;;;;;WAMN,MAAM;;;;WACN,KAAK,CAAC,cAAc,CAAC;;;;;;;;;aAKrB,MAAM;;;;cACN,OAAO;;;;iBACP,OAAO;;;;UACP,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;;;;;;;;YAEtD,KAAK,CAAC,SAAS;;;;cACf,MAAM;;;;SACN,MAAM;;;;qBACN,eAAe;;AAvB7B;;;;;GAKG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;GAWG;AAEH,iFAmMC;kBA5SwC,OAAO"}

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

@@ -1,21 +1,3 @@
 export default AnnouncementBar;
-/**
- * AnnouncementBar Component
- *
- * @param {Object} props - Component properties.
- * @param {Function} [props.onClick] - Click handler function.
- * @param {string} props.content - Text content to be displayed.
- * @param {string} [props.icon] - Icon source name.
- * @param {"bounce"} [props.animateIcon] - Animation type for the icon.
- * @param {boolean} [props.fixed] - Whether to fix the announcement bar to the top of the page.
- *
- * @returns {JSX.Element} AnnouncementBar component.
- */
-declare function AnnouncementBar(props?: {
-    onClick?: Function;
-    content: string;
-    icon?: string;
-    animateIcon?: "bounce";
-    fixed?: boolean;
-}): JSX.Element;
+declare function AnnouncementBar(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AnnouncementBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementBar.d.ts","sourceRoot":"","sources":["../../../components/AnnouncementBar.js"],"names":[],"mappings":";AA0BA;;;;;;;;;;;GAWG;AACH,yCARG;IAAyB,OAAO;IACV,OAAO,EAArB,MAAM;IACS,IAAI,GAAnB,MAAM;IACW,WAAW,GAA5B,QAAQ;IACQ,KAAK,GAArB,OAAO;CAEf,GAAU,GAAG,CAAC,OAAO,CAsBvB"}
+{"version":3,"file":"AnnouncementBar.d.ts","sourceRoot":"","sources":["../../../components/AnnouncementBar.js"],"names":[],"mappings":";AAsDA,sFAmDC"}

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

@@ -0,0 +1,3 @@
+export default AnnouncementCard;
+declare function AnnouncementCard(props?: {}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AnnouncementCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementCard.d.ts","sourceRoot":"","sources":["../../../components/AnnouncementCard.js"],"names":[],"mappings":";AA+JA,uFA+EC"}

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

@@ -42,7 +42,20 @@ export type DarkModeContextType = {
 };
 import React from "react";
 /**
- * Provider component for managing global application state.
+ * @component AppProvider
+ *
+ * @description The root context provider that initializes dark mode, frame state, and form context for the entire Litho application.
+ *
+ * @usage
+ * - DO: Wrap your entire application to provide dark mode, frame, and form context.
+ * - DON'T: Use multiple AppProviders in the same tree.
+ *
+ * @accessibility
+ * - AppProvider manages the `data-theme` attribute on `<html>` for dark mode; ensures consistent theming for all components.
+ *
+ * @alternative
+ * - If you only need toast notifications, use `ToastProvider` independently.
+ *
  * @param {Object} props
  * @param {React.ReactNode} props.children - The child components.
  * @param {boolean} props.embedded - Whether the app is embedded.

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

@@ -1 +1 @@
-{"version":3,"file":"AppProvider.d.ts","sourceRoot":"","sources":["../../../components/AppProvider.js"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,iDAAmD;AAK5C,+BAFM,mBAAmB,CAe/B;AAED;;;;;;;;;;;;GAYG;AACH,6CAA+C;;;;;;uBAtCjC,OAAO;;;;cACP,OAAO;;;;oBACP,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;;;;0BAC3B,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI;;kBAPoB,OAAO;AAgF7E;;;;;;;;;GASG;AACH,mIAPG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,QAAQ,EAAvB,OAAO;IACQ,iBAAiB,EAAhC,OAAO;IACO,kBAAkB,EAAhC,MAAM;IAC6B,gBAAgB,EAAnD,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;CACnC,GAAU,GAAG,CAAC,OAAO,CAsGvB"}
+{"version":3,"file":"AppProvider.d.ts","sourceRoot":"","sources":["../../../components/AppProvider.js"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,iDAAmD;AAK5C,+BAFM,mBAAmB,CAe/B;AAED;;;;;;;;;;;;GAYG;AACH,6CAA+C;;;;;;uBAtCjC,OAAO;;;;cACP,OAAO;;;;oBACP,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;;;;0BAC3B,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI;;kBAPoB,OAAO;AAgF7E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,mIAPG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,QAAQ,EAAvB,OAAO;IACQ,iBAAiB,EAAhC,OAAO;IACO,kBAAkB,EAAhC,MAAM;IAC6B,gBAAgB,EAAnD,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI;CACnC,GAAU,GAAG,CAAC,OAAO,CAsGvB"}

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

@@ -39,77 +39,7 @@ export type AutocompleteEmptyState = {
      */
     icon: React.ReactNode;
 };
-/**
- * @typedef {Object} AutocompleteOption
- * @property {string|React.ReactNode} label - The label to display for the option. Can be a string or a React element (e.g., text with a badge).
- * @property {string} value - The value to associate with the option.
- * @property {string} [title] - An optional title to display for the option.
- * @property {boolean} [allowMultiple] - Whether multiple options can be selected.
- * @property {string} [selected] - The value of the option that is currently selected.
- * @property {function} [onSelect] - The function to call when the option is selected.
- * @property {Array<AutocompleteOption>} [options] - An optional array of sub-options to display for the option.
- */
-/**
- * @typedef {Object} AutocompleteEmptyState
- * @property {string} content - The content to display in the empty state.
- * @property {React.ReactNode} icon - An optional icon to display in the empty state.
- */
-/**
- * Autocomplete component that provides a flexible dropdown menu with search and selection capabilities.
- *
- * @component
- * @param {Object} props - The props for the Autocomplete component.
- * @param {Array<AutocompleteOption>} props.options - The options to display in the dropdown.
- * @param {Array<string>} props.selected - The currently selected option values.
- * @param {"below"|"above"} [props.preferredPosition="below"] - The preferred position of the dropdown relative to the activator.
- * @param {"left"|"center"|"right"} [props.preferredAlignment="left"] - The preferred alignment of the dropdown.
- * @param {boolean} [props.allowMultiple=false] - Whether multiple options can be selected.
- * @param {boolean} [props.loading=false] - Whether to show a loading spinner in the dropdown.
- * @param {AutocompleteEmptyState} [props.emptyState] - The content to display when there are no options.
- * @param {function(Array<string>)} props.onSelect - Callback fired when the selection changes. Receives the new selected values.
- * @param {React.ReactNode} props.textField - The activator for the dropdown, typically a `TextField` component.
- * @param {string} [props.className] - Additional class names to apply to the component.
- * @param {function} [props.onClose] - Callback fired when the dropdown closes.
- * @param {number} [props.zIndexOverride] - Custom z-index for the dropdown.
- *
- * @example
- * // Basic usage with string labels
- * <Autocomplete
- *   options={[{ label: "Option 1", value: "1" }, { label: "Option 2", value: "2" }]}
- *   selected={["1"]}
- *   allowMultiple
- *   onSelect={(selected) => console.log(selected)}
- *   textField={<Autocomplete.TextField placeholder="Search..." />}
- * />
- *
- * @example
- * // With React element labels (e.g., text with badges)
- * <Autocomplete
- *   options={[
- *     {
- *       label: <Stack horizontal gap="xs" blockAlign="center"><span>Premium</span><Badge>New</Badge></Stack>,
- *       value: "premium"
- *     }
- *   ]}
- *   selected={[]}
- *   onSelect={(selected) => console.log(selected)}
- *   textField={<Autocomplete.TextField placeholder="Search..." />}
- * />
- */
-declare function Autocomplete(props?: {
-    options: Array<AutocompleteOption>;
-    selected: Array<string>;
-    preferredPosition?: "below" | "above";
-    preferredAlignment?: "left" | "center" | "right";
-    allowMultiple?: boolean;
-    loading?: boolean;
-    emptyState?: AutocompleteEmptyState;
-    onSelect: (arg0: Array<string>) => any;
-    textField: React.ReactNode;
-    className?: string;
-    onClose?: Function;
-    zIndexOverride?: number;
-}): import("react/jsx-runtime").JSX.Element;
+declare function Autocomplete(props?: {}): import("react/jsx-runtime").JSX.Element;
 declare namespace Autocomplete {
     export let displayName: string;
     export { AutocompleteTextField as TextField };

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,GAAC,KAAK,CAAC,SAAS;;;;WACtB,MAAM;;;;YACN,MAAM;;;;oBACN,OAAO;;;;eACP,MAAM;;;;;;;;cAEN,KAAK,CAAC,kBAAkB,CAAC;;;;;;aAKzB,MAAM;;;;UACN,KAAK,CAAC,SAAS;;AAd7B;;;;;;;;;GASG;AAEH;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,sCAtCG;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,2CAmKF;;;;;kBApO6D,OAAO;AAuOrE;;;;;;;;;;;;;;;;;;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"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../components/Autocomplete.js"],"names":[],"mappings":";;;;;WAwEc,MAAM,GAAC,KAAK,CAAC,SAAS;;;;WACtB,MAAM;;;;YACN,MAAM;;;;oBACN,OAAO;;;;eACP,MAAM;;;;;;;;cAEN,KAAK,CAAC,kBAAkB,CAAC;;;;;;aAKzB,MAAM;;;;UACN,KAAK,CAAC,SAAS;;AAmB7B,mFAmJC;;;;;kBAxP6D,OAAO;AA2PrE;;;;;;;;;;;;;;;;;;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/Badge.d.ts

@@ -1,21 +1,3 @@
 export default Badge;
-/**
- * A Badge component that renders a small, colored label with a status or progress indicator. The badge can be configured with different statuses, progress states, and sizes.
- *
- * @component
- * @param {object} props - Component properties.
- * @param {React.ReactNode} props.children - Content to display within the badge.
- * @param {"complete" | "incomplete" | "partiallyComplete" | null} [props.progress] - Progress state of the badge.
- * @param {boolean} [props.capitalize] - Capitalize the first letter of the badge.
- * @param {"default" | "info" | "success" | "warning" | "critical" | "attention" | "highlight"} [props.status="default"] - Status variant to style the badge.
- * @param {string} [props.className] - Additional CSS classes to apply to the badge.
- * @returns {JSX.Element} - Rendered Badge component with optional progress indicator.
- */
-declare function Badge(props?: {
-    children: React.ReactNode;
-    progress?: "complete" | "incomplete" | "partiallyComplete" | null;
-    capitalize?: boolean;
-    status?: "default" | "info" | "success" | "warning" | "critical" | "attention" | "highlight";
-    className?: string;
-}): JSX.Element;
+declare function Badge(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/Badge.js"],"names":[],"mappings":";AAkFA;;;;;;;;;;;GAWG;AACH,+BAPG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACgD,QAAQ,GAAvE,UAAU,GAAG,YAAY,GAAG,mBAAmB,GAAG,IAAI;IACtC,UAAU,GAA1B,OAAO;IACqF,MAAM,GAAlG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,WAAW;IACpE,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CA4BvB"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../components/Badge.js"],"names":[],"mappings":";AA6GA,4EA0BC"}

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

@@ -38,41 +38,5 @@ export type BannerAction = {
  * @property {Function} [onAction] - Click handler for the action
  * @property {string} [url] - URL to navigate to when clicked (opens in new tab)
  */
-/**
- * A Banner component that displays a styled banner with customizable title, status, icon, actions, and dismiss functionality.
- * The banner style and content change based on the provided props, allowing for various statuses and themes.
- *
- * @component
- *
- * @param {Object} props - The properties for configuring the Banner component.
- * @param {string} [props.title] - The title text for the banner. If not provided, no title will be displayed.
- * @param {BannerStatus} [props.status='neutral'] - The status of the banner, which determines its color and icon.
- * @param {Function} [props.onDismiss] - Callback function to handle the banner's dismiss action.
- * @param {React.ReactNode} [props.children] - Additional content to display within the banner.
- * @param {BannerAction} [props.action] - Primary action configuration object
- * @param {BannerAction} [props.secondaryAction] - Secondary action configuration object
- * @param {FunctionComponent} [props.icon] - Custom icon to display on the banner. If not provided, a default icon is used based on the status.
- * @param {boolean} [props.spinner] - Shows a spinner icon instead of a status icon when set to true.
- *
- * @returns {JSX.Element} The rendered Banner component.
- *
- * @example
- * <Banner
- *   title="Warning"
- *   status="warning"
- *   onDismiss={() => console.log('Dismissed')}
- *   action={{ content: "Action", primary: true, onAction: () => console.log('Action clicked') }}
- *   secondaryAction={{ content: "Learn more", link: true, monochrome: true, url: "https://example.com" }}
- * />
- */
-declare function Banner(props?: {
-    title?: string;
-    status?: BannerStatus;
-    onDismiss?: Function;
-    children?: React.ReactNode;
-    action?: BannerAction;
-    secondaryAction?: BannerAction;
-    icon?: FunctionComponent;
-    spinner?: boolean;
-}): JSX.Element;
+declare function Banner(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Banner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../components/Banner.js"],"names":[],"mappings":";2BAyEa,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW;;;;;aAK9F,MAAM;;;;cACN,OAAO;;;;eACP,OAAO;;;;cACP,OAAO;;;;;;;;UAEP,MAAM;;AAXpB;;GAEG;AAEH;;;;;;;;GAQG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,gCArBG;IAAuB,KAAK,GAApB,MAAM;IACe,MAAM,GAA3B,YAAY;IACK,SAAS;IACF,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACM,MAAM,GAA3B,YAAY;IACS,eAAe,GAApC,YAAY;IACc,IAAI,GAA9B,iBAAiB;IACD,OAAO,GAAvB,OAAO;CAEf,GAAU,GAAG,CAAC,OAAO,CAuJvB"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../components/Banner.js"],"names":[],"mappings":";2BA+Ga,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW;;;;;aAK9F,MAAM;;;;cACN,OAAO;;;;eACP,OAAO;;;;cACP,OAAO;;;;;;;;UAEP,MAAM;;AAXpB;;GAEG;AAEH;;;;;;;;GAQG;AAEH,6EA2IC"}

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

@@ -1,70 +1,3 @@
 export default Box;
-/**
- * Renders a customizable Box component with various styling options.
- *
- * @component
- * @param {Object} props - Properties to configure the Box component.
- * @param {string} [props.as='div'] - The HTML element to render as. Defaults to `div`.
- * @param {'default' | 'subdued'} [props.background] - Background color variant.
- * @param {'default' | 'subdued'} [props.borderColor] - Border color variant.
- * @param {'default' | 'sm' | 'lg' | 'full'} [props.borderRadius] - Border radius variant.
- * @param {'none' | '0' | '1'} [props.borderBlockStartWidth] - Top border width variant.
- * @param {'none' | '0' | '1'} [props.borderBlockEndWidth] - Bottom border width variant.
- * @param {'none' | '0' | '1'} [props.borderInlineStartWidth] - Left border width variant.
- * @param {'none' | '0' | '1'} [props.borderInlineEndWidth] - Right border width variant.
- * @param {'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10'} [props.padding] - Padding for all sides.
- * @param {'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10'} [props.paddingBlockStart] - Top padding.
- * @param {'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10'} [props.paddingBlockEnd] - Bottom padding.
- * @param {'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10'} [props.paddingInlineStart] - Left padding.
- * @param {'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10'} [props.paddingInlineEnd] - Right padding.
- * @param {'hidden' | 'scroll'} [props.overflow] - Overflow setting for all sides.
- * @param {'hidden' | 'scroll'} [props.overflowX] - Overflow setting for x-axis.
- * @param {'hidden' | 'scroll'} [props.overflowY] - Overflow setting for y-axis.
- * @param {'relative' | 'absolute' | 'fixed' | 'sticky'} [props.position] - CSS positioning of the box.
- * @param {React.ReactNode} [props.children] - Child elements to render inside the Box.
- * @param {string} [props.id] - ID for the Box element.
- * @param {number | string} [props.height] - CSS height of the Box.
- * @param {number | string} [props.width] - CSS width of the Box.
- * @param {number | string} [props.minHeight] - Minimum CSS height.
- * @param {number | string} [props.maxHeight] - Maximum CSS height.
- * @param {number | string} [props.minWidth] - Minimum CSS width.
- * @param {number | string} [props.maxWidth] - Maximum CSS width.
- * @param {number | string} [props.zIndex] - CSS z-index.
- * @param {Object} [props.style] - Additional inline styles for the Box.
- * @param {string} [props.className] - Additional CSS classes to apply to the Box.
- * @param {Function} [props.onClick] - Click handler for the Box.
- *
- * @returns {JSX.Element} A rendered Box component with customized styling.
-*/
-declare function Box(props?: {
-    as?: string;
-    background?: "default" | "subdued";
-    borderColor?: "default" | "subdued";
-    borderRadius?: "default" | "sm" | "lg" | "full";
-    borderBlockStartWidth?: "none" | "0" | "1";
-    borderBlockEndWidth?: "none" | "0" | "1";
-    borderInlineStartWidth?: "none" | "0" | "1";
-    borderInlineEndWidth?: "none" | "0" | "1";
-    padding?: "none" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-    paddingBlockStart?: "none" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-    paddingBlockEnd?: "none" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-    paddingInlineStart?: "none" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-    paddingInlineEnd?: "none" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
-    overflow?: "hidden" | "scroll";
-    overflowX?: "hidden" | "scroll";
-    overflowY?: "hidden" | "scroll";
-    position?: "relative" | "absolute" | "fixed" | "sticky";
-    children?: React.ReactNode;
-    id?: string;
-    height?: number | string;
-    width?: number | string;
-    minHeight?: number | string;
-    maxHeight?: number | string;
-    minWidth?: number | string;
-    maxWidth?: number | string;
-    zIndex?: number | string;
-    style?: any;
-    className?: string;
-    onClick?: Function;
-}): JSX.Element;
+declare function Box(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Box.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../components/Box.js"],"names":[],"mappings":";AAkIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCE;AACF,6BAhCG;IAAuB,EAAE,GAAjB,MAAM;IACwB,UAAU,GAAxC,SAAS,GAAG,SAAS;IACS,WAAW,GAAzC,SAAS,GAAG,SAAS;IACoB,YAAY,GAArD,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM;IACL,qBAAqB,GAAhD,MAAM,GAAG,GAAG,GAAG,GAAG;IACS,mBAAmB,GAA9C,MAAM,GAAG,GAAG,GAAG,GAAG;IACS,sBAAsB,GAAjD,MAAM,GAAG,GAAG,GAAG,GAAG;IACS,oBAAoB,GAA/C,MAAM,GAAG,GAAG,GAAG,GAAG;IACgE,OAAO,GAAzF,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI;IACS,iBAAiB,GAAnG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI;IACS,eAAe,GAAjG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI;IACS,kBAAkB,GAApG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI;IACS,gBAAgB,GAAlG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI;IAC7C,QAAQ,GAApC,QAAQ,GAAG,QAAQ;IACS,SAAS,GAArC,QAAQ,GAAG,QAAQ;IACS,SAAS,GAArC,QAAQ,GAAG,QAAQ;IACkC,QAAQ,GAA7D,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ;IACpB,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,EAAE,GAAjB,MAAM;IACkB,MAAM,GAA9B,MAAM,GAAG,MAAM;IACS,KAAK,GAA7B,MAAM,GAAG,MAAM;IACS,SAAS,GAAjC,MAAM,GAAG,MAAM;IACS,SAAS,GAAjC,MAAM,GAAG,MAAM;IACS,QAAQ,GAAhC,MAAM,GAAG,MAAM;IACS,QAAQ,GAAhC,MAAM,GAAG,MAAM;IACS,MAAM,GAA9B,MAAM,GAAG,MAAM;IACA,KAAK;IACL,SAAS,GAAxB,MAAM;IACW,OAAO;CAEhC,GAAU,GAAG,CAAC,OAAO,CA6EvB"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../components/Box.js"],"names":[],"mappings":";AAoLA,0EA2EC"}

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

@@ -1,133 +1,3 @@
 export default Button;
-/**
- * A Button component that renders a customizable button or link with various styles and states.
- * The button can be configured with different variants, sizes, and can include icons, loading states,
- * and connected disclosure actions.
- *
- * @component
- *
- * @param {Object} props - The properties for configuring the Button component.
- * @param {string} [props.id] - Unique identifier for the button.
- * @param {React.ReactNode} [props.children] - The content to display within the button.
- * @param {string} [props.url] - URL to navigate to when clicked. If provided, renders as an anchor tag.
- * @param {boolean} [props.disabled=false] - Whether the button is disabled.
- * @param {boolean} [props.external] - Whether the URL should open in a new tab.
- * @param {string} [props.target] - Target attribute for the anchor tag when URL is provided.
- * @param {boolean} [props.submit] - Whether the button should act as a form submit button.
- * @param {boolean} [props.loading=false] - Whether to show a loading spinner.
- * @param {boolean} [props.pressed=false] - Whether the button appears pressed.
- * @param {string} [props.accessibilityLabel] - Accessible label for screen readers.
- * @param {string} [props.role] - ARIA role for the button.
- * @param {string} [props.ariaControls] - ID of the element controlled by the button.
- * @param {boolean} [props.ariaExpanded] - Whether the controlled element is expanded.
- * @param {string} [props.ariaDescribedBy] - ID of the element that describes the 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.
- * @param {boolean} [props.destructive=false] - Whether to show destructive styling.
- * @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 {"mini" | "small" | "medium" | "large" | "stepper"} [props.size='medium'] - Size of the button ('mini', '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.
- * @param {string} [props.contentClassName] - Additional CSS classes for the button content.
- * @param {boolean} [props.rounded] - Whether to show fully rounded corners.
- * @param {Function} [props.onClick] - Callback when the button is clicked.
- * @param {Function} [props.onMouseDown] - Callback when the mouse is pressed on the button.
- *
- * @returns {JSX.Element} The rendered Button component.
- *
- * @example
- * ```js
- * // Basic button
- * <Button onClick={() => console.log('Clicked')}>
- *   Click me
- * </Button>
- * ```
- *
- * @example
- * ```js
- * // Primary button with icon and loading state
- * <Button
- *   primary
- *   loading={isLoading}
- *   icon={SaveMinor}
- *   onClick={handleSave}
- * >
- *   Save changes
- * </Button>
- * ```
- *
- * @example
- * ```js
- * // Button with connected disclosure
- * <Button
- *   connectedDisclosure={{
- *     actions: [
- *       { content: 'Option 1', onAction: () => {} },
- *       { content: 'Option 2', onAction: () => {} }
- *     ]
- *   }}
- * >
- *   More actions
- * </Button>
- * ```
- */
-declare function Button(props?: {
-    id?: string;
-    children?: React.ReactNode;
-    url?: string;
-    disabled?: boolean;
-    external?: boolean;
-    target?: string;
-    submit?: boolean;
-    loading?: boolean;
-    pressed?: boolean;
-    accessibilityLabel?: string;
-    role?: string;
-    ariaControls?: string;
-    ariaExpanded?: boolean;
-    ariaDescribedBy?: string;
-    ariaChecked?: boolean;
-    icon?: React.Component;
-    iconColor?: "default" | "primary" | "secondary" | "plain" | "link" | "destructive" | "highlight";
-    iconSize?: "default" | "sm" | "lg" | "xl";
-    primary?: boolean;
-    highlight?: boolean;
-    link?: boolean;
-    destructive?: boolean;
-    disclosure?: boolean;
-    disclosureRight?: boolean;
-    plain?: boolean;
-    naked?: boolean;
-    size?: "mini" | "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>;
-    };
-    className?: string;
-    contentClassName?: string;
-    rounded?: boolean;
-    onClick?: Function;
-    onMouseDown?: Function;
-}): JSX.Element;
-import React from "react";
+declare function Button(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";AAoiBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;IACmD,IAAI,GAA9D,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;IACjC,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,CA+QvB;kBAl2BoD,OAAO"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/Button.js"],"names":[],"mappings":";AA6vBA,6EAoQC"}

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

@@ -1,26 +1,5 @@
 export const ButtonGroupContext: React.Context<boolean>;
 export default ButtonGroup;
 import React from "react";
-/**
- * ButtonGroup Component
- *
- * @param {object} props - The properties object.
- * @param {React.ReactNode} [props.children] - The child components to be rendered inside the button group.
- * @param {boolean} [props.segmented=false] - Determines whether the button group has segmented styling.
- * @param {string} [props.id] - The unique identifier for the button group.
- * @param {string} [props.className] - Additional class names to be added to the button group.
- * @param {boolean} [props.fullWidth=false] - Determines if the button group spans the full width of the container.
- * @param {boolean} [props.noWrap=false] - Determines if the buttons inside the group do not wrap.
- * @param {object} [props.restProps] - Additional props to be spread onto the container element.
- * @returns {JSX.Element} The rendered ButtonGroup component.
- */
-declare function ButtonGroup(props?: {
-    children?: React.ReactNode;
-    segmented?: boolean;
-    id?: string;
-    className?: string;
-    fullWidth?: boolean;
-    noWrap?: boolean;
-    restProps?: object;
-}): JSX.Element;
+declare function ButtonGroup(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup.js"],"names":[],"mappings":"AAiCA,wDAAuD;;kBA/BlB,OAAO;AAiC5C;;;;;;;;;;;;GAYG;AAEH,qCAVG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,SAAS,GAAzB,OAAO;IACQ,EAAE,GAAjB,MAAM;IACS,SAAS,GAAxB,MAAM;IACU,SAAS,GAAzB,OAAO;IACS,MAAM,GAAtB,OAAO;IACQ,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAkCvB"}
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup.js"],"names":[],"mappings":"AA4DA,wDAAuD;;kBA1DlB,OAAO;AA4D5C,kFA+BC"}