@integration-app/react 2.0.3-beta.3 → 2.0.3

package/dist/types/components/DropdownUI/index.d.ts

@@ -1,49 +1,34 @@
-import { HTMLAttributes, ButtonHTMLAttributes, PropsWithChildren } from 'react';
-import * as DropdownUIElements from './DropdownUIElements';
-export * from './DropdownUITab';
-export { ItemTitle } from './DropdownUIElements';
-declare function DropdownTabs({ children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-interface DropdownTabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    selected?: boolean;
-}
-declare function DropdownTab({ children, selected, ...props }: DropdownTabProps): import("react/jsx-runtime").JSX.Element;
-interface DropdownSearchProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    value?: string;
-    onChange?: (value: string) => void;
-    autoFocus?: boolean;
-    placeholder?: HTMLInputElement['placeholder'];
-}
-interface DropdownPanelProps extends HTMLAttributes<HTMLDivElement> {
-    withPaddings?: boolean;
-}
-interface DropdownItemProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    active?: boolean;
-    selected?: boolean;
-    readonly?: boolean;
-    disabled?: boolean;
-    hasError?: boolean;
-    isHighlighted?: boolean;
-}
-interface DropdownHeaderItemProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    clickable?: boolean;
-    active?: boolean;
-}
-declare function DropdownLoadingPanel({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-declare function DropdownErrorPanel({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
-declare function DropdownHeaderItem({ children, className, clickable, active, ...props }: PropsWithChildren<DropdownHeaderItemProps>): import("react/jsx-runtime").JSX.Element;
-declare const DropdownUI: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
-    Tabs: typeof DropdownTabs;
-    Tab: typeof DropdownTab;
-    Search: import("react").ForwardRefExoticComponent<DropdownSearchProps & import("react").RefAttributes<HTMLDivElement>>;
-    Panel: import("react").ForwardRefExoticComponent<DropdownPanelProps & import("react").RefAttributes<HTMLDivElement>>;
-    List: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Item: import("react").ForwardRefExoticComponent<DropdownItemProps & {
+/// <reference types="react" />
+import { ItemIcon } from './ItemIcon';
+import { ItemTitle } from './ItemTitle';
+import { ItemNestingIndicator } from './ItemNestingIndicator';
+export declare const DropdownUI: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
+    Search: import("react").ForwardRefExoticComponent<{
+        value?: string | undefined;
+        onChange?: ((value: string) => void) | undefined;
+        autoFocus?: boolean | undefined;
+        placeholder?: string | undefined;
+    } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLInputElement>>;
+    Panel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    List: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<{
+        className?: string | undefined;
+        current?: boolean | undefined;
+    } & import("react").HTMLAttributes<HTMLDivElement> & {
         children?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
-    HeaderItem: typeof DropdownHeaderItem;
-    LoadingPanel: typeof DropdownLoadingPanel;
-    ErrorPanel: typeof DropdownErrorPanel;
+    ListHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    BackButton: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    NoOptionsHeading: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+        text?: string | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    ErrorHeading: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+        text?: string | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    LoadingItem: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+        delay?: number | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    ItemIcon: typeof ItemIcon;
+    ItemTitle: typeof ItemTitle;
+    ItemNestingIndicator: typeof ItemNestingIndicator;
 };
-export { DropdownUI, DropdownUIElements };

package/dist/types/components/DropdownUI/item-context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const DropdownItemContextProvider: import("react").Provider<{
+    id?: string | undefined;
+}>;
+export declare const useDropdownItemContext: () => {
+    id?: string | undefined;
+};

package/dist/types/components/DropdownUI/sva-recipe.d.ts

@@ -0,0 +1 @@
+export declare const dropdownRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"item" | "list" | "root" | "navigator" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title", import("../../styled-system/types").SlotRecipeVariantRecord<"item" | "list" | "root" | "navigator" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title">>;

package/dist/types/components/Formula/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SvgIconType } from '../SvgIcon';
+import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
 interface IFormula {
     children: React.ReactNode;
     onClick?: (...args: any[]) => void;

package/dist/types/components/Notification/index.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { SvgIconType } from '../SvgIcon';
+import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
 export type NotificationType = 'info' | 'warning' | 'error' | 'default';
 type NotificationMode = 'block' | 'icon';
 type NotificationSize = 'sm' | 'md';

package/dist/types/components/Portal/index.d.ts

@@ -1,8 +1,7 @@
 import { PropsWithChildren, RefObject } from 'react';
 type PortalNodeType = null | string | Element | RefObject<Element> | GetPortalNodeFnType;
 type GetPortalNodeFnType = (...args: any) => Element | RefObject<Element>;
-declare function Portal({ node, children, }: PropsWithChildren<{
+export declare function Portal({ node, children, }: PropsWithChildren<{
     node?: PortalNodeType;
 }>): import("react/jsx-runtime").JSX.Element;
-declare function getPortalNode(portalNode?: PortalNodeType): Element | RefObject<Element> | null;
-export { Portal, getPortalNode };
+export {};

package/dist/types/components/SvgIcon/index.d.ts

@@ -1,117 +1,5 @@
 import { SVGProps } from 'react';
-export declare enum SvgIconType {
-    ActionBarDuplicate = "ActionBarDuplicate",
-    ActionBarProperties = "ActionBarProperties",
-    Add = "Add",
-    AddCircle = "AddCircle",
-    AlertCircle = "AlertCircle",
-    AlertOctagon = "AlertOctagon",
-    AlertTriangle = "AlertTriangle",
-    AlignLeft = "AlignLeft",
-    AppIcon = "AppIcon",
-    DefaultWorkspaceIcon = "DefaultWorkspaceIcon",
-    Archive = "Archive",
-    Array = "Array",
-    ArrowRight = "ArrowRight",
-    Back = "Back",
-    Braces = "Braces",
-    BreadcrumbStep = "BreadcrumbStep",
-    Cancel = "Cancel",
-    Check = "Check",
-    Checks = "Checks",
-    ChevronDown = "ChevronDown",
-    ChevronLeft = "ChevronLeft",
-    ChevronRight = "ChevronRight",
-    ChevronUp = "ChevronUp",
-    Close = "Close",
-    Copy = "Copy",
-    Code = "Code",
-    Delete = "Delete",
-    Disconnect = "Disconnect",
-    DotsVertical = "DotsVertical",
-    Download = "Download",
-    Drag = "Drag",
-    Edit = "Edit",
-    EditorVisual = "EditorVisual",
-    Eye = "Eye",
-    EyeOff = "EyeOff",
-    ExternalLink = "ExternalLink",
-    Folder = "Folder",
-    Function = "Function",
-    InfoCircle = "InfoCircle",
-    Impersonation = "Impersonation",
-    HamburgerMenu = "HamburgerMenu",
-    Link = "Link",
-    Loader = "Loader",
-    Lookup = "Lookup",
-    ObjectLevel = "ObjectLevel",
-    PlayerPlay = "PlayerPlay",
-    PlayerPlayFilled = "PlayerPlayFilled",
-    PlayerStopFilled = "PlayerStopFilled",
-    QuestionMark = "QuestionMark",
-    Refresh = "Refresh",
-    Reset = "Reset",
-    SchemaType_array = "SchemaTypeArray",
-    SchemaType_boolean = "SchemaTypeBoolean",
-    SchemaType_connection = "SchemaTypeConnection",
-    SchemaType_number = "SchemaTypeNumber",
-    SchemaType_integer = "SchemaTypeInteger",
-    SchemaType_object = "SchemaTypeObject",
-    SchemaType_request = "SchemaTypeRequest",
-    SchemaType_string = "SchemaTypeString",
-    Search = "Search",
-    Settings = "Settings",
-    SyncLeft = "SyncLeft",
-    SyncRight = "SyncRight",
-    SyncTwoWays = "SyncTwoWays",
-    TestRunningLoader = "TestRunningLoader",
-    ThreeDots = "ThreeDots",
-    ValueMapping = "ValueMapping",
-    Variable = "Variable",
-    Unlink = "Unlink",
-    WindowMinimize = "WindowMinimize",
-    WindowMaximize = "WindowMaximize",
-    Writing = "Writing",
-    ActionEntity = "Action",
-    ActionsEntity = "Actions",
-    TemplatesEntity = "Templates",
-    TemplateEntity = "Template",
-    IntegrationsEntity = "Integrations",
-    IntegrationEntity = "Integration",
-    ApisEntity = "Apis",
-    ApiEntity = "Api",
-    FieldMappingsEntity = "FieldMappings",
-    FieldMappingEntity = "FieldMapping",
-    FlowsEntity = "Flows",
-    FlowEntity = "Flow",
-    DataSourcesEntity = "DataSources",
-    DataSourceEntity = "DataSource",
-    ObjectLinksEntity = "ObjectLinks",
-    ObjectLinkEntity = "ObjectLink",
-    UsersEntity = "UsersEntity",
-    UserEntity = "UserEntity",
-    DataSchemasEntity = "DataSchemas",
-    DataSchemaEntity = "DataSchema",
-    DataLinkEntity = "DataLink",
-    AppEventSubscriptionsEntity = "AppEventSubscriptions",
-    AppEventSubscriptionEntity = "AppEventSubscription",
-    CustomFieldsEntity = "CustomFields",
-    MonitoringEntity = "Monitoring",
-    LogEntity = "LogEntity",
-    UDMEntity = "UDMEntity",
-    UdmActivities = "UdmActivities",
-    UdmCampains = "UdmCampains",
-    UdmCompanies = "UdmCompanies",
-    UdmContacts = "UdmContacts",
-    UdmDeals = "UdmDeals",
-    UdmDealProducts = "UdmDealProducts",
-    UdmProducts = "UdmProducts",
-    UdmUsers = "UdmUsers",
-    UdmMeetings = "UdmMeetings",
-    UdmTasks = "UdmTasks",
-    UdmNotes = "UdmNotes",
-    UdmEmails = "UdmEmails"
-}
+import { SvgIconType } from './svg-icon-type';
 type CustomSvgIconProps = SVGProps<SVGSVGElement>;
 type SvgIconProps = Omit<CustomSvgIconProps, 'type'> & {
     type: SvgIconType;

package/dist/types/components/SvgIcon/svg-icon-type.d.ts

@@ -0,0 +1,113 @@
+export declare enum SvgIconType {
+    ActionBarDuplicate = "ActionBarDuplicate",
+    ActionBarProperties = "ActionBarProperties",
+    Add = "Add",
+    AddCircle = "AddCircle",
+    AlertCircle = "AlertCircle",
+    AlertOctagon = "AlertOctagon",
+    AlertTriangle = "AlertTriangle",
+    AlignLeft = "AlignLeft",
+    AppIcon = "AppIcon",
+    DefaultWorkspaceIcon = "DefaultWorkspaceIcon",
+    Archive = "Archive",
+    Array = "Array",
+    ArrowRight = "ArrowRight",
+    Back = "Back",
+    Braces = "Braces",
+    BreadcrumbStep = "BreadcrumbStep",
+    Cancel = "Cancel",
+    Check = "Check",
+    Checks = "Checks",
+    ChevronDown = "ChevronDown",
+    ChevronLeft = "ChevronLeft",
+    ChevronRight = "ChevronRight",
+    ChevronUp = "ChevronUp",
+    Close = "Close",
+    Copy = "Copy",
+    Code = "Code",
+    Delete = "Delete",
+    Disconnect = "Disconnect",
+    DotsVertical = "DotsVertical",
+    Download = "Download",
+    Drag = "Drag",
+    Edit = "Edit",
+    EditorVisual = "EditorVisual",
+    Eye = "Eye",
+    EyeOff = "EyeOff",
+    ExternalLink = "ExternalLink",
+    Folder = "Folder",
+    Function = "Function",
+    InfoCircle = "InfoCircle",
+    Impersonation = "Impersonation",
+    HamburgerMenu = "HamburgerMenu",
+    Link = "Link",
+    Loader = "Loader",
+    Lookup = "Lookup",
+    ObjectLevel = "ObjectLevel",
+    PlayerPlay = "PlayerPlay",
+    PlayerPlayFilled = "PlayerPlayFilled",
+    PlayerStopFilled = "PlayerStopFilled",
+    QuestionMark = "QuestionMark",
+    Refresh = "Refresh",
+    Reset = "Reset",
+    SchemaType_array = "SchemaTypeArray",
+    SchemaType_boolean = "SchemaTypeBoolean",
+    SchemaType_connection = "SchemaTypeConnection",
+    SchemaType_number = "SchemaTypeNumber",
+    SchemaType_integer = "SchemaTypeInteger",
+    SchemaType_object = "SchemaTypeObject",
+    SchemaType_request = "SchemaTypeRequest",
+    SchemaType_string = "SchemaTypeString",
+    Search = "Search",
+    Settings = "Settings",
+    SyncLeft = "SyncLeft",
+    SyncRight = "SyncRight",
+    SyncTwoWays = "SyncTwoWays",
+    TestRunningLoader = "TestRunningLoader",
+    ThreeDots = "ThreeDots",
+    ValueMapping = "ValueMapping",
+    Variable = "Variable",
+    Unlink = "Unlink",
+    WindowMinimize = "WindowMinimize",
+    WindowMaximize = "WindowMaximize",
+    Writing = "Writing",
+    ActionEntity = "Action",
+    ActionsEntity = "Actions",
+    TemplatesEntity = "Templates",
+    TemplateEntity = "Template",
+    IntegrationsEntity = "Integrations",
+    IntegrationEntity = "Integration",
+    ApisEntity = "Apis",
+    ApiEntity = "Api",
+    FieldMappingsEntity = "FieldMappings",
+    FieldMappingEntity = "FieldMapping",
+    FlowsEntity = "Flows",
+    FlowEntity = "Flow",
+    DataSourcesEntity = "DataSources",
+    DataSourceEntity = "DataSource",
+    ObjectLinksEntity = "ObjectLinks",
+    ObjectLinkEntity = "ObjectLink",
+    UsersEntity = "UsersEntity",
+    UserEntity = "UserEntity",
+    DataSchemasEntity = "DataSchemas",
+    DataSchemaEntity = "DataSchema",
+    DataLinkEntity = "DataLink",
+    AppEventSubscriptionsEntity = "AppEventSubscriptions",
+    AppEventSubscriptionEntity = "AppEventSubscription",
+    CustomFieldsEntity = "CustomFields",
+    MonitoringEntity = "Monitoring",
+    LogEntity = "LogEntity",
+    UDMEntity = "UDMEntity",
+    UdmActivities = "UdmActivities",
+    UdmCampains = "UdmCampains",
+    UdmCompanies = "UdmCompanies",
+    UdmContacts = "UdmContacts",
+    UdmDeals = "UdmDeals",
+    UdmDealProducts = "UdmDealProducts",
+    UdmProducts = "UdmProducts",
+    UdmUsers = "UdmUsers",
+    UdmMeetings = "UdmMeetings",
+    UdmTasks = "UdmTasks",
+    UdmNotes = "UdmNotes",
+    UdmEmails = "UdmEmails"
+}

package/dist/types/components/Tag/Components.d.ts

@@ -1,5 +1,5 @@
 import { ImgHTMLAttributes } from 'react';
-import { SvgIconType } from '../SvgIcon';
+import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
 export declare function TagSvgIcon({ type, className, ...props }: {
     type: SvgIconType;
     className?: string;

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

@@ -0,0 +1,23 @@
+import { ComponentProps, PropsWithChildren } from 'react';
+import { TagConfigButton, TagImage, TagSvgIcon } from './Components';
+export interface ITagProps extends ComponentProps<any> {
+    truncate?: boolean;
+    inactive?: boolean;
+    disabled?: boolean;
+}
+export interface IBasicTagProps extends ITagProps {
+    tooltip?: string;
+}
+export declare const GenericTag: import("react").ForwardRefExoticComponent<Omit<ITagProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<IBasicTagProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
+    SvgIcon: typeof TagSvgIcon;
+    Image: typeof TagImage;
+    ConfigButton: typeof TagConfigButton;
+    Lookup: typeof TagLookup;
+};
+interface ILookupTagProps extends ITagProps {
+    onConfigClick: () => void;
+    configError?: boolean;
+}
+declare function TagLookup({ children, disabled, onConfigClick, configError, }: PropsWithChildren<ILookupTagProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/components/Tag/index.d.ts

@@ -1,24 +1,4 @@
-import { ComponentProps, PropsWithChildren } from 'react';
-import { TagConfigButton, TagImage, TagSvgIcon } from './Components';
+import { Tag } from './Tag';
+export * from './Tag';
 export * from './TagPlaceholder';
-export interface ITagProps extends ComponentProps<any> {
-    truncate?: boolean;
-    inactive?: boolean;
-    disabled?: boolean;
-}
-export interface IBasicTagProps extends ITagProps {
-    tooltip?: string;
-}
-export declare const GenericTag: import("react").ForwardRefExoticComponent<Omit<ITagProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const Tag: import("react").ForwardRefExoticComponent<Omit<IBasicTagProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>> & {
-    SvgIcon: typeof TagSvgIcon;
-    Image: typeof TagImage;
-    ConfigButton: typeof TagConfigButton;
-    Lookup: typeof TagLookup;
-};
 export default Tag;
-interface ILookupTagProps extends ITagProps {
-    onConfigClick: () => void;
-    configError?: boolean;
-}
-declare function TagLookup({ children, disabled, onConfigClick, configError, }: PropsWithChildren<ILookupTagProps>): import("react/jsx-runtime").JSX.Element;

package/dist/types/hooks/keyboard-events.d.ts

@@ -2,6 +2,8 @@ import { MutableRefObject } from 'react';
 export declare enum EVENT_TYPE {
     OPTION_DOWN = "option_down",
     OPTION_UP = "option_up",
+    OPTION_RIGHT = "option_right",
+    OPTION_LEFT = "option_left",
     OPTION_SELECT = "option_select",
     FORM_SUBMIT = "form_submit"
 }

package/dist/types/hooks/useIntegrationAppSWR.d.ts

@@ -1 +1 @@
-export declare function useIntegrationAppSWR(path: string, options?: any): import("swr/_internal").SWRResponse<any, any, any>;
+export declare function useIntegrationAppSWR(path: string, options?: any): import("swr").SWRResponse<any, any, any>;

package/dist/types/index.d.ts

@@ -57,7 +57,12 @@ export * from './components/DataBuilder/FieldList';
 export * from './components/DataBuilderUI';
 export * from './components/DataLinks';
 export * from './components/Button';
-export * from './components/ComboBox';
+export type * from './components/ComboBox/types';
+export * from './components/ComboBox/value-spec';
+export * from './components/ComboBox/options-factories';
+export * from './components/ComboBox/context';
+export * from './components/ComboBox/Value';
+export * from './components/ComboBox/ComboBox';
 export * from './components/ComboBoxElements';
 export * from './components/DropdownUI';
 export * from './components/IntegrationElements';
@@ -68,6 +73,7 @@ export * from './components/Notification';
 export * from './components/Portal';
 export * from './components/Radio';
 export * from './components/SvgIcon';
+export * from './components/SvgIcon/svg-icon-type';
 export * from './components/Tag';
 export * from './components/Toggle';
 export * from './components/Tooltip';

package/dist/types/styled-system/tokens/tokens.d.ts

@@ -57,4 +57,4 @@ export type Tokens = {
 		shadows: ShadowToken
 } & { [token: string]: never }
 
-export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
+export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"

package/dist/types/styled-system/types/prop-type.d.ts

@@ -19,12 +19,8 @@ export interface UtilityValues {
 	float: "start" | "end" | CssProperties["float"];
 	hideFrom: Tokens["breakpoints"];
 	hideBelow: Tokens["breakpoints"];
-	flexBasis: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full";
+	flexBasis: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full";
 	flex: "1" | "auto" | "initial" | "none";
-	gridTemplateColumns: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-	gridTemplateRows: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
-	gridColumn: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full";
-	gridRow: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "full";
 	gridAutoColumns: "min" | "max" | "fr";
 	gridAutoRows: "min" | "max" | "fr";
 	gap: Tokens["spacing"];
@@ -205,12 +201,12 @@ export interface UtilityValues {
 
 
 
-type WithColorOpacityModifier<T> = T extends string ? `${T}/${string}` : T
+type WithColorOpacityModifier<T> = [T] extends [string] ? `${T}/${string}` & { __colorOpacityModifier?: true } : never
 
 type ImportantMark = "!" | "!important"
 type WhitespaceImportant = ` ${ImportantMark}`
 type Important = ImportantMark | WhitespaceImportant
-type WithImportant<T> = T extends string ? `${T}${Important}` & { __important?: true } : T;
+type WithImportant<T> = [T] extends [string] ? `${T}${Important}` & { __important?: true } : never
 
 /**
  * Only relevant when using `strictTokens` or `strictPropertyValues` in your config.

package/dist/types/styled-system/types/selectors.d.ts

@@ -53,7 +53,7 @@ type DataAttributes =
 type AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`
 type ParentSelector = `${DataAttributes | AriaAttributes} &`
 
-type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page'
+type AtRuleType = 'media' | 'layer' | 'container' | 'supports' | 'page' | 'scope' | 'starting-style'
 
 export type AnySelector = `${string}&` | `&${string}` | `@${AtRuleType}${string}`
 export type Selectors = AttributeSelector | ParentSelector

package/dist/types/styled-system/types/static-css.d.ts

@@ -1,14 +1,17 @@
 /* eslint-disable */
-interface WithConditions {
+interface ConditionOptions {
   /**
-   * The css conditions to generate for the rule.
+   * The conditions to generate for the rule.
    * @example ['hover', 'focus']
    */
   conditions?: string[]
+  /**
+   * Whether to generate responsive styles for the rule.
+   */
   responsive?: boolean
 }
 
-export interface CssRule extends WithConditions {
+export interface CssRule extends ConditionOptions {
   /**
    * The css properties to generate utilities for.
    * @example ['margin', 'padding']
@@ -22,7 +25,9 @@ interface RecipeRuleVariants {
   [variant: string]: boolean | string[]
 }
 
-export type RecipeRule = '*' | (RecipeRuleVariants & WithConditions)
+export type RecipeRuleObject = RecipeRuleVariants & ConditionOptions
+export type RecipeRule = '*' | RecipeRuleObject
+
 export type PatternRule = '*' | CssRule
 
 export interface StaticCssOptions {

package/dist/types/styled-system/types/style-props.d.ts

@@ -2793,7 +2793,7 @@ gridAutoRows?: ConditionalValue<UtilityValues["gridAutoRows"] | CssVars | CssPro
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-column
    */
-gridColumn?: ConditionalValue<UtilityValues["gridColumn"] | CssVars | CssProperties["gridColumn"] | AnyString>
+gridColumn?: ConditionalValue<CssProperties["gridColumn"] | AnyString>
  /**
    * The **`grid-column-end`** CSS property specifies a grid item's end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
    *
@@ -2835,7 +2835,7 @@ gridColumnStart?: ConditionalValue<CssProperties["gridColumnStart"] | AnyString>
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-row
    */
-gridRow?: ConditionalValue<UtilityValues["gridRow"] | CssVars | CssProperties["gridRow"] | AnyString>
+gridRow?: ConditionalValue<CssProperties["gridRow"] | AnyString>
  /**
    * The **`grid-row-end`** CSS property specifies a grid item's end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
    *
@@ -2904,7 +2904,7 @@ gridTemplateAreas?: ConditionalValue<CssProperties["gridTemplateAreas"] | AnyStr
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-columns
    */
-gridTemplateColumns?: ConditionalValue<UtilityValues["gridTemplateColumns"] | CssVars | CssProperties["gridTemplateColumns"] | AnyString>
+gridTemplateColumns?: ConditionalValue<CssProperties["gridTemplateColumns"] | AnyString>
  /**
    * The **`grid-template-rows`** CSS property defines the line names and track sizing functions of the grid rows.
    *
@@ -2918,7 +2918,7 @@ gridTemplateColumns?: ConditionalValue<UtilityValues["gridTemplateColumns"] | Cs
    *
    * @see https://developer.mozilla.org/docs/Web/CSS/grid-template-rows
    */
-gridTemplateRows?: ConditionalValue<UtilityValues["gridTemplateRows"] | CssVars | CssProperties["gridTemplateRows"] | AnyString>
+gridTemplateRows?: ConditionalValue<CssProperties["gridTemplateRows"] | AnyString>
  /**
    * The **`hanging-punctuation`** CSS property specifies whether a punctuation mark should hang at the start or end of a line of text. Hanging punctuation may be placed outside the line box.
    *

package/dist/types/ui-kit/alert.d.ts

@@ -0,0 +1 @@
+export * as Alert from './styled/alert';

package/dist/types/ui-kit/badge.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeProps } from './styled/badge';

package/dist/types/ui-kit/icon-button.d.ts

@@ -0,0 +1 @@
+export { IconButton, type IconButtonProps } from './styled/icon-button';

package/dist/types/ui-kit/input.d.ts

@@ -0,0 +1 @@
+export { Input, type InputProps } from './styled/input';

package/dist/types/ui-kit/styled/alert.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Assign, PolymorphicProps } from '@ark-ui/react';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"svg">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLOrSVGElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"h5">, PolymorphicProps>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/types/ui-kit/styled/badge.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../styled-system/types';
+export type BadgeProps = ComponentProps<typeof Badge>;
+export declare const Badge: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, import("../../styled-system/recipes").BadgeVariantProps>;

package/dist/types/ui-kit/styled/icon-button.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type ButtonVariantProps } from '../../styled-system/recipes';
+import type { ComponentProps } from '../../styled-system/types';
+export type IconButtonProps = ComponentProps<typeof IconButton>;
+export declare const IconButton: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, ButtonVariantProps>;

package/dist/types/ui-kit/styled/input.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { ComponentProps } from '../../styled-system/types';
+export type InputProps = ComponentProps<typeof Input>;
+export declare const Input: import("../../styled-system/jsx").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+} & import("@ark-ui/react/factory").PolymorphicProps>, import("../../styled-system/recipes").InputVariantProps>;