@entropix/react 0.3.0 → 1.0.1

package/dist/switch.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkGZXXUFCJ_cjs = require('./chunk-GZXXUFCJ.cjs');
+require('./chunk-B5JZHE4I.cjs');
+require('./chunk-LDOP6DVX.cjs');
+require('./chunk-LJK6KK2H.cjs');
+require('./chunk-5DKE5YQD.cjs');
+
+
+
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return chunkGZXXUFCJ_cjs.Switch; }
+});
+//# sourceMappingURL=switch.cjs.map
+//# sourceMappingURL=switch.cjs.map

package/dist/switch.css

@@ -0,0 +1,89 @@
+/* src/styles/toggle.css */
+.entropix-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--entropix-spacing-2) var(--entropix-spacing-3);
+  border: 1px solid var(--entropix-color-border-default);
+  border-radius: var(--entropix-radius-md);
+  background: var(--entropix-color-bg-primary);
+  color: var(--entropix-color-text-primary);
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-sm);
+  font-weight: var(--entropix-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+  transition:
+    background var(--entropix-duration-fast) var(--entropix-easing-default),
+    border-color var(--entropix-duration-fast) var(--entropix-easing-default),
+    color var(--entropix-duration-fast) var(--entropix-easing-default);
+}
+.entropix-toggle:hover:not(:disabled) {
+  background: var(--entropix-color-action-secondary-hover);
+}
+.entropix-toggle[data-state=checked] {
+  background: var(--entropix-color-action-primary-default);
+  color: var(--entropix-color-text-inverse);
+  border-color: transparent;
+}
+.entropix-toggle[data-state=checked]:hover:not(:disabled) {
+  background: var(--entropix-color-action-primary-hover);
+}
+.entropix-toggle:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.entropix-toggle:focus-visible {
+  outline: 2px solid var(--entropix-color-border-focus);
+  outline-offset: 2px;
+}
+
+/* src/styles/switch.css */
+.entropix-switch {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 44px;
+  height: 24px;
+  padding: 2px;
+  border: none;
+  border-radius: var(--entropix-radius-full);
+  background: var(--entropix-color-gray-300);
+  cursor: pointer;
+  transition: background var(--entropix-duration-fast) var(--entropix-easing-default);
+  font-size: 0;
+  color: transparent;
+  overflow: hidden;
+}
+.entropix-switch::after {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 20px;
+  border-radius: var(--entropix-radius-full);
+  background: var(--entropix-color-white);
+  box-shadow: var(--entropix-shadow-sm);
+  transition: transform var(--entropix-duration-fast) var(--entropix-easing-default);
+}
+.entropix-switch[data-state=checked] {
+  background: var(--entropix-color-action-primary-default);
+}
+.entropix-switch[data-state=checked]::after {
+  transform: translateX(20px);
+}
+.entropix-switch:hover:not(:disabled) {
+  background: var(--entropix-color-gray-400);
+}
+.entropix-switch[data-state=checked]:hover:not(:disabled) {
+  background: var(--entropix-color-action-primary-hover);
+}
+.entropix-switch:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.entropix-switch:focus-visible {
+  outline: 2px solid var(--entropix-color-border-focus);
+  outline-offset: 2px;
+}
+/*# sourceMappingURL=switch.css.map */

package/dist/switch.d.cts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ToggleProps } from './toggle.cjs';
+import '@entropix/core';
+
+type SwitchProps = ToggleProps;
+/**
+ * Switch component — Toggle with role="switch" semantics.
+ *
+ * API-identical to Toggle, but renders with `role="switch"`
+ * instead of `role="checkbox"`.
+ */
+declare const Switch: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/switch.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ToggleProps } from './toggle.js';
+import '@entropix/core';
+
+type SwitchProps = ToggleProps;
+/**
+ * Switch component — Toggle with role="switch" semantics.
+ *
+ * API-identical to Toggle, but renders with `role="switch"`
+ * instead of `role="checkbox"`.
+ */
+declare const Switch: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Switch, type SwitchProps };

package/dist/switch.js

@@ -0,0 +1,7 @@
+export { Switch } from './chunk-U5CZHO6D.js';
+import './chunk-PILZGMQG.js';
+import './chunk-BN57JPKV.js';
+import './chunk-Y2M2LJGJ.js';
+import './chunk-6UAQCHIW.js';
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/tabs.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var chunk7AUIZOEH_cjs = require('./chunk-7AUIZOEH.cjs');
+require('./chunk-LDOP6DVX.cjs');
+require('./chunk-LJK6KK2H.cjs');
+require('./chunk-5DKE5YQD.cjs');
+
+
+
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function () { return chunk7AUIZOEH_cjs.Tab; }
+});
+Object.defineProperty(exports, "TabList", {
+  enumerable: true,
+  get: function () { return chunk7AUIZOEH_cjs.TabList; }
+});
+Object.defineProperty(exports, "TabPanel", {
+  enumerable: true,
+  get: function () { return chunk7AUIZOEH_cjs.TabPanel; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunk7AUIZOEH_cjs.Tabs; }
+});
+//# sourceMappingURL=tabs.cjs.map
+//# sourceMappingURL=tabs.cjs.map

package/dist/tabs.css

@@ -0,0 +1,69 @@
+/* src/styles/tabs.css */
+.entropix-tabs {
+  display: flex;
+  flex-direction: column;
+}
+.entropix-tablist {
+  display: flex;
+  gap: var(--entropix-spacing-1);
+  border-bottom: 1px solid var(--entropix-color-border-default);
+}
+.entropix-tablist[data-orientation=vertical] {
+  flex-direction: column;
+  border-bottom: none;
+  border-right: 1px solid var(--entropix-color-border-default);
+}
+.entropix-tab {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--entropix-spacing-2) var(--entropix-spacing-4);
+  border: none;
+  border-bottom: 2px solid transparent;
+  background: transparent;
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-sm);
+  font-weight: var(--entropix-font-weight-medium);
+  color: var(--entropix-color-text-secondary);
+  cursor: pointer;
+  transition: color var(--entropix-duration-fast) var(--entropix-easing-default), border-color var(--entropix-duration-fast) var(--entropix-easing-default);
+}
+.entropix-tab:hover:not(:disabled) {
+  color: var(--entropix-color-text-primary);
+}
+.entropix-tab[data-state=active] {
+  color: var(--entropix-color-action-primary-default);
+  border-bottom-color: var(--entropix-color-action-primary-default);
+}
+.entropix-tab:disabled,
+.entropix-tab[aria-disabled=true] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.entropix-tab:focus-visible {
+  outline: 2px solid var(--entropix-color-border-focus);
+  outline-offset: -2px;
+  border-radius: var(--entropix-radius-sm);
+}
+.entropix-tabpanel {
+  padding: var(--entropix-spacing-4);
+}
+@media (max-width: 767px) {
+  .entropix-tablist {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  .entropix-tablist::-webkit-scrollbar {
+    display: none;
+  }
+  .entropix-tab {
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
+  .entropix-tabpanel {
+    padding: var(--entropix-spacing-3);
+  }
+}
+/*# sourceMappingURL=tabs.css.map */

package/dist/tabs.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default from 'react';
+import { UseTabsOptions } from '@entropix/core';
+
+interface TabsProps extends UseTabsOptions {
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function Tabs({ children, className, orientation, activationMode, ...options }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface TabListProps {
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function TabList({ children, className }: TabListProps): react_jsx_runtime.JSX.Element;
+
+interface TabProps {
+    value: string;
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function Tab({ value, children, className }: TabProps): react_jsx_runtime.JSX.Element;
+
+interface TabPanelProps {
+    value: string;
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function TabPanel({ value, children, className }: TabPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/tabs.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default from 'react';
+import { UseTabsOptions } from '@entropix/core';
+
+interface TabsProps extends UseTabsOptions {
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function Tabs({ children, className, orientation, activationMode, ...options }: TabsProps): react_jsx_runtime.JSX.Element;
+
+interface TabListProps {
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function TabList({ children, className }: TabListProps): react_jsx_runtime.JSX.Element;
+
+interface TabProps {
+    value: string;
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function Tab({ value, children, className }: TabProps): react_jsx_runtime.JSX.Element;
+
+interface TabPanelProps {
+    value: string;
+    children: react__default.ReactNode;
+    className?: string;
+}
+declare function TabPanel({ value, children, className }: TabPanelProps): react_jsx_runtime.JSX.Element | null;
+
+export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/tabs.js

@@ -0,0 +1,6 @@
+export { Tab, TabList, TabPanel, Tabs } from './chunk-36ZHHJYV.js';
+import './chunk-BN57JPKV.js';
+import './chunk-Y2M2LJGJ.js';
+import './chunk-6UAQCHIW.js';
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/textarea.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkZG4PZBSL_cjs = require('./chunk-ZG4PZBSL.cjs');
+require('./chunk-2MKJZEUK.cjs');
+require('./chunk-LJK6KK2H.cjs');
+require('./chunk-5DKE5YQD.cjs');
+
+
+
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkZG4PZBSL_cjs.Textarea; }
+});
+//# sourceMappingURL=textarea.cjs.map
+//# sourceMappingURL=textarea.cjs.map

package/dist/textarea.css

@@ -0,0 +1,135 @@
+/* src/styles/input.css */
+.entropix-input-wrapper {
+  --input-border-color: var(--entropix-color-border-default);
+  --input-border-radius: var(--entropix-radius-md);
+  --input-bg: var(--entropix-color-bg-primary);
+  --input-font-size: var(--entropix-font-size-sm);
+  --input-padding-y: var(--entropix-spacing-2);
+  --input-padding-x: var(--entropix-spacing-3);
+  --input-focus-color: var(--entropix-color-border-focus);
+  --input-error-color: var(--entropix-color-border-danger);
+  display: flex;
+  flex-direction: column;
+  gap: var(--entropix-spacing-1);
+  width: 100%;
+}
+.entropix-input-label {
+  display: block;
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-sm);
+  font-weight: var(--entropix-font-weight-medium);
+  color: var(--entropix-color-text-primary);
+  line-height: var(--entropix-line-height-normal);
+}
+.entropix-input-required {
+  color: var(--entropix-color-text-danger);
+  margin-left: var(--entropix-spacing-1);
+}
+.entropix-input,
+.entropix-textarea {
+  display: block;
+  width: 100%;
+  border: 1px solid var(--input-border-color);
+  border-radius: var(--input-border-radius);
+  background: var(--input-bg);
+  color: var(--entropix-color-text-primary);
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--input-font-size);
+  line-height: var(--entropix-line-height-normal);
+  padding: var(--input-padding-y) var(--input-padding-x);
+  transition:
+    border-color var(--entropix-duration-fast) var(--entropix-easing-default),
+    box-shadow var(--entropix-duration-fast) var(--entropix-easing-default),
+    background var(--entropix-duration-fast) var(--entropix-easing-default);
+}
+.entropix-input::placeholder,
+.entropix-textarea::placeholder {
+  color: var(--entropix-color-text-tertiary);
+}
+.entropix-input:focus,
+.entropix-textarea:focus {
+  outline: none;
+  border-color: var(--input-focus-color);
+  box-shadow: 0 0 0 1px var(--input-focus-color);
+}
+.entropix-input:focus-visible,
+.entropix-textarea:focus-visible {
+  outline: 2px solid var(--input-focus-color);
+  outline-offset: 2px;
+}
+.entropix-input:hover:not(:disabled):not(:focus),
+.entropix-textarea:hover:not(:disabled):not(:focus) {
+  border-color: var(--entropix-color-border-hover);
+}
+.entropix-input[data-variant=filled],
+.entropix-textarea[data-variant=filled] {
+  background: var(--entropix-color-bg-secondary);
+  border-color: transparent;
+}
+.entropix-input[data-variant=filled]:focus,
+.entropix-textarea[data-variant=filled]:focus {
+  background: var(--input-bg);
+  border-color: var(--input-focus-color);
+}
+.entropix-input[data-size=sm],
+.entropix-textarea[data-size=sm] {
+  padding: var(--entropix-spacing-1) var(--entropix-spacing-2);
+  font-size: var(--entropix-font-size-xs);
+  border-radius: var(--entropix-radius-sm);
+}
+.entropix-input[data-size=md],
+.entropix-textarea[data-size=md] {
+  padding: var(--input-padding-y) var(--input-padding-x);
+  font-size: var(--input-font-size);
+}
+.entropix-input[data-size=lg],
+.entropix-textarea[data-size=lg] {
+  padding: var(--entropix-spacing-3) var(--entropix-spacing-4);
+  font-size: var(--entropix-font-size-base);
+  border-radius: var(--entropix-radius-lg);
+}
+.entropix-input[data-state=invalid],
+.entropix-textarea[data-state=invalid] {
+  border-color: var(--input-error-color);
+}
+.entropix-input[data-state=invalid]:focus,
+.entropix-textarea[data-state=invalid]:focus {
+  border-color: var(--input-error-color);
+  box-shadow: 0 0 0 1px var(--input-error-color);
+}
+.entropix-input:disabled,
+.entropix-textarea:disabled,
+.entropix-input[data-state=disabled],
+.entropix-textarea[data-state=disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.entropix-input-helper {
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-xs);
+  color: var(--entropix-color-text-secondary);
+  line-height: var(--entropix-line-height-normal);
+}
+.entropix-input-error {
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-xs);
+  color: var(--entropix-color-text-danger);
+  line-height: var(--entropix-line-height-normal);
+}
+.entropix-textarea {
+  min-height: 80px;
+}
+@media (max-width: 767px) {
+  .entropix-input,
+  .entropix-textarea {
+    min-height: 44px;
+    font-size: var(--entropix-font-size-base);
+  }
+  .entropix-input[data-size=sm],
+  .entropix-textarea[data-size=sm] {
+    min-height: 36px;
+    font-size: var(--entropix-font-size-sm);
+  }
+}
+/*# sourceMappingURL=textarea.css.map */

package/dist/textarea.d.cts

@@ -0,0 +1,41 @@
+import * as react from 'react';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "disabled" | "value"> {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Called when the value changes */
+    onChange?: (value: string) => void;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Whether the textarea is read-only */
+    readOnly?: boolean;
+    /** Whether the textarea is required */
+    required?: boolean;
+    /** Whether the textarea is in an invalid state */
+    invalid?: boolean;
+    /** Label text */
+    label?: string;
+    /** Helper text displayed below the textarea */
+    helperText?: string;
+    /** Error message displayed below the textarea (sets invalid=true when present) */
+    errorMessage?: string;
+    /** Visual variant */
+    variant?: "default" | "filled";
+    /** Size */
+    size?: "sm" | "md" | "lg";
+    /** Number of visible text rows */
+    rows?: number;
+    /** Resize behavior */
+    resize?: "none" | "vertical" | "both";
+}
+/**
+ * Textarea component — web adapter for @entropix/core's useInput.
+ *
+ * Renders a wrapper div with label, textarea, helper text, and error message.
+ * Sets data-state, data-variant, and data-size attributes for CSS targeting.
+ */
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.d.ts

@@ -0,0 +1,41 @@
+import * as react from 'react';
+
+interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "disabled" | "value"> {
+    /** Controlled value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Called when the value changes */
+    onChange?: (value: string) => void;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Whether the textarea is read-only */
+    readOnly?: boolean;
+    /** Whether the textarea is required */
+    required?: boolean;
+    /** Whether the textarea is in an invalid state */
+    invalid?: boolean;
+    /** Label text */
+    label?: string;
+    /** Helper text displayed below the textarea */
+    helperText?: string;
+    /** Error message displayed below the textarea (sets invalid=true when present) */
+    errorMessage?: string;
+    /** Visual variant */
+    variant?: "default" | "filled";
+    /** Size */
+    size?: "sm" | "md" | "lg";
+    /** Number of visible text rows */
+    rows?: number;
+    /** Resize behavior */
+    resize?: "none" | "vertical" | "both";
+}
+/**
+ * Textarea component — web adapter for @entropix/core's useInput.
+ *
+ * Renders a wrapper div with label, textarea, helper text, and error message.
+ * Sets data-state, data-variant, and data-size attributes for CSS targeting.
+ */
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+export { Textarea, type TextareaProps };

package/dist/textarea.js

@@ -0,0 +1,6 @@
+export { Textarea } from './chunk-UGCCJI2F.js';
+import './chunk-AVCBDUKH.js';
+import './chunk-Y2M2LJGJ.js';
+import './chunk-6UAQCHIW.js';
+//# sourceMappingURL=textarea.js.map
+//# sourceMappingURL=textarea.js.map

package/dist/toggle.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkB5JZHE4I_cjs = require('./chunk-B5JZHE4I.cjs');
+require('./chunk-LDOP6DVX.cjs');
+require('./chunk-LJK6KK2H.cjs');
+require('./chunk-5DKE5YQD.cjs');
+
+
+
+Object.defineProperty(exports, "Toggle", {
+  enumerable: true,
+  get: function () { return chunkB5JZHE4I_cjs.Toggle; }
+});
+Object.defineProperty(exports, "ToggleInner", {
+  enumerable: true,
+  get: function () { return chunkB5JZHE4I_cjs.ToggleInner; }
+});
+//# sourceMappingURL=toggle.cjs.map
+//# sourceMappingURL=toggle.cjs.map

package/dist/toggle.css

@@ -0,0 +1,41 @@
+/* src/styles/toggle.css */
+.entropix-toggle {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--entropix-spacing-2) var(--entropix-spacing-3);
+  border: 1px solid var(--entropix-color-border-default);
+  border-radius: var(--entropix-radius-md);
+  background: var(--entropix-color-bg-primary);
+  color: var(--entropix-color-text-primary);
+  font-family: var(--entropix-font-family-sans);
+  font-size: var(--entropix-font-size-sm);
+  font-weight: var(--entropix-font-weight-medium);
+  cursor: pointer;
+  user-select: none;
+  transition:
+    background var(--entropix-duration-fast) var(--entropix-easing-default),
+    border-color var(--entropix-duration-fast) var(--entropix-easing-default),
+    color var(--entropix-duration-fast) var(--entropix-easing-default);
+}
+.entropix-toggle:hover:not(:disabled) {
+  background: var(--entropix-color-action-secondary-hover);
+}
+.entropix-toggle[data-state=checked] {
+  background: var(--entropix-color-action-primary-default);
+  color: var(--entropix-color-text-inverse);
+  border-color: transparent;
+}
+.entropix-toggle[data-state=checked]:hover:not(:disabled) {
+  background: var(--entropix-color-action-primary-hover);
+}
+.entropix-toggle:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.entropix-toggle:focus-visible {
+  outline: 2px solid var(--entropix-color-border-focus);
+  outline-offset: 2px;
+}
+/*# sourceMappingURL=toggle.css.map */

package/dist/toggle.d.cts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { UseToggleOptions } from '@entropix/core';
+
+interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "disabled"> {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean;
+    /** Called when checked state changes */
+    onChange?: (checked: boolean) => void;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+    /** Accessible label (if no children) */
+    label?: string;
+}
+/** Internal props used by Switch to override the role */
+interface ToggleInternalProps extends ToggleProps {
+    /** @internal Override the ARIA role */
+    role?: UseToggleOptions["role"];
+    /** @internal CSS class name for the component (toggle or switch) */
+    componentClass?: string;
+}
+/**
+ * Toggle component — web adapter for @entropix/core's useToggle.
+ *
+ * Renders a `<button type="button">` with role="checkbox".
+ * Use the Switch component for role="switch" semantics.
+ * Sets data-state="checked"|"unchecked" for CSS targeting.
+ */
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+/** @internal Shared implementation for Toggle and Switch */
+declare const ToggleInner: react.ForwardRefExoticComponent<ToggleInternalProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Toggle, ToggleInner, type ToggleProps };