@tale-ui/react 0.1.0 → 0.2.0

package/esm/popover/Popover.styled.js

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Root = H.Root;
+export const Trigger = H.Trigger;
+export const Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const Backdrop = H.Backdrop;
+export const Viewport = H.Viewport;
+export const createHandle = H.createHandle;
+export const Handle = H.Handle;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Arrow, {
+  className: cx('tale-popover__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'Popover.Arrow';
+export const Arrow = StyledArrow;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-popover__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Popover.Popup';
+export const Popup = StyledPopup;
+const StyledTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Title, {
+  className: cx('tale-popover__title', className),
+  ref: ref,
+  ...props
+}));
+StyledTitle.displayName = 'Popover.Title';
+export const Title = StyledTitle;
+const StyledDescription = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Description, {
+  className: cx('tale-popover__description', className),
+  ref: ref,
+  ...props
+}));
+StyledDescription.displayName = 'Popover.Description';
+export const Description = StyledDescription;
+const StyledClose = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Close, {
+  className: cx('tale-popover__close', className),
+  ref: ref,
+  ...props
+}));
+StyledClose.displayName = 'Popover.Close';
+export const Close = StyledClose;

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

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

package/esm/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/esm/preview-card/PreviewCard.styled.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Root = H.Root;
+export const Trigger = H.Trigger;
+export const Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const Backdrop = H.Backdrop;
+export const Viewport = H.Viewport;
+export const createHandle = H.createHandle;
+export const Handle = H.Handle;
+const StyledArrow = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Arrow, {
+  className: cx('tale-preview-card__arrow', className),
+  ref: ref,
+  ...props
+}));
+StyledArrow.displayName = 'PreviewCard.Arrow';
+export const Arrow = StyledArrow;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-preview-card__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'PreviewCard.Popup';
+export const Popup = StyledPopup;

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

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

package/esm/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/esm/progress/Progress.styled.js

@@ -0,0 +1,36 @@
+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-progress', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Progress.Root';
+export const Root = StyledRoot;
+export const Value = H.Value;
+const StyledTrack = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Track, {
+  className: cx('tale-progress__track', className),
+  ref: ref,
+  ...props
+}));
+StyledTrack.displayName = 'Progress.Track';
+export const Track = StyledTrack;
+const StyledIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-progress__indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledIndicator.displayName = 'Progress.Indicator';
+export const Indicator = StyledIndicator;
+export { Label } from "./index.parts.js";

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

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

package/esm/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/esm/radio/Radio.styled.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { RadioGroup as HGroup } from "../radio-group/RadioGroup.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx(size !== 'md' ? `tale-radio tale-radio--${size}` : 'tale-radio', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Radio.Root';
+export const Root = StyledRoot;
+export const Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-radio__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Radio.Indicator';
+export const Group = HGroup;

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

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

package/esm/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/esm/scroll-area/ScrollArea.styled.js

@@ -0,0 +1,55 @@
+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-scroll-area', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'ScrollArea.Root';
+export const Root = StyledRoot;
+const StyledViewport = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Viewport, {
+  className: cx('tale-scroll-area__viewport', className),
+  ref: ref,
+  ...props
+}));
+StyledViewport.displayName = 'ScrollArea.Viewport';
+export const Viewport = StyledViewport;
+const StyledScrollbar = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Scrollbar, {
+  className: cx('tale-scroll-area__scrollbar', className),
+  ref: ref,
+  ...props
+}));
+StyledScrollbar.displayName = 'ScrollArea.Scrollbar';
+export const Scrollbar = StyledScrollbar;
+const StyledThumb = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Thumb, {
+  className: cx('tale-scroll-area__thumb', className),
+  ref: ref,
+  ...props
+}));
+StyledThumb.displayName = 'ScrollArea.Thumb';
+export const Thumb = StyledThumb;
+const StyledCorner = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Corner, {
+  className: cx('tale-scroll-area__corner', className),
+  ref: ref,
+  ...props
+}));
+StyledCorner.displayName = 'ScrollArea.Corner';
+export const Corner = StyledCorner;
+export { Content } from "./index.parts.js";

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

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

package/esm/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/esm/select/Select.styled.js

@@ -0,0 +1,118 @@
+var _svg, _React$Fragment, _ChevronIcon;
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ChevronIcon() {
+  return _svg || (_svg = /*#__PURE__*/_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__*/_jsx("polyline", {
+      points: "4,6 8,10 12,6"
+    })
+  }));
+}
+export const Root = H.Root;
+export const Portal = H.Portal;
+export const Backdrop = H.Backdrop;
+export const Positioner = H.Positioner;
+export const Arrow = H.Arrow;
+export const ScrollDownArrow = H.ScrollDownArrow;
+export const ScrollUpArrow = H.ScrollUpArrow;
+export const Group = H.Group;
+export const ItemText = H.ItemText;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Trigger, {
+  className: cx('tale-select__trigger', className),
+  ref: ref,
+  ...props,
+  children: children ?? (_React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(H.Value, {
+      className: "tale-select__value"
+    }), /*#__PURE__*/_jsx(ChevronIcon, {})]
+  })))
+}));
+StyledTrigger.displayName = 'Select.Trigger';
+export const Trigger = StyledTrigger;
+const StyledValue = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Value, {
+  className: cx('tale-select__value', className),
+  ref: ref,
+  ...props
+}));
+StyledValue.displayName = 'Select.Value';
+export const Value = StyledValue;
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = _ChevronIcon || (_ChevronIcon = /*#__PURE__*/_jsx(ChevronIcon, {})),
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Icon, {
+  className: cx('tale-select__icon', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledIcon.displayName = 'Select.Icon';
+export const Icon = StyledIcon;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-select__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Select.Popup';
+export const Popup = StyledPopup;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.List, {
+  className: cx('tale-select__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'Select.List';
+export const List = StyledList;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-select__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Select.Item';
+export const Item = StyledItem;
+const StyledItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.ItemIndicator, {
+  className: cx('tale-select__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledItemIndicator.displayName = 'Select.ItemIndicator';
+export const ItemIndicator = StyledItemIndicator;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.GroupLabel, {
+  className: cx('tale-select__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Select.GroupLabel';
+export const GroupLabel = StyledGroupLabel;
+export const Separator = H.Separator;

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

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

package/esm/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/esm/separator/Separator.styled.js

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

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

package/esm/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/esm/slider/Slider.styled.js

@@ -0,0 +1,55 @@
+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-slider', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Slider.Root';
+export const Root = StyledRoot;
+const StyledControl = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Control, {
+  className: cx('tale-slider__control', className),
+  ref: ref,
+  ...props
+}));
+StyledControl.displayName = 'Slider.Control';
+export const Control = StyledControl;
+const StyledTrack = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Track, {
+  className: cx('tale-slider__track', className),
+  ref: ref,
+  ...props
+}));
+StyledTrack.displayName = 'Slider.Track';
+export const Track = StyledTrack;
+const StyledIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-slider__indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledIndicator.displayName = 'Slider.Indicator';
+export const Indicator = StyledIndicator;
+const StyledThumb = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Thumb, {
+  className: cx('tale-slider__thumb', className),
+  ref: ref,
+  ...props
+}));
+StyledThumb.displayName = 'Slider.Thumb';
+export const Thumb = StyledThumb;
+export { Value } from "./index.parts.js";

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

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

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