@telia/teddy 0.0.23 → 0.0.25

package/dist/components/text-field/text-field-input-group.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const components_input_index = require("../input/index.cjs");
+const components_textField_textField = require("./text-field.cjs");
+const InputGroup = React.forwardRef((props, forwardRef) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_input_index.InputGroup, { ...props, ref: forwardRef, frameClassName: components_textField_textField.styles[`${components_textField_textField.rootClassName}__frame`] });
+});
+InputGroup.displayName = "InputGroup";
+exports.InputGroup = InputGroup;

package/dist/components/text-field/text-field-input-group.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { InputGroupProps } from '../input';
+
+export type TextFieldInputGroupProps = InputGroupProps['Root'];
+export declare const InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    frameClassName?: string | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/text-field/text-field-input-group.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { InputGroup as InputGroup$1 } from "../input/index.js";
+import { s as styles, rootClassName } from "./text-field.js";
+const InputGroup = React__default.forwardRef((props, forwardRef) => {
+  return /* @__PURE__ */ jsx(InputGroup$1, { ...props, ref: forwardRef, frameClassName: styles[`${rootClassName}__frame`] });
+});
+InputGroup.displayName = "InputGroup";
+export {
+  InputGroup
+};

package/dist/components/text-field/text-field-input.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const components_input_index = require("../input/index.cjs");
+const components_textField_textField = require("./text-field.cjs");
+const Input = React.forwardRef((props, forwardRef) => {
+  var _a;
+  const context = React.useContext(components_textField_textField.TextFieldContext);
+  const id = context == null ? void 0 : context.id;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components_input_index.InputGroup.Input,
+    {
+      ...props,
+      "aria-describedby": [context == null ? void 0 : context.errorId, context == null ? void 0 : context.helperTextId].filter(Boolean).join(" "),
+      disabled: context == null ? void 0 : context.disabled,
+      readOnly: context == null ? void 0 : context.readOnly,
+      required: context == null ? void 0 : context.isRequired,
+      isLoading: context == null ? void 0 : context.isLoading,
+      validationState: (context == null ? void 0 : context.isValid) ? "valid" : ((_a = context == null ? void 0 : context.errors) == null ? void 0 : _a.length) ? "invalid" : void 0,
+      id,
+      ref: forwardRef
+    }
+  );
+});
+Input.displayName = "Input";
+exports.Input = Input;

package/dist/components/text-field/text-field-input.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { InputGroupProps } from '../input';
+
+export type TextFieldInputProps = Omit<InputGroupProps['Input'], 'id' | 'disabled' | 'readOnly' | 'required'>;
+export declare const Input: React.ForwardRefExoticComponent<TextFieldInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/text-field/text-field-input.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { InputGroup } from "../input/index.js";
+import { TextFieldContext } from "./text-field.js";
+const Input = React__default.forwardRef((props, forwardRef) => {
+  var _a;
+  const context = React__default.useContext(TextFieldContext);
+  const id = context == null ? void 0 : context.id;
+  return /* @__PURE__ */ jsx(
+    InputGroup.Input,
+    {
+      ...props,
+      "aria-describedby": [context == null ? void 0 : context.errorId, context == null ? void 0 : context.helperTextId].filter(Boolean).join(" "),
+      disabled: context == null ? void 0 : context.disabled,
+      readOnly: context == null ? void 0 : context.readOnly,
+      required: context == null ? void 0 : context.isRequired,
+      isLoading: context == null ? void 0 : context.isLoading,
+      validationState: (context == null ? void 0 : context.isValid) ? "valid" : ((_a = context == null ? void 0 : context.errors) == null ? void 0 : _a.length) ? "invalid" : void 0,
+      id,
+      ref: forwardRef
+    }
+  );
+});
+Input.displayName = "Input";
+export {
+  Input
+};

package/dist/components/text-field/text-field-label.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const components_label_label = require("../label/label.cjs");
+const components_textField_textField = require("./text-field.cjs");
+const Label = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const context = React.useContext(components_textField_textField.TextFieldContext);
+    const classes = clsx([components_textField_textField.styles[`${components_textField_textField.rootClassName}__label`]], className);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_label_label.Label,
+      {
+        ...props,
+        isRequired: context == null ? void 0 : context.isRequired,
+        htmlFor: id,
+        disabled: context == null ? void 0 : context.disabled,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+exports.Label = Label;

package/dist/components/text-field/text-field-label.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { LabelProps } from '../label';
+
+export type TextFieldLabelProps = LabelProps;
+export declare const Label: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    disabled?: boolean | undefined;
+    isRequired?: boolean | undefined;
+} & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/text-field/text-field-label.js

@@ -0,0 +1,27 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React__default from "react";
+import { Label as Label$1 } from "../label/label.js";
+import { TextFieldContext, s as styles, rootClassName } from "./text-field.js";
+const Label = React__default.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const context = React__default.useContext(TextFieldContext);
+    const classes = clsx([styles[`${rootClassName}__label`]], className);
+    const id = props.id || (context == null ? void 0 : context.id);
+    return /* @__PURE__ */ jsx(
+      Label$1,
+      {
+        ...props,
+        isRequired: context == null ? void 0 : context.isRequired,
+        htmlFor: id,
+        disabled: context == null ? void 0 : context.disabled,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+Label.displayName = "Label";
+export {
+  Label
+};

package/dist/components/text-field/text-field.cjs

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const fadeInAnimation = "_fadeInAnimation_shhej_1";
+const scaleInAnimation = "_scaleInAnimation_shhej_1";
+const styles = {
+  "teddy-text-field": "_teddy-text-field_shhej_17",
+  "teddy-text-field__label": "_teddy-text-field__label_shhej_24",
+  "teddy-text-field__input-group": "_teddy-text-field__input-group_shhej_27",
+  "teddy-text-field__button--attached": "_teddy-text-field__button--attached_shhej_30",
+  "teddy-text-field__frame": "_teddy-text-field__frame_shhej_30",
+  "teddy-text-field__button": "_teddy-text-field__button_shhej_30",
+  "teddy-text-field__helper-text": "_teddy-text-field__helper-text_shhej_42",
+  "teddy-text-field__error-list": "_teddy-text-field__error-list_shhej_45",
+  fadeInAnimation,
+  scaleInAnimation
+};
+const rootClassName = "teddy-text-field";
+const TextFieldContext = React.createContext(void 0);
+const Root = React.forwardRef(
+  ({ className, children, readOnly, disabled, errors, isValid, isLoading, isRequired, ...props }, forwardRef) => {
+    const fallbackId = React.useId();
+    const id = props.id || fallbackId;
+    const classes = clsx([styles[rootClassName]], className);
+    const [helperTextId, setHelperTextId] = React.useState(void 0);
+    const [errorId, setErrorId] = React.useState(void 0);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(
+      TextFieldContext.Provider,
+      {
+        value: {
+          errors,
+          id,
+          errorId,
+          setErrorId,
+          helperTextId,
+          setHelperTextId,
+          disabled,
+          readOnly,
+          isValid,
+          isLoading,
+          isRequired
+        },
+        children
+      }
+    ) });
+  }
+);
+Root.displayName = "Root";
+exports.Root = Root;
+exports.TextFieldContext = TextFieldContext;
+exports.rootClassName = rootClassName;
+exports.styles = styles;

package/dist/components/text-field/text-field.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
-import { HelperTextProps } from '../helper-text';
-import { LabelProps } from '../label';
-import { InputGroupProps } from '../input';
+import { InputIndicatorProps } from '../input/input-indicator';
+import { indicatorFelidsInRoot } from './util';
 
+export declare const rootClassName = "teddy-text-field";
 type ListOfErrors = Array<string | null | undefined> | null | undefined;
-type TextFieldContextValue = {
+export type TextFieldContextValue = {
     id: string;
     errorId?: string;
     setErrorId: React.Dispatch<React.SetStateAction<string | undefined>>;
@@ -17,7 +17,8 @@ type TextFieldContextValue = {
     isLoading?: boolean;
     isRequired?: boolean;
 };
-type TextFieldRootProps = React.ComponentPropsWithoutRef<'div'> & {
+export declare const TextFieldContext: React.Context<TextFieldContextValue | undefined>;
+export type TextFieldRootProps = React.ComponentPropsWithoutRef<'div'> & Pick<InputIndicatorProps, (typeof indicatorFelidsInRoot)[number]> & {
     /**
      * Whether the input is disabled.
      */
@@ -27,31 +28,16 @@ type TextFieldRootProps = React.ComponentPropsWithoutRef<'div'> & {
      * List of errors
      */
     errors?: ListOfErrors;
-    /**
-     * Whether the input is invalid.
-     */
-    isValid?: boolean;
-    /**
-     * Whether the input is loading.
-     */
-    isLoading?: boolean;
     /**
      * Whether the input is required.
      */
     isRequired?: boolean;
 };
-type TextFieldInputProps = Omit<InputGroupProps['Input'], 'id' | 'disabled' | 'readOnly' | 'required'> & {};
-type TextFieldInputGroupProps = InputGroupProps['Root'] & {};
-type TextFieldIndicatorProps = InputGroupProps['Indicator'];
-type TextFieldLabelProps = LabelProps;
-type TextFieldHelperTextProps = HelperTextProps & {};
-type TextFieldErrorList = Omit<React.ComponentPropsWithoutRef<'ul'>, 'children'> & {
-    children?: ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode) | React.ReactNode;
-};
-declare const TextFieldErrorList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
-    children?: ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode) | React.ReactNode;
-} & React.RefAttributes<HTMLUListElement>>;
-export declare const TextField: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+/**
+ * The root component of the text field.
+ * This components holds the state of the text field. All components that is needed can be extracted from it.
+ */
+export declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Pick<InputIndicatorProps, "isLoading" | "isValid"> & {
     /**
      * Whether the input is disabled.
      */
@@ -61,41 +47,9 @@ export declare const TextField: React.ForwardRefExoticComponent<Omit<React.Detai
      * List of errors
      */
     errors?: ListOfErrors;
-    /**
-     * Whether the input is invalid.
-     */
-    isValid?: boolean | undefined;
-    /**
-     * Whether the input is loading.
-     */
-    isLoading?: boolean | undefined;
     /**
      * Whether the input is required.
      */
     isRequired?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Input: React.ForwardRefExoticComponent<Omit<import('../input').InputProps, "id" | "disabled" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-label').LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
-        disabled?: boolean | undefined;
-        isRequired?: boolean | undefined;
-    } & React.RefAttributes<HTMLLabelElement>>;
-    InputGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    HelperText: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    ErrorList: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "children"> & {
-        children?: ((args: Pick<TextFieldContextValue, 'errors'>) => React.ReactNode) | React.ReactNode;
-    } & React.RefAttributes<HTMLUListElement>>;
-    Indicator: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
-        isLoading?: boolean | undefined;
-        isValid?: boolean | undefined;
-    } & React.RefAttributes<SVGSVGElement>>;
-};
-export type TextFieldProps = {
-    Root: TextFieldRootProps;
-    Input: TextFieldInputProps;
-    Label: TextFieldLabelProps;
-    Group: TextFieldInputGroupProps;
-    HelperText: TextFieldHelperTextProps;
-    ErrorList: TextFieldErrorList;
-    Indicator: TextFieldIndicatorProps;
-};
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/text-field/text-field.js

@@ -1,21 +1,23 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import React__default from "react";
-import { FieldErrorText } from "../field-error-text/field-error-text.js";
-import { HelperText } from "../helper-text/helper-text.js";
-import { Label } from "../label/label.js";
-import { InputGroup } from "../input/input.js";
-const fadeInAnimation = "_fadeInAnimation_1i091_1";
-const scaleInAnimation = "_scaleInAnimation_1i091_1";
+const fadeInAnimation = "_fadeInAnimation_shhej_1";
+const scaleInAnimation = "_scaleInAnimation_shhej_1";
 const styles = {
-  "teddy-text-field": "_teddy-text-field_1i091_17",
-  "teddy-text-field__error-list": "_teddy-text-field__error-list_1i091_23",
+  "teddy-text-field": "_teddy-text-field_shhej_17",
+  "teddy-text-field__label": "_teddy-text-field__label_shhej_24",
+  "teddy-text-field__input-group": "_teddy-text-field__input-group_shhej_27",
+  "teddy-text-field__button--attached": "_teddy-text-field__button--attached_shhej_30",
+  "teddy-text-field__frame": "_teddy-text-field__frame_shhej_30",
+  "teddy-text-field__button": "_teddy-text-field__button_shhej_30",
+  "teddy-text-field__helper-text": "_teddy-text-field__helper-text_shhej_42",
+  "teddy-text-field__error-list": "_teddy-text-field__error-list_shhej_45",
   fadeInAnimation,
   scaleInAnimation
 };
 const rootClassName = "teddy-text-field";
 const TextFieldContext = React__default.createContext(void 0);
-const TextFieldRoot = React__default.forwardRef(
+const Root = React__default.forwardRef(
   ({ className, children, readOnly, disabled, errors, isValid, isLoading, isRequired, ...props }, forwardRef) => {
     const fallbackId = React__default.useId();
     const id = props.id || fallbackId;
@@ -43,96 +45,10 @@ const TextFieldRoot = React__default.forwardRef(
     ) });
   }
 );
-TextFieldRoot.displayName = "TextField";
-const TextFieldInput = React__default.forwardRef((props, forwardRef) => {
-  var _a;
-  const context = React__default.useContext(TextFieldContext);
-  const id = context == null ? void 0 : context.id;
-  return /* @__PURE__ */ jsx(
-    InputGroup.Input,
-    {
-      ...props,
-      "aria-describedby": [context == null ? void 0 : context.errorId, context == null ? void 0 : context.helperTextId].filter(Boolean).join(" "),
-      disabled: context == null ? void 0 : context.disabled,
-      readOnly: context == null ? void 0 : context.readOnly,
-      required: context == null ? void 0 : context.isRequired,
-      isLoading: context == null ? void 0 : context.isLoading,
-      validationState: (context == null ? void 0 : context.isValid) ? "valid" : ((_a = context == null ? void 0 : context.errors) == null ? void 0 : _a.length) ? "invalid" : void 0,
-      id,
-      ref: forwardRef
-    }
-  );
-});
-TextFieldInput.displayName = "TextField.Input";
-const TextFieldInputGroup = React__default.forwardRef((props, forwardRef) => {
-  return /* @__PURE__ */ jsx(InputGroup, { ...props, ref: forwardRef });
-});
-TextFieldInputGroup.displayName = "TextField.InputGroup";
-const TextFieldIndicator = React__default.forwardRef(
-  (props, forwardRef) => {
-    const context = React__default.useContext(TextFieldContext);
-    return /* @__PURE__ */ jsx(InputGroup.Indicator, { isValid: context == null ? void 0 : context.isValid, isLoading: context == null ? void 0 : context.isLoading, ...props, ref: forwardRef });
-  }
-);
-TextFieldIndicator.displayName = "TextField.Indicator";
-const TextFieldLabel = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
-    const context = React__default.useContext(TextFieldContext);
-    const classes = clsx([styles[`${rootClassName}__label`]], className);
-    const id = props.id || (context == null ? void 0 : context.id);
-    return /* @__PURE__ */ jsx(
-      Label,
-      {
-        ...props,
-        isRequired: context == null ? void 0 : context.isRequired,
-        htmlFor: id,
-        disabled: context == null ? void 0 : context.disabled,
-        ref: forwardRef,
-        className: classes
-      }
-    );
-  }
-);
-TextFieldLabel.displayName = "TextField.Label";
-const TextFieldHelperText = React__default.forwardRef(
-  ({ className, ...props }, forwardRef) => {
-    const context = React__default.useContext(TextFieldContext);
-    const classes = clsx([styles[`${rootClassName}__help-text`]], className);
-    React__default.useEffect(() => {
-      context == null ? void 0 : context.setHelperTextId(`${context.id}-helper-text`);
-    }, [context]);
-    return /* @__PURE__ */ jsx(HelperText, { id: context == null ? void 0 : context.helperTextId, ...props, ref: forwardRef, className: classes });
-  }
-);
-TextFieldHelperText.displayName = "TextField.HelperText";
-const TextFieldErrorList = React__default.forwardRef(
-  ({ className, children, ...props }, forwardRef) => {
-    const classes = clsx([styles[`${rootClassName}__error-list`]], className);
-    const context = React__default.useContext(TextFieldContext);
-    const errors = context == null ? void 0 : context.errors;
-    React__default.useEffect(() => {
-      if (!context)
-        return;
-      const errorId = (errors == null ? void 0 : errors.length) ? `${context.id}-error` : void 0;
-      context == null ? void 0 : context.setErrorId(errorId);
-    }, [errors, context]);
-    if (!context || !context.errors)
-      return null;
-    return /* @__PURE__ */ jsx("ul", { id: context.errorId, "aria-live": "assertive", ...props, ref: forwardRef, className: classes, children: typeof children === "function" ? children({ errors }) : children || (errors == null ? void 0 : errors.map((error) => /* @__PURE__ */ jsx(FieldErrorText, { asChild: true, children: /* @__PURE__ */ jsxs("li", { children: [
-      /* @__PURE__ */ jsx(FieldErrorText.Indicator, {}),
-      error
-    ] }) }, error))) });
-  }
-);
-TextFieldErrorList.displayName = "TextField.ErrorList";
-const TextField = Object.assign(TextFieldRoot, {
-  Input: TextFieldInput,
-  Label: TextFieldLabel,
-  InputGroup: TextFieldInputGroup,
-  HelperText: TextFieldHelperText,
-  ErrorList: TextFieldErrorList,
-  Indicator: TextFieldIndicator
-});
+Root.displayName = "Root";
 export {
-  TextField
+  Root,
+  TextFieldContext,
+  rootClassName,
+  styles as s
 };

package/dist/components/text-field/util.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const indicatorFelidsInRoot = ["isValid", "isLoading"];
+exports.indicatorFelidsInRoot = indicatorFelidsInRoot;

package/dist/components/text-field/util.d.ts

@@ -0,0 +1 @@
+export declare const indicatorFelidsInRoot: ["isValid", "isLoading"];

package/dist/components/text-field/util.js

@@ -0,0 +1,4 @@
+const indicatorFelidsInRoot = ["isValid", "isLoading"];
+export {
+  indicatorFelidsInRoot
+};

package/dist/components/text-spacing/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_textSpacing_textSpacing = require("./text-spacing.cjs");
+exports.TextSpacing = components_textSpacing_textSpacing.TextSpacing;

package/dist/components/text-spacing/text-spacing.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const reactSlot = require("@radix-ui/react-slot");
+const styles = {
+  "teddy-text-spacing": "_teddy-text-spacing_dwbo8_1"
+};
+const rootClassName = "teddy-text-spacing";
+const TextSpacing = React.forwardRef(
+  ({ className, asChild = false, children, ...props }, forwardRef) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, ref: forwardRef, className: classes, children });
+  }
+);
+TextSpacing.displayName = "TextSpacing";
+exports.TextSpacing = TextSpacing;

package/dist/components/toggle/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_toggle_toggle = require("./toggle.cjs");
+exports.Toggle = components_toggle_toggle.Toggle;

package/dist/components/toggle/toggle.cjs

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const SwitchPrimitive = require("@radix-ui/react-switch");
+require("../../assets/sprite.5636ec8e-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_label_label = require("../label/label.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const SwitchPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(SwitchPrimitive);
+const styles = {
+  "teddy-toggle": "_teddy-toggle_1rp8d_3",
+  "teddy-toggle__input": "_teddy-toggle__input_1rp8d_10",
+  "teddy-toggle__thumb": "_teddy-toggle__thumb_1rp8d_78",
+  "teddy-toggle__indicator": "_teddy-toggle__indicator_1rp8d_104"
+};
+const rootClassName = "teddy-toggle";
+const ToggleContext = React.createContext(void 0);
+const ToggleRoot = React.forwardRef(
+  ({ className, id, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}`]], className);
+    const fallbackId = React.useId();
+    const [isDisabled, setIsDisabled] = React.useState(false);
+    const [isRequired, setIsRequired] = React.useState(false);
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref: forwardRef, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(ToggleContext.Provider, { value: { id: id ?? fallbackId, isDisabled, setIsDisabled, isRequired, setIsRequired }, children }) });
+  }
+);
+ToggleRoot.displayName = "Toggle";
+const ToggleLabel = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__label`]], className);
+    const context = React.useContext(ToggleContext);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      components_label_label.Label,
+      {
+        ...props,
+        htmlFor: context == null ? void 0 : context.id,
+        isRequired: context == null ? void 0 : context.isRequired,
+        disabled: context == null ? void 0 : context.isDisabled,
+        ref: forwardRef,
+        className: classes
+      }
+    );
+  }
+);
+ToggleLabel.displayName = "Toggle.Label";
+const ToggleInput = React.forwardRef(
+  ({ className, children, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__input`]], className);
+    const context = React.useContext(ToggleContext);
+    React.useEffect(() => {
+      if (!context)
+        return;
+      context.setIsDisabled(props.disabled === true);
+    }, [context, props.disabled]);
+    React.useEffect(() => {
+      if (!context)
+        return;
+      context.setIsRequired(props.required === true);
+    }, [context, props.required]);
+    return /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Root, { ...props, id: context == null ? void 0 : context.id, ref: forwardRef, className: classes, children: children || /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToggleThumb, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ToggleIndicator, {})
+    ] }) });
+  }
+);
+ToggleInput.displayName = "Toggle.Input";
+const ToggleThumb = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__thumb`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { ...props, ref: forwardRef, className: classes });
+  }
+);
+ToggleThumb.displayName = "Toggle.Thumb";
+const ToggleIndicator = React.forwardRef(
+  ({ className, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
+    return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "checkmark-bold", size: "xxs", ...props, ref: forwardRef, className: classes });
+  }
+);
+ToggleThumb.displayName = "Toggle.Indicator";
+const Toggle = Object.assign(ToggleRoot, {
+  Label: ToggleLabel,
+  Input: ToggleInput,
+  Thumb: ToggleThumb,
+  Indicator: ToggleIndicator
+});
+exports.Toggle = Toggle;

package/dist/components/visually-hidden/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_visuallyHidden_visuallyHidden = require("./visually-hidden.cjs");
+exports.VisuallyHidden = components_visuallyHidden_visuallyHidden.VisuallyHidden;

package/dist/components/visually-hidden/visually-hidden.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const React = require("react");
+const reactSlot = require("@radix-ui/react-slot");
+const styles = {
+  "teddy-visually-hidden": "_teddy-visually-hidden_15nus_1",
+  "teddy-visually-hidden--focusable": "_teddy-visually-hidden--focusable_15nus_15"
+};
+const rootClassName = "teddy-visually-hidden";
+const VisuallyHidden = React.forwardRef(
+  ({ className, visibleOnFocus, asChild, ...props }, forwardRef) => {
+    const Comp = asChild ? reactSlot.Slot : "span";
+    const classes = clsx(
+      {
+        [styles[`${rootClassName}`]]: !visibleOnFocus,
+        [styles[`${rootClassName}--focusable`]]: visibleOnFocus
+      },
+      className
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props, ref: forwardRef, className: classes });
+  }
+);
+VisuallyHidden.displayName = "VisuallyHidden";
+exports.VisuallyHidden = VisuallyHidden;