@utilitywarehouse/hearth-react-native 0.35.7 → 0.35.8

package/build/components/CurrencyInput/CurrencyInput.figma.js

@@ -0,0 +1,51 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR?node-id=2161%3A1336
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/CurrencyInput/CurrencyInput.tsx
+// component=CurrencyInput
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const valueType = instance.getEnum('Value type', {
+    Filled: 'filled',
+    Placeholder: 'placeholder',
+});
+const value = instance.getString('Value');
+const label = instance.getString('Label');
+const helperText = instance.getBoolean('Helper text?', {
+    true: instance.getString('Helper text'),
+    false: undefined,
+});
+const invalidText = instance.getEnum('State', {
+    Default: undefined,
+    Invalid: instance.getString('Validation'),
+});
+const validationStatus = instance.getEnum('State', {
+    Default: undefined,
+    Invalid: 'invalid',
+});
+const focused = instance.getBoolean('Focus?');
+const labelVariant = instance.getEnum('Label variant', {
+    Body: 'body',
+    Heading: 'heading',
+});
+const placeholder = valueType === 'placeholder' ? instance.getString('Value') : undefined;
+const displayValue = valueType === 'filled' ? value : undefined;
+export default {
+    id: 'currency-input',
+    imports: ["import { CurrencyInput } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `
+        <CurrencyInput${figma.helpers.react.renderProp('label', label)}${figma.helpers.react.renderProp('helperText', helperText)}${figma.helpers.react.renderProp('invalidText', invalidText)}${figma.helpers.react.renderProp('validationStatus', validationStatus)}${figma.helpers.react.renderProp('placeholder', placeholder)}${figma.helpers.react.renderProp('value', displayValue)}${figma.helpers.react.renderProp('focused', focused)}${figma.helpers.react.renderProp('labelVariant', labelVariant)} onChange={() => {}}/>`,
+    metadata: {
+        nestable: true,
+        props: {
+            valueType,
+            value,
+            label,
+            helperText,
+            invalidText,
+            validationStatus,
+            focused,
+            labelVariant,
+            placeholder,
+            displayValue,
+        },
+    },
+};

package/build/components/DateInput/DateInput.figma.d.ts

@@ -0,0 +1,41 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            required: figma.EnumOptionsValues<{
+                true: boolean;
+                false: boolean;
+            }>;
+            hideDay: figma.EnumOptionsValues<{
+                true: boolean;
+                false: boolean;
+            }>;
+            hideMonth: figma.EnumOptionsValues<{
+                true: boolean;
+                false: boolean;
+            }>;
+            monthPlaceholder: string | undefined;
+            yearPlaceholder: string | undefined;
+            dayPlaceholder: string | undefined;
+            dayValue: string | undefined;
+            monthValue: string | undefined;
+            yearValue: string | undefined;
+            disabled: boolean | undefined;
+            readonly: boolean | undefined;
+            label: string;
+            helperText: string;
+            validText: string | undefined;
+            invalidText: string | undefined;
+            validationStatus: figma.EnumOptionsValues<{
+                Default: undefined;
+                Valid: string;
+                Invalid: string;
+            }>;
+        };
+    };
+};
+export default _default;

package/build/components/DateInput/DateInput.figma.js

@@ -0,0 +1,87 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR?node-id=2277%3A14708
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/DateInput/DateInput.tsx
+// component=DateInput
+import figma from 'figma';
+const required = figma.selectedInstance.getBoolean('Optional?', {
+    true: false,
+    false: true,
+});
+const hideDay = figma.selectedInstance.getBoolean('Day?', {
+    true: false,
+    false: true,
+});
+const hideMonth = figma.selectedInstance.getBoolean('Month?', {
+    true: false,
+    false: true,
+});
+const monthPlaceholder = figma.selectedInstance.getEnum('Value type', {
+    Placeholder: figma.selectedInstance.getBoolean('Month?', {
+        true: figma.selectedInstance.getString('Month value'),
+    }),
+});
+const yearPlaceholder = figma.selectedInstance.getEnum('Value type', {
+    Placeholder: figma.selectedInstance.getString('Year value'),
+});
+const dayPlaceholder = figma.selectedInstance.getEnum('Value type', {
+    Placeholder: figma.selectedInstance.getBoolean('Day?', {
+        true: figma.selectedInstance.getString('Day value'),
+    }),
+});
+const dayValue = figma.selectedInstance.getEnum('Value type', {
+    Filled: figma.selectedInstance.getBoolean('Day?', {
+        true: figma.selectedInstance.getString('Day value'),
+    }),
+});
+const monthValue = figma.selectedInstance.getEnum('Value type', {
+    Filled: figma.selectedInstance.getBoolean('Month?', {
+        true: figma.selectedInstance.getString('Month value'),
+    }),
+});
+const yearValue = figma.selectedInstance.getEnum('Value type', {
+    Filled: figma.selectedInstance.getString('Year value'),
+});
+const disabled = figma.selectedInstance.getEnum('State', {
+    Disabled: true,
+});
+const readonly = figma.selectedInstance.getEnum('State', {
+    'Read-only': true,
+});
+const label = figma.selectedInstance.getString('Label');
+const helperText = figma.selectedInstance.getString('Helper text');
+const validText = figma.selectedInstance.getEnum('State', {
+    Valid: figma.selectedInstance.getString('Validation'),
+});
+const invalidText = figma.selectedInstance.getEnum('State', {
+    Invalid: figma.selectedInstance.getString('Validation'),
+});
+const validationStatus = figma.selectedInstance.getEnum('State', {
+    Default: undefined,
+    Valid: 'valid',
+    Invalid: 'invalid',
+});
+export default {
+    id: 'DateInput',
+    imports: ["import { DateInput } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `<DateInput${figma.helpers.react.renderProp('required', required)}${figma.helpers.react.renderProp('hideDay', hideDay)}${figma.helpers.react.renderProp('hideMonth', hideMonth)}${figma.helpers.react.renderProp('monthPlaceholder', monthPlaceholder)}${figma.helpers.react.renderProp('yearPlaceholder', yearPlaceholder)}${figma.helpers.react.renderProp('dayValue', dayValue)}${figma.helpers.react.renderProp('monthValue', monthValue)}${figma.helpers.react.renderProp('yearValue', yearValue)}${figma.helpers.react.renderProp('disabled', disabled)}${figma.helpers.react.renderProp('readonly', readonly)}${figma.helpers.react.renderProp('label', label)}${figma.helpers.react.renderProp('helperText', helperText)}${figma.helpers.react.renderProp('validText', validText)}${figma.helpers.react.renderProp('invalidText', invalidText)}${figma.helpers.react.renderProp('validationStatus', validationStatus)}/>`,
+    metadata: {
+        nestable: true,
+        props: {
+            required,
+            hideDay,
+            hideMonth,
+            monthPlaceholder,
+            yearPlaceholder,
+            dayPlaceholder,
+            dayValue,
+            monthValue,
+            yearValue,
+            disabled,
+            readonly,
+            label,
+            helperText,
+            validText,
+            invalidText,
+            validationStatus,
+        },
+    },
+};

package/build/components/DatePicker/DatePicker.figma.d.ts

@@ -0,0 +1,25 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            header: figma.EnumOptionsValues<{
+                true: boolean;
+                false: boolean;
+            }>;
+            footer: figma.EnumOptionsValues<{
+                true: boolean;
+                false: boolean;
+            }>;
+            initialView: figma.EnumOptionsValues<{
+                Day: undefined;
+                Month: string;
+                Year: string;
+            }>;
+        };
+    };
+};
+export default _default;

package/build/components/DatePicker/DatePicker.figma.js

@@ -0,0 +1,23 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR/Hearth-Components---Tokens?node-id=3797-6383&m=dev
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/DatePicker/DatePicker.tsx
+// component=DatePicker
+import figma from 'figma';
+const header = figma.selectedInstance.getBoolean('Header?', {
+    true: false,
+    false: true,
+});
+const footer = figma.selectedInstance.getBoolean('Footer?', {
+    true: false,
+    false: true,
+});
+const initialView = figma.selectedInstance.getEnum('Type', {
+    Day: undefined,
+    Month: 'month',
+    Year: 'year',
+});
+export default {
+    id: 'date-picker',
+    imports: ['import { DatePicker } from "@utilitywarehouse/hearth-react-native";'],
+    example: figma.code `<DatePicker mode="single"${figma.helpers.react.renderProp('hideFooter', footer)}${figma.helpers.react.renderProp('hideHeader', header)}${figma.helpers.react.renderProp('initialView', initialView)} />`,
+    metadata: { nestable: true, props: { header, footer, initialView } },
+};

package/build/components/DatePickerInput/DatePickerInput.figma.d.ts

@@ -0,0 +1,25 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        props: {
+            variantValue: string | undefined;
+            valueType: string | undefined;
+            label: string;
+            validationText: string;
+            helperTextContent: string;
+            rawValue: string;
+            focused: boolean | undefined;
+            disabled: boolean;
+            readonly: boolean;
+            validationStatus: string | undefined;
+            value: string | undefined;
+            placeholder: string | undefined;
+            validText: string | undefined;
+            invalidText: string | undefined;
+        };
+    };
+};
+export default _default;

package/build/components/DatePickerInput/DatePickerInput.figma.js

@@ -0,0 +1,52 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR/Hearth-Components---Tokens?node-id=3917:7057
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/DatePickerInput/DatePickerInput.tsx
+// component=DatePickerInput
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const variantValue = instance.getEnum('Variant', {
+    Default: 'default',
+    Valid: 'valid',
+    Invalid: 'invalid',
+    Disabled: 'disabled',
+    'Read-only': 'readonly',
+});
+const valueType = instance.getEnum('Value type', {
+    Empty: 'empty',
+    Placeholder: 'placeholder',
+    Filled: 'filled',
+});
+const label = instance.getString('Label');
+const validationText = instance.getString('Validation');
+const helperTextContent = instance.getString('Helper text');
+const rawValue = instance.getString('Value');
+const focused = instance.getEnum('Focus?', { Yes: true });
+const disabled = variantValue === 'disabled';
+const readonly = variantValue === 'readonly';
+const validationStatus = variantValue === 'valid' ? 'valid' : variantValue === 'invalid' ? 'invalid' : undefined;
+const value = valueType === 'filled' ? rawValue : undefined;
+const placeholder = valueType === 'placeholder' ? rawValue : undefined;
+const validText = validationStatus === 'valid' ? validationText : undefined;
+const invalidText = validationStatus === 'invalid' ? validationText : undefined;
+export default {
+    id: 'date-picker-input',
+    imports: ['import { DatePickerInput } from "@utilitywarehouse/hearth-react-native";'],
+    example: figma.code `<DatePickerInput${figma.helpers.react.renderProp('disabled', disabled)}${figma.helpers.react.renderProp('readonly', readonly)}${figma.helpers.react.renderProp('validationStatus', validationStatus)}${figma.helpers.react.renderProp('label', label)}${figma.helpers.react.renderProp('validText', validText)}${figma.helpers.react.renderProp('invalidText', invalidText)}${figma.helpers.react.renderProp('placeholder', placeholder)}${figma.helpers.react.renderProp('value', value)}${figma.helpers.react.renderProp('focused', focused)}${figma.helpers.react.renderProp('helperText', helperTextContent)} />`,
+    metadata: {
+        props: {
+            variantValue,
+            valueType,
+            label,
+            validationText,
+            helperTextContent,
+            rawValue,
+            focused,
+            disabled,
+            readonly,
+            validationStatus,
+            value,
+            placeholder,
+            validText,
+            invalidText,
+        },
+    },
+};

package/build/components/DescriptionList/DescriptionList.figma.d.ts

@@ -0,0 +1,26 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            sectionHeader: {
+                heading: string | undefined;
+                helperText: string | undefined;
+                trailingContent: {
+                    headerTrailingContent: figma.ResultSection[] | undefined;
+                } | undefined;
+                invalidText: {
+                    invalidText: string | undefined;
+                } | undefined;
+            };
+            items: figma.ResultSection[];
+            direction: {
+                direction: string | undefined;
+            };
+        };
+    };
+};
+export default _default;

package/build/components/DescriptionList/DescriptionList.figma.js

@@ -0,0 +1,59 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR?node-id=7247%3A4636
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/DescriptionList/DescriptionList.tsx
+// component=DescriptionList
+import figma from 'figma';
+const sectionHeader = figma.selectedInstance.getBoolean('Section header?', {
+    true: (function () {
+        const nestedLayer2 = figma.selectedInstance.findInstance('Section Header');
+        return {
+            heading: nestedLayer2.type !== 'ERROR' ? nestedLayer2.getString('Heading') : undefined,
+            helperText: nestedLayer2.type !== 'ERROR'
+                ? nestedLayer2.getBoolean('Helper text?', {
+                    true: nestedLayer2.getString('Helper text'),
+                })
+                : undefined,
+            trailingContent: nestedLayer2.type !== 'ERROR'
+                ? nestedLayer2.getBoolean('Trailing content?', {
+                    true: (function () {
+                        const nestedLayer3 = figma.selectedInstance.findInstance('Trailing content');
+                        return {
+                            headerTrailingContent: nestedLayer3.type !== 'ERROR'
+                                ? nestedLayer3.getInstanceSwap('Variant')?.executeTemplate().example
+                                : undefined,
+                        };
+                    })(),
+                })
+                : undefined,
+            invalidText: nestedLayer2.type !== 'ERROR'
+                ? nestedLayer2.getEnum('State', {
+                    Invalid: (function () {
+                        const nestedLayer4 = figma.selectedInstance.findInstance('Validation Text');
+                        return {
+                            invalidText: nestedLayer4.type !== 'ERROR' ? nestedLayer4.getString('Text') : undefined,
+                        };
+                    })(),
+                })
+                : undefined,
+        };
+    })(),
+});
+const items = figma.properties.children(['Item']);
+const direction = (function () {
+    const nestedLayer5 = figma.selectedInstance.findInstance('Item');
+    return {
+        direction: nestedLayer5.type !== 'ERROR'
+            ? nestedLayer5.getEnum('Direction', {
+                Row: 'row',
+                Column: 'column',
+            })
+            : undefined,
+    };
+})();
+export default {
+    id: 'DescriptionList',
+    imports: ["import { DescriptionList } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `<DescriptionList${figma.helpers.react.renderProp('heading', sectionHeader?.heading)}${figma.helpers.react.renderProp('helperText', sectionHeader?.helperText)}${figma.helpers.react.renderProp('direction', direction?.direction)}${figma.helpers.react.renderProp('headerTrailingContent', sectionHeader?.trailingContent?.headerTrailingContent)}${figma.helpers.react.renderProp('invalidText', sectionHeader?.invalidText?.invalidText)}>
+        ${figma.helpers.react.renderChildren(items)}
+      </DescriptionList>`,
+    metadata: { nestable: true, props: { sectionHeader, items, direction } },
+};

package/build/components/DescriptionList/DescriptionListItem.figma.d.ts

@@ -0,0 +1,22 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            heading: string;
+            direction: string | undefined;
+            description: string;
+            trailingContent: {
+                trailingContent: figma.ResultSection[] | undefined;
+            };
+            invalidText: {
+                invalidText: string | undefined;
+            } | undefined;
+            numericValue: string;
+        };
+    };
+};
+export default _default;

package/build/components/DescriptionList/DescriptionListItem.figma.js

@@ -0,0 +1,42 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR/Hearth-Components---Tokens?node-id=7247-5209&t=3uUSBVdxldgG5uz3-4
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/DescriptionList/DescriptionListItem.tsx
+// component=DescriptionListItem
+import figma from 'figma';
+const heading = figma.selectedInstance.getString('Heading');
+const direction = figma.selectedInstance.getEnum('Direction', {
+    Row: 'row',
+    Column: 'column',
+});
+const description = figma.selectedInstance.getBoolean('Description?', {
+    true: figma.selectedInstance.getString('Description'),
+});
+const trailingContent = figma.selectedInstance.getBoolean('Trailing content?', {
+    true: (function () {
+        const nestedLayer0 = figma.selectedInstance.findInstance('Trailing content');
+        return {
+            trailingContent: nestedLayer0.type !== 'ERROR'
+                ? nestedLayer0.getInstanceSwap('Variant')?.executeTemplate().example
+                : undefined,
+        };
+    })(),
+});
+const invalidText = figma.selectedInstance.getEnum('State', {
+    Invalid: (function () {
+        const nestedLayer1 = figma.selectedInstance.findInstance('Validation Text');
+        return {
+            invalidText: nestedLayer1.type !== 'ERROR' ? nestedLayer1.getString('Text') : undefined,
+        };
+    })(),
+});
+const numericValue = figma.selectedInstance.getBoolean('Numerical value?', {
+    true: figma.selectedInstance.getString('Numerical value'),
+});
+export default {
+    id: 'DescriptionListItem',
+    imports: ["import { DescriptionListItem } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `<DescriptionListItem${figma.helpers.react.renderProp('heading', heading)}${figma.helpers.react.renderProp('description', description)}${figma.helpers.react.renderProp('trailingContent', trailingContent?.trailingContent)}${figma.helpers.react.renderProp('invalidText', invalidText?.invalidText)}${figma.helpers.react.renderProp('numericValue', numericValue)}/>`,
+    metadata: {
+        nestable: true,
+        props: { heading, direction, description, trailingContent, invalidText, numericValue },
+    },
+};

package/build/components/Divider/Divider.figma.d.ts

@@ -0,0 +1,13 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            orientation: string | undefined;
+        };
+    };
+};
+export default _default;

package/build/components/Divider/Divider.figma.js

@@ -0,0 +1,14 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR?node-id=2421%3A1687
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/Divider/Divider.tsx
+// component=Divider
+import figma from 'figma';
+const orientation = figma.selectedInstance.getEnum('Orientation', {
+    Horizontal: 'horizontal',
+    Vertical: 'vertical',
+});
+export default {
+    id: 'Divider',
+    imports: ['import { Divider } from "@utilitywarehouse/hearth-react-native";'],
+    example: figma.code `<Divider${figma.helpers.react.renderProp('orientation', orientation)}/>`,
+    metadata: { nestable: true, props: { orientation } },
+};

package/build/components/ExpandableCard/ExpandableCard.figma.d.ts

@@ -0,0 +1,28 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            expanded: boolean;
+            heading: string;
+            helperText: string;
+            leadingContent: {
+                variant: figma.EnumOptionsValues<{
+                    Icon: figma.ResultSection[] | undefined;
+                    'Icon Container': {
+                        $value: string;
+                        $type: "jsx-element";
+                    };
+                }>;
+            };
+            content: figma.ResultSection[] | undefined;
+            numericalValue: string;
+            badge: figma.ResultSection[] | undefined;
+            expandedContent: figma.ResultSection[] | undefined;
+        };
+    };
+};
+export default _default;

package/build/components/ExpandableCard/ExpandableCard.figma.js

@@ -0,0 +1,52 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR?node-id=7222%3A5935
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/ExpandableCard/ExpandableCard.tsx
+// component=ExpandableCard
+import figma from 'figma';
+const expanded = figma.selectedInstance.getBoolean('Expand?');
+const heading = figma.selectedInstance.getString('Heading');
+const helperText = figma.selectedInstance.getString('Helper text');
+const leadingContent = figma.selectedInstance.getBoolean('Leading content?', {
+    true: (function () {
+        const nestedLayer3 = figma.selectedInstance.findInstance('Leading content');
+        return {
+            variant: nestedLayer3.type !== 'ERROR'
+                ? nestedLayer3.getEnum('Variant', {
+                    Icon: nestedLayer3.getInstanceSwap('Icon-24')?.executeTemplate().example,
+                    'Icon Container': figma.helpers.react.jsxElement("<IconContainer icon={figma.instance('Icon-24')} />"),
+                })
+                : undefined,
+        };
+    })(),
+});
+const content = figma.selectedInstance.getInstanceSwap('Custom content')?.executeTemplate().example;
+const numericalValue = figma.selectedInstance.getBoolean('Numerical value?', {
+    true: figma.selectedInstance.getString('Numerical value'),
+});
+const badge = figma.selectedInstance.getBoolean('Badge?', {
+    true: figma.selectedInstance.getInstanceSwap('Badge')?.executeTemplate().example,
+});
+const slot = figma.selectedInstance.getSlot('Slot');
+const expandedContentItems = slot?.connectedInstances.map(i => i.executeTemplate().example) ?? [];
+// An empty array passed to renderProp() renders as broken, unparseable `prop={}` syntax
+// instead of being omitted — only pass it through when there's actually something to render.
+const expandedContent = expandedContentItems.length > 0 ? expandedContentItems.flat() : undefined;
+export default {
+    id: 'ExpandableCard',
+    imports: ["import { ExpandableCard } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `<ExpandableCard${figma.helpers.react.renderProp('expanded', expanded)}${figma.helpers.react.renderProp('heading', heading)}${figma.helpers.react.renderProp('helperText', helperText)}${figma.helpers.react.renderProp('leadingContent', leadingContent?.variant)}${figma.helpers.react.renderProp('numericValue', numericalValue)}${figma.helpers.react.renderProp('badge', badge)}${figma.helpers.react.renderProp('expandedContent', expandedContent)}>
+        ${figma.helpers.react.renderChildren(content)}
+      </ExpandableCard>`,
+    metadata: {
+        nestable: true,
+        props: {
+            expanded,
+            heading,
+            helperText,
+            leadingContent,
+            content,
+            numericalValue,
+            badge,
+            expandedContent,
+        },
+    },
+};

package/build/components/ExpandableCard/ExpandableCardGroup.figma.d.ts

@@ -0,0 +1,23 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+    metadata: {
+        nestable: boolean;
+        props: {
+            sectionHeader: {
+                heading: string | undefined;
+                helperText: string | undefined;
+                trailingContent: {
+                    headerTrailingContent: figma.ResultSection[] | undefined;
+                } | undefined;
+                invalidText: {
+                    invalidText: string | undefined;
+                } | undefined;
+            };
+            cards: figma.ResultSection[][];
+        };
+    };
+};
+export default _default;

package/build/components/ExpandableCard/ExpandableCardGroup.figma.js

@@ -0,0 +1,55 @@
+// url=https://www.figma.com/design/6NKZXZhFSExXrcbBgc6zTR/Hearth-Components---Tokens?node-id=7222-7221&m=dev
+// source=https://github.com/utilitywarehouse/hearth/blob/main/packages/react-native/src/components/ExpandableCard/ExpandableCardGroup.tsx
+// component=ExpandableCardGroup
+import figma from 'figma';
+const sectionHeader = figma.selectedInstance.getBoolean('Section header?', {
+    true: (function () {
+        const nestedLayer0 = figma.selectedInstance.findInstance('Section Header');
+        return {
+            heading: nestedLayer0.type !== 'ERROR' ? nestedLayer0.getString('Heading') : undefined,
+            helperText: nestedLayer0.type !== 'ERROR'
+                ? nestedLayer0.getBoolean('Helper text?', {
+                    true: nestedLayer0.getString('Helper text'),
+                })
+                : undefined,
+            trailingContent: nestedLayer0.type !== 'ERROR'
+                ? nestedLayer0.getBoolean('Trailing content?', {
+                    true: (function () {
+                        const nestedLayer1 = figma.selectedInstance.findInstance('Trailing content');
+                        return {
+                            headerTrailingContent: nestedLayer1.type !== 'ERROR'
+                                ? nestedLayer1.getInstanceSwap('Variant')?.executeTemplate().example
+                                : undefined,
+                        };
+                    })(),
+                })
+                : undefined,
+            invalidText: nestedLayer0.type !== 'ERROR'
+                ? nestedLayer0.getEnum('State', {
+                    Invalid: (function () {
+                        const nestedLayer2 = figma.selectedInstance.findInstance('Validation Text');
+                        return {
+                            invalidText: nestedLayer2.type !== 'ERROR' ? nestedLayer2.getString('Text') : undefined,
+                        };
+                    })(),
+                })
+                : undefined,
+        };
+    })(),
+});
+const cardLayers = figma.selectedInstance.findConnectedInstances(n => n.hasCodeConnect());
+const cards = cardLayers.map(layer => layer.executeTemplate().example) ?? [];
+export default {
+    id: 'ExpandableCardGroup',
+    imports: ["import { ExpandableCardGroup } from '@utilitywarehouse/hearth-react-native';"],
+    example: figma.code `<ExpandableCardGroup${figma.helpers.react.renderProp('heading', sectionHeader?.heading)}${figma.helpers.react.renderProp('helperText', sectionHeader?.helperText)}${figma.helpers.react.renderProp('headerTrailingContent', sectionHeader?.trailingContent?.headerTrailingContent)}${figma.helpers.react.renderProp('invalidText', sectionHeader?.invalidText?.invalidText)}>
+        ${figma.helpers.react.renderChildren(cards.flat())}
+      </ExpandableCardGroup>`,
+    metadata: {
+        nestable: true,
+        props: {
+            sectionHeader,
+            cards,
+        },
+    },
+};