@tale-ui/react 0.1.1 → 0.2.0

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

package/select/Select.styled.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Value = exports.Trigger = exports.Separator = exports.ScrollUpArrow = exports.ScrollDownArrow = exports.Root = exports.Positioner = exports.Portal = exports.Popup = exports.List = exports.ItemText = exports.ItemIndicator = exports.Item = exports.Icon = exports.GroupLabel = exports.Group = 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");
+var _svg, _React$Fragment, _ChevronIcon;
+function ChevronIcon() {
+  return _svg || (_svg = /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    className: "tale-select__icon",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
+      points: "4,6 8,10 12,6"
+    })
+  }));
+}
+const Root = exports.Root = H.Root;
+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 ScrollDownArrow = exports.ScrollDownArrow = H.ScrollDownArrow;
+const ScrollUpArrow = exports.ScrollUpArrow = H.ScrollUpArrow;
+const Group = exports.Group = H.Group;
+const ItemText = exports.ItemText = H.ItemText;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Trigger, {
+  className: (0, _cx.cx)('tale-select__trigger', className),
+  ref: ref,
+  ...props,
+  children: children ?? (_React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(H.Value, {
+      className: "tale-select__value"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronIcon, {})]
+  })))
+}));
+StyledTrigger.displayName = 'Select.Trigger';
+const Trigger = exports.Trigger = StyledTrigger;
+const StyledValue = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Value, {
+  className: (0, _cx.cx)('tale-select__value', className),
+  ref: ref,
+  ...props
+}));
+StyledValue.displayName = 'Select.Value';
+const Value = exports.Value = StyledValue;
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = _ChevronIcon || (_ChevronIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(ChevronIcon, {})),
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Icon, {
+  className: (0, _cx.cx)('tale-select__icon', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledIcon.displayName = 'Select.Icon';
+const Icon = exports.Icon = StyledIcon;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-select__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Select.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.List, {
+  className: (0, _cx.cx)('tale-select__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'Select.List';
+const List = exports.List = StyledList;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Item, {
+  className: (0, _cx.cx)('tale-select__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Select.Item';
+const Item = exports.Item = StyledItem;
+const StyledItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.ItemIndicator, {
+  className: (0, _cx.cx)('tale-select__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledItemIndicator.displayName = 'Select.ItemIndicator';
+const ItemIndicator = exports.ItemIndicator = StyledItemIndicator;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.GroupLabel, {
+  className: (0, _cx.cx)('tale-select__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Select.GroupLabel';
+const GroupLabel = exports.GroupLabel = StyledGroupLabel;
+const Separator = exports.Separator = H.Separator;

package/select/index.d.ts

@@ -1,4 +1,4 @@
-export * as Select from "./index.parts.js";
+export * as Select from "./Select.styled.js";
 export type * from "./root/SelectRoot.js";
 export type * from "./trigger/SelectTrigger.js";
 export type * from "./value/SelectValue.js";

package/select/index.js

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

package/separator/Separator.styled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { SeparatorProps, SeparatorState } from "./Separator.js";
+export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Separator {
+  type Props = SeparatorProps;
+  type State = SeparatorState;
+}

package/separator/Separator.styled.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Separator3 = require("./Separator");
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Separator = exports.Separator = /*#__PURE__*/React.forwardRef(({
+  orientation = 'horizontal',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Separator3.Separator, {
+  orientation: orientation,
+  className: (0, _cx.cx)(orientation === 'vertical' ? 'tale-separator tale-separator--vertical' : 'tale-separator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Separator.displayName = "Separator";
+Separator.displayName = 'Separator';

package/separator/index.d.ts

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

package/separator/index.js

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

package/slider/Slider.styled.d.ts

@@ -0,0 +1,16 @@
+import * as H from "./index.parts.js";
+import type { SliderRootState, SliderRootProps, SliderRootChangeEventReason, SliderRootChangeEventDetails, SliderRootCommitEventReason, SliderRootCommitEventDetails } from "./root/SliderRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = SliderRootState;
+  type Props<Value extends number | readonly number[] = number | readonly number[]> = SliderRootProps<Value>;
+  type ChangeEventReason = SliderRootChangeEventReason;
+  type ChangeEventDetails = SliderRootChangeEventDetails;
+  type CommitEventReason = SliderRootCommitEventReason;
+  type CommitEventDetails = SliderRootCommitEventDetails;
+}
+export declare const Control: typeof H.Control;
+export declare const Track: typeof H.Track;
+export declare const Indicator: typeof H.Indicator;
+export declare const Thumb: typeof H.Thumb;
+export { Value } from "./index.parts.js";

package/slider/Slider.styled.js

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

package/slider/index.d.ts

@@ -1,4 +1,4 @@
-export * as Slider from "./index.parts.js";
+export * as Slider from "./Slider.styled.js";
 export type * from "./root/SliderRoot.js";
 export type * from "./value/SliderValue.js";
 export type * from "./control/SliderControl.js";

package/slider/index.js

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

package/switch/Switch.styled.d.ts

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