@tale-ui/react 0.1.0 → 0.2.0

package/esm/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/esm/form/Form.styled.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Form as H } from "./Form.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledForm = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: cx('tale-form', className),
+  ref: ref,
+  ...props
+}));
+StyledForm.displayName = 'Form';
+export const Form = StyledForm;

package/esm/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/esm/form/index.js

@@ -1 +1 @@
-export { Form } from "./Form.js";
+export { Form } from "./Form.styled.js";

package/esm/index.d.ts

@@ -7,6 +7,7 @@ export * from "./checkbox/index.js";
 export * from "./checkbox-group/index.js";
 export * from "./collapsible/index.js";
 export * from "./combobox/index.js";
+export * from "./container/index.js";
 export * from "./context-menu/index.js";
 export * from "./csp-provider/index.js";
 export * from "./dialog/index.js";
@@ -35,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/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @tale-ui/react v0.1.0
+ * @tale-ui/react v0.2.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -14,6 +14,7 @@ export * from "./checkbox/index.js";
 export * from "./checkbox-group/index.js";
 export * from "./collapsible/index.js";
 export * from "./combobox/index.js";
+export * from "./container/index.js";
 export * from "./context-menu/index.js";
 export * from "./csp-provider/index.js";
 export * from "./dialog/index.js";
@@ -42,7 +43,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/esm/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/esm/input/Input.styled.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Input as H } from "./Input.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Input = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: 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/esm/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/esm/input/index.js

@@ -1 +1 @@
-export { Input } from "./Input.js";
+export { Input } from "./Input.styled.js";

package/esm/menu/Menu.styled.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { MenuRootProps, MenuRootActions, MenuRootChangeEventReason, MenuRootChangeEventDetails, MenuRootOrientation } from "./root/MenuRoot.js";
+import type { MenuTriggerProps, MenuTriggerState } from "./trigger/MenuTrigger.js";
+import type { MenuPortalProps } from "./portal/MenuPortal.js";
+import type { MenuPopupProps, MenuPopupState } from "./popup/MenuPopup.js";
+import type { MenuSubmenuRootProps, MenuSubmenuRootState, MenuSubmenuRootChangeEventReason, MenuSubmenuRootChangeEventDetails } from "./submenu-root/MenuSubmenuRoot.js";
+import type { MenuSubmenuTriggerProps, MenuSubmenuTriggerState } from "./submenu-trigger/MenuSubmenuTrigger.js";
+export declare const Root: <Payload>(props: H.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+export declare namespace Root {
+  type Props<Payload = unknown> = MenuRootProps<Payload>;
+  type Actions = MenuRootActions;
+  type ChangeEventReason = MenuRootChangeEventReason;
+  type ChangeEventDetails = MenuRootChangeEventDetails;
+  type Orientation = MenuRootOrientation;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type Props<Payload = unknown> = MenuTriggerProps<Payload>;
+  type State = MenuTriggerState;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<MenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = MenuPortalProps;
+}
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").MenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").MenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").MenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<import("./index.js").MenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: React.NamedExoticComponent<Omit<import("./index.js").MenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SubmenuRoot: typeof H.SubmenuRoot;
+export declare namespace SubmenuRoot {
+  type Props = MenuSubmenuRootProps;
+  type State = MenuSubmenuRootState;
+  type ChangeEventReason = MenuSubmenuRootChangeEventReason;
+  type ChangeEventDetails = MenuSubmenuRootChangeEventDetails;
+}
+export declare const Separator: React.ForwardRefExoticComponent<Omit<import("../index.js").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { MenuHandle as Handle } from "./store/MenuHandle.js";
+export declare const createHandle: typeof H.createHandle;
+export declare const Popup: typeof H.Popup;
+export declare namespace Popup {
+  type Props = MenuPopupProps;
+  type State = MenuPopupState;
+}
+export declare const Item: typeof H.Item;
+export declare const CheckboxItem: typeof H.CheckboxItem;
+export declare const CheckboxItemIndicator: typeof H.CheckboxItemIndicator;
+export declare const RadioItem: typeof H.RadioItem;
+export declare const RadioItemIndicator: typeof H.RadioItemIndicator;
+export declare const LinkItem: typeof H.LinkItem;
+export declare const SubmenuTrigger: typeof H.SubmenuTrigger;
+export declare namespace SubmenuTrigger {
+  type Props = MenuSubmenuTriggerProps;
+  type State = MenuSubmenuTriggerState;
+}
+export declare const GroupLabel: typeof H.GroupLabel;

package/esm/menu/Menu.styled.js

@@ -0,0 +1,106 @@
+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 Backdrop = H.Backdrop;
+export const Positioner = H.Positioner;
+export const Arrow = H.Arrow;
+export const Group = H.Group;
+export const RadioGroup = H.RadioGroup;
+export const SubmenuRoot = H.SubmenuRoot;
+export const Separator = H.Separator;
+export { MenuHandle as Handle } from "./store/MenuHandle.js";
+export const createHandle = H.createHandle;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Menu.Popup';
+export const Popup = StyledPopup;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-menu__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Menu.Item';
+export const Item = StyledItem;
+const StyledCheckboxItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.CheckboxItem, {
+  className: cx('tale-menu__checkbox-item', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItem.displayName = 'Menu.CheckboxItem';
+export const CheckboxItem = StyledCheckboxItem;
+const StyledCheckboxItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.CheckboxItemIndicator, {
+  className: cx('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItemIndicator.displayName = 'Menu.CheckboxItemIndicator';
+export const CheckboxItemIndicator = StyledCheckboxItemIndicator;
+const StyledRadioItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.RadioItem, {
+  className: cx('tale-menu__radio-item', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItem.displayName = 'Menu.RadioItem';
+export const RadioItem = StyledRadioItem;
+const StyledRadioItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.RadioItemIndicator, {
+  className: cx('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItemIndicator.displayName = 'Menu.RadioItemIndicator';
+export const RadioItemIndicator = StyledRadioItemIndicator;
+const StyledLinkItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.LinkItem, {
+  className: cx('tale-menu__link-item', className),
+  ref: ref,
+  ...props
+}));
+StyledLinkItem.displayName = 'Menu.LinkItem';
+export const LinkItem = StyledLinkItem;
+const StyledSubmenuTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.SubmenuTrigger, {
+  className: cx('tale-menu__submenu-trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledSubmenuTrigger.displayName = 'Menu.SubmenuTrigger';
+export const SubmenuTrigger = StyledSubmenuTrigger;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.GroupLabel, {
+  className: cx('tale-menu__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Menu.GroupLabel';
+export const GroupLabel = StyledGroupLabel;

package/esm/menu/index.d.ts

@@ -1,4 +1,4 @@
-export * as Menu from "./index.parts.js";
+export * as Menu from "./Menu.styled.js";
 export type * from "./root/MenuRoot.js";
 export type * from "./arrow/MenuArrow.js";
 export type * from "./backdrop/MenuBackdrop.js";

package/esm/menu/index.js

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

package/esm/menubar/Menubar.styled.d.ts

@@ -0,0 +1,7 @@
+import { Menubar as H } from "./Menubar.js";
+import type { MenubarState, MenubarProps } from "./Menubar.js";
+export declare const Menubar: typeof H;
+export declare namespace Menubar {
+  type State = MenubarState;
+  type Props = MenubarProps;
+}

package/esm/menubar/Menubar.styled.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Menubar as H } from "./Menubar.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledMenubar = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: cx('tale-menubar', className),
+  ref: ref,
+  ...props
+}));
+StyledMenubar.displayName = 'Menubar';
+export const Menubar = StyledMenubar;

package/esm/menubar/index.d.ts

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

package/esm/menubar/index.js

@@ -1 +1 @@
-export { Menubar } from "./Menubar.js";
+export { Menubar } from "./Menubar.styled.js";

package/esm/meter/Meter.styled.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Label: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Value: React.ForwardRefExoticComponent<Omit<import("./index.js").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Track: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/meter/Meter.styled.js

@@ -0,0 +1,45 @@
+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-meter', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Meter.Root';
+export const Label = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Label, {
+  className: cx('tale-meter__label', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Label.displayName = "Label";
+Label.displayName = 'Meter.Label';
+export const Value = H.Value;
+export const Track = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Track, {
+  className: cx('tale-meter__track', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Track.displayName = "Track";
+Track.displayName = 'Meter.Track';
+export const Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-meter__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Meter.Indicator';

package/esm/meter/index.d.ts

@@ -1,4 +1,4 @@
-export * as Meter from "./index.parts.js";
+export * as Meter from "./Meter.styled.js";
 export type * from "./root/MeterRoot.js";
 export type * from "./indicator/MeterIndicator.js";
 export type * from "./label/MeterLabel.js";

package/esm/meter/index.js

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

package/esm/navigation-menu/NavigationMenu.styled.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { NavigationMenuRootState, NavigationMenuRootProps, NavigationMenuRootActions, NavigationMenuRootChangeEventReason, NavigationMenuRootChangeEventDetails } from "./root/NavigationMenuRoot.js";
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = NavigationMenuRootState;
+  type Props = NavigationMenuRootProps;
+  type Actions = NavigationMenuRootActions;
+  type ChangeEventReason = NavigationMenuRootChangeEventReason;
+  type ChangeEventDetails = NavigationMenuRootChangeEventDetails;
+}
+export declare const List: typeof H.List;
+export declare const Trigger: typeof H.Trigger;
+export declare const Icon: typeof H.Icon;
+export declare const Link: typeof H.Link;
+export declare const Popup: typeof H.Popup;
+export declare const Content: typeof H.Content;
+export declare const Viewport: typeof H.Viewport;

package/esm/navigation-menu/NavigationMenu.styled.js

@@ -0,0 +1,89 @@
+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 Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const Backdrop = H.Backdrop;
+export const Arrow = H.Arrow;
+export const Item = H.Item;
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-navigation-menu', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NavigationMenu.Root';
+export const Root = StyledRoot;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.List, {
+  className: cx('tale-navigation-menu__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'NavigationMenu.List';
+export const List = StyledList;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Trigger, {
+  className: cx('tale-navigation-menu__trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledTrigger.displayName = 'NavigationMenu.Trigger';
+export const Trigger = StyledTrigger;
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Icon, {
+  className: cx('tale-navigation-menu__icon', className),
+  ref: ref,
+  ...props
+}));
+StyledIcon.displayName = 'NavigationMenu.Icon';
+export const Icon = StyledIcon;
+const StyledLink = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Link, {
+  className: cx('tale-navigation-menu__link', className),
+  ref: ref,
+  ...props
+}));
+StyledLink.displayName = 'NavigationMenu.Link';
+export const Link = StyledLink;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-navigation-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'NavigationMenu.Popup';
+export const Popup = StyledPopup;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Content, {
+  className: cx('tale-navigation-menu__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'NavigationMenu.Content';
+export const Content = StyledContent;
+const StyledViewport = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Viewport, {
+  className: cx('tale-navigation-menu__viewport', className),
+  ref: ref,
+  ...props
+}));
+StyledViewport.displayName = 'NavigationMenu.Viewport';
+export const Viewport = StyledViewport;

package/esm/navigation-menu/index.d.ts

@@ -1,4 +1,4 @@
-export * as NavigationMenu from "./index.parts.js";
+export * as NavigationMenu from "./NavigationMenu.styled.js";
 export type * from "./root/NavigationMenuRoot.js";
 export type * from "./trigger/NavigationMenuTrigger.js";
 export type * from "./portal/NavigationMenuPortal.js";

package/esm/navigation-menu/index.js

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

package/esm/number-field/NumberField.styled.d.ts

@@ -0,0 +1,16 @@
+import * as H from "./index.parts.js";
+import type { NumberFieldRootState, NumberFieldRootProps, NumberFieldRootChangeEventReason, NumberFieldRootChangeEventDetails, NumberFieldRootCommitEventReason, NumberFieldRootCommitEventDetails } from "./root/NumberFieldRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = NumberFieldRootState;
+  type Props = NumberFieldRootProps;
+  type ChangeEventReason = NumberFieldRootChangeEventReason;
+  type ChangeEventDetails = NumberFieldRootChangeEventDetails;
+  type CommitEventReason = NumberFieldRootCommitEventReason;
+  type CommitEventDetails = NumberFieldRootCommitEventDetails;
+}
+export declare const Group: typeof H.Group;
+export declare const Decrement: typeof H.Decrement;
+export declare const Input: typeof H.Input;
+export declare const Increment: typeof H.Increment;
+export { ScrubArea, ScrubAreaCursor } from "./index.parts.js";

package/esm/number-field/NumberField.styled.js

@@ -0,0 +1,59 @@
+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-number-field', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NumberField.Root';
+export const Root = StyledRoot;
+const StyledGroup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Group, {
+  className: cx('tale-number-field__group', className),
+  ref: ref,
+  ...props
+}));
+StyledGroup.displayName = 'NumberField.Group';
+export const Group = StyledGroup;
+const StyledDecrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '−',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Decrement, {
+  className: cx('tale-number-field__decrement', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledDecrement.displayName = 'NumberField.Decrement';
+export const Decrement = StyledDecrement;
+const StyledInput = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Input, {
+  className: cx('tale-number-field__input', className),
+  ref: ref,
+  ...props
+}));
+StyledInput.displayName = 'NumberField.Input';
+export const Input = StyledInput;
+const StyledIncrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '+',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Increment, {
+  className: cx('tale-number-field__increment', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledIncrement.displayName = 'NumberField.Increment';
+export const Increment = StyledIncrement;
+export { ScrubArea, ScrubAreaCursor } from "./index.parts.js";

package/esm/number-field/index.d.ts

@@ -1,4 +1,4 @@
-export * as NumberField from "./index.parts.js";
+export * as NumberField from "./NumberField.styled.js";
 export type * from "./root/NumberFieldRoot.js";
 export type * from "./group/NumberFieldGroup.js";
 export type * from "./increment/NumberFieldIncrement.js";

package/esm/number-field/index.js

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

package/esm/popover/Popover.styled.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { PopoverRootState, PopoverRootProps, PopoverRootActions, PopoverRootChangeEventReason, PopoverRootChangeEventDetails } from "./root/PopoverRoot.js";
+import type { PopoverTriggerState, PopoverTriggerProps } from "./trigger/PopoverTrigger.js";
+import type { PopoverPortalProps } from "./portal/PopoverPortal.js";
+import type { PopoverPositionerState, PopoverPositionerProps } from "./positioner/PopoverPositioner.js";
+import type { PopoverPopupState, PopoverPopupProps } from "./popup/PopoverPopup.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = PopoverRootState;
+  type Props<Payload = unknown> = PopoverRootProps<Payload>;
+  type Actions = PopoverRootActions;
+  type ChangeEventReason = PopoverRootChangeEventReason;
+  type ChangeEventDetails = PopoverRootChangeEventDetails;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type State = PopoverTriggerState;
+  type Props<Payload = unknown> = PopoverTriggerProps<Payload>;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = PopoverPortalProps;
+}
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Positioner {
+  type State = PopoverPositionerState;
+  type Props = PopoverPositionerProps;
+}
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+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 Arrow: typeof H.Arrow;
+export declare const Popup: typeof H.Popup;
+export declare namespace Popup {
+  type State = PopoverPopupState;
+  type Props = PopoverPopupProps;
+}
+export declare const Title: typeof H.Title;
+export declare const Description: typeof H.Description;
+export declare const Close: typeof H.Close;