@commercetools/nimbus 0.0.0-canary-20250801132810

package/dist/progress-bar.d.ts

@@ -0,0 +1,168 @@
+import { AriaProgressBarProps } from 'react-aria';
+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 { UnstyledProp } from '@chakra-ui/react';
+
+/**
+ * Additional properties we want to exclude from the ProgressBar component.
+ * These are chakra-ui props we don't want exposed.
+ */
+declare type ExcludedProps = "css" | "unstyled" | "as" | "asChild";
+
+/**
+ * ProgressBar
+ * ============================================================
+ * Displays progress towards completion of a task or process
+ *
+ * Features:
+ *
+ * - Supports both determinate (with value) and indeterminate (loading) states
+ * - Two visual variants: solid (gradient) and contrast (monochromatic)
+ * - Three layouts: minimal, inline, and stacked
+ * - Configurable value formatting with internationalization support
+ * - Full accessibility support with ARIA attributes
+ * - Allows forwarding refs to the underlying DOM element
+ * - Accepts all native HTML div attributes
+ * - Supports variants, sizes, etc. configured in the recipe
+ * - Allows overriding styles by using style-props
+ */
+export declare const ProgressBar: {
+    (props: ProgressBarProps): JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Main props interface for the ProgressBar component.
+ * Extends ProgressBarRootProps to include root props, variant props, and aria props,
+ * while adding custom props for label display and formatting.
+ */
+export declare interface ProgressBarProps extends Omit<ProgressBarRootProps, ExcludedProps> {
+    /**
+     * Ref forwarding to the root element
+     */
+    ref?: React.Ref<HTMLDivElement>;
+    /**
+     * Whether the progress bar represents an active, ongoing process.
+     * Set to `true` for dynamic progress (e.g., file uploads, downloads).
+     * Set to `false` for static progress indicators (e.g., step 3 of 5 in a wizard).
+     * @default true
+     */
+    isDynamic?: boolean;
+    /**
+     * Format options for the progress bar.
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
+     */
+    formatOptions: ProgressBarRootProps["formatOptions"];
+}
+
+/**
+ * Base recipe props interface that combines Chakra UI's recipe props
+ * with the unstyled prop option for the div element.
+ */
+declare interface ProgressBarRecipeProps extends RecipeProps<"div">, UnstyledProp {
+}
+
+/**
+ * Root props interface that extends Chakra's HTML props with our recipe props,
+ * aria props, and data attributes.
+ */
+declare interface ProgressBarRootProps extends HTMLChakraProps<"div", ProgressBarRecipeProps>, Omit<RecipeVariantProps<typeof progressBarSlotRecipe>, "isIndeterminate">, AriaProgressBarProps {
+    [key: `data-${string}`]: string;
+}
+
+/**
+ * Recipe configuration for the ProgressBar component.
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
+ */
+declare const progressBarSlotRecipe: SlotRecipeDefinition<"fill" | "label" | "track" | "value" | "root", {
+size: {
+"2xs": {
+root: {
+"--progress-bar-radius": "{radii.300}";
+"--progress-bar-font-size": "{fontSizes.350}";
+"--progress-bar-height": "{sizes.300}";
+"--progress-bar-line-height": "{fontSizes.500}";
+};
+};
+md: {
+root: {
+"--progress-bar-radius": "{radii.600}";
+"--progress-bar-font-size": "{fontSizes.400}";
+"--progress-bar-height": "{sizes.600}";
+"--progress-bar-line-height": "{fontSizes.600}";
+};
+};
+};
+isDynamic: {
+true: {
+fill: {
+"--progress-bar-animation": "gradient-shimmer 4s ease-in-out infinite";
+"&[data-complete='true']": {
+"--progress-bar-animation": "none";
+};
+};
+};
+};
+isIndeterminate: {
+true: {
+fill: {
+"--progress-bar-animation": "progress-indeterminate 2s ease-in-out infinite";
+width: "40% !important";
+};
+};
+};
+variant: {
+solid: {
+root: {
+"--progress-bar-text-color": "{colors.neutral.12}";
+"--progress-bar-track-bg": "{colors.neutralAlpha.3}";
+};
+};
+contrast: {
+root: {
+"--progress-bar-text-color": "{colors.colorPalette.contrast}";
+"--progress-bar-track-bg": "{colors.colorPalette.contrast/15}";
+};
+fill: {
+bgImage: "linear-gradient(90deg, {colors.colorPalette.contrast/25}, {colors.colorPalette.contrast}, {colors.colorPalette.contrast/25})";
+};
+};
+};
+layout: {
+minimal: {
+label: {
+display: "none";
+};
+value: {
+display: "none";
+};
+};
+inline: {
+root: {
+flexDirection: "row";
+alignItems: "center";
+gap: "400";
+};
+track: {
+flex: number;
+};
+};
+stacked: {
+root: {
+flexDirection: "column";
+gap: "200";
+};
+text: {
+display: "flex";
+justifyContent: "space-between";
+alignItems: "center";
+width: "100%";
+};
+};
+};
+}>;
+
+export { }

package/dist/radio-input.d.ts

@@ -0,0 +1,77 @@
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RadioGroupProps as RadioGroupProps_2 } from 'react-aria-components';
+import { RadioInputOptionProps as RadioInputOptionProps_2 } from './radio-input.types';
+import { RadioInputRootProps as RadioInputRootProps_2 } from './radio-input.types';
+import { RadioProps } from 'react-aria-components';
+import { RecipeProps } from '@chakra-ui/react';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+
+declare type RadioGroupProps = Omit<RadioGroupProps_2, "children"> & {
+    children?: React.ReactNode;
+};
+
+export declare const RadioInput: {
+    Root: {
+        (props: RadioInputRootProps_2): JSX.Element;
+        displayName: string;
+    };
+    Option: {
+        ({ children, value, ...rest }: RadioInputOptionProps_2): JSX.Element;
+        displayName: string;
+    };
+};
+
+export declare const _RadioInputOption: {
+    ({ children, value, ...rest }: RadioInputOptionProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface RadioInputOptionProps extends RadioProps, Omit<RadioInputOptionSlotProps, keyof RadioProps> {
+}
+
+export declare interface RadioInputOptionSlotProps extends HTMLChakraProps<"span", RecipeProps<"option">> {
+}
+
+/**
+ * # RadioInput
+ *
+ * A set of closely related, mutually exclusive or complementary actions that are important enough to be displayed directly in the interface for quick access.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/radio-input}
+ */
+export declare const _RadioInputRoot: {
+    (props: RadioInputRootProps): JSX.Element;
+    displayName: string;
+};
+
+export declare interface RadioInputRootProps extends RadioGroupProps, Omit<RadioInputRootSlotProps, keyof RadioGroupProps> {
+}
+
+export declare interface RadioInputRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof radioInputSlotRecipe>> {
+}
+
+/**
+ * Recipe configuration for the RadioInput component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ */
+declare const radioInputSlotRecipe: SlotRecipeDefinition<"option" | "root", {
+orientation: {
+horizontal: {
+root: {
+flexDirection: "row";
+gap: "600";
+};
+};
+vertical: {
+root: {
+flexDirection: "column";
+alignItems: "flex-start";
+gap: "400";
+};
+};
+};
+}>;
+
+export { }

package/dist/range-calendar.d.ts

@@ -0,0 +1,33 @@
+import { DateValue } from '@internationalized/date';
+import { HTMLChakraProps } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
+import { RangeCalendarProps as RangeCalendarProps_2 } from 'react-aria-components';
+import { RecipeVariantProps } from '@chakra-ui/react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
+import { SlotRecipeVariantRecord } from '@chakra-ui/react';
+
+/**
+ * Additional properties we want to exclude from the RangeCalendar component.
+ * These are either deprecated or not intended for use in this component.
+ */
+declare type ExcludedProps = "as" | "style" | "createCalendar";
+
+export declare const RangeCalendar: (props: RangeCalendarProps<DateValue>) => JSX.Element;
+
+export declare interface RangeCalendarProps<T extends DateValue> extends Omit<RangeCalendarRootSlotProps, keyof RangeCalendarProps_2<DateValue> | ExcludedProps>, Omit<RangeCalendarProps_2<T>, ExcludedProps>, RecipeVariantProps<typeof rangeCalendarSlotRecipe> {
+}
+
+declare interface RangeCalendarRootSlotProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof rangeCalendarSlotRecipe> & RangeCalendarProps_2<DateValue>> {
+}
+
+declare const rangeCalendarSlotRecipe: SlotRecipeDefinition<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell", SlotRecipeVariantRecord<"grid" | "header" | "root" | "grids" | "monthTitle" | "gridHeader" | "headerCell" | "gridBody" | "bodyCell">>;
+
+/**
+ * Range value type for date ranges
+ */
+export declare type RangeValue<T> = {
+    start: T;
+    end: T;
+};
+
+export { }

package/dist/select.d.ts

@@ -0,0 +1,150 @@
+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"> {
+}
+
+/**
+ * # Select
+ *
+ * displays a collapsible list of options and allows a user to select one of them.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/select}
+ */
+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

@@ -0,0 +1,2 @@
+"use strict";typeof globalThis.structuredClone!="function"&&(globalThis.structuredClone=function(e){if(e==null)return e;try{return typeof e=="object"?JSON.parse(JSON.stringify(e)):e}catch(r){return console.warn("structuredClone polyfill failed:",r),Array.isArray(e)?[...e]:{...e}}});
+//# sourceMappingURL=setup-jsdom-polyfills.cjs.map

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

@@ -0,0 +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/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 globalThis.structuredClone !== \"function\") {\n  globalThis.structuredClone = function structuredClone(value: any) {\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"],"mappings":"aAgBI,OAAO,WAAW,iBAAoB,aACxC,WAAW,gBAAkB,SAAyBA,EAAY,CAChE,GAAIA,GAAU,KACZ,OAAOA,EAGT,GAAI,CAEF,OAAI,OAAOA,GAAU,SACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,EAGlCA,CACT,OAASC,EAAO,CACd,eAAQ,KAAK,mCAAoCA,CAAK,EAG/C,MAAM,QAAQD,CAAK,EAAI,CAAC,GAAGA,CAAK,EAAI,CAAE,GAAGA,CAAA,CAClD,CACF"}

package/dist/setup-jsdom-polyfills.d.ts

@@ -0,0 +1 @@
+export { }

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

@@ -0,0 +1,10 @@
+typeof globalThis.structuredClone != "function" && (globalThis.structuredClone = function(e) {
+  if (e == null)
+    return e;
+  try {
+    return typeof e == "object" ? JSON.parse(JSON.stringify(e)) : e;
+  } catch (r) {
+    return console.warn("structuredClone polyfill failed:", r), Array.isArray(e) ? [...e] : { ...e };
+  }
+});
+//# sourceMappingURL=setup-jsdom-polyfills.es.js.map

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

@@ -0,0 +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/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 globalThis.structuredClone !== \"function\") {\n  globalThis.structuredClone = function structuredClone(value: any) {\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"],"mappings":"AAgBI,OAAO,WAAW,mBAAoB,eACxC,WAAW,kBAAkB,SAAyBA,GAAY;AAChE,MAAIA,KAAU;AACZ,WAAOA;AAGT,MAAI;AAEF,WAAI,OAAOA,KAAU,WACZ,KAAK,MAAM,KAAK,UAAUA,CAAK,CAAC,IAGlCA;AAAA,EACT,SAASC,GAAO;AACd,mBAAQ,KAAK,oCAAoCA,CAAK,GAG/C,MAAM,QAAQD,CAAK,IAAI,CAAC,GAAGA,CAAK,IAAI,EAAE,GAAGA,EAAA;AAAA,EAClD;AACF;"}

package/dist/simple-grid.d.ts

@@ -0,0 +1,26 @@
+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
+ *
+ * displays a simple grid / matrix
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/layout/simplegrid}
+ */
+export declare interface SimpleGridProps extends SimpleGridProps_2 {
+    children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+}
+
+export { }

package/dist/stack.d.ts

@@ -0,0 +1,21 @@
+import { JSX } from 'react/jsx-runtime';
+import { StackProps as StackProps_2 } from '@chakra-ui/react';
+
+/**
+ * # Stack
+ *
+ * An easily customizable Stack component, re-exported from Chakra UI, that provides a consistent layout structure across different products.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/layout/stack}
+ */
+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,77 @@
+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
+ *
+ * A clear, visual toggle, allowing users to activate or deactivate a setting quickly.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/inputs/switch}
+ */
+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 { }