@tale-ui/react 0.1.1 → 0.2.0

package/esm/toast/Toast.styled.js

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Provider = H.Provider;
+export const Viewport = H.Viewport;
+export const Portal = H.Portal;
+export const Arrow = H.Arrow;
+export const useToastManager = H.useToastManager;
+export const createToastManager = H.createToastManager;
+const StyledPositioner = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Positioner, {
+  className: cx('tale-toast__positioner', className),
+  ref: ref,
+  ...props
+}));
+StyledPositioner.displayName = 'Toast.Positioner';
+export const Positioner = StyledPositioner;
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-toast__root', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Toast.Root';
+export const Root = StyledRoot;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Content, {
+  className: cx('tale-toast__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'Toast.Content';
+export const Content = StyledContent;
+const StyledTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Title, {
+  className: cx('tale-toast__title', className),
+  ref: ref,
+  ...props
+}));
+StyledTitle.displayName = 'Toast.Title';
+export const Title = StyledTitle;
+const StyledDescription = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Description, {
+  className: cx('tale-toast__description', className),
+  ref: ref,
+  ...props
+}));
+StyledDescription.displayName = 'Toast.Description';
+export const Description = StyledDescription;
+const StyledClose = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Close, {
+  className: cx('tale-toast__close', className),
+  ref: ref,
+  ...props
+}));
+StyledClose.displayName = 'Toast.Close';
+export const Close = StyledClose;
+const StyledAction = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Action, {
+  className: cx('tale-toast__action', className),
+  ref: ref,
+  ...props
+}));
+StyledAction.displayName = 'Toast.Action';
+export const Action = StyledAction;

package/esm/toast/index.d.ts

@@ -1,4 +1,4 @@
-export * as Toast from "./index.parts.js";
+export * as Toast from "./Toast.styled.js";
 export type * from "./root/ToastRoot.js";
 export type * from "./provider/ToastProvider.js";
 export type * from "./viewport/ToastViewport.js";

package/esm/toast/index.js

@@ -1 +1 @@
-export * as Toast from "./index.parts.js";
+export * as Toast from "./Toast.styled.js";

package/esm/toggle/Toggle.styled.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Toggle as H } from "./Toggle.js";
+import { ToggleGroup as HGroup } from "../toggle-group/ToggleGroup.js";
+type Size = 'sm' | 'md' | 'lg';
+export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof H> {
+  size?: Size | undefined;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<HGroup.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/esm/toggle/Toggle.styled.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Toggle as H } from "./Toggle.js";
+import { ToggleGroup as HGroup } from "../toggle-group/ToggleGroup.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Toggle = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: cx(`tale-toggle tale-toggle--${size}`, className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Toggle.displayName = "Toggle";
+Toggle.displayName = 'Toggle';
+export const ToggleGroup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(HGroup, {
+  className: cx('tale-toggle-group', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") ToggleGroup.displayName = "ToggleGroup";
+ToggleGroup.displayName = 'ToggleGroup';

package/esm/toggle/index.d.ts

@@ -1,2 +1,2 @@
-export { Toggle } from "./Toggle.js";
-export type * from "./Toggle.js";
+export { Toggle, ToggleGroup } from "./Toggle.styled.js";
+export type { ToggleProps } from "./Toggle.styled.js";

package/esm/toggle/index.js

@@ -1 +1 @@
-export { Toggle } from "./Toggle.js";
+export { Toggle, ToggleGroup } from "./Toggle.styled.js";

package/esm/toolbar/Toolbar.styled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/toolbar/Toolbar.styled.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Root = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-toolbar', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Toolbar.Root';
+export const Group = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Group, {
+  className: cx('tale-toolbar__group', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Group.displayName = "Group";
+Group.displayName = 'Toolbar.Group';
+export const Button = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Button, {
+  className: cx('tale-toolbar__button', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
+Button.displayName = 'Toolbar.Button';
+export const Link = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Link, {
+  className: cx('tale-toolbar__link', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Link.displayName = "Link";
+Link.displayName = 'Toolbar.Link';
+export const Input = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Input, {
+  className: cx('tale-toolbar__input tale-input', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Input.displayName = "Input";
+Input.displayName = 'Toolbar.Input';
+export const Separator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Separator, {
+  className: cx('tale-toolbar__separator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Separator.displayName = "Separator";
+Separator.displayName = 'Toolbar.Separator';

package/esm/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-export * as Toolbar from "./index.parts.js";
+export * as Toolbar from "./Toolbar.styled.js";
 export type { Orientation } from "./index.parts.js";
 export type * from "./root/ToolbarRoot.js";
 export type * from "./group/ToolbarGroup.js";

package/esm/toolbar/index.js

@@ -1 +1 @@
-export * as Toolbar from "./index.parts.js";
+export * as Toolbar from "./Toolbar.styled.js";

package/esm/tooltip/Tooltip.styled.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { TooltipRootState, TooltipRootProps, TooltipRootActions, TooltipRootChangeEventReason, TooltipRootChangeEventDetails } from "./root/TooltipRoot.js";
+import type { TooltipTriggerState, TooltipTriggerProps } from "./trigger/TooltipTrigger.js";
+import type { TooltipPortalProps } from "./portal/TooltipPortal.js";
+import type { TooltipPositionerState, TooltipPositionerProps } from "./positioner/TooltipPositioner.js";
+import type { TooltipPopupState, TooltipPopupProps } from "./popup/TooltipPopup.js";
+export declare const Root: <Payload>(props: H.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+  type State = TooltipRootState;
+  type Props<Payload = unknown> = TooltipRootProps<Payload>;
+  type Actions = TooltipRootActions;
+  type ChangeEventReason = TooltipRootChangeEventReason;
+  type ChangeEventDetails = TooltipRootChangeEventDetails;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type State = TooltipTriggerState;
+  type Props<Payload = unknown> = TooltipTriggerProps<Payload>;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = TooltipPortalProps;
+}
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Positioner {
+  type State = TooltipPositionerState;
+  type Props = TooltipPositionerProps;
+}
+export declare const Provider: React.FC<import("./index.js").TooltipProviderProps>;
+export declare const Viewport: React.ForwardRefExoticComponent<Omit<H.Viewport.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const createHandle: typeof H.createHandle;
+export declare const Handle: typeof H.Handle;
+export declare const Popup: typeof H.Popup;
+export declare namespace Popup {
+  type State = TooltipPopupState;
+  type Props = TooltipPopupProps;
+}
+export declare const Arrow: typeof H.Arrow;

package/esm/tooltip/Tooltip.styled.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Root = H.Root;
+export const Trigger = H.Trigger;
+export const Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const Provider = H.Provider;
+export const Viewport = H.Viewport;
+export const createHandle = H.createHandle;
+export const Handle = H.Handle;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-tooltip__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Tooltip.Popup';
+export const Popup = StyledPopup;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Arrow, {
+  className: cx('tale-tooltip__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'Tooltip.Arrow';
+export const Arrow = StyledArrow;

package/esm/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-export * as Tooltip from "./index.parts.js";
+export * as Tooltip from "./Tooltip.styled.js";
 export type * from "./provider/TooltipProvider.js";
 export type * from "./root/TooltipRoot.js";
 export type * from "./trigger/TooltipTrigger.js";

package/esm/tooltip/index.js

@@ -1 +1 @@
-export * as Tooltip from "./index.parts.js";
+export * as Tooltip from "./Tooltip.styled.js";

package/field/Field.styled.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { FieldRootState, FieldRootProps, FieldRootActions } from "./root/FieldRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = FieldRootState;
+  type Props = FieldRootProps;
+  type Actions = FieldRootActions;
+}
+export declare const Label: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").FieldLabelProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Description: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const Error: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").FieldErrorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Control, Validity, Item } from "./index.parts.js";
+export type { ValidityData } from "./index.parts.js";

package/field/Field.styled.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Control", {
+  enumerable: true,
+  get: function () {
+    return H.Control;
+  }
+});
+exports.Error = exports.Description = void 0;
+Object.defineProperty(exports, "Item", {
+  enumerable: true,
+  get: function () {
+    return H.Item;
+  }
+});
+exports.Root = exports.Label = void 0;
+Object.defineProperty(exports, "Validity", {
+  enumerable: true,
+  get: function () {
+    return H.Validity;
+  }
+});
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-field', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Field.Root';
+const Root = exports.Root = StyledRoot;
+const Label = exports.Label = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Label, {
+  className: (0, _cx.cx)('tale-field__label', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Label.displayName = "Label";
+Label.displayName = 'Field.Label';
+const Description = exports.Description = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Description, {
+  className: (0, _cx.cx)('tale-field__description', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Description.displayName = "Description";
+Description.displayName = 'Field.Description';
+const Error = exports.Error = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Error, {
+  className: (0, _cx.cx)('tale-field__error', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Error.displayName = "Error";
+Error.displayName = 'Field.Error';

package/field/index.d.ts

@@ -1,4 +1,4 @@
-export * as Field from "./index.parts.js";
+export * as Field from "./Field.styled.js";
 export type * from "./root/FieldRoot.js";
 export type * from "./label/FieldLabel.js";
 export type * from "./description/FieldDescription.js";

package/field/index.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Field = void 0;
-var _Field = _interopRequireWildcard(require("./index.parts"));
+var _Field = _interopRequireWildcard(require("./Field.styled"));
 exports.Field = _Field;

package/fieldset/Fieldset.styled.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").FieldsetRootProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const Legend: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").FieldsetLegendProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/fieldset/Fieldset.styled.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Root = exports.Legend = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-fieldset', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Fieldset.Root';
+const Legend = exports.Legend = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Legend, {
+  className: (0, _cx.cx)('tale-fieldset__legend', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Legend.displayName = "Legend";
+Legend.displayName = 'Fieldset.Legend';

package/fieldset/index.d.ts

@@ -1,3 +1,3 @@
-export * as Fieldset from "./index.parts.js";
+export * as Fieldset from "./Fieldset.styled.js";
 export type * from "./root/FieldsetRoot.js";
 export type * from "./legend/FieldsetLegend.js";

package/fieldset/index.js

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fieldset = void 0;
-var _Fieldset = _interopRequireWildcard(require("./index.parts"));
+var _Fieldset = _interopRequireWildcard(require("./Fieldset.styled"));
 exports.Fieldset = _Fieldset;

package/form/Form.styled.d.ts

@@ -0,0 +1,12 @@
+import { Form as H } from "./Form.js";
+import type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails } from "./Form.js";
+export declare const Form: typeof H;
+export declare namespace Form {
+  type Props<FormValues extends Record<string, any> = Record<string, any>> = FormProps<FormValues>;
+  type State = FormState;
+  type Actions = FormActions;
+  type ValidationMode = FormValidationMode;
+  type SubmitEventReason = FormSubmitEventReason;
+  type SubmitEventDetails = FormSubmitEventDetails;
+  type Values<FormValues extends Record<string, any> = Record<string, any>> = FormValues;
+}

package/form/Form.styled.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Form2 = require("./Form");
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledForm = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Form2.Form, {
+  className: (0, _cx.cx)('tale-form', className),
+  ref: ref,
+  ...props
+}));
+StyledForm.displayName = 'Form';
+const Form = exports.Form = StyledForm;

package/form/index.d.ts

@@ -1,2 +1,2 @@
-export { Form } from "./Form.js";
-export type * from "./Form.js";
+export { Form } from "./Form.styled.js";
+export type { FormProps, FormState, FormActions, FormValidationMode, FormSubmitEventReason, FormSubmitEventDetails } from "./Form.js";

package/form/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "Form", {
     return _Form.Form;
   }
 });
-var _Form = require("./Form");
+var _Form = require("./Form.styled");

package/index.d.ts

@@ -36,7 +36,6 @@ export * from "./switch/index.js";
 export * from "./tabs/index.js";
 export * from "./toast/index.js";
 export * from "./toggle/index.js";
-export * from "./toggle-group/index.js";
 export * from "./toolbar/index.js";
 export * from "./tooltip/index.js";
 export * from "./use-render/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @tale-ui/react v0.1.1
+ * @tale-ui/react v0.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -428,17 +428,6 @@ Object.keys(_toggle).forEach(function (key) {
     }
   });
 });
-var _toggleGroup = require("./toggle-group");
-Object.keys(_toggleGroup).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _toggleGroup[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _toggleGroup[key];
-    }
-  });
-});
 var _toolbar = require("./toolbar");
 Object.keys(_toolbar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/input/Input.styled.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Input as H } from "./Input.js";
+type Size = 'sm' | 'md' | 'lg';
+export interface InputProps extends Omit<React.ComponentPropsWithoutRef<typeof H>, 'size'> {
+  size?: Size | undefined;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLElement>>;
+export {};

package/input/Input.styled.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Input2 = require("./Input");
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Input = exports.Input = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.Input, {
+  className: (0, _cx.cx)(size !== 'md' ? `tale-input tale-input--${size}` : 'tale-input', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Input.displayName = "Input";
+Input.displayName = 'Input';

package/input/index.d.ts

@@ -1,2 +1,2 @@
-export { Input } from "./Input.js";
-export type * from "./Input.js";
+export { Input } from "./Input.styled.js";
+export type { InputProps } from "./Input.styled.js";

package/input/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "Input", {
     return _Input.Input;
   }
 });
-var _Input = require("./Input");
+var _Input = require("./Input.styled");