@tale-ui/react 0.1.0 → 0.2.0

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

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

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@tale-ui/react",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Opinionated React component library built on tale-ui primitives, styled with @tale-ui/core design tokens.",
   "keywords": [
     "react",
     "react-component",
     "design-system",
     "tale-ui",
-    "unstyled",
     "a11y"
   ],
   "repository": {
@@ -23,16 +22,20 @@
     "@floating-ui/utils": "^0.2.10",
     "tabbable": "^6.4.0",
     "use-sync-external-store": "^1.6.0",
-    "@tale-ui/utils": "0.1.0"
+    "@tale-ui/utils": "0.2.0"
   },
   "peerDependencies": {
     "@types/react": "^17 || ^18 || ^19",
     "react": "^17 || ^18 || ^19",
-    "react-dom": "^17 || ^18 || ^19"
+    "react-dom": "^17 || ^18 || ^19",
+    "@tale-ui/react-styles": "0.2.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
+    },
+    "@tale-ui/react-styles": {
+      "optional": true
     }
   },
   "sideEffects": false,
@@ -170,6 +173,20 @@
         "default": "./esm/collapsible/index.js"
       }
     },
+    "./container": {
+      "import": {
+        "types": "./esm/container/index.d.ts",
+        "default": "./esm/container/index.js"
+      },
+      "require": {
+        "types": "./container/index.d.ts",
+        "default": "./container/index.js"
+      },
+      "default": {
+        "types": "./esm/container/index.d.ts",
+        "default": "./esm/container/index.js"
+      }
+    },
     "./combobox": {
       "import": {
         "types": "./esm/combobox/index.d.ts",

package/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;

package/popover/Popover.styled.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHandle = exports.Viewport = exports.Trigger = exports.Title = exports.Root = exports.Positioner = exports.Portal = exports.Popup = exports.Handle = exports.Description = exports.Close = 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 Root = exports.Root = H.Root;
+const Trigger = exports.Trigger = H.Trigger;
+const Portal = exports.Portal = H.Portal;
+const Positioner = exports.Positioner = H.Positioner;
+const Backdrop = exports.Backdrop = H.Backdrop;
+const Viewport = exports.Viewport = H.Viewport;
+const createHandle = exports.createHandle = H.createHandle;
+const Handle = exports.Handle = H.Handle;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Arrow, {
+  className: (0, _cx.cx)('tale-popover__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'Popover.Arrow';
+const Arrow = exports.Arrow = StyledArrow;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-popover__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Popover.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Title, {
+  className: (0, _cx.cx)('tale-popover__title', className),
+  ref: ref,
+  ...props
+}));
+StyledTitle.displayName = 'Popover.Title';
+const Title = exports.Title = StyledTitle;
+const StyledDescription = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Description, {
+  className: (0, _cx.cx)('tale-popover__description', className),
+  ref: ref,
+  ...props
+}));
+StyledDescription.displayName = 'Popover.Description';
+const Description = exports.Description = StyledDescription;
+const StyledClose = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Close, {
+  className: (0, _cx.cx)('tale-popover__close', className),
+  ref: ref,
+  ...props
+}));
+StyledClose.displayName = 'Popover.Close';
+const Close = exports.Close = StyledClose;

package/popover/index.d.ts

@@ -1,4 +1,4 @@
-export * as Popover from "./index.parts.js";
+export * as Popover from "./Popover.styled.js";
 export type * from "./root/PopoverRoot.js";
 export type * from "./trigger/PopoverTrigger.js";
 export type * from "./portal/PopoverPortal.js";

package/popover/index.js

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

package/preview-card/PreviewCard.styled.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { PreviewCardRootState, PreviewCardRootProps, PreviewCardRootActions, PreviewCardRootChangeEventReason, PreviewCardRootChangeEventDetails } from "./root/PreviewCardRoot.js";
+import type { PreviewCardTriggerState, PreviewCardTriggerProps } from "./trigger/PreviewCardTrigger.js";
+import type { PreviewCardPortalProps } from "./portal/PreviewCardPortal.js";
+import type { PreviewCardPositionerState, PreviewCardPositionerProps } from "./positioner/PreviewCardPositioner.js";
+import type { PreviewCardPopupState, PreviewCardPopupProps } from "./popup/PreviewCardPopup.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = PreviewCardRootState;
+  type Props<Payload = unknown> = PreviewCardRootProps<Payload>;
+  type Actions = PreviewCardRootActions;
+  type ChangeEventReason = PreviewCardRootChangeEventReason;
+  type ChangeEventDetails = PreviewCardRootChangeEventDetails;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type State = PreviewCardTriggerState;
+  type Props<Payload = unknown> = PreviewCardTriggerProps<Payload>;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<PreviewCardPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = PreviewCardPortalProps;
+}
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<PreviewCardPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Positioner {
+  type State = PreviewCardPositionerState;
+  type Props = PreviewCardPositionerProps;
+}
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").PreviewCardBackdropProps, "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 = PreviewCardPopupState;
+  type Props = PreviewCardPopupProps;
+}

package/preview-card/PreviewCard.styled.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHandle = exports.Viewport = exports.Trigger = exports.Root = exports.Positioner = exports.Portal = exports.Popup = exports.Handle = 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 Root = exports.Root = H.Root;
+const Trigger = exports.Trigger = H.Trigger;
+const Portal = exports.Portal = H.Portal;
+const Positioner = exports.Positioner = H.Positioner;
+const Backdrop = exports.Backdrop = H.Backdrop;
+const Viewport = exports.Viewport = H.Viewport;
+const createHandle = exports.createHandle = H.createHandle;
+const Handle = exports.Handle = H.Handle;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Arrow, {
+  className: (0, _cx.cx)('tale-preview-card__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'PreviewCard.Arrow';
+const Arrow = exports.Arrow = StyledArrow;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-preview-card__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'PreviewCard.Popup';
+const Popup = exports.Popup = StyledPopup;

package/preview-card/index.d.ts

@@ -1,4 +1,4 @@
-export * as PreviewCard from "./index.parts.js";
+export * as PreviewCard from "./PreviewCard.styled.js";
 export type * from "./root/PreviewCardRoot.js";
 export type * from "./trigger/PreviewCardTrigger.js";
 export type * from "./portal/PreviewCardPortal.js";

package/preview-card/index.js

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

package/progress/Progress.styled.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+export declare const Root: typeof H.Root;
+export declare const Value: React.ForwardRefExoticComponent<Omit<import("./index.js").ProgressValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Track: typeof H.Track;
+export declare const Indicator: typeof H.Indicator;
+export { Label } from "./index.parts.js";
+export type { Status } from "./index.parts.js";

package/progress/Progress.styled.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Indicator = void 0;
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () {
+    return H.Label;
+  }
+});
+exports.Value = exports.Track = exports.Root = void 0;
+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-progress', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Progress.Root';
+const Root = exports.Root = StyledRoot;
+const Value = exports.Value = H.Value;
+const StyledTrack = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Track, {
+  className: (0, _cx.cx)('tale-progress__track', className),
+  ref: ref,
+  ...props
+}));
+StyledTrack.displayName = 'Progress.Track';
+const Track = exports.Track = StyledTrack;
+const StyledIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
+  className: (0, _cx.cx)('tale-progress__indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledIndicator.displayName = 'Progress.Indicator';
+const Indicator = exports.Indicator = StyledIndicator;

package/progress/index.d.ts

@@ -1,4 +1,4 @@
-export * as Progress from "./index.parts.js";
+export * as Progress from "./Progress.styled.js";
 export type * from "./root/ProgressRoot.js";
 export type * from "./indicator/ProgressIndicator.js";
 export type * from "./label/ProgressLabel.js";

package/progress/index.js

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

package/radio/Radio.styled.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { RadioGroup as HGroup } from "../radio-group/RadioGroup.js";
+type Size = 'sm' | 'md' | 'lg';
+export interface RootProps extends React.ComponentPropsWithoutRef<typeof H.Root> {
+  size?: Size | undefined;
+}
+export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").RadioIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Group: <Value>(props: HGroup.Props<Value>) => React.JSX.Element;
+export {};

package/radio/Radio.styled.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Root = exports.Indicator = exports.Group = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _RadioGroup = require("../radio-group/RadioGroup");
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)(size !== 'md' ? `tale-radio tale-radio--${size}` : 'tale-radio', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Radio.Root';
+const Root = exports.Root = StyledRoot;
+const Indicator = exports.Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
+  className: (0, _cx.cx)('tale-radio__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Radio.Indicator';
+const Group = exports.Group = _RadioGroup.RadioGroup;

package/radio/index.d.ts

@@ -1,3 +1,3 @@
-export * as Radio from "./index.parts.js";
+export * as Radio from "./Radio.styled.js";
 export type * from "./root/RadioRoot.js";
 export type * from "./indicator/RadioIndicator.js";

package/radio/index.js

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

package/scroll-area/ScrollArea.styled.d.ts

@@ -0,0 +1,7 @@
+import * as H from "./index.parts.js";
+export declare const Root: typeof H.Root;
+export declare const Viewport: typeof H.Viewport;
+export declare const Scrollbar: typeof H.Scrollbar;
+export declare const Thumb: typeof H.Thumb;
+export declare const Corner: typeof H.Corner;
+export { Content } from "./index.parts.js";

package/scroll-area/ScrollArea.styled.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Content", {
+  enumerable: true,
+  get: function () {
+    return H.Content;
+  }
+});
+exports.Viewport = exports.Thumb = exports.Scrollbar = exports.Root = exports.Corner = void 0;
+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-scroll-area', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'ScrollArea.Root';
+const Root = exports.Root = StyledRoot;
+const StyledViewport = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Viewport, {
+  className: (0, _cx.cx)('tale-scroll-area__viewport', className),
+  ref: ref,
+  ...props
+}));
+StyledViewport.displayName = 'ScrollArea.Viewport';
+const Viewport = exports.Viewport = StyledViewport;
+const StyledScrollbar = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Scrollbar, {
+  className: (0, _cx.cx)('tale-scroll-area__scrollbar', className),
+  ref: ref,
+  ...props
+}));
+StyledScrollbar.displayName = 'ScrollArea.Scrollbar';
+const Scrollbar = exports.Scrollbar = StyledScrollbar;
+const StyledThumb = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Thumb, {
+  className: (0, _cx.cx)('tale-scroll-area__thumb', className),
+  ref: ref,
+  ...props
+}));
+StyledThumb.displayName = 'ScrollArea.Thumb';
+const Thumb = exports.Thumb = StyledThumb;
+const StyledCorner = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Corner, {
+  className: (0, _cx.cx)('tale-scroll-area__corner', className),
+  ref: ref,
+  ...props
+}));
+StyledCorner.displayName = 'ScrollArea.Corner';
+const Corner = exports.Corner = StyledCorner;

package/scroll-area/index.d.ts

@@ -1,4 +1,4 @@
-export * as ScrollArea from "./index.parts.js";
+export * as ScrollArea from "./ScrollArea.styled.js";
 export type * from "./root/ScrollAreaRoot.js";
 export type * from "./viewport/ScrollAreaViewport.js";
 export type * from "./scrollbar/ScrollAreaScrollbar.js";

package/scroll-area/index.js

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

package/select/Select.styled.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { SelectRootProps, SelectRootState, SelectRootActions, SelectRootChangeEventReason, SelectRootChangeEventDetails } from "./root/SelectRoot.js";
+import type { SelectTriggerState, SelectTriggerProps } from "./trigger/SelectTrigger.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = SelectRootState;
+  type Props<Value = any, Multiple extends boolean | undefined = false> = SelectRootProps<Value, Multiple>;
+  type Actions = SelectRootActions;
+  type ChangeEventReason = SelectRootChangeEventReason;
+  type ChangeEventDetails = SelectRootChangeEventDetails;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollDownArrow: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectScrollDownArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ScrollUpArrow: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectScrollUpArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<import("./index.js").SelectGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ItemText: React.NamedExoticComponent<Omit<import("./index.js").SelectItemTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Trigger: typeof H.Trigger;
+export declare namespace Trigger {
+  type State = SelectTriggerState;
+  type Props = SelectTriggerProps;
+}
+export declare const Value: typeof H.Value;
+export declare const Icon: typeof H.Icon;
+export declare const Popup: typeof H.Popup;
+export declare const List: typeof H.List;
+export declare const Item: typeof H.Item;
+export declare const ItemIndicator: typeof H.ItemIndicator;
+export declare const GroupLabel: typeof H.GroupLabel;
+export declare const Separator: React.ForwardRefExoticComponent<Omit<import("../index.js").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;