@tale-ui/react 0.1.0 → 0.2.0

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

package/switch/Switch.styled.js

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

package/switch/index.d.ts

@@ -1,3 +1,3 @@
-export * as Switch from "./index.parts.js";
+export * as Switch from "./Switch.styled.js";
 export type * from "./root/SwitchRoot.js";
 export type * from "./thumb/SwitchThumb.js";

package/switch/index.js

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

package/tabs/Tabs.styled.d.ts

@@ -0,0 +1,14 @@
+import * as H from "./index.parts.js";
+import type { TabsRootState, TabsRootProps, TabsRootOrientation, TabsRootChangeEventReason, TabsRootChangeEventDetails } from "./root/TabsRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = TabsRootState;
+  type Props = TabsRootProps;
+  type Orientation = TabsRootOrientation;
+  type ChangeEventReason = TabsRootChangeEventReason;
+  type ChangeEventDetails = TabsRootChangeEventDetails;
+}
+export declare const List: typeof H.List;
+export declare const Tab: typeof H.Tab;
+export declare const Indicator: typeof H.Indicator;
+export declare const Panel: typeof H.Panel;

package/tabs/Tabs.styled.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tab = exports.Root = exports.Panel = exports.List = 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 StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-tabs', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Tabs.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-tabs__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'Tabs.List';
+const List = exports.List = StyledList;
+const StyledTab = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Tab, {
+  className: (0, _cx.cx)('tale-tabs__tab', className),
+  ref: ref,
+  ...props
+}));
+StyledTab.displayName = 'Tabs.Tab';
+const Tab = exports.Tab = StyledTab;
+const StyledIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
+  className: (0, _cx.cx)('tale-tabs__indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledIndicator.displayName = 'Tabs.Indicator';
+const Indicator = exports.Indicator = StyledIndicator;
+const StyledPanel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Panel, {
+  className: (0, _cx.cx)('tale-tabs__panel', className),
+  ref: ref,
+  ...props
+}));
+StyledPanel.displayName = 'Tabs.Panel';
+const Panel = exports.Panel = StyledPanel;

package/tabs/index.d.ts

@@ -1,4 +1,4 @@
-export * as Tabs from "./index.parts.js";
+export * as Tabs from "./Tabs.styled.js";
 export type * from "./root/TabsRoot.js";
 export type * from "./indicator/TabsIndicator.js";
 export type * from "./tab/TabsTab.js";

package/tabs/index.js

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

package/toast/Toast.styled.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { ToastRootToastObject, ToastRootState, ToastRootProps } from "./root/ToastRoot.js";
+export declare const Provider: React.FC<import("./index.js").ToastProviderProps>;
+export declare const Viewport: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("../utils/FloatingPortalLite.js").FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const useToastManager: typeof H.useToastManager;
+export declare const createToastManager: typeof H.createToastManager;
+export declare const Positioner: typeof H.Positioner;
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type ToastObject<Data extends object = any> = ToastRootToastObject<Data>;
+  type State = ToastRootState;
+  type Props = ToastRootProps;
+}
+export declare const Content: typeof H.Content;
+export declare const Title: typeof H.Title;
+export declare const Description: typeof H.Description;
+export declare const Close: typeof H.Close;
+export declare const Action: typeof H.Action;

package/toast/Toast.styled.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useToastManager = exports.createToastManager = exports.Viewport = exports.Title = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Description = exports.Content = exports.Close = exports.Arrow = exports.Action = void 0;
+var React = _interopRequireWildcard(require("react"));
+var H = _interopRequireWildcard(require("./index.parts"));
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Provider = exports.Provider = H.Provider;
+const Viewport = exports.Viewport = H.Viewport;
+const Portal = exports.Portal = H.Portal;
+const Arrow = exports.Arrow = H.Arrow;
+const useToastManager = exports.useToastManager = H.useToastManager;
+const createToastManager = exports.createToastManager = H.createToastManager;
+const StyledPositioner = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Positioner, {
+  className: (0, _cx.cx)('tale-toast__positioner', className),
+  ref: ref,
+  ...props
+}));
+StyledPositioner.displayName = 'Toast.Positioner';
+const Positioner = exports.Positioner = StyledPositioner;
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
+  className: (0, _cx.cx)('tale-toast__root', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Toast.Root';
+const Root = exports.Root = StyledRoot;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Content, {
+  className: (0, _cx.cx)('tale-toast__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'Toast.Content';
+const Content = exports.Content = StyledContent;
+const StyledTitle = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Title, {
+  className: (0, _cx.cx)('tale-toast__title', className),
+  ref: ref,
+  ...props
+}));
+StyledTitle.displayName = 'Toast.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-toast__description', className),
+  ref: ref,
+  ...props
+}));
+StyledDescription.displayName = 'Toast.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-toast__close', className),
+  ref: ref,
+  ...props
+}));
+StyledClose.displayName = 'Toast.Close';
+const Close = exports.Close = StyledClose;
+const StyledAction = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Action, {
+  className: (0, _cx.cx)('tale-toast__action', className),
+  ref: ref,
+  ...props
+}));
+StyledAction.displayName = 'Toast.Action';
+const Action = exports.Action = StyledAction;

package/toast/index.d.ts

@@ -1,4 +1,4 @@
-export * as Toast from "./index.parts.js";
+export * as Toast from "./Toast.styled.js";
 export type * from "./root/ToastRoot.js";
 export type * from "./provider/ToastProvider.js";
 export type * from "./viewport/ToastViewport.js";

package/toast/index.js

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

package/toggle/Toggle.styled.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Toggle as H } from "./Toggle.js";
+import { ToggleGroup as HGroup } from "../toggle-group/ToggleGroup.js";
+type Size = 'sm' | 'md' | 'lg';
+export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof H> {
+  size?: Size | undefined;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<HGroup.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/toggle/Toggle.styled.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToggleGroup = exports.Toggle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Toggle2 = require("./Toggle");
+var _ToggleGroup2 = require("../toggle-group/ToggleGroup");
+var _cx = require("../_cx");
+var _jsxRuntime = require("react/jsx-runtime");
+const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle2.Toggle, {
+  className: (0, _cx.cx)(`tale-toggle tale-toggle--${size}`, className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Toggle.displayName = "Toggle";
+Toggle.displayName = 'Toggle';
+const ToggleGroup = exports.ToggleGroup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleGroup2.ToggleGroup, {
+  className: (0, _cx.cx)('tale-toggle-group', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") ToggleGroup.displayName = "ToggleGroup";
+ToggleGroup.displayName = 'ToggleGroup';

package/toggle/index.d.ts

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

package/toggle/index.js

@@ -9,4 +9,10 @@ Object.defineProperty(exports, "Toggle", {
     return _Toggle.Toggle;
   }
 });
-var _Toggle = require("./Toggle");
+Object.defineProperty(exports, "ToggleGroup", {
+  enumerable: true,
+  get: function () {
+    return _Toggle.ToggleGroup;
+  }
+});
+var _Toggle = require("./Toggle.styled");

package/toolbar/Toolbar.styled.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;