@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.60

package/Textarea/index.mjs

@@ -1,33 +1,45 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import React__default from "react";
-import { InputField } from "../InputField/index.mjs";
-import "../utilities/css.mjs";
-import "../__chunks__/InputIcon-2317befd.mjs";
-import "../Text/index.mjs";
-import "../Icon/index.mjs";
-import "../__chunks__/index-29d7bca9.mjs";
-import "../__chunks__/import-19bc38ac.mjs";
-import "../__chunks__/omit-f17deb8f.mjs";
-import "../__chunks__/import-3d962a94.mjs";
-import "../__chunks__/import-29af6941.mjs";
+import { I as InputField } from "../__chunks__/InputField-BI73lSp6.mjs";
 function Textarea(props) {
-  const { size = "md", isLabelVisuallyHidden = false, isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, label, errorText, helperText, placeholder, value, defaultValue, rows = 1 } = props;
-  return React__default.createElement(InputField, {
+  const _a = props, { size = "md", isDisabled = false, isRequired = false, validationState = "valid", isLabelEmphasized = false, autoFocus = false, rows = 1 } = _a, restProps = __objRest(_a, ["size", "isDisabled", "isRequired", "validationState", "isLabelEmphasized", "autoFocus", "rows"]);
+  return React__default.createElement(InputField, __spreadValues({
     isMultiline: true,
     size,
-    isLabelVisuallyHidden,
     isDisabled,
     isRequired,
     validationState,
     isLabelEmphasized,
     autoFocus,
-    label,
-    errorText,
-    helperText,
-    placeholder,
-    value,
-    defaultValue,
     rows
-  });
+  }, restProps));
 }
 export {
   Textarea

package/Theme/index.js

@@ -1,147 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const tokens = require("../__chunks__/tokens-e696ca96.js");
-const utilities_tokens = require("../utilities/tokens.js");
-const utilities_css = require("../utilities/css.js");
-const defaultTheme = createTheme(() => {
-  return getThemeFromTokens("theme.base");
-});
-const invertedColorSchemes = {
-  light: "dark",
-  dark: "light",
-  system: "inverted",
-  inverted: "system"
-};
-function NoopComponent(props) {
-  return React.createElement(React.Fragment, null, props.children);
-}
-const TrackerContext = React.createContext(0);
-const ThemeContext = React.createContext(null);
-const ColorSchemeContext = React.createContext(null);
-function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: themeFromUser }) {
-  const parentTheme = React.useContext(ThemeContext);
-  const isRoot = !parentTheme;
-  if (!isRoot && !themeFromUser && !colorSchemeFromUser) {
-    throw new Error("Must supply theme or colorScheme to ThemeProvider");
-  }
-  const parentContext = React.useContext(TrackerContext);
-  const [count] = React.useState(() => parentContext + 1);
-  const ThemeContextComponent = isRoot || themeFromUser ? ThemeContextProvider : NoopComponent;
-  const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
-  const theme = themeFromUser ? themeFromUser : defaultTheme;
-  const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
-  return React.createElement(TrackerContext.Provider, {
-    value: count
-  }, React.createElement(ThemeContextComponent, {
-    theme
-  }, React.createElement(ColorSchemeContextComponent, {
-    colorScheme
-  }, React.createElement(React.Fragment, null, React.createElement(Style, {
-    isRoot
-  }), children))));
-}
-function createTheme(themeCreator) {
-  return themeCreator;
-}
-function useTheme() {
-  const themeContext = React.useContext(ThemeContext);
-  if (!themeContext) {
-    throw new Error("useTheme() must be used within a ThemeProvier");
-  }
-  return themeContext;
-}
-function useColorScheme() {
-  const colorSchemeContext = React.useContext(ColorSchemeContext);
-  if (!colorSchemeContext) {
-    throw new Error("useColorScheme() must be used within a ThemeProvider");
-  }
-  return colorSchemeContext;
-}
-function Style({ isRoot }) {
-  const parentContext = React.useContext(TrackerContext);
-  const themeCreator = useTheme();
-  const { resolvedColorScheme } = useColorScheme();
-  const fingerprint = React.useMemo(() => {
-    return `ezui-theme-style-level-${parentContext}`;
-  }, [parentContext]);
-  const selector = isRoot ? ":root" : `#${fingerprint} ~ *`;
-  const css = React.useMemo(() => {
-    return resolvedColorScheme === "system" ? `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: "light"
-    }))}
-      }
-      @media (prefers-color-scheme: dark) {
-        ${selector} {
-          ${renderThemeVariables(themeCreator({
-      colorScheme: "dark"
-    }))}
-        }
-      }` : resolvedColorScheme === "inverted" ? `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: "dark"
-    }))}
-      }
-      @media (prefers-color-scheme: dark) {
-        ${selector} {
-          ${renderThemeVariables(themeCreator({
-      colorScheme: "light"
-    }))}
-        }
-      }` : `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: resolvedColorScheme
-    }))}
-      }`;
-  }, [resolvedColorScheme, selector, themeCreator]);
-  return React.createElement("style", {
-    id: fingerprint,
-    dangerouslySetInnerHTML: {
-      __html: css
-    }
-  });
-}
-function ThemeContextProvider({ theme, children }) {
-  return React.createElement(ThemeContext.Provider, {
-    value: theme
-  }, children);
-}
-function ColorSchemeContextProvider({ colorScheme, children }) {
-  const parentColorSchemeContext = React.useContext(ColorSchemeContext);
-  const colorSchemeContextValue = React.useMemo(() => {
-    const resolvedColorScheme = colorScheme === "inverted" && parentColorSchemeContext ? invertedColorSchemes[parentColorSchemeContext.resolvedColorScheme] : colorScheme;
-    return {
-      userColorScheme: colorScheme,
-      resolvedColorScheme
-    };
-  }, [colorScheme, parentColorSchemeContext]);
-  return React.createElement(ColorSchemeContext.Provider, {
-    value: colorSchemeContextValue
-  }, children);
-}
-function getThemeInstanceVariables(theme) {
-  return Object.fromEntries(Object.entries(theme).map(([key, value]) => {
-    const property = utilities_css.tokenSafeKebabCase(key);
-    return [`--ezui-t-${property}`, value];
-  }));
-}
-function renderThemeVariables(theme) {
-  const variables = getThemeInstanceVariables(theme);
-  const css = Object.entries(variables).map((entry) => entry.join(": ") + ";").join("\n");
-  return css;
-}
-function getThemeFromTokens(prefix) {
-  const theme = Object.fromEntries(Object.keys(tokens.ezuiTokens).filter((key) => key.startsWith(`${prefix}.`)).map((key) => key.replace(new RegExp(`^${prefix}.`), "")).map((key) => {
-    const value = `var(--ezui-${utilities_css.tokenSafeKebabCase(prefix)}-${utilities_css.tokenSafeKebabCase(key)})`;
-    return [key, value];
-  }));
-  return theme;
-}
-function getThemeTokenAliases(pattern) {
-  return utilities_tokens.getTokenAliases(getThemeFromTokens("theme.base"), pattern);
-}
-exports.ThemeProvider = ThemeProvider;
-exports.createTheme = createTheme;
-exports.defaultTheme = defaultTheme;
-exports.getThemeTokenAliases = getThemeTokenAliases;
+const Theme = require("../__chunks__/Theme-BTOgcCP2.js");
+exports.ThemeProvider = Theme.ThemeProvider;
+exports.createTheme = Theme.createTheme;
+exports.defaultTheme = Theme.defaultTheme;
+exports.getThemeTokenAliases = Theme.getThemeTokenAliases;

package/Theme/index.mjs

@@ -1,147 +1,7 @@
-import React__default, { createContext, useContext, useState, useMemo } from "react";
-import { e as ezuiTokens } from "../__chunks__/tokens-6be8e137.mjs";
-import { getTokenAliases } from "../utilities/tokens.mjs";
-import { tokenSafeKebabCase } from "../utilities/css.mjs";
-const defaultTheme = createTheme(() => {
-  return getThemeFromTokens("theme.base");
-});
-const invertedColorSchemes = {
-  light: "dark",
-  dark: "light",
-  system: "inverted",
-  inverted: "system"
-};
-function NoopComponent(props) {
-  return React__default.createElement(React__default.Fragment, null, props.children);
-}
-const TrackerContext = createContext(0);
-const ThemeContext = createContext(null);
-const ColorSchemeContext = createContext(null);
-function ThemeProvider({ children, colorScheme: colorSchemeFromUser, theme: themeFromUser }) {
-  const parentTheme = useContext(ThemeContext);
-  const isRoot = !parentTheme;
-  if (!isRoot && !themeFromUser && !colorSchemeFromUser) {
-    throw new Error("Must supply theme or colorScheme to ThemeProvider");
-  }
-  const parentContext = useContext(TrackerContext);
-  const [count] = useState(() => parentContext + 1);
-  const ThemeContextComponent = isRoot || themeFromUser ? ThemeContextProvider : NoopComponent;
-  const ColorSchemeContextComponent = isRoot || colorSchemeFromUser ? ColorSchemeContextProvider : NoopComponent;
-  const theme = themeFromUser ? themeFromUser : defaultTheme;
-  const colorScheme = colorSchemeFromUser ? colorSchemeFromUser : "system";
-  return React__default.createElement(TrackerContext.Provider, {
-    value: count
-  }, React__default.createElement(ThemeContextComponent, {
-    theme
-  }, React__default.createElement(ColorSchemeContextComponent, {
-    colorScheme
-  }, React__default.createElement(React__default.Fragment, null, React__default.createElement(Style, {
-    isRoot
-  }), children))));
-}
-function createTheme(themeCreator) {
-  return themeCreator;
-}
-function useTheme() {
-  const themeContext = useContext(ThemeContext);
-  if (!themeContext) {
-    throw new Error("useTheme() must be used within a ThemeProvier");
-  }
-  return themeContext;
-}
-function useColorScheme() {
-  const colorSchemeContext = useContext(ColorSchemeContext);
-  if (!colorSchemeContext) {
-    throw new Error("useColorScheme() must be used within a ThemeProvider");
-  }
-  return colorSchemeContext;
-}
-function Style({ isRoot }) {
-  const parentContext = useContext(TrackerContext);
-  const themeCreator = useTheme();
-  const { resolvedColorScheme } = useColorScheme();
-  const fingerprint = useMemo(() => {
-    return `ezui-theme-style-level-${parentContext}`;
-  }, [parentContext]);
-  const selector = isRoot ? ":root" : `#${fingerprint} ~ *`;
-  const css = useMemo(() => {
-    return resolvedColorScheme === "system" ? `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: "light"
-    }))}
-      }
-      @media (prefers-color-scheme: dark) {
-        ${selector} {
-          ${renderThemeVariables(themeCreator({
-      colorScheme: "dark"
-    }))}
-        }
-      }` : resolvedColorScheme === "inverted" ? `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: "dark"
-    }))}
-      }
-      @media (prefers-color-scheme: dark) {
-        ${selector} {
-          ${renderThemeVariables(themeCreator({
-      colorScheme: "light"
-    }))}
-        }
-      }` : `${selector} {
-        ${renderThemeVariables(themeCreator({
-      colorScheme: resolvedColorScheme
-    }))}
-      }`;
-  }, [resolvedColorScheme, selector, themeCreator]);
-  return React__default.createElement("style", {
-    id: fingerprint,
-    dangerouslySetInnerHTML: {
-      __html: css
-    }
-  });
-}
-function ThemeContextProvider({ theme, children }) {
-  return React__default.createElement(ThemeContext.Provider, {
-    value: theme
-  }, children);
-}
-function ColorSchemeContextProvider({ colorScheme, children }) {
-  const parentColorSchemeContext = useContext(ColorSchemeContext);
-  const colorSchemeContextValue = useMemo(() => {
-    const resolvedColorScheme = colorScheme === "inverted" && parentColorSchemeContext ? invertedColorSchemes[parentColorSchemeContext.resolvedColorScheme] : colorScheme;
-    return {
-      userColorScheme: colorScheme,
-      resolvedColorScheme
-    };
-  }, [colorScheme, parentColorSchemeContext]);
-  return React__default.createElement(ColorSchemeContext.Provider, {
-    value: colorSchemeContextValue
-  }, children);
-}
-function getThemeInstanceVariables(theme) {
-  return Object.fromEntries(Object.entries(theme).map(([key, value]) => {
-    const property = tokenSafeKebabCase(key);
-    return [`--ezui-t-${property}`, value];
-  }));
-}
-function renderThemeVariables(theme) {
-  const variables = getThemeInstanceVariables(theme);
-  const css = Object.entries(variables).map((entry) => entry.join(": ") + ";").join("\n");
-  return css;
-}
-function getThemeFromTokens(prefix) {
-  const theme = Object.fromEntries(Object.keys(ezuiTokens).filter((key) => key.startsWith(`${prefix}.`)).map((key) => key.replace(new RegExp(`^${prefix}.`), "")).map((key) => {
-    const value = `var(--ezui-${tokenSafeKebabCase(prefix)}-${tokenSafeKebabCase(key)})`;
-    return [key, value];
-  }));
-  return theme;
-}
-function getThemeTokenAliases(pattern) {
-  return getTokenAliases(getThemeFromTokens("theme.base"), pattern);
-}
+import { T, c, d, g } from "../__chunks__/Theme-CKTfAcvs.mjs";
 export {
-  ThemeProvider,
-  createTheme,
-  defaultTheme,
-  getThemeTokenAliases
+  T as ThemeProvider,
+  c as createTheme,
+  d as defaultTheme,
+  g as getThemeTokenAliases
 };

package/Toggle/Toggle.d.ts

@@ -68,5 +68,38 @@ export type ToggleProps = AriaLabelingProps & {
  * <Toggle isDisabled>Toggle item</Toggle>
  * ```
  */
-export declare function Toggle(props: ToggleProps): React.JSX.Element;
+export declare const Toggle: React.ForwardRefExoticComponent<AriaLabelingProps & {
+    /**
+     * The label for the toggle.
+     */
+    children?: ReactNode;
+    /**
+     * Whether the toggle should be selected (uncontrolled).
+     */
+    defaultSelected?: boolean;
+    /**
+     * Disables the toggle.
+     */
+    isDisabled?: boolean;
+    /**
+     * Marks the toggle as immutable.
+     */
+    isReadOnly?: boolean;
+    /**
+     * Whether the toggle should be selected (controlled).
+     */
+    isSelected?: boolean;
+    /**
+     * The name of the toggle, used when submitting an HTML form.
+     */
+    name?: string;
+    /**
+     * Handler that is called when the toggle's selection state changes.
+     */
+    onChange?: (isSelected: boolean) => void;
+    /**
+     * The value of the toggle, used when submitting an HTML form.
+     */
+    value?: string;
+} & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Toggle.d.ts.map

package/Toggle/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,qBAqCxC"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AASrD,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;IA3EjB;;OAEG;eACQ,SAAS;IAEpB;;OAEG;sBACe,OAAO;IAEzB;;OAEG;iBACU,OAAO;IAEpB;;OAEG;iBACU,OAAO;IAEpB;;OAEG;iBACU,OAAO;IAEpB;;OAEG;WACI,MAAM;IAEb;;OAEG;eACQ,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI;IAExC;;OAEG;YACK,MAAM;0CA0Ff,CAAC"}

package/Toggle/index.js

@@ -1,119 +1,4 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Text_index = require("../Text/index.js");
-const utilities_css = require("../utilities/css.js");
-const _import = require("../__chunks__/import-8b6c0bc7.js");
-const _import$1 = require("../__chunks__/import-2b302763.js");
-const _import$2 = require("../__chunks__/import-a1e0f814.js");
-require("../__chunks__/import-dea5a24d.js");
-function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
-  let { inputProps, isSelected, isPressed, isDisabled, isReadOnly } = _import.$d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
-  return {
-    inputProps: __spreadProps(__spreadValues({}, inputProps), {
-      role: "switch",
-      checked: isSelected
-    }),
-    isSelected,
-    isPressed,
-    isDisabled,
-    isReadOnly
-  };
-}
-const Switch$1 = "_Switch_1au2a_5";
-const focusVisible = "_focusVisible_1au2a_13";
-const track = "_track_1au2a_25";
-const thumb = "_thumb_1au2a_29";
-const hovered = "_hovered_1au2a_33";
-const disabled = "_disabled_1au2a_33";
-const selected = "_selected_1au2a_37";
-const styles$1 = {
-  Switch: Switch$1,
-  focusVisible,
-  track,
-  thumb,
-  hovered,
-  disabled,
-  selected
-};
-function Switch(props) {
-  const { isDisabled, isFocusVisible, isHovered, isSelected } = props;
-  const className = utilities_css.classNames(styles$1.Switch, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React.createElement("span", {
-    className
-  }, React.createElement("svg", {
-    width: 32,
-    height: 16,
-    "aria-hidden": "true"
-  }, React.createElement("rect", {
-    className: styles$1.track,
-    x: 0,
-    y: 0,
-    width: 32,
-    height: 16,
-    rx: 8
-  }), React.createElement("circle", {
-    className: styles$1.thumb,
-    cx: isSelected ? 32 - 8 : 8,
-    cy: 8,
-    r: 6
-  })));
-}
-const Toggle$1 = "_Toggle_sl5qh_5";
-const text = "_text_sl5qh_24";
-const input = "_input_sl5qh_25";
-const styles = {
-  Toggle: Toggle$1,
-  text,
-  input
-};
-function Toggle(props) {
-  const { children, isDisabled } = props;
-  const ref = React.useRef(null);
-  const state = _import.$3017fa7ffdddec74$export$8042c6c013fd5226(props);
-  const { inputProps: inputPropsFromSwitch } = $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref);
-  const { isFocusVisible, focusProps } = _import$1.$f7dceffc5ad7768b$export$4e328f61c538687f();
-  const { isHovered, hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456(props);
-  const isSelected = state.isSelected;
-  const className = utilities_css.classNames(styles.Toggle, !children && styles.standalone);
-  const textColor = isDisabled ? "disabled" : "primary";
-  const RootComponent = children ? "label" : "span";
-  const rootProps = children ? hoverProps : {};
-  const inputProps = children ? _import$2.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromSwitch, focusProps) : _import$2.$3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromSwitch, focusProps, hoverProps);
-  return React.createElement(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
-    className
-  }), React.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
-    className: styles.input,
-    ref
-  })), React.createElement(Switch, {
-    isDisabled,
-    isFocusVisible,
-    isHovered,
-    isSelected
-  }), children && React.createElement("span", {
-    className: styles.text
-  }, React.createElement(Text_index.Text, {
-    variant: "body1",
-    color: textColor
-  }, children)));
-}
-exports.Toggle = Toggle;
+const Toggle = require("../__chunks__/Toggle-4oQhSggV.js");
+exports.Toggle = Toggle.Toggle;

package/Toggle/index.mjs

@@ -1,119 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React__default from "react";
-import { Text } from "../Text/index.mjs";
-import { classNames } from "../utilities/css.mjs";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577, a as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../__chunks__/import-0561e1ba.mjs";
-import { e as $f7dceffc5ad7768b$export$4e328f61c538687f, f as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/import-3d962a94.mjs";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../__chunks__/import-19bc38ac.mjs";
-import "../__chunks__/import-6a831ca1.mjs";
-function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
-  let { inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
-  return {
-    inputProps: __spreadProps(__spreadValues({}, inputProps), {
-      role: "switch",
-      checked: isSelected
-    }),
-    isSelected,
-    isPressed,
-    isDisabled,
-    isReadOnly
-  };
-}
-const Switch$1 = "_Switch_1au2a_5";
-const focusVisible = "_focusVisible_1au2a_13";
-const track = "_track_1au2a_25";
-const thumb = "_thumb_1au2a_29";
-const hovered = "_hovered_1au2a_33";
-const disabled = "_disabled_1au2a_33";
-const selected = "_selected_1au2a_37";
-const styles$1 = {
-  Switch: Switch$1,
-  focusVisible,
-  track,
-  thumb,
-  hovered,
-  disabled,
-  selected
-};
-function Switch(props) {
-  const { isDisabled, isFocusVisible, isHovered, isSelected } = props;
-  const className = classNames(styles$1.Switch, isDisabled && styles$1.disabled, isFocusVisible && styles$1.focusVisible, isHovered && styles$1.hovered, isSelected && styles$1.selected);
-  return React__default.createElement("span", {
-    className
-  }, React__default.createElement("svg", {
-    width: 32,
-    height: 16,
-    "aria-hidden": "true"
-  }, React__default.createElement("rect", {
-    className: styles$1.track,
-    x: 0,
-    y: 0,
-    width: 32,
-    height: 16,
-    rx: 8
-  }), React__default.createElement("circle", {
-    className: styles$1.thumb,
-    cx: isSelected ? 32 - 8 : 8,
-    cy: 8,
-    r: 6
-  })));
-}
-const Toggle$1 = "_Toggle_sl5qh_5";
-const text = "_text_sl5qh_24";
-const input = "_input_sl5qh_25";
-const styles = {
-  Toggle: Toggle$1,
-  text,
-  input
-};
-function Toggle(props) {
-  const { children, isDisabled } = props;
-  const ref = React__default.useRef(null);
-  const state = $3017fa7ffdddec74$export$8042c6c013fd5226(props);
-  const { inputProps: inputPropsFromSwitch } = $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref);
-  const { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  const { isHovered, hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456(props);
-  const isSelected = state.isSelected;
-  const className = classNames(styles.Toggle, !children && styles.standalone);
-  const textColor = isDisabled ? "disabled" : "primary";
-  const RootComponent = children ? "label" : "span";
-  const rootProps = children ? hoverProps : {};
-  const inputProps = children ? $3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromSwitch, focusProps) : $3ef42575df84b30b$export$9d1611c77c2fe928(inputPropsFromSwitch, focusProps, hoverProps);
-  return React__default.createElement(RootComponent, __spreadProps(__spreadValues({}, rootProps), {
-    className
-  }), React__default.createElement("input", __spreadProps(__spreadValues({}, inputProps), {
-    className: styles.input,
-    ref
-  })), React__default.createElement(Switch, {
-    isDisabled,
-    isFocusVisible,
-    isHovered,
-    isSelected
-  }), children && React__default.createElement("span", {
-    className: styles.text
-  }, React__default.createElement(Text, {
-    variant: "body1",
-    color: textColor
-  }, children)));
-}
+import { T } from "../__chunks__/Toggle-DlIBs_Za.mjs";
 export {
-  Toggle
+  T as Toggle
 };