@commercetools/nimbus 0.0.9-rc6 → 0.0.9-rc7

package/dist/select.d.ts

@@ -0,0 +1,143 @@
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxProps } from 'react-aria-components';
+import { ListBoxSectionProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { RefAttributes } from 'react';
+import { SelectOptionGroupProps as SelectOptionGroupProps_2 } from './select.types';
+import { SelectOptionProps as SelectOptionProps_2 } from './select.types';
+import { SelectOptionsProps as SelectOptionsProps_2 } from './select.types';
+import { SelectProps } from 'react-aria-components';
+import { SelectRootProps as SelectRootProps_2 } from './select.types';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+
+export declare const Select: {
+    Root: ForwardRefExoticComponent<SelectRootProps_2 & RefAttributes<HTMLDivElement>>;
+    Options: {
+        <T extends object>(props: SelectOptionsProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        <T extends object>(props: SelectOptionProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+    OptionGroup: {
+        <T extends object>(props: SelectOptionGroupProps_2<T> & {
+            ref?: React.Ref<HTMLDivElement>;
+        }): JSX.Element;
+        displayName: string;
+    };
+};
+
+export declare const _SelectOption: {
+    <T extends object>(props: SelectOptionProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+export declare const _SelectOptionGroup: {
+    <T extends object>(props: SelectOptionGroupProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+export declare interface SelectOptionGroupProps<T> extends ListBoxSectionProps<T>, Omit<SelectOptionGroupSlotProps, keyof ListBoxSectionProps<T>> {
+    /** the label for the section */
+    label: string;
+}
+
+declare interface SelectOptionGroupSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare interface SelectOptionProps<T> extends Omit<ListBoxItemProps<T>, keyof SelectOptionSlotProps>, SelectOptionSlotProps {
+}
+
+export declare const _SelectOptions: {
+    <T extends object>(props: SelectOptionsProps<T> & {
+        ref?: React.Ref<HTMLDivElement>;
+    }): JSX.Element;
+    displayName: string;
+};
+
+declare interface SelectOptionSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare interface SelectOptionsProps<T> extends ListBoxProps<T>, Omit<SelectOptionsSlotProps, keyof ListBoxProps<T>> {
+}
+
+declare interface SelectOptionsSlotProps extends HTMLChakraProps<"div"> {
+}
+
+export declare const _SelectRoot: ForwardRefExoticComponent<SelectRootProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface SelectRootProps extends SelectRootSlotProps, SelectProps {
+    /** set to true if Select is currently busy with something */
+    isLoading?: boolean;
+    /** Children must be ReactNode, no render props/functions allowed */
+    children: ReactNode;
+}
+
+declare interface SelectRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof selectSlotRecipe> & SelectProps<object>> {
+}
+
+/**
+ * Recipe configuration for the Select component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
+size: {
+sm: {
+root: {};
+trigger: {
+h: "800";
+px: "400";
+textStyle: "sm";
+};
+};
+md: {
+root: {};
+trigger: {
+h: "1000";
+px: "400";
+textStyle: "md";
+};
+};
+};
+variant: {
+outline: {
+root: {
+bg: "primary.1";
+"&:hover": {
+bg: "primary.2";
+};
+};
+trigger: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+};
+};
+ghost: {
+root: {
+bg: "transparent";
+"&:hover": {
+bg: "primaryAlpha.2";
+};
+};
+trigger: {
+"--border-width": "sizes.25";
+"--border-color": "transparent";
+};
+};
+};
+}>;
+
+export { }

package/dist/setup-jsdom-polyfills.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"setup-jsdom-polyfills.cjs","sources":["../src/test/setup-jsdom-polyfills.ts"],"sourcesContent":["/**\n * Polyfills necessary for the `NimbusProvider` not to crash in JSDOM environments (e.g. jest)\n *\n * To use with jest, update jest config like so:\n * config = {\n *   ...\n *   setupFiles: [\n *     '@commercetools/nimbus/setupJsdomPolyfills`,\n *     ...\n *  ]\n * }\n */\n\n// TODO: document this somewhere besides this file\n\n// implementation of structuredClone polyfill to satisfy the Nimbus (Chakra UI) provider\nif (typeof global.structuredClone !== \"function\") {\n  global.structuredClone = function structuredClone(value) {\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    try {\n      // For objects and arrays, use JSON methods\n      if (typeof value === \"object\") {\n        return JSON.parse(JSON.stringify(value));\n      }\n      // For primitive values, return directly\n      return value;\n    } catch (error) {\n      console.warn(\"structuredClone polyfill failed:\", error);\n\n      // Returns a shallow copy as fallback\n      return Array.isArray(value) ? [...value] : { ...value };\n    }\n  };\n}\n\n// Polyfill window.matchMedia for JSDOM (used by Nimbus/Chakra for theming)\nObject.defineProperty(window, \"matchMedia\", {\n  writable: true,\n  value: (query: unknown) => ({\n    matches: false, // Default value, tests can override if needed\n    media: query,\n    onchange: null,\n    addListener: () => {}, // Deprecated but needed for some libs\n    removeListener: () => {}, // Deprecated but needed for some libs\n    addEventListener: () => {},\n    removeEventListener: () => {},\n    dispatchEvent: () => false,\n  }),\n});\n"],"names":["value","error","query"],"mappings":"aAgBI,OAAO,OAAO,iBAAoB,aAC7B,OAAA,gBAAkB,SAAyBA,EAAO,CACnD,GAAAA,GAAU,KACL,OAAAA,EAGL,GAAA,CAEE,OAAA,OAAOA,GAAU,SACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,EAGlCA,QACAC,EAAO,CACN,eAAA,KAAK,mCAAoCA,CAAK,EAG/C,MAAM,QAAQD,CAAK,EAAI,CAAC,GAAGA,CAAK,EAAI,CAAE,GAAGA,CAAM,CAAA,CAE1D,GAIF,OAAO,eAAe,OAAQ,aAAc,CAC1C,SAAU,GACV,MAAQE,IAAoB,CAC1B,QAAS,GACT,MAAOA,EACP,SAAU,KACV,YAAa,IAAM,CAAC,EACpB,eAAgB,IAAM,CAAC,EACvB,iBAAkB,IAAM,CAAC,EACzB,oBAAqB,IAAM,CAAC,EAC5B,cAAe,IAAM,EACvB,EACF,CAAC"}
+{"version":3,"file":"setup-jsdom-polyfills.cjs","sources":["../src/test/setup-jsdom-polyfills.ts"],"sourcesContent":["/**\n * Polyfills necessary for the `NimbusProvider` not to crash in JSDOM environments (e.g. jest)\n *\n * To use with jest, update jest config like so:\n * config = {\n *   ...\n *   setupFiles: [\n *     '@commercetools/nimbus/setup-jsdom-polyfills`,\n *     ...\n *  ]\n * }\n */\n\n// TODO: document this somewhere besides this file\n\n// implementation of structuredClone polyfill to satisfy the Nimbus (Chakra UI) provider\nif (typeof global.structuredClone !== \"function\") {\n  global.structuredClone = function structuredClone(value) {\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    try {\n      // For objects and arrays, use JSON methods\n      if (typeof value === \"object\") {\n        return JSON.parse(JSON.stringify(value));\n      }\n      // For primitive values, return directly\n      return value;\n    } catch (error) {\n      console.warn(\"structuredClone polyfill failed:\", error);\n\n      // Returns a shallow copy as fallback\n      return Array.isArray(value) ? [...value] : { ...value };\n    }\n  };\n}\n\n// Polyfill window.matchMedia for JSDOM (used by Nimbus/Chakra for theming)\nObject.defineProperty(window, \"matchMedia\", {\n  writable: true,\n  value: (query: unknown) => ({\n    matches: false, // Default value, tests can override if needed\n    media: query,\n    onchange: null,\n    addListener: () => {}, // Deprecated but needed for some libs\n    removeListener: () => {}, // Deprecated but needed for some libs\n    addEventListener: () => {},\n    removeEventListener: () => {},\n    dispatchEvent: () => false,\n  }),\n});\n"],"names":["value","error","query"],"mappings":"aAgBI,OAAO,OAAO,iBAAoB,aAC7B,OAAA,gBAAkB,SAAyBA,EAAO,CACnD,GAAAA,GAAU,KACL,OAAAA,EAGL,GAAA,CAEE,OAAA,OAAOA,GAAU,SACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,EAGlCA,QACAC,EAAO,CACN,eAAA,KAAK,mCAAoCA,CAAK,EAG/C,MAAM,QAAQD,CAAK,EAAI,CAAC,GAAGA,CAAK,EAAI,CAAE,GAAGA,CAAM,CAAA,CAE1D,GAIF,OAAO,eAAe,OAAQ,aAAc,CAC1C,SAAU,GACV,MAAQE,IAAoB,CAC1B,QAAS,GACT,MAAOA,EACP,SAAU,KACV,YAAa,IAAM,CAAC,EACpB,eAAgB,IAAM,CAAC,EACvB,iBAAkB,IAAM,CAAC,EACzB,oBAAqB,IAAM,CAAC,EAC5B,cAAe,IAAM,EACvB,EACF,CAAC"}

package/dist/setup-jsdom-polyfills.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup-jsdom-polyfills.es.js","sources":["../src/test/setup-jsdom-polyfills.ts"],"sourcesContent":["/**\n * Polyfills necessary for the `NimbusProvider` not to crash in JSDOM environments (e.g. jest)\n *\n * To use with jest, update jest config like so:\n * config = {\n *   ...\n *   setupFiles: [\n *     '@commercetools/nimbus/setupJsdomPolyfills`,\n *     ...\n *  ]\n * }\n */\n\n// TODO: document this somewhere besides this file\n\n// implementation of structuredClone polyfill to satisfy the Nimbus (Chakra UI) provider\nif (typeof global.structuredClone !== \"function\") {\n  global.structuredClone = function structuredClone(value) {\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    try {\n      // For objects and arrays, use JSON methods\n      if (typeof value === \"object\") {\n        return JSON.parse(JSON.stringify(value));\n      }\n      // For primitive values, return directly\n      return value;\n    } catch (error) {\n      console.warn(\"structuredClone polyfill failed:\", error);\n\n      // Returns a shallow copy as fallback\n      return Array.isArray(value) ? [...value] : { ...value };\n    }\n  };\n}\n\n// Polyfill window.matchMedia for JSDOM (used by Nimbus/Chakra for theming)\nObject.defineProperty(window, \"matchMedia\", {\n  writable: true,\n  value: (query: unknown) => ({\n    matches: false, // Default value, tests can override if needed\n    media: query,\n    onchange: null,\n    addListener: () => {}, // Deprecated but needed for some libs\n    removeListener: () => {}, // Deprecated but needed for some libs\n    addEventListener: () => {},\n    removeEventListener: () => {},\n    dispatchEvent: () => false,\n  }),\n});\n"],"names":["value","error","query"],"mappings":"AAgBI,OAAO,OAAO,mBAAoB,eAC7B,OAAA,kBAAkB,SAAyBA,GAAO;AACnD,MAAAA,KAAU;AACL,WAAAA;AAGL,MAAA;AAEE,WAAA,OAAOA,KAAU,WACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,IAGlCA;AAAA,WACAC,GAAO;AACN,mBAAA,KAAK,oCAAoCA,CAAK,GAG/C,MAAM,QAAQD,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,EAAE,GAAGA,EAAM;AAAA,EAAA;AAE1D;AAIF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO,CAACE,OAAoB;AAAA,IAC1B,SAAS;AAAA;AAAA,IACT,OAAOA;AAAA,IACP,UAAU;AAAA,IACV,aAAa,MAAM;AAAA,IAAC;AAAA;AAAA,IACpB,gBAAgB,MAAM;AAAA,IAAC;AAAA;AAAA,IACvB,kBAAkB,MAAM;AAAA,IAAC;AAAA,IACzB,qBAAqB,MAAM;AAAA,IAAC;AAAA,IAC5B,eAAe,MAAM;AAAA,EACvB;AACF,CAAC;"}
+{"version":3,"file":"setup-jsdom-polyfills.es.js","sources":["../src/test/setup-jsdom-polyfills.ts"],"sourcesContent":["/**\n * Polyfills necessary for the `NimbusProvider` not to crash in JSDOM environments (e.g. jest)\n *\n * To use with jest, update jest config like so:\n * config = {\n *   ...\n *   setupFiles: [\n *     '@commercetools/nimbus/setup-jsdom-polyfills`,\n *     ...\n *  ]\n * }\n */\n\n// TODO: document this somewhere besides this file\n\n// implementation of structuredClone polyfill to satisfy the Nimbus (Chakra UI) provider\nif (typeof global.structuredClone !== \"function\") {\n  global.structuredClone = function structuredClone(value) {\n    if (value === null || value === undefined) {\n      return value;\n    }\n\n    try {\n      // For objects and arrays, use JSON methods\n      if (typeof value === \"object\") {\n        return JSON.parse(JSON.stringify(value));\n      }\n      // For primitive values, return directly\n      return value;\n    } catch (error) {\n      console.warn(\"structuredClone polyfill failed:\", error);\n\n      // Returns a shallow copy as fallback\n      return Array.isArray(value) ? [...value] : { ...value };\n    }\n  };\n}\n\n// Polyfill window.matchMedia for JSDOM (used by Nimbus/Chakra for theming)\nObject.defineProperty(window, \"matchMedia\", {\n  writable: true,\n  value: (query: unknown) => ({\n    matches: false, // Default value, tests can override if needed\n    media: query,\n    onchange: null,\n    addListener: () => {}, // Deprecated but needed for some libs\n    removeListener: () => {}, // Deprecated but needed for some libs\n    addEventListener: () => {},\n    removeEventListener: () => {},\n    dispatchEvent: () => false,\n  }),\n});\n"],"names":["value","error","query"],"mappings":"AAgBI,OAAO,OAAO,mBAAoB,eAC7B,OAAA,kBAAkB,SAAyBA,GAAO;AACnD,MAAAA,KAAU;AACL,WAAAA;AAGL,MAAA;AAEE,WAAA,OAAOA,KAAU,WACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,IAGlCA;AAAA,WACAC,GAAO;AACN,mBAAA,KAAK,oCAAoCA,CAAK,GAG/C,MAAM,QAAQD,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,EAAE,GAAGA,EAAM;AAAA,EAAA;AAE1D;AAIF,OAAO,eAAe,QAAQ,cAAc;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO,CAACE,OAAoB;AAAA,IAC1B,SAAS;AAAA;AAAA,IACT,OAAOA;AAAA,IACP,UAAU;AAAA,IACV,aAAa,MAAM;AAAA,IAAC;AAAA;AAAA,IACpB,gBAAgB,MAAM;AAAA,IAAC;AAAA;AAAA,IACvB,kBAAkB,MAAM;AAAA,IAAC;AAAA,IACzB,qBAAqB,MAAM;AAAA,IAAC;AAAA,IAC5B,eAAe,MAAM;AAAA,EACvB;AACF,CAAC;"}

package/dist/simple-grid.d.ts

@@ -0,0 +1,28 @@
+import { ForwardRefExoticComponent } from 'react';
+import { GridItemProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RefAttributes } from 'react';
+import { SimpleGridProps as SimpleGridProps_2 } from '@chakra-ui/react';
+
+export declare const SimpleGrid: {
+    (props: SimpleGridProps): JSX.Element;
+    displayName: string;
+} & {
+    Item: ForwardRefExoticComponent<GridItemProps & RefAttributes<HTMLDivElement>>;
+};
+
+/**
+ * SimpleGrid
+ * ============================================================
+ * The SimpleGrid Layout Component provides a flexible and responsive way to structure content.
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ */
+export declare interface SimpleGridProps extends SimpleGridProps_2 {
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+}
+
+export { }

package/dist/stack.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react/jsx-runtime';
+import { StackProps as StackProps_2 } from '@chakra-ui/react';
+
+export declare const Stack: {
+    (props: StackProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface StackProps extends StackProps_2 {
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+}
+
+export { }

package/dist/switch.d.ts

@@ -0,0 +1,75 @@
+import { AriaCheckboxProps } from 'react-aria';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+
+/**
+ * List of props that should be excluded from the root props when combining with ARIA props
+ */
+declare type ExcludedSwitchProps = "asChild" | "isIndeterminate" | "colorScheme" | "validationState" | "validationBehavior" | "validate";
+
+/**
+ * Switch
+ * ============================================================
+ * displays a switch toggle and optionally an associated label
+ */
+export declare const Switch: {
+    ({ ref: externalRef, ...props }: SwitchProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Main props interface for the Switch component.
+ * Combines root element props with ARIA toggle functionality props.
+ */
+export declare type SwitchProps = Omit<SwitchRootProps, ExcludedSwitchProps | "onChange"> & Omit<AriaCheckboxProps, ExcludedSwitchProps> & {
+    /**
+     * The content to display next to the switch.
+     * Can be a string or React node.
+     */
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLInputElement>;
+};
+
+/**
+ * Props for the Switch component root element.
+ * Includes all HTML props for the label element and recipe variant props.
+ */
+declare interface SwitchRootProps extends HTMLChakraProps<"label", RecipeVariantProps<typeof switchSlotRecipe>> {
+}
+
+/**
+ * Recipe configuration for the Switch component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const switchSlotRecipe: SlotRecipeDefinition<"label" | "track" | "root" | "thumb", {
+size: {
+sm: {
+track: {
+"--track-height": "sizes.400";
+"--track-width": "sizes.700";
+};
+thumb: {
+"--thumb-size": "sizes.400";
+};
+label: {
+"--label-font-size": "fontSizes.350";
+};
+};
+md: {
+track: {
+"--track-height": "sizes.600";
+"--track-width": "sizes.1100";
+};
+thumb: {
+"--thumb-size": "sizes.600";
+};
+label: {
+"--label-font-size": "fontSizes.400";
+};
+};
+};
+}>;
+
+export { }

package/dist/table.d.ts

@@ -0,0 +1,5 @@
+import { Table } from '@chakra-ui/react';
+
+export { Table }
+
+export { }

package/dist/tag-group.d.ts

@@ -0,0 +1,99 @@
+import { FC } from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { RecipeProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { RefAttributes } from 'react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+import { Tag } from 'react-aria-components';
+import { TagGroup as TagGroup_2 } from 'react-aria-components';
+import { TagGroupProps as TagGroupProps_2 } from 'react-aria-components';
+import { TagGroupRootComponent as TagGroupRootComponent_2 } from './tag-group.types';
+import { TagGroupTagComponent as TagGroupTagComponent_2 } from './tag-group.types';
+import { TagGroupTagListProps as TagGroupTagListProps_2 } from './tag-group.types';
+import { TagListProps } from 'react-aria-components';
+import { TagProps } from 'react-aria-components';
+
+/**
+ * TagGroup
+ * ============================================================
+ * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
+ *
+ */
+export declare const TagGroup: {
+    Root: TagGroupRootComponent_2;
+    TagList: {
+        <T extends object>({ children, ref, ...rest }: TagGroupTagListProps_2<T> & RefAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+    Tag: TagGroupTagComponent_2;
+};
+
+/** Final external props for the `<TagGroup>` component, including `children`. */
+export declare type TagGroupProps = PropsWithChildren<TagGroupRootProps> & {
+    ref?: React.Ref<typeof TagGroup_2>;
+};
+
+/** Type signature for the main `TagGroup` component. */
+export declare type TagGroupRootComponent = FC<TagGroupProps>;
+
+/** Combined props for the root element (Chakra styles + Aria behavior + Recipe variants). */
+declare type TagGroupRootProps = TagGroupRootSlotProps & TagGroupProps_2 & RecipeVariantProps<typeof tagGroupSlotRecipe>;
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupRootSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/**
+ * Recipe configuration for the TagGroup component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const tagGroupSlotRecipe: SlotRecipeDefinition<"root" | "tagList" | "tag", {
+size: {
+sm: {
+tag: {
+minH: "600";
+paddingX: "200";
+fontSize: "350";
+lineHeight: "400";
+};
+};
+md: {
+tag: {
+minH: "800";
+paddingX: "200";
+paddingY: "100";
+};
+};
+lg: {
+tag: {
+minH: "1000";
+padding: "200";
+};
+};
+};
+}>;
+
+/** Type signature for the `TagGroup.Tag` sub-component. */
+export declare type TagGroupTagComponent = FC<TagGroupTagProps>;
+
+/** Type signature for the `TagGroup.TagList` sub-component. */
+export declare type TagGroupTagListComponent<T extends object> = FC<TagGroupTagListProps<T>>;
+
+/** Combined props for the tagList element (Chakra styles + Aria behavior + Recipe variants). */
+export declare type TagGroupTagListProps<T extends object> = TagListProps<T> & Omit<TagGroupTagListSlotProps, keyof TagListProps<T>> & {
+    ref?: React.Ref<HTMLDivElement>;
+};
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupTagListSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+/** Combined props for the tag element (Chakra styles + Aria behavior + Recipe variants). */
+export declare type TagGroupTagProps = TagProps & Omit<TagGroupTagSlotProps, keyof TagProps> & {
+    ref?: React.Ref<typeof Tag>;
+};
+
+/** Base Chakra styling props for the root `div` slot. */
+declare type TagGroupTagSlotProps = HTMLChakraProps<"div", RecipeProps<"div">>;
+
+export { }

package/dist/text-input.d.ts

@@ -0,0 +1,68 @@
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeDefinition } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { TextFieldProps } from 'react-aria-components';
+import { UnstyledProp } from '@chakra-ui/react';
+
+/**
+ * TextInput
+ * ============================================================
+ * An input component that takes in text as input
+ *
+ * Features:
+ *
+ * - allows forwarding refs to the underlying DOM element
+ * - accepts all native html 'HTMLInputElement' attributes (including aria- & data-attributes)
+ * - supports 'variants', 'sizes', etc. configured in the recipe
+ * - allows overriding styles by using style-props
+ */
+export declare const TextInput: {
+    (props: TextInputProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
+    ref?: React.Ref<HTMLInputElement>;
+}
+
+/**
+ * Recipe configuration for the TextInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const textInputRecipe: RecipeDefinition<    {
+size: {
+sm: {
+h: number;
+textStyle: "sm";
+px: number;
+};
+md: {
+h: number;
+textStyle: "md";
+px: number;
+};
+};
+variant: {
+solid: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "primary.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+ghost: {
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+}>;
+
+declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
+}
+
+declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
+
+export { }

package/dist/text.d.ts

@@ -0,0 +1,20 @@
+import { JSX } from 'react/jsx-runtime';
+import { TextProps as TextProps_2 } from '@chakra-ui/react';
+
+/**
+ * Text
+ *
+ * Use this component to display text.
+ */
+declare const Text_2: {
+    ({ ref: forwardedRef, ...props }: TextProps): JSX.Element;
+    displayName: string;
+};
+export { Text_2 as Text }
+
+export declare interface TextProps extends Omit<TextProps_2, "slot"> {
+    ref?: React.Ref<HTMLElement>;
+    slot?: string | null | undefined;
+}
+
+export { }

package/dist/time-input.d.ts

@@ -0,0 +1,102 @@
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RecipeProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+import { TimeFieldStateOptions } from 'react-stately';
+import { TimeValue } from 'react-aria';
+import { UnstyledProp } from '@chakra-ui/react';
+
+/**
+ * Properties from TimeFieldStateOptions that would conflict with similarly named
+ * properties in TimeInputRootProps. We use this to prevent TypeScript interface
+ * merging conflicts by prioritizing the TimeFieldStateOptions implementation.
+ *
+ * Examples include: value, defaultValue, onChange, onBlur, onFocus, etc.
+ */
+declare type ConflictingFieldStateProps = keyof TimeFieldStateOptions<TimeValue>;
+
+/**
+ * Additional properties we want to exclude from the TimeInput component.
+ * These are either deprecated or not intended for use in this component.
+ */
+declare type ExcludedProps = "validationState" | "label" | "description" | "errorMessage" | "css" | "colorScheme" | "unstyled" | "recipe" | "as" | "asChild";
+
+/**
+ * TimeInput
+ * ============================================================
+ * allows entering a time in the currently selected locale
+ */
+export declare const TimeInput: {
+    (props: TimeInputProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Main props interface for the TimeInput component.
+ *
+ * We use Omit to remove:
+ * 1. Conflicting props from TimeInputRootProps to avoid TypeScript errors
+ * 2. Explicitly excluded props that we don't want users to access
+ */
+export declare interface TimeInputProps extends Omit<TimeInputRootProps, ConflictingFieldStateProps | ExcludedProps>, Omit<TimeFieldStateOptions<TimeValue>, ExcludedProps>, RecipeVariantProps<typeof timeInputRecipe> {
+}
+
+/**
+ * Recipe configuration for the TimeInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const timeInputRecipe: SlotRecipeDefinition<"root" | "segmentGroup" | "segment", {
+size: {
+sm: {
+segmentGroup: {
+h: number;
+textStyle: "sm";
+px: number;
+};
+};
+md: {
+segmentGroup: {
+h: number;
+textStyle: "md";
+px: number;
+};
+};
+};
+variant: {
+solid: {
+segmentGroup: {
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "neutral.1";
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+ghost: {
+segmentGroup: {
+_hover: {
+backgroundColor: "primary.2";
+};
+};
+};
+};
+}>;
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface TimeInputRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props.
+ * This creates a complete set of props for the root element, combining
+ * HTML attributes, Chakra's styling system, and our custom recipe props.
+ */
+declare interface TimeInputRootProps extends HTMLChakraProps<"div", TimeInputRecipeProps> {
+}
+
+export { }