@heymantle/litho 0.0.3 → 0.0.4

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

@@ -0,0 +1,123 @@
+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 {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 {"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 {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";
+    primary?: boolean;
+    highlight?: boolean;
+    link?: boolean;
+    destructive?: boolean;
+    disclosure?: boolean;
+    disclosureRight?: boolean;
+    plain?: boolean;
+    size?: "small" | "medium" | "large" | "stepper";
+    fullWidth?: boolean;
+    align?: "left" | "center" | "right";
+    tooltip?: string;
+    connectedDisclosure?: {
+        actions?: Array<import("./ActionList").ActionListItem>;
+    };
+    className?: string;
+    contentClassName?: string;
+    rounded?: boolean;
+    onClick?: Function;
+    onMouseDown?: Function;
+}): JSX.Element;
+import React from "react";
+//# sourceMappingURL=Button.d.ts.map

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

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

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

@@ -0,0 +1,26 @@
+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;
+//# sourceMappingURL=ButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../components/ButtonGroup.js"],"names":[],"mappings":"AAqBA,wDAAuD;;kBAnBlB,OAAO;AAqB5C;;;;;;;;;;;;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,CA+BvB"}

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

@@ -0,0 +1,139 @@
+export default Card;
+/**
+ * Card component for creating styled containers with optional headers, actions, and children.
+ *
+ * @component
+ * @param {Object} props - Props for the Card component.
+ * @param {boolean} [props.allowOverflow=false] - Allows content to overflow the Card boundaries.
+ * @param {React.ReactNode} [props.children] - Child elements to render inside the Card.
+ * @param {boolean} [props.hideOnPrint] - Hides the Card when printing.
+ * @param {string|React.ReactNode} [props.title] - Title of the Card.
+ * @param {string} [props.titleVariant='headingMd'] - Typography variant for the Card title.
+ * @param {string} [props.description] - Description of the Card.
+ * @param {React.ElementType|Object} [props.icon] - Icon to render alongside the title.
+ * @param {React.ReactNode|import("./Tooltip").TooltipContentObject} [props.tooltip] - Tooltip content for the title.
+ * @param {string} [props.tooltipPreferredPosition='above'] - Preferred position for the tooltip.
+ * @param {boolean} [props.outlined=false] - Applies outlined styling to the Card.
+ * @param {string} [props.shadow='default'] - Applies a shadow to the Card. Can be 'default', or 'none'.
+ * @param {boolean} [props.highlighted=false] - Applies highlighted styling to the Card.
+ * @param {boolean} [props.subdued=false] - Applies subdued styling to the Card.
+ * @param {boolean} [props.alternate=false] - Applies alternate styling to the Card.
+ * @param {boolean} [props.padded=false] - Adds padding to the Card body.
+ * @param {boolean} [props.loading=false] - Shows a loading spinner in place of the title.
+ * @param {boolean} [props.paddedHalf=false] - Adds half padding to the Card body.
+ * @param {boolean} [props.removeHeaderBottomPadding=false] - Removes bottom padding from the header.
+ * @param {Function} [props.onClick] - Click handler for the Card, making it clickable.
+ * @param {Object} [props.emptyState={}] - Configures the empty state of the Card.
+ * @param {Object} [props.action] - Action button or configuration to render in the Card header.
+ * @param {string} [props.className] - Additional classes to apply to the Card.
+ * @param {string} [props.headerClassName] - Additional classes to apply to the Card header.
+ * @param {React.ReactNode} [props.accessory] - Accessory element to render in the header.
+ * @param {boolean} [props.fullWidthOnMobile=true] - Makes the Card full width on mobile.
+ * @param {boolean} [props.roundedOnMobile=false] - Makes the Card rounded on mobile.
+ * @returns {React.ReactElement} The rendered Card component.
+ */
+declare function Card({ allowOverflow, roundedOnMobile, children, hideOnPrint, title, titleVariant, description, icon, tooltip, tooltipPreferredPosition, outlined, highlighted, subdued, alternate, padded, loading, paddedHalf, removeHeaderBottomPadding, onClick, emptyState, action, className, headerClassName, accessory, fullHeightBody, fullWidthOnMobile, shadow, }: {
+    allowOverflow?: boolean;
+    children?: React.ReactNode;
+    hideOnPrint?: boolean;
+    title?: string | React.ReactNode;
+    titleVariant?: string;
+    description?: string;
+    icon?: React.ElementType | any;
+    tooltip?: React.ReactNode | import("./Tooltip").TooltipContentObject;
+    tooltipPreferredPosition?: string;
+    outlined?: boolean;
+    shadow?: string;
+    highlighted?: boolean;
+    subdued?: boolean;
+    alternate?: boolean;
+    padded?: boolean;
+    loading?: boolean;
+    paddedHalf?: boolean;
+    removeHeaderBottomPadding?: boolean;
+    onClick?: Function;
+    emptyState?: any;
+    action?: any;
+    className?: string;
+    headerClassName?: string;
+    accessory?: React.ReactNode;
+    fullWidthOnMobile?: boolean;
+    roundedOnMobile?: boolean;
+}): React.ReactElement;
+declare namespace Card {
+    /**
+     * Section component for dividing the Card into segments.
+     *
+     * @component
+     * @param {Object} props - Props for the Section component.
+     * @param {string|React.ReactNode} [props.title] - Title of the Section.
+     * @param {string} [props.titleVariant='headingSm'] - Typography variant for the Section title.
+     * @param {Object} [props.action] - Action button or configuration to render in the Section header.
+     * @param {React.ReactNode} [props.children] - Child elements to render inside the Section.
+     * @param {boolean} [props.padded=true] - Adds padding to the Section body.
+     * @param {boolean} [props.paddedHalf=false] - Adds half padding to the Section body.
+     * @param {boolean} [props.isFirst=false] - Indicates whether this is the first Section in the Card.
+     * @param {boolean} [props.cardHasHeader=false] - Indicates whether the Card has a header.
+     * @param {boolean} [props.borderBottom=true] - Adds a bottom border to the Section.
+     * @param {boolean} [props.borderTop=false] - Adds a top border to the Section.
+     * @param {boolean} [props.subdued=false] - Applies subdued styling to the Section.
+     * @param {string} [props.headerGap='0'] - Gap between items in the Section header.
+     * @param {string} [props.gap='0'] - Gap between items in the Section body.
+     * @param {React.ElementType|Object} [props.icon] - Icon to render alongside the title.
+     * @param {string} [props.tooltip] - Tooltip content for the title.
+     * @param {string} [props.description] - Description text for the Section.
+     * @param {React.ReactNode} [props.accessory] - Accessory element to render in the Section header.
+     * @param {Object} [props.emptyState={}] - Configures the empty state of the Section.
+     *
+     * @returns {React.ReactElement} The rendered Section component.
+     */
+    function Section({ title, titleVariant, action, children, padded, paddedHalf, isFirst, cardHasHeader, borderBottom, borderTop, subdued, headerGap, gap, icon, tooltip, description, accessory, emptyState, className, }: {
+        title?: string | React.ReactNode;
+        titleVariant?: string;
+        action?: any;
+        children?: React.ReactNode;
+        padded?: boolean;
+        paddedHalf?: boolean;
+        isFirst?: boolean;
+        cardHasHeader?: boolean;
+        borderBottom?: boolean;
+        borderTop?: boolean;
+        subdued?: boolean;
+        headerGap?: string;
+        gap?: string;
+        icon?: React.ElementType | any;
+        tooltip?: string;
+        description?: string;
+        accessory?: React.ReactNode;
+        emptyState?: any;
+    }): React.ReactElement;
+    namespace Section {
+        let displayName: string;
+    }
+    /**
+     * ClickableRow component for creating clickable rows inside the Card.
+     *
+     * @component
+     * @param {Object} props - Props for the ClickableRow component.
+     * @param {React.ReactNode} [props.children] - Child elements to render inside the row.
+     * @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 {boolean} [props.disabled=false] - Disables interaction with the row.
+     *
+     * @returns {React.ReactElement} The rendered ClickableRow component.
+     */
+    function ClickableRow({ children, onClick, id, url, disabled, className }: {
+        children?: React.ReactNode;
+        onClick?: Function;
+        id?: string;
+        url?: string;
+        disabled?: boolean;
+    }): React.ReactElement;
+    namespace ClickableRow {
+        let displayName_1: string;
+        export { displayName_1 as displayName };
+    }
+}
+import React from "react";
+//# sourceMappingURL=Card.d.ts.map

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

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

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

@@ -0,0 +1,56 @@
+export default Checkbox;
+/**
+ * Checkbox Component
+ *
+ * A custom checkbox component with support for labels, help text, and extensive styling using Tailwind Variants (tv).
+ *
+ * @component
+ *
+ * @param {Object} props - Props for the Checkbox component.
+ * @param {string} [props.label] - The text label for the checkbox.
+ * @param {boolean} [props.labelHidden=false] - If true, hides the label visually but keeps it available for screen readers.
+ * @param {string} [props.id] - The unique identifier for the checkbox input.
+ * @param {string} [props.name] - The name attribute for the checkbox input.
+ * @param {string} [props.value] - The value attribute for the checkbox input.
+ * @param {string} [props.error] - An error message associated with the checkbox, if any.
+ * @param {boolean} [props.checked=false] - Indicates whether the checkbox is checked.
+ * @param {boolean} [props.disabled=false] - Indicates whether the checkbox is disabled.
+ * @param {string} [props.helpText] - Additional descriptive text for the checkbox.
+ * @param {React.ReactNode|import("./Tooltip").TooltipContentObject} [props.tooltip] - Tooltip content for the checkbox label.
+ * @param {boolean} [props.indeterminate=false] - Indicates whether the checkbox is in an indeterminate state (mixed/partial selection).
+ * @param {string} [props.className] - Additional CSS classes to apply to the checkbox container.
+ * @param {function} [props.onChange] - Callback function called when the checkbox state changes.
+ * @param {function} [props.onFocus] - Callback function called when the checkbox gains focus.
+ * @param {function} [props.onBlur] - Callback function called when the checkbox loses focus.
+ *
+ * @returns {JSX.Element} The rendered Checkbox component.
+ *
+ * @example
+ * <Checkbox
+ *   label="Accept Terms"
+ *   id="accept-terms"
+ *   name="terms"
+ *   checked={true}
+ *   disabled={false}
+ *   helpText="You must accept the terms to proceed."
+ *   onChange={(e) => console.log('Checkbox changed:', e.target.checked)}
+ * />
+ */
+declare function Checkbox(props?: {
+    label?: string;
+    labelHidden?: boolean;
+    id?: string;
+    name?: string;
+    value?: string;
+    error?: string;
+    checked?: boolean;
+    disabled?: boolean;
+    helpText?: string;
+    tooltip?: React.ReactNode | import("./Tooltip").TooltipContentObject;
+    indeterminate?: boolean;
+    className?: string;
+    onChange?: Function;
+    onFocus?: Function;
+    onBlur?: Function;
+}): JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../components/Checkbox.js"],"names":[],"mappings":";AAsDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AAEH,kCA9BG;IAAuB,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACQ,EAAE,GAAjB,MAAM;IACS,IAAI,GAAnB,MAAM;IACS,KAAK,GAApB,MAAM;IACS,KAAK,GAApB,MAAM;IACU,OAAO,GAAvB,OAAO;IACS,QAAQ,GAAxB,OAAO;IACQ,QAAQ,GAAvB,MAAM;IAC2D,OAAO,GAAxE,KAAK,CAAC,SAAS,GAAC,OAAO,WAAW,EAAE,oBAAoB;IACxC,aAAa,GAA7B,OAAO;IACQ,SAAS,GAAxB,MAAM;IACW,QAAQ;IACR,OAAO;IACP,MAAM;CAE/B,GAAU,GAAG,CAAC,OAAO,CAuHvB"}

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

@@ -0,0 +1,69 @@
+export default ChoiceList;
+export type ChoiceListItem = {
+    /**
+     * - The value of the choice.
+     */
+    value: string;
+    /**
+     * - The display label of the choice.
+     */
+    label: string;
+    /**
+     * - Whether the choice is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * - A function that returns a React node to render as children of the choice.
+     */
+    renderChildren?: React.ReactNode;
+};
+/**
+ * @typedef {Object} ChoiceListItem
+ * @property {string} value - The value of the choice.
+ * @property {string} label - The display label of the choice.
+ * @property {boolean} [disabled=false] - Whether the choice is disabled.
+ * @property {React.ReactNode} [renderChildren] - A function that returns a React node to render as children of the choice.
+ */
+/**
+ * A ChoiceList component for rendering a list of selectable options.
+ *
+ * @component
+ *
+ * @param {Object} props - The properties object.
+ * @param {string} [props.title] - The title of the choice list.
+ * @param {boolean} [props.titleHidden=false] - Whether to hide the title visually.
+ * @param {boolean} [props.allowMultiple=false] - Whether multiple selections are allowed.
+ * @param {Array<ChoiceListItem>} props.choices - The available choices for selection.
+ * @param {Array} props.selected - The currently selected values.
+ * @param {Function} props.onChange - Callback when the selection changes. Receives the updated array of selected values.
+ * @param {string} [props.error] - Error message to display, if any.
+ * @param {boolean} [props.disabled=false] - Whether the entire choice list is disabled.
+ * @param {string} [props.name] - The name attribute for the choice inputs (used for grouping radio buttons).
+ *
+ * @returns {JSX.Element} A rendered choice list component.
+ *
+ * @example
+ * <ChoiceList
+ *   title="Select your options"
+ *   allowMultiple={true}
+ *   choices={[
+ *     { value: "option1", label: "Option 1" },
+ *     { value: "option2", label: "Option 2" },
+ *   ]}
+ *   selected={["option1"]}
+ *   onChange={(selected) => console.log(selected)}
+ *   error="Please select at least one option."
+ * />
+ */
+declare function ChoiceList(props?: {
+    title?: string;
+    titleHidden?: boolean;
+    allowMultiple?: boolean;
+    choices: Array<ChoiceListItem>;
+    selected: any[];
+    onChange: Function;
+    error?: string;
+    disabled?: boolean;
+    name?: string;
+}): JSX.Element;
+//# sourceMappingURL=ChoiceList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceList.d.ts","sourceRoot":"","sources":["../../../components/ChoiceList.js"],"names":[],"mappings":";;;;;WAgBc,MAAM;;;;WACN,MAAM;;;;eACN,OAAO;;;;qBACP,KAAK,CAAC,SAAS;;AAL7B;;;;;;GAMG;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,oCAzBG;IAAuB,KAAK,GAApB,MAAM;IACU,WAAW,GAA3B,OAAO;IACS,aAAa,GAA7B,OAAO;IACsB,OAAO,EAApC,KAAK,CAAC,cAAc,CAAC;IACR,QAAQ;IACL,QAAQ;IACT,KAAK,GAApB,MAAM;IACU,QAAQ,GAAxB,OAAO;IACQ,IAAI,GAAnB,MAAM;CAEd,GAAU,GAAG,CAAC,OAAO,CAmFvB"}

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

@@ -0,0 +1,17 @@
+export default Collapsible;
+/**
+ * Collapsible Component
+ *
+ * @component
+ * @param {Object} props - Properties passed to component.
+ * @param {boolean} props.open - If true, the collapsible is open (expanded); otherwise, it's closed (collapsed).
+ * @param {React.ReactNode} props.children - Content displayed inside the collapsible component.
+ * @param {string} [props.className] - Additional CSS classes to append to the generated styles.
+ * @returns {JSX.Element} A collapsible container that shows or hides its children based on the `open` state.
+ */
+declare function Collapsible(props?: {
+    open: boolean;
+    children: React.ReactNode;
+    className?: string;
+}): JSX.Element;
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../components/Collapsible.js"],"names":[],"mappings":";AAYA;;;;;;;;;GASG;AAEH,qCANG;IAAuB,IAAI,EAAnB,OAAO;IACgB,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAWvB"}

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

@@ -0,0 +1,36 @@
+export default ColorField;
+/**
+ * ColorField component provides a UI for selecting colors using the SketchPicker.
+ * It displays the currently selected color and allows toggling a color picker popover.
+ * Useful for choosing solid colors in forms or design tools.
+ *
+ * @component
+ * @example
+ * <ColorField
+ *   label="Primary Color"
+ *   name="primary"
+ *   value="#ff0000"
+ *   onChange={(newColor) => setColor(newColor)}
+ *   zIndexOverride={100}
+ *   presetColors={['#ff0000', '#00ff00', '#0000ff']}
+ * />
+ *
+ * @param {Object} props - Component props
+ * @param {string} props.label - The label displayed above the color value
+ * @param {string} props.name - The name associated with the color field, used as a key
+ * @param {string} props.value - The currently selected color value; can be a hex string or CSS variable
+ * @param {function} props.onChange - Callback function that receives the new color value when changed
+ * @param {number} [props.zIndexOverride] - Optional z-index value to override the default popover z-index
+ * @param {string[]} [props.presetColors=[]] - Optional array of preset colors shown in the picker
+ *
+ * @returns {JSX.Element} A color picker field with label and current value preview
+ */
+declare function ColorField({ label, name, value: _value, onChange, zIndexOverride, presetColors, }: {
+    label: string;
+    name: string;
+    value: string;
+    onChange: Function;
+    zIndexOverride?: number;
+    presetColors?: string[];
+}): JSX.Element;
+//# sourceMappingURL=ColorField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../../components/ColorField.js"],"names":[],"mappings":";AAoBA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,qGAVG;IAAsB,KAAK,EAAnB,MAAM;IACQ,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACU,QAAQ;IACT,cAAc,GAA7B,MAAM;IACW,YAAY,GAA7B,MAAM,EAAE;CAEhB,GAAU,GAAG,CAAC,OAAO,CA8DvB"}

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

@@ -0,0 +1,22 @@
+export default ContextualSaveBar;
+/**
+ * ContextualSaveBar Component
+ *
+ * This component manages and displays a global contextual save bar with custom save and discard actions.
+ * It uses the `FormContext` to control the visibility and configuration of the save bar.
+ * When mounted, it sets the provided message, save action, and discard action.
+ * When unmounted, it cleans up by resetting these values.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {Object} [props.saveAction] - The action for the "Save" button. Contains `onAction`, `loading`, `accessibilityLabel`, and `disabled`.
+ * @param {Object} [props.discardAction] - The action for the "Discard" button. Contains `onAction`, `loading`, `accessibilityLabel`, and `disabled`.
+ * @param {string} [props.message="Unsaved changes"] - The message to display on the contextual save bar.
+ * @returns {null} This component does not render anything; it only manages the save bar state.
+ */
+declare function ContextualSaveBar({ saveAction, discardAction, message, }: {
+    saveAction?: any;
+    discardAction?: any;
+    message?: string;
+}): null;
+//# sourceMappingURL=ContextualSaveBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualSaveBar.d.ts","sourceRoot":"","sources":["../../../components/ContextualSaveBar.js"],"names":[],"mappings":";AAKA;;;;;;;;;;;;;;GAcG;AACH,4EALG;IAAuB,UAAU;IACV,aAAa;IACb,OAAO,GAAtB,MAAM;CACd,GAAU,IAAI,CAqChB"}

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

@@ -0,0 +1,66 @@
+export default DatePicker;
+/**
+ * DatePicker component for selecting dates and date ranges.
+ *
+ * @param {Object} props - Component properties.
+ * @param {string} [props.label] - Label for the DatePicker.
+ * @param {Object|null} [props.labelAction] - Action button for the label.
+ * @param {function} [props.onBlur] - Callback function for when the field loses focus.
+ * @param {string} [props.placeholder="Select date..."] - Placeholder text.
+ * @param {string} [props.displayFormat] - Date format for displaying the value.
+ * @param {string} [props.helpText] - Help text displayed under the field.
+ * @param {JSX.Element|null} [props.suffix=null] - Icon or text displayed at the end of the input.
+ * @param {boolean} [props.isClearable=false] - Whether the input can be cleared.
+ * @param {string|null} [props.tooltip] - Tooltip text for the field.
+ * @param {string} [props.locale="en-US"] - Locale used for formatting.
+ * @param {Object|string|Date|null} [props.value] - Current value of the DatePicker.
+ * @param {boolean} [props.allowRange=false] - Whether date range selection is enabled.
+ * @param {JSX.Element|null} [props.activator] - Custom activator for the popover.
+ * @param {Date|string|null} [props.disableDatesAfter] - Dates after this value are disabled.
+ * @param {Date|string|null} [props.disableDatesBefore] - Dates before this value are disabled.
+ * @param {function} [props.onChange] - Callback function called when the date changes.
+ * @param {boolean} [props.multiMonth=false] - Whether multiple months are shown.
+ * @param {boolean} [props.disabled=false] - Whether the DatePicker is disabled.
+ * @param {boolean} [props.showTimePicker=false] - Whether a time picker is displayed.
+ * @param {boolean} [props.autoFocus=false] - Whether the input is focused automatically.
+ * @param {Date|null} [props.maxDate] - Maximum selectable date.
+ * @param {Date|null} [props.minDate] - Minimum selectable date.
+ * @param {boolean} [props.inline=false] - Whether the calendar is displayed inline.
+ * @param {string} [props.preferredAlignment="left"] - Alignment of the popover.
+ * @param {string} [props.preferredPosition="below"] - Position of the popover.
+ * @param {boolean} [props.includeHourlyPresets=false] - Whether hourly (last 30 minutes, last hour) presets are included.
+ * @param {Array} [props.customPresets=[]] - Custom presets to include.
+ * @param {JSX.Element|null} [props.footer] - An optional footer component to display at the bottom of the DatePicker.
+ * @returns {JSX.Element} The rendered DatePicker component.
+ */
+declare function DatePicker(props?: {
+    label?: string;
+    labelAction?: any | null;
+    onBlur?: Function;
+    placeholder?: string;
+    displayFormat?: string;
+    helpText?: string;
+    suffix?: JSX.Element | null;
+    isClearable?: boolean;
+    tooltip?: string | null;
+    locale?: string;
+    value?: any | string | Date | null;
+    allowRange?: boolean;
+    activator?: JSX.Element | null;
+    disableDatesAfter?: Date | string | null;
+    disableDatesBefore?: Date | string | null;
+    onChange?: Function;
+    multiMonth?: boolean;
+    disabled?: boolean;
+    showTimePicker?: boolean;
+    autoFocus?: boolean;
+    maxDate?: Date | null;
+    minDate?: Date | null;
+    inline?: boolean;
+    preferredAlignment?: string;
+    preferredPosition?: string;
+    includeHourlyPresets?: boolean;
+    customPresets?: any[];
+    footer?: JSX.Element | null;
+}): JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/DatePicker.js"],"names":[],"mappings":";AAqJA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,oCA/BG;IAAuB,KAAK,GAApB,MAAM;IACc,WAAW,GAA/B,MAAO,IAAI;IACM,MAAM;IACR,WAAW,GAA1B,MAAM;IACS,aAAa,GAA5B,MAAM;IACS,QAAQ,GAAvB,MAAM;IACmB,MAAM,GAA/B,GAAG,CAAC,OAAO,GAAC,IAAI;IACA,WAAW,GAA3B,OAAO;IACa,OAAO,GAA3B,MAAM,GAAC,IAAI;IACI,MAAM,GAArB,MAAM;IAC0B,KAAK,GAArC,MAAO,MAAM,GAAC,IAAI,GAAC,IAAI;IACP,UAAU,GAA1B,OAAO;IACkB,SAAS,GAAlC,GAAG,CAAC,OAAO,GAAC,IAAI;IACS,iBAAiB,GAA1C,IAAI,GAAC,MAAM,GAAC,IAAI;IACS,kBAAkB,GAA3C,IAAI,GAAC,MAAM,GAAC,IAAI;IACC,QAAQ;IACT,UAAU,GAA1B,OAAO;IACS,QAAQ,GAAxB,OAAO;IACS,cAAc,GAA9B,OAAO;IACS,SAAS,GAAzB,OAAO;IACW,OAAO,GAAzB,IAAI,GAAC,IAAI;IACS,OAAO,GAAzB,IAAI,GAAC,IAAI;IACO,MAAM,GAAtB,OAAO;IACQ,kBAAkB,GAAjC,MAAM;IACS,iBAAiB,GAAhC,MAAM;IACU,oBAAoB,GAApC,OAAO;IACO,aAAa;IACF,MAAM,GAA/B,GAAG,CAAC,OAAO,GAAC,IAAI;CACxB,GAAU,GAAG,CAAC,OAAO,CAgVvB"}

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

@@ -0,0 +1,21 @@
+export default Divider;
+/**
+ * Renders a divider element with customizable color variants.
+ *
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {'default' | 'subdued'} [props.color='default'] - The color variant to apply to the divider.
+ * @returns {JSX.Element} A styled `<div>` element serving as a divider.
+ *
+ * @example
+ * // Renders a default color divider
+ * <Divider />
+ *
+ * @example
+ * // Renders a subdued color divider
+ * <Divider color="subdued" />
+ */
+declare function Divider(props?: {
+    color?: "default" | "subdued";
+}): JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../components/Divider.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;GAeG;AAEH,iCAZG;IAAsC,KAAK,GAAnC,SAAS,GAAG,SAAS;CAC7B,GAAU,GAAG,CAAC,OAAO,CAqBvB"}