@tale-ui/react 0.1.0 → 0.2.0

package/esm/switch/Switch.styled.js

@@ -0,0 +1,24 @@
+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-switch', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Switch.Root';
+export const Thumb = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Thumb, {
+  className: cx('tale-switch__thumb', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Thumb.displayName = "Thumb";
+Thumb.displayName = 'Switch.Thumb';

package/esm/switch/index.d.ts

@@ -1,3 +1,3 @@
-export * as Switch from "./index.parts.js";
+export * as Switch from "./Switch.styled.js";
 export type * from "./root/SwitchRoot.js";
 export type * from "./thumb/SwitchThumb.js";

package/esm/switch/index.js

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

package/esm/tabs/Tabs.styled.d.ts

@@ -0,0 +1,14 @@
+import * as H from "./index.parts.js";
+import type { TabsRootState, TabsRootProps, TabsRootOrientation, TabsRootChangeEventReason, TabsRootChangeEventDetails } from "./root/TabsRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = TabsRootState;
+  type Props = TabsRootProps;
+  type Orientation = TabsRootOrientation;
+  type ChangeEventReason = TabsRootChangeEventReason;
+  type ChangeEventDetails = TabsRootChangeEventDetails;
+}
+export declare const List: typeof H.List;
+export declare const Tab: typeof H.Tab;
+export declare const Indicator: typeof H.Indicator;
+export declare const Panel: typeof H.Panel;

package/esm/tabs/Tabs.styled.js

@@ -0,0 +1,54 @@
+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";
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-tabs', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Tabs.Root';
+export const Root = StyledRoot;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.List, {
+  className: cx('tale-tabs__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'Tabs.List';
+export const List = StyledList;
+const StyledTab = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Tab, {
+  className: cx('tale-tabs__tab', className),
+  ref: ref,
+  ...props
+}));
+StyledTab.displayName = 'Tabs.Tab';
+export const Tab = StyledTab;
+const StyledIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-tabs__indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledIndicator.displayName = 'Tabs.Indicator';
+export const Indicator = StyledIndicator;
+const StyledPanel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Panel, {
+  className: cx('tale-tabs__panel', className),
+  ref: ref,
+  ...props
+}));
+StyledPanel.displayName = 'Tabs.Panel';
+export const Panel = StyledPanel;

package/esm/tabs/index.d.ts

@@ -1,4 +1,4 @@
-export * as Tabs from "./index.parts.js";
+export * as Tabs from "./Tabs.styled.js";
 export type * from "./root/TabsRoot.js";
 export type * from "./indicator/TabsIndicator.js";
 export type * from "./tab/TabsTab.js";

package/esm/tabs/index.js

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

package/esm/toast/Toast.styled.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { ToastRootToastObject, ToastRootState, ToastRootProps } from "./root/ToastRoot.js";
+export declare const Provider: React.FC<import("./index.js").ToastProviderProps>;
+export declare const Viewport: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("../utils/FloatingPortalLite.js").FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const useToastManager: typeof H.useToastManager;
+export declare const createToastManager: typeof H.createToastManager;
+export declare const Positioner: typeof H.Positioner;
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type ToastObject<Data extends object = any> = ToastRootToastObject<Data>;
+  type State = ToastRootState;
+  type Props = ToastRootProps;
+}
+export declare const Content: typeof H.Content;
+export declare const Title: typeof H.Title;
+export declare const Description: typeof H.Description;
+export declare const Close: typeof H.Close;
+export declare const Action: typeof H.Action;

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";