@tale-ui/react 0.1.0 → 0.2.0

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

@@ -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/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
@@ -109,6 +109,17 @@ Object.keys(_combobox).forEach(function (key) {
     }
   });
 });
+var _container = require("./container");
+Object.keys(_container).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _container[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _container[key];
+    }
+  });
+});
 var _contextMenu = require("./context-menu");
 Object.keys(_contextMenu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -417,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");

package/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/menu/Menu.styled.js

@@ -0,0 +1,120 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupLabel = exports.Group = exports.CheckboxItemIndicator = exports.CheckboxItem = exports.Backdrop = exports.Arrow = void 0;
+Object.defineProperty(exports, "Handle", {
+  enumerable: true,
+  get: function () {
+    return _MenuHandle.MenuHandle;
+  }
+});
+exports.createHandle = exports.Trigger = exports.SubmenuTrigger = exports.SubmenuRoot = exports.Separator = exports.Root = exports.RadioItemIndicator = exports.RadioItem = exports.RadioGroup = exports.Positioner = exports.Portal = exports.Popup = exports.LinkItem = exports.Item = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+var _MenuHandle = require("./store/MenuHandle");
+const Root = exports.Root = H.Root;
+const Trigger = exports.Trigger = H.Trigger;
+const Portal = exports.Portal = H.Portal;
+const Backdrop = exports.Backdrop = H.Backdrop;
+const Positioner = exports.Positioner = H.Positioner;
+const Arrow = exports.Arrow = H.Arrow;
+const Group = exports.Group = H.Group;
+const RadioGroup = exports.RadioGroup = H.RadioGroup;
+const SubmenuRoot = exports.SubmenuRoot = H.SubmenuRoot;
+const Separator = exports.Separator = H.Separator;
+const createHandle = exports.createHandle = H.createHandle;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Menu.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Item, {
+  className: (0, _cx.cx)('tale-menu__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Menu.Item';
+const Item = exports.Item = StyledItem;
+const StyledCheckboxItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.CheckboxItem, {
+  className: (0, _cx.cx)('tale-menu__checkbox-item', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItem.displayName = 'Menu.CheckboxItem';
+const CheckboxItem = exports.CheckboxItem = StyledCheckboxItem;
+const StyledCheckboxItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.CheckboxItemIndicator, {
+  className: (0, _cx.cx)('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItemIndicator.displayName = 'Menu.CheckboxItemIndicator';
+const CheckboxItemIndicator = exports.CheckboxItemIndicator = StyledCheckboxItemIndicator;
+const StyledRadioItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.RadioItem, {
+  className: (0, _cx.cx)('tale-menu__radio-item', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItem.displayName = 'Menu.RadioItem';
+const RadioItem = exports.RadioItem = StyledRadioItem;
+const StyledRadioItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.RadioItemIndicator, {
+  className: (0, _cx.cx)('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItemIndicator.displayName = 'Menu.RadioItemIndicator';
+const RadioItemIndicator = exports.RadioItemIndicator = StyledRadioItemIndicator;
+const StyledLinkItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.LinkItem, {
+  className: (0, _cx.cx)('tale-menu__link-item', className),
+  ref: ref,
+  ...props
+}));
+StyledLinkItem.displayName = 'Menu.LinkItem';
+const LinkItem = exports.LinkItem = StyledLinkItem;
+const StyledSubmenuTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.SubmenuTrigger, {
+  className: (0, _cx.cx)('tale-menu__submenu-trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledSubmenuTrigger.displayName = 'Menu.SubmenuTrigger';
+const SubmenuTrigger = exports.SubmenuTrigger = StyledSubmenuTrigger;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.GroupLabel, {
+  className: (0, _cx.cx)('tale-menu__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Menu.GroupLabel';
+const GroupLabel = exports.GroupLabel = StyledGroupLabel;

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

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

package/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/menubar/Menubar.styled.js

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

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

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

package/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/meter/Meter.styled.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Value = exports.Track = exports.Root = exports.Label = exports.Indicator = 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-meter', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Meter.Root';
+const Label = exports.Label = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Label, {
+  className: (0, _cx.cx)('tale-meter__label', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Label.displayName = "Label";
+Label.displayName = 'Meter.Label';
+const Value = exports.Value = H.Value;
+const Track = exports.Track = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Track, {
+  className: (0, _cx.cx)('tale-meter__track', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Track.displayName = "Track";
+Track.displayName = 'Meter.Track';
+const Indicator = exports.Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
+  className: (0, _cx.cx)('tale-meter__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Meter.Indicator';

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

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

package/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/navigation-menu/NavigationMenu.styled.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Viewport = exports.Trigger = exports.Root = exports.Positioner = exports.Portal = exports.Popup = exports.List = exports.Link = exports.Item = exports.Icon = exports.Content = exports.Backdrop = exports.Arrow = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Portal = exports.Portal = H.Portal;
+const Positioner = exports.Positioner = H.Positioner;
+const Backdrop = exports.Backdrop = H.Backdrop;
+const Arrow = exports.Arrow = H.Arrow;
+const Item = exports.Item = H.Item;
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-navigation-menu', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NavigationMenu.Root';
+const Root = exports.Root = StyledRoot;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.List, {
+  className: (0, _cx.cx)('tale-navigation-menu__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'NavigationMenu.List';
+const List = exports.List = StyledList;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Trigger, {
+  className: (0, _cx.cx)('tale-navigation-menu__trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledTrigger.displayName = 'NavigationMenu.Trigger';
+const Trigger = exports.Trigger = StyledTrigger;
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Icon, {
+  className: (0, _cx.cx)('tale-navigation-menu__icon', className),
+  ref: ref,
+  ...props
+}));
+StyledIcon.displayName = 'NavigationMenu.Icon';
+const Icon = exports.Icon = StyledIcon;
+const StyledLink = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Link, {
+  className: (0, _cx.cx)('tale-navigation-menu__link', className),
+  ref: ref,
+  ...props
+}));
+StyledLink.displayName = 'NavigationMenu.Link';
+const Link = exports.Link = StyledLink;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-navigation-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'NavigationMenu.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Content, {
+  className: (0, _cx.cx)('tale-navigation-menu__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'NavigationMenu.Content';
+const Content = exports.Content = StyledContent;
+const StyledViewport = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Viewport, {
+  className: (0, _cx.cx)('tale-navigation-menu__viewport', className),
+  ref: ref,
+  ...props
+}));
+StyledViewport.displayName = 'NavigationMenu.Viewport';
+const Viewport = exports.Viewport = StyledViewport;

package/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/navigation-menu/index.js

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

package/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/number-field/NumberField.styled.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Root = exports.Input = exports.Increment = exports.Group = exports.Decrement = void 0;
+Object.defineProperty(exports, "ScrubArea", {
+  enumerable: true,
+  get: function () {
+    return H.ScrubArea;
+  }
+});
+Object.defineProperty(exports, "ScrubAreaCursor", {
+  enumerable: true,
+  get: function () {
+    return H.ScrubAreaCursor;
+  }
+});
+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-number-field', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NumberField.Root';
+const Root = exports.Root = StyledRoot;
+const StyledGroup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Group, {
+  className: (0, _cx.cx)('tale-number-field__group', className),
+  ref: ref,
+  ...props
+}));
+StyledGroup.displayName = 'NumberField.Group';
+const Group = exports.Group = StyledGroup;
+const StyledDecrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '−',
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Decrement, {
+  className: (0, _cx.cx)('tale-number-field__decrement', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledDecrement.displayName = 'NumberField.Decrement';
+const Decrement = exports.Decrement = StyledDecrement;
+const StyledInput = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Input, {
+  className: (0, _cx.cx)('tale-number-field__input', className),
+  ref: ref,
+  ...props
+}));
+StyledInput.displayName = 'NumberField.Input';
+const Input = exports.Input = StyledInput;
+const StyledIncrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '+',
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Increment, {
+  className: (0, _cx.cx)('tale-number-field__increment', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledIncrement.displayName = 'NumberField.Increment';
+const Increment = exports.Increment = StyledIncrement;