@integration-app/react 2.6.3 → 2.8.0

package/dist/esm/styled-system/tokens/index.mjs

@@ -1,8 +1,7 @@
-"use strict";
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 
@@ -1784,15 +1783,15 @@ const tokens = {
     "variable": "var(--iap-easings-emphasized-out)"
   },
   "fonts.sans": {
-    "value": 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+    "value": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
     "variable": "var(--iap-fonts-sans)"
   },
   "fonts.serif": {
-    "value": 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+    "value": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
     "variable": "var(--iap-fonts-serif)"
   },
   "fonts.mono": {
-    "value": 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+    "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace",
     "variable": "var(--iap-fonts-mono)"
   },
   "fontSizes.2xs": {
@@ -2352,7 +2351,7 @@ const tokens = {
     "variable": "var(--iap-z-index-docked)"
   },
   "zIndex.dropdown": {
-    "value": 1e3,
+    "value": 1000,
     "variable": "var(--iap-z-index-dropdown)"
   },
   "zIndex.sticky": {
@@ -4448,12 +4447,15 @@ const tokens = {
     "variable": "var(--iap-colors-color-palette-hover)"
   }
 };
+
 function token(path, fallback) {
-  return tokens[path]?.value || fallback;
+  return tokens[path]?.value || fallback
 }
+
 function tokenVar(path, fallback) {
-  return tokens[path]?.variable || fallback;
+  return tokens[path]?.variable || fallback
 }
+
 token.var = tokenVar;
 
 export { token };

package/dist/esm/ui-kit/avatar.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/button.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/spinner.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/alert.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/avatar.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/badge.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/button.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/icon-button.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/icon.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/input.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/menu.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/popover.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/skeleton.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/spinner.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/switch.mjs

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.8.0
+ */
+'use client';
+
+import { Switch } from '@ark-ui/react/switch';
+export { SwitchContext as Context, SwitchHiddenInput as HiddenInput } from '@ark-ui/react/switch';
+import '../../styled-system/helpers.mjs';
+import '../../styled-system/css/conditions.mjs';
+import '../../styled-system/css/css.mjs';
+import { switchRecipe } from '../../styled-system/recipes/switch-recipe.mjs';
+import { createStyleContext } from './utils/create-style-context.mjs';
+
+const { withProvider, withContext } = createStyleContext(switchRecipe);
+withProvider(Switch.RootProvider, "root");
+const Root = withProvider(Switch.Root, "root");
+const Control = withContext(Switch.Control, "control");
+const Label = withContext(Switch.Label, "label");
+const Thumb = withContext(Switch.Thumb, "thumb");
+
+export { Control, Label, Root, Thumb };

package/dist/esm/ui-kit/styled/text.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/tooltip.mjs

@@ -3,7 +3,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
+ * v2.8.0
  */
 'use client';
 

package/dist/esm/ui-kit/switch.mjs

@@ -0,0 +1,50 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.8.0
+ */
+'use client';
+
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { SvgIcon } from '../components/SvgIcon/index.mjs';
+import { SvgIconType } from '../components/SvgIcon/svg-icon-type.mjs';
+import { css } from '../styled-system/css/css.mjs';
+import '../styled-system/helpers.mjs';
+import { Root, Control, Thumb, Label } from './styled/switch.mjs';
+import { SwitchHiddenInput } from '@ark-ui/react/switch';
+
+const Switch = forwardRef(
+  (props, ref) => {
+    const { children, ...rootProps } = props;
+    const { checked, loading } = props;
+    return /* @__PURE__ */ jsxs(Root, { ref, ...rootProps, children: [
+      /* @__PURE__ */ jsx(Control, { bg: checked ? "green" : "primary", children: loading ? /* @__PURE__ */ jsx(
+        SvgIcon,
+        {
+          type: SvgIconType.Loader,
+          className: css({
+            w: "4",
+            h: "4",
+            p: "0.5",
+            color: checked ? "white" : "black"
+          })
+        }
+      ) : /* @__PURE__ */ jsx(Thumb, {}) }),
+      children && /* @__PURE__ */ jsx(
+        Label,
+        {
+          textStyle: "sm",
+          fontWeight: "normal",
+          textWrap: "nowrap",
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx(SwitchHiddenInput, {})
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/styles.css

@@ -2517,78 +2517,6 @@
 @layer iap_recipes.slots{
   @layer _base{
 
-    .iap-tooltip__content {
-      background: var(--iap-colors-gray-a12);
-      border-radius: var(--iap-radii-l2);
-      box-shadow: var(--iap-shadows-sm);
-      color: var(--iap-colors-bg-default);
-      padding-inline: var(--iap-spacing-3);
-      padding-block: var(--iap-spacing-2);
-      font-size: var(--iap-font-sizes-xs);
-      line-height: 1.125rem;
-      max-width: var(--iap-sizes-2xs);
-      z-index: var(--iap-z-index-tooltip);
-      font-weight: var(--iap-font-weights-semibold);
-}
-
-    .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
-      animation: fadeIn 0.25s ease-out;
-}
-
-    .iap-tooltip__content:is([closed], [data-closed], [data-state="closed"]) {
-      animation: fadeOut 0.2s ease-out;
-}
-
-    .iap-popover__arrow {
-      --arrow-size: var(--sizes-3);
-      --arrow-background: var(--colors-bg-default);
-}
-
-    .iap-popover__arrowTip {
-      border-top-width: 1px;
-      border-left-width: 1px;
-}
-
-    .iap-popover__positioner {
-      position: relative;
-}
-
-    .iap-popover__content {
-      background: var(--iap-colors-bg-default);
-      border-radius: var(--iap-radii-l3);
-      box-shadow: var(--iap-shadows-lg);
-      display: flex;
-      max-width: var(--iap-sizes-sm);
-      z-index: var(--iap-z-index-popover);
-      padding: var(--iap-spacing-4);
-      flex-direction: column;
-}
-
-    .iap-popover__content:is([open], [data-open], [data-state="open"]) {
-      animation: fadeIn 0.25s ease-out;
-}
-
-    .iap-popover__content:is([closed], [data-closed], [data-state="closed"]) {
-      animation: fadeOut 0.2s ease-out;
-}
-
-    .iap-popover__content:is([hidden]) {
-      display: none;
-}
-
-    .iap-popover__title {
-      font-weight: var(--iap-font-weights-medium);
-}
-
-    .iap-popover__title,.iap-popover__description {
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-}
-
-    .iap-popover__description,.iap-popover__closeTrigger {
-      color: var(--iap-colors-fg-muted);
-}
-
     .iap-switchRecipe__root {
       --iap-colors-color-palette-1: var(--iap-colors-accent-1);
       --iap-colors-color-palette-2: var(--iap-colors-accent-2);
@@ -2671,6 +2599,78 @@
       background: var(--iap-colors-color-palette-fg);
 }
 
+    .iap-tooltip__content {
+      background: var(--iap-colors-gray-a12);
+      border-radius: var(--iap-radii-l2);
+      box-shadow: var(--iap-shadows-sm);
+      color: var(--iap-colors-bg-default);
+      padding-inline: var(--iap-spacing-3);
+      padding-block: var(--iap-spacing-2);
+      font-size: var(--iap-font-sizes-xs);
+      line-height: 1.125rem;
+      max-width: var(--iap-sizes-2xs);
+      z-index: var(--iap-z-index-tooltip);
+      font-weight: var(--iap-font-weights-semibold);
+}
+
+    .iap-tooltip__content:is([open], [data-open], [data-state="open"]) {
+      animation: fadeIn 0.25s ease-out;
+}
+
+    .iap-tooltip__content:is([closed], [data-closed], [data-state="closed"]) {
+      animation: fadeOut 0.2s ease-out;
+}
+
+    .iap-popover__arrow {
+      --arrow-size: var(--sizes-3);
+      --arrow-background: var(--colors-bg-default);
+}
+
+    .iap-popover__arrowTip {
+      border-top-width: 1px;
+      border-left-width: 1px;
+}
+
+    .iap-popover__positioner {
+      position: relative;
+}
+
+    .iap-popover__content {
+      background: var(--iap-colors-bg-default);
+      border-radius: var(--iap-radii-l3);
+      box-shadow: var(--iap-shadows-lg);
+      display: flex;
+      max-width: var(--iap-sizes-sm);
+      z-index: var(--iap-z-index-popover);
+      padding: var(--iap-spacing-4);
+      flex-direction: column;
+}
+
+    .iap-popover__content:is([open], [data-open], [data-state="open"]) {
+      animation: fadeIn 0.25s ease-out;
+}
+
+    .iap-popover__content:is([closed], [data-closed], [data-state="closed"]) {
+      animation: fadeOut 0.2s ease-out;
+}
+
+    .iap-popover__content:is([hidden]) {
+      display: none;
+}
+
+    .iap-popover__title {
+      font-weight: var(--iap-font-weights-medium);
+}
+
+    .iap-popover__title,.iap-popover__description {
+      font-size: var(--iap-font-sizes-sm);
+      line-height: 1.25rem;
+}
+
+    .iap-popover__description,.iap-popover__closeTrigger {
+      color: var(--iap-colors-fg-muted);
+}
+
     .iap-menu__content {
       background: var(--iap-colors-bg-default);
       border-radius: var(--iap-radii-l2);
@@ -3304,6 +3304,30 @@
     border-width: 0;
 }
 
+  .iap-bg_green {
+    background: green;
+}
+
+  .iap-bg_primary {
+    background: primary;
+}
+
+  .iap-c_white {
+    color: var(--iap-colors-white);
+}
+
+  .iap-c_black {
+    color: var(--iap-colors-black);
+}
+
+  .iap-p_0\.5 {
+    padding: var(--iap-spacing-0\.5);
+}
+
+  .iap-tw_nowrap {
+    text-wrap: nowrap;
+}
+
   .iap-offset_0 {
     offset: 0;
 }
@@ -3424,10 +3448,6 @@
     background: var(--iap-colors-neutral-3);
 }
 
-  .iap-c_black {
-    color: var(--iap-colors-black);
-}
-
   .iap-bg_black {
     background: var(--iap-colors-black);
 }
@@ -3436,10 +3456,6 @@
     border-radius: var(--iap-radii-xl);
 }
 
-  .iap-c_white {
-    color: var(--iap-colors-white);
-}
-
   .iap-bg_neutral\.3\! {
     background: var(--iap-colors-neutral-3) !important;
 }
@@ -3634,10 +3650,6 @@
     padding-block: var(--iap-spacing-0\.5);
 }
 
-  .iap-my_1\.5 {
-    margin-block: var(--iap-spacing-1\.5);
-}
-
   .iap-bg_gray\.2 {
     background: var(--iap-colors-gray-2);
 }
@@ -3654,6 +3666,10 @@
     color: var(--iap-colors-warning-11);
 }
 
+  .iap-my_1\.5 {
+    margin-block: var(--iap-spacing-1\.5);
+}
+
   .iap-color-palette_current {
     --iap-colors-color-palette: var(--iap-colors-current);
 }
@@ -4944,6 +4960,10 @@
     border-left-color: var(--iap-colors-transparent);
 }
 
+  .iap-fw_normal {
+    font-weight: var(--iap-font-weights-normal);
+}
+
   .iap-ml_2 {
     margin-left: var(--iap-spacing-2);
 }
@@ -4996,10 +5016,6 @@
     border-color: var(--iap-colors-neutral-5);
 }
 
-  .iap-fw_normal {
-    font-weight: var(--iap-font-weights-normal);
-}
-
   .iap-ai_start {
     align-items: start;
 }

package/dist/types/components/ComboBox/Dropdown/Categories/LookupOptions/index.d.ts

@@ -1,6 +1,7 @@
 import { FnOnValueChangeType } from '../../../types';
-export declare function LookupOptionsCategoryContent({ onOptionSelect, }: {
+export declare function LookupOptionsCategoryContent({ onOptionSelect, children, }: {
     onOptionSelect: FnOnValueChangeType;
+    children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;
 export declare function OptionsParametersRequiredAlert(): import("react/jsx-runtime").JSX.Element;
 export declare function AdditionalMessageAlert({ text }: {

package/dist/types/components/ComboBox/Dropdown/KeyboardNavigation/NavigationContext.d.ts

@@ -0,0 +1,9 @@
+import { ComboBoxOption } from '../../types';
+export declare function NavigationContextProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useNavigationContext(options?: ComboBoxOption[], fallbackOptions?: ComboBoxOption[]): {
+    currentItem: ComboBoxOption | "drill-up" | null;
+    moveToNextItem: () => void;
+    moveToPreviousItem: () => void;
+};

package/dist/types/components/ComboBox/Dropdown/KeyboardNavigation/useKeyboardBinding.d.ts

@@ -0,0 +1,6 @@
+import { ComboBoxOption } from '../../../../components/ComboBox/types';
+export declare const useKeyboardBinding: ({ options, fallbackOptions, onEnter, }: {
+    options: ComboBoxOption[];
+    fallbackOptions: ComboBoxOption[];
+    onEnter?: (option: ComboBoxOption | "drill-up") => void;
+}) => void;

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

@@ -1,4 +1,5 @@
-import { Toggle } from './Toggle';
-import { ToggleOnOff } from './ToggleOnOff';
-import type { ToggleProps } from './types';
-export { Toggle, ToggleOnOff, ToggleProps };
+import { SwitchProps } from '../../ui-kit/switch';
+export type ToggleProps = Pick<SwitchProps, 'checked' | 'children' | 'disabled' | 'className' | 'onCheckedChange'> & {
+    loading?: boolean;
+};
+export declare function Toggle(props: ToggleProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/styled-system/recipes/carousel.d.ts

@@ -19,7 +19,7 @@ export type CarouselVariantProps = {
 
 export interface CarouselRecipe {
   __type: CarouselVariantProps
-  (props?: CarouselVariantProps): Pretty<Record<"root" | "viewport" | "itemGroup" | "item" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "control", string>>
+  (props?: CarouselVariantProps): Pretty<Record<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger" | "control", string>>
   raw: (props?: CarouselVariantProps) => CarouselVariantProps
   variantMap: CarouselVariantMap
   variantKeys: Array<keyof CarouselVariant>

package/dist/types/styled-system/recipes/file-upload.d.ts

@@ -16,7 +16,7 @@ export type FileUploadVariantProps = {
 
 export interface FileUploadRecipe {
   __type: FileUploadVariantProps
-  (props?: FileUploadVariantProps): Pretty<Record<"root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger", string>>
+  (props?: FileUploadVariantProps): Pretty<Record<"root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger" | "clearTrigger", string>>
   raw: (props?: FileUploadVariantProps) => FileUploadVariantProps
   variantMap: FileUploadVariantMap
   variantKeys: Array<keyof FileUploadVariant>

package/dist/types/styled-system/recipes/qr-code.d.ts

@@ -16,7 +16,7 @@ export type QrCodeVariantProps = {
 
 export interface QrCodeRecipe {
   __type: QrCodeVariantProps
-  (props?: QrCodeVariantProps): Pretty<Record<"root" | "frame" | "pattern" | "overlay", string>>
+  (props?: QrCodeVariantProps): Pretty<Record<"root" | "frame" | "pattern" | "overlay" | "downloadTrigger", string>>
   raw: (props?: QrCodeVariantProps) => QrCodeVariantProps
   variantMap: QrCodeVariantMap
   variantKeys: Array<keyof QrCodeVariant>

package/dist/types/styled-system/recipes/slider.d.ts

@@ -19,7 +19,7 @@ export type SliderVariantProps = {
 
 export interface SliderRecipe {
   __type: SliderVariantProps
-  (props?: SliderVariantProps): Pretty<Record<"root" | "label" | "thumb" | "valueText" | "track" | "range" | "control" | "markerGroup" | "marker", string>>
+  (props?: SliderVariantProps): Pretty<Record<"root" | "label" | "thumb" | "valueText" | "track" | "range" | "control" | "markerGroup" | "marker" | "draggingIndicator", string>>
   raw: (props?: SliderVariantProps) => SliderVariantProps
   variantMap: SliderVariantMap
   variantKeys: Array<keyof SliderVariant>

package/dist/types/styled-system/recipes/tree-view.d.ts

@@ -16,7 +16,7 @@ export type TreeViewVariantProps = {
 
 export interface TreeViewRecipe {
   __type: TreeViewVariantProps
-  (props?: TreeViewVariantProps): Pretty<Record<"root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator", string>>
+  (props?: TreeViewVariantProps): Pretty<Record<"root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator" | "branchIndentGuide", string>>
   raw: (props?: TreeViewVariantProps) => TreeViewVariantProps
   variantMap: TreeViewVariantMap
   variantKeys: Array<keyof TreeViewVariant>

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

@@ -0,0 +1,12 @@
+import { Switch } from '@ark-ui/react/switch';
+import { type SwitchRecipeVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
+import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
+export type RootProviderProps = ComponentProps<typeof RootProvider>;
+export declare const RootProvider: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"label">, Switch.RootProviderBaseProps>, SwitchRecipeVariantProps>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export type RootProps = ComponentProps<typeof Root>;
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"label">, Switch.RootBaseProps>, SwitchRecipeVariantProps>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Control: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.ControlBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.LabelBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Thumb: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"span">, Switch.ThumbBaseProps>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export { SwitchContext as Context, SwitchHiddenInput as HiddenInput, } from '@ark-ui/react/switch';