@heymantle/litho 0.0.14 → 0.0.16

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

@@ -1,49 +1,20 @@
+export function useCard(): {
+    nested: boolean;
+};
 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, }: {
+declare function Card({ allowOverflow, roundedOnMobile, children, hideOnPrint, title, titleVariant, description, descriptionVariant, icon, tooltip, tooltipPreferredPosition, outlined, highlighted, subdued, alternate, padded, loading, paddedHalf, removeHeaderBottomPadding, onClick, emptyState, action, className, headerClassName, accessory, fullHeightBody, fullWidthOnMobile, shadow, nested: nestedProp, }: {
     allowOverflow?: boolean;
-    children?: React.ReactNode;
-    hideOnPrint?: boolean;
-    title?: string | React.ReactNode;
+    roundedOnMobile: any;
+    children: any;
+    hideOnPrint: any;
+    title: any;
     titleVariant?: string;
-    description?: string;
-    icon?: React.ElementType | any;
-    tooltip?: React.ReactNode | import("./Tooltip").TooltipContentObject;
+    description: any;
+    descriptionVariant?: string;
+    icon: any;
+    tooltip: any;
     tooltipPreferredPosition?: string;
     outlined?: boolean;
-    shadow?: string;
     highlighted?: boolean;
     subdued?: boolean;
     alternate?: boolean;
@@ -51,20 +22,25 @@ declare function Card({ allowOverflow, roundedOnMobile, children, hideOnPrint, t
     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;
+    onClick: any;
+    emptyState?: {};
+    action: any;
+    className: any;
+    headerClassName: any;
+    accessory: any;
+    fullHeightBody?: boolean;
+    fullWidthOnMobile: any;
+    shadow?: string;
+    nested: any;
+}): import("react/jsx-runtime").JSX.Element;
 declare namespace Card {
     /**
-     * Section component for dividing the Card into segments.
+     * @component Card.Section
+     *
+     * @usage
+     * - DO: Divide a Card into logical content segments.
+     * - DON'T: Nest sections within sections.
      *
-     * @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.
@@ -82,12 +58,13 @@ declare namespace Card {
      * @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 {string} [props.descriptionVariant='bodyMd'] - Typography variant for the Section description.
      * @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, sectionBodyClassName, }: {
+    function Section({ title, titleVariant, action, children, padded, paddedHalf, isFirst, cardHasHeader, borderBottom, borderTop, subdued, headerGap, gap, icon, tooltip, description, descriptionVariant, accessory, emptyState, className, sectionBodyClassName, }: {
         title?: string | React.ReactNode;
         titleVariant?: string;
         action?: any;
@@ -104,6 +81,7 @@ declare namespace Card {
         icon?: React.ElementType | any;
         tooltip?: string;
         description?: string;
+        descriptionVariant?: string;
         accessory?: React.ReactNode;
         emptyState?: any;
     }): React.ReactElement;
@@ -111,9 +89,14 @@ declare namespace Card {
         let displayName: string;
     }
     /**
-     * ClickableRow component for creating clickable rows inside the Card.
+     * @component Card.ClickableRow
+     *
+     * @usage
+     * - DO: Use for rows that navigate or trigger actions.
+     *
+     * @accessibility
+     * - Renders as a clickable element; ensure it is keyboard accessible and has a clear action label.
      *
-     * @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.
@@ -121,21 +104,29 @@ declare namespace Card {
      * @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.
+     * @param {string} [props.accessibilityLabel] - Accessible label for the row (aria-label).
      *
      * @returns {React.ReactElement} The rendered ClickableRow component.
      */
-    function ClickableRow({ children, onClick, id, url, disabled, className }: {
+    function ClickableRow({ children, onClick, id, url, disabled, className, accessibilityLabel }: {
         children?: React.ReactNode;
         onClick?: Function;
         id?: string;
         url?: string;
         className?: string;
         disabled?: boolean;
+        accessibilityLabel?: string;
     }): React.ReactElement;
     namespace ClickableRow {
         let displayName_1: string;
         export { displayName_1 as displayName };
     }
+    /**
+     * Rows container component for grouping multiple Card.Row elements.
+     *
+     * @usage
+     * - DO: Use to group multiple `Card.Row` elements with consistent spacing.
+     */
     function Rows({ children }: {
         children: any;
     }): import("react/jsx-runtime").JSX.Element;
@@ -144,9 +135,11 @@ declare namespace Card {
         export { displayName_2 as displayName };
     }
     /**
-     * Row component for creating clickable rows inside the Card.
+     * @component Card.Row
+     *
+     * @usage
+     * - DO: Use for individual data rows within `Card.Rows`.
      *
-     * @component
      * @param {Object} props - Props for the Row component.
      * @param {React.ReactNode} [props.children] - Child elements to render inside the row.
      * @param {Function} [props.onClick] - Click handler for the row.
@@ -154,16 +147,18 @@ declare namespace Card {
      * @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.
+     * @param {string} [props.accessibilityLabel] - Accessible label for the row (aria-label).
      *
      * @returns {React.ReactElement} The rendered Row component.
      */
-    function Row({ children, onClick, id, url, disabled, className }: {
+    function Row({ children, onClick, id, url, disabled, className, accessibilityLabel }: {
         children?: React.ReactNode;
         onClick?: Function;
         id?: string;
         url?: string;
         className?: string;
         disabled?: boolean;
+        accessibilityLabel?: string;
     }): React.ReactElement;
     namespace Row {
         let displayName_3: string;

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,+OAtBG;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,CA0F9B;;;;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;;;;;IAGD;;gDAMC;;;;;IAGD;;;;;;;;;;;;;OAaG;IACH,kEATG;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;;;;;;kBA5lBiB,OAAO"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../components/Card.js"],"names":[],"mappings":"AA6sBO;;EAAmD;;AAhgB1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAwKC;;IA2FD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IAEH,mQAvBG;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;QACS,kBAAkB,GAAjC,MAAM;QACkB,SAAS,GAAjC,KAAK,CAAC,SAAS;QACA,UAAU;KAEjC,GAAU,KAAK,CAAC,YAAY,CA2F9B;;;;IAkBD;;;;;;;;;;;;;;;;;;;OAmBG;IACH,+FAVG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACS,SAAS,GAAxB,MAAM;QACU,QAAQ,GAAxB,OAAO;QACQ,kBAAkB,GAAjC,MAAM;KAEd,GAAU,KAAK,CAAC,YAAY,CA8B9B;;;;;IAGD;;;;;OAKG;IACH;;gDAMC;;;;;IAGD;;;;;;;;;;;;;;;;OAgBG;IACH,sFAVG;QAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;QACE,OAAO;QACT,EAAE,GAAjB,MAAM;QACS,GAAG,GAAlB,MAAM;QACS,SAAS,GAAxB,MAAM;QACU,QAAQ,GAAxB,OAAO;QACQ,kBAAkB,GAAjC,MAAM;KAEd,GAAU,KAAK,CAAC,YAAY,CAgC9B;;;;;;kBAxsBiB,OAAO"}

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

@@ -1,65 +1,3 @@
 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|React.ReactNode} [props.label] - The label for the checkbox. Can be a string or a React element (e.g., text with a badge).
- * @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
- * // Basic usage with string label
- * <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)}
- * />
- *
- * @example
- * // With React element label (e.g., text with badge)
- * <Checkbox
- *   label={<Stack horizontal gap="xs" blockAlign="center"><span>Premium Feature</span><Badge>Pro</Badge></Stack>}
- *   checked={false}
- *   onChange={(checked) => console.log('Checkbox changed:', checked)}
- * />
- */
-declare function Checkbox(props?: {
-    label?: string | React.ReactNode;
-    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;
+declare function Checkbox(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../components/Checkbox.js"],"names":[],"mappings":";AAuDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAEH,kCAvCG;IAAuC,KAAK,GAApC,MAAM,GAAC,KAAK,CAAC,SAAS;IACN,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,CAiIvB"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../components/Checkbox.js"],"names":[],"mappings":";AA8GA,+EA0GC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../components/CheckboxCard.js"],"names":[],"mappings":";AA8FA,mFA4HC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCardGroup.d.ts","sourceRoot":"","sources":["../../../components/CheckboxCardGroup.js"],"names":[],"mappings":";AAiIA,wFAiIC"}

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

@@ -24,46 +24,5 @@ export type ChoiceListItem = {
  * @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;
+declare function ChoiceList(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChoiceList.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ChoiceList.d.ts","sourceRoot":"","sources":["../../../components/ChoiceList.js"],"names":[],"mappings":";;;;;WA0Dc,MAAM;;;;WACN,MAAM;;;;eACN,OAAO;;;;qBACP,KAAK,CAAC,SAAS;;AAL7B;;;;;;GAMG;AAEH,iFAoEC"}

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

@@ -1,28 +1,3 @@
 export default Code;
-/**
- * A code component that renders code blocks with consistent styling.
- *
- * @param {Object} props - Properties to customize the code component.
- * @param {string} [props.className] - Additional CSS class names.
- * @param {Function} [props.onCopy] - Function to handle copy action.
- * @param {React.ReactNode} props.children - The code content to be displayed.
- * @returns {JSX.Element} Rendered code block with applied styles.
- *
- * @example
- * <Code>
- *   {`const example = "code";`}
- * </Code>
- *
- * @example
- * <Code onCopy={() => {
- *   navigator.clipboard.writeText(children);
- * }}>
- *   {`const example = "code";`}
- * </Code>
- */
-declare function Code(props?: {
-    className?: string;
-    onCopy?: Function;
-    children: React.ReactNode;
-}): JSX.Element;
+declare function Code(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Code.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../components/Code.js"],"names":[],"mappings":";AAeA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,8BAjBG;IAAuB,SAAS,GAAxB,MAAM;IACW,MAAM;IACA,QAAQ,EAA/B,KAAK,CAAC,SAAS;CACvB,GAAU,GAAG,CAAC,OAAO,CAmEvB"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../components/Code.js"],"names":[],"mappings":";AAmDA,2EAqDC"}

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

@@ -1,17 +1,3 @@
 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;
+declare function Collapsible(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Collapsible.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../components/Collapsible.js"],"names":[],"mappings":";AAoCA,kFAQC"}

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

@@ -1,36 +1,15 @@
 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;
+declare function ColorField({ label, name, value: _value, onChange, zIndexOverride, presetColors, variant, placeholder, helpText, error, disabled, }: {
+    label: any;
+    name: any;
+    value: any;
+    onChange: any;
+    zIndexOverride: any;
+    presetColors?: any[];
+    variant?: string;
+    placeholder: any;
+    helpText: any;
+    error: any;
+    disabled: any;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColorField.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"ColorField.d.ts","sourceRoot":"","sources":["../../../components/ColorField.js"],"names":[],"mappings":";AAyEA;;;;;;;;;;;;4CAiIC"}

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

@@ -1,13 +1,20 @@
 export default ContextualSaveBar;
 /**
- * ContextualSaveBar Component
+ * @component ContextualSaveBar
  *
- * 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.
+ * @description A floating save bar that appears when a form has unsaved changes, providing save and discard actions.
+ *
+ * @usage
+ * - DO: Display at the top of a page when a form has unsaved changes with save/discard actions.
+ * - DON'T: Use inside a modal (use modal's own actions).
+ *
+ * @accessibility
+ * - Save bar should be keyboard accessible; ensure save and discard buttons have clear labels.
+ *
+ * @alternative
+ * - If you need a save bar integrated with the Frame layout, use `FrameSaveBar`.
+ * - If you need form-level submit, use `Form`.
  *
- * @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`.

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

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

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

@@ -1,66 +1,3 @@
 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;
+declare function DatePicker(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DatePicker.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../components/DatePicker.js"],"names":[],"mappings":";AA+LA,iFA6UC"}

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

@@ -1,27 +1,3 @@
 export default Disclosure;
-/**
- * Renders a Disclosure component that displays content with disclosure styling.
- *
- * @component
- * @param {Object} props - Component properties.
- * @param {React.ReactNode} props.children - The content to display within the disclosure.
- * @param {string} [props.className] - Additional CSS classes to apply to the disclosure.
- * @returns {JSX.Element} A styled `<div>` element serving as a disclosure container.
- *
- * @example
- * // Renders disclosure content
- * <Disclosure>
- *   <Text>This is disclosure content</Text>
- * </Disclosure>
- *
- * @example
- * // Renders disclosure content with additional classes
- * <Disclosure className="mt-4">
- *   <Text>This is disclosure content with margin</Text>
- * </Disclosure>
- */
-declare function Disclosure(props?: {
-    children: React.ReactNode;
-    className?: string;
-}): JSX.Element;
+declare function Disclosure(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Disclosure.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../components/Disclosure.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,oCAhBG;IAA+B,QAAQ,EAA/B,KAAK,CAAC,SAAS;IACA,SAAS,GAAxB,MAAM;CACd,GAAU,GAAG,CAAC,OAAO,CAyBvB"}
+{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../../../components/Disclosure.js"],"names":[],"mappings":";AA+DA,iFAmBC"}

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

@@ -1,21 +1,3 @@
 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;
+declare function Divider(props?: {}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Divider.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../components/Divider.js"],"names":[],"mappings":";AAwDA,8EAkCC"}