@tale-ui/react 0.1.0 → 0.2.0

package/drawer/Drawer.styled.js

@@ -0,0 +1,71 @@
+"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.Provider = exports.Portal = exports.Popup = exports.IndentBackground = exports.Indent = exports.Handle = exports.Description = exports.Content = exports.Close = exports.Backdrop = 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 Portal = exports.Portal = H.Portal;
+const Viewport = exports.Viewport = H.Viewport;
+const Trigger = exports.Trigger = H.Trigger;
+const Provider = exports.Provider = H.Provider;
+const Indent = exports.Indent = H.Indent;
+const IndentBackground = exports.IndentBackground = H.IndentBackground;
+const createHandle = exports.createHandle = H.createHandle;
+const Handle = exports.Handle = H.Handle;
+const StyledBackdrop = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Backdrop, {
+  className: (0, _cx.cx)('tale-drawer__backdrop', className),
+  ref: ref,
+  ...props
+}));
+StyledBackdrop.displayName = 'Drawer.Backdrop';
+const Backdrop = exports.Backdrop = StyledBackdrop;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
+  className: (0, _cx.cx)('tale-drawer__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Drawer.Popup';
+const Popup = exports.Popup = StyledPopup;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Content, {
+  className: (0, _cx.cx)('tale-drawer__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'Drawer.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-drawer__title', className),
+  ref: ref,
+  ...props
+}));
+StyledTitle.displayName = 'Drawer.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-drawer__description', className),
+  ref: ref,
+  ...props
+}));
+StyledDescription.displayName = 'Drawer.Description';
+const Description = exports.Description = StyledDescription;
+const Close = exports.Close = H.Close;

package/drawer/index.d.ts

@@ -1,4 +1,4 @@
-export * as DrawerPreview from "./index.parts.js";
+export * as DrawerPreview from "./Drawer.styled.js";
 export type * from "./root/DrawerRoot.js";
 export type * from "./provider/DrawerProvider.js";
 export type * from "./indent/DrawerIndent.js";

package/drawer/index.js

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

package/esm/_cx.d.ts

@@ -0,0 +1,4 @@
+type ClassNameFn = (state: any) => string | undefined;
+type ClassName = string | ClassNameFn | undefined;
+export declare function cx(base: string, extra?: ClassName): ClassName;
+export {};

package/esm/_cx.js

@@ -0,0 +1,9 @@
+export function cx(base, extra) {
+  if (typeof extra === 'function') {
+    return state => {
+      const result = extra(state);
+      return result ? `${base} ${result}` : base;
+    };
+  }
+  return extra ? `${base} ${extra}` : base;
+}

package/esm/accordion/Accordion.styled.d.ts

@@ -0,0 +1,14 @@
+import * as H from "./index.parts.js";
+import type { AccordionValue, AccordionRootState, AccordionRootProps, AccordionRootChangeEventReason, AccordionRootChangeEventDetails } from "./root/AccordionRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type Value<TValue = any> = AccordionValue<TValue>;
+  type State<TValue = any> = AccordionRootState<TValue>;
+  type Props<TValue = any> = AccordionRootProps<TValue>;
+  type ChangeEventReason = AccordionRootChangeEventReason;
+  type ChangeEventDetails = AccordionRootChangeEventDetails;
+}
+export declare const Item: typeof H.Item;
+export declare const Header: typeof H.Header;
+export declare const Trigger: typeof H.Trigger;
+export declare const Panel: typeof H.Panel;

package/esm/accordion/Accordion.styled.js

@@ -0,0 +1,72 @@
+var _svg, _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-accordion__trigger-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"
+    })
+  }));
+}
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-accordion', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'Accordion.Root';
+export const Root = StyledRoot;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-accordion__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Accordion.Item';
+export const Item = StyledItem;
+const StyledHeader = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Header, {
+  className: cx('tale-accordion__header', className),
+  ref: ref,
+  ...props
+}));
+StyledHeader.displayName = 'Accordion.Header';
+export const Header = StyledHeader;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsxs(H.Trigger, {
+  className: cx('tale-accordion__trigger', className),
+  ref: ref,
+  ...props,
+  children: [children, _ChevronIcon || (_ChevronIcon = /*#__PURE__*/_jsx(ChevronIcon, {}))]
+}));
+StyledTrigger.displayName = 'Accordion.Trigger';
+export const Trigger = StyledTrigger;
+const StyledPanel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Panel, {
+  className: cx('tale-accordion__panel', className),
+  ref: ref,
+  ...props
+}));
+StyledPanel.displayName = 'Accordion.Panel';
+export const Panel = StyledPanel;

package/esm/accordion/index.d.ts

@@ -1,4 +1,4 @@
-export * as Accordion from "./index.parts.js";
+export * as Accordion from "./Accordion.styled.js";
 export type * from "./root/AccordionRoot.js";
 export type * from "./item/AccordionItem.js";
 export type * from "./header/AccordionHeader.js";

package/esm/accordion/index.js

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

package/esm/alert-dialog/AlertDialog.styled.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+export declare const Root: typeof H.Root;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("../index.js").DialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Viewport: React.ForwardRefExoticComponent<Omit<import("../index.js").DialogViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Trigger: H.Trigger;
+export declare const createHandle: typeof H.createHandle;
+export declare const Handle: typeof H.Handle;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<Omit<import("../index.js").DialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Popup: React.ForwardRefExoticComponent<Omit<Omit<import("../index.js").DialogPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Title: React.ForwardRefExoticComponent<Omit<Omit<import("../index.js").DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const Description: React.ForwardRefExoticComponent<Omit<Omit<import("../index.js").DialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const Close: React.ForwardRefExoticComponent<Omit<import("../index.js").DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/esm/alert-dialog/AlertDialog.styled.js

@@ -0,0 +1,51 @@
+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 Portal = H.Portal;
+export const Viewport = H.Viewport;
+export const Trigger = H.Trigger;
+export const createHandle = H.createHandle;
+export const Handle = H.Handle;
+export const Backdrop = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Backdrop, {
+  className: cx('tale-alert-dialog__backdrop', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Backdrop.displayName = "Backdrop";
+Backdrop.displayName = 'AlertDialog.Backdrop';
+export const Popup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-alert-dialog__popup', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Popup.displayName = "Popup";
+Popup.displayName = 'AlertDialog.Popup';
+export const Title = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Title, {
+  className: cx('tale-alert-dialog__title', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Title.displayName = "Title";
+Title.displayName = 'AlertDialog.Title';
+export const Description = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Description, {
+  className: cx('tale-alert-dialog__description', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Description.displayName = "Description";
+Description.displayName = 'AlertDialog.Description';
+export const Close = H.Close;

package/esm/alert-dialog/index.d.ts

@@ -1,2 +1,2 @@
-export * as AlertDialog from "./index.parts.js";
+export * as AlertDialog from "./AlertDialog.styled.js";
 export type * from "./root/AlertDialogRoot.js";

package/esm/alert-dialog/index.js

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

package/esm/autocomplete/Autocomplete.styled.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+export declare const Root: typeof H.Root;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").AutocompletePositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const List: React.ForwardRefExoticComponent<Omit<import("./index.js").AutocompleteListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Input: typeof H.Input;
+export declare const Popup: typeof H.Popup;
+export declare const Empty: typeof H.Empty;
+export declare const Item: typeof H.Item;
+export { Value, Trigger, Icon, Clear, Backdrop, Arrow, Group, GroupLabel, Row, Collection, Separator, useFilter, useFilteredItems } from "./index.parts.js";

package/esm/autocomplete/Autocomplete.styled.js

@@ -0,0 +1,49 @@
+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 Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const List = H.List;
+const StyledInput = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Input, {
+  className: cx('tale-autocomplete__input', className),
+  ref: ref,
+  ...props
+}));
+StyledInput.displayName = 'Autocomplete.Input';
+export const Input = StyledInput;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-autocomplete__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Autocomplete.Popup';
+export const Popup = StyledPopup;
+const StyledEmpty = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Empty, {
+  className: cx('tale-autocomplete__empty', className),
+  ref: ref,
+  ...props
+}));
+StyledEmpty.displayName = 'Autocomplete.Empty';
+export const Empty = StyledEmpty;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-autocomplete__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Autocomplete.Item';
+export const Item = StyledItem;
+export { Value, Trigger, Icon, Clear, Backdrop, Arrow, Group, GroupLabel, Row, Collection, Separator, useFilter, useFilteredItems } from "./index.parts.js";

package/esm/autocomplete/index.d.ts

@@ -1,4 +1,4 @@
-export * as Autocomplete from "./index.parts.js";
+export * as Autocomplete from "./Autocomplete.styled.js";
 export type * from "./root/AutocompleteRoot.js";
 export type * from "./value/AutocompleteValue.js";
 export type { ComboboxTriggerProps as AutocompleteTriggerProps, ComboboxTriggerState as AutocompleteTriggerState } from "../combobox/trigger/ComboboxTrigger.js";

package/esm/autocomplete/index.js

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

package/esm/avatar/Avatar.styled.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+type Size = 'sm' | 'md' | 'lg' | 'xl';
+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 Image: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const Fallback: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export {};

package/esm/avatar/Avatar.styled.js

@@ -0,0 +1,35 @@
+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 = /*#__PURE__*/React.forwardRef(({
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx(`tale-avatar tale-avatar--${size}`, className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Avatar.Root';
+export const Image = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Image, {
+  className: cx('tale-avatar__image', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Image.displayName = "Image";
+Image.displayName = 'Avatar.Image';
+export const Fallback = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Fallback, {
+  className: cx('tale-avatar__fallback', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Fallback.displayName = "Fallback";
+Fallback.displayName = 'Avatar.Fallback';

package/esm/avatar/index.d.ts

@@ -1,4 +1,4 @@
-export * as Avatar from "./index.parts.js";
+export * as Avatar from "./Avatar.styled.js";
 export type * from "./root/AvatarRoot.js";
 export type * from "./image/AvatarImage.js";
 export type * from "./fallback/AvatarFallback.js";

package/esm/avatar/index.js

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

package/esm/button/Button.styled.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { ButtonProps as HProps } from "./Button.js";
+type Variant = 'primary' | 'neutral' | 'ghost' | 'danger';
+type Size = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends HProps {
+  variant?: Variant | undefined;
+  size?: Size | undefined;
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};

package/esm/button/Button.styled.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Button as H } from "./Button.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Button = /*#__PURE__*/React.forwardRef(({
+  variant = 'primary',
+  size = 'md',
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: cx(`tale-button tale-button--${variant} tale-button--${size}`, className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
+Button.displayName = 'Button';

package/esm/button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button } from "./Button.js";
-export type * from "./Button.js";
+export { Button } from "./Button.styled.js";
+export type { ButtonProps } from "./Button.styled.js";

package/esm/button/index.js

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

package/esm/checkbox/Checkbox.styled.d.ts

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

package/esm/checkbox/Checkbox.styled.js

@@ -0,0 +1,24 @@
+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 = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-checkbox', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Checkbox.Root';
+export const Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-checkbox__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Checkbox.Indicator';

package/esm/checkbox/index.d.ts

@@ -1,3 +1,3 @@
-export * as Checkbox from "./index.parts.js";
+export * as Checkbox from "./Checkbox.styled.js";
 export type * from "./root/CheckboxRoot.js";
 export type * from "./indicator/CheckboxIndicator.js";

package/esm/checkbox/index.js

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

package/esm/collapsible/Collapsible.styled.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").CollapsibleRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").CollapsibleTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Panel: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").CollapsiblePanelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/collapsible/Collapsible.styled.js

@@ -0,0 +1,34 @@
+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 = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-collapsible', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Collapsible.Root';
+export const Trigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Trigger, {
+  className: cx('tale-collapsible__trigger', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Trigger.displayName = "Trigger";
+Trigger.displayName = 'Collapsible.Trigger';
+export const Panel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Panel, {
+  className: cx('tale-collapsible__panel', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Panel.displayName = "Panel";
+Panel.displayName = 'Collapsible.Panel';

package/esm/collapsible/index.d.ts

@@ -1,4 +1,4 @@
-export * as Collapsible from "./index.parts.js";
+export * as Collapsible from "./Collapsible.styled.js";
 export type * from "./root/CollapsibleRoot.js";
 export type * from "./trigger/CollapsibleTrigger.js";
 export type * from "./panel/CollapsiblePanel.js";

package/esm/collapsible/index.js

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

package/esm/combobox/Combobox.styled.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { ComboboxRootState, ComboboxRootProps, ComboboxRootActions, ComboboxRootChangeEventReason, ComboboxRootChangeEventDetails, ComboboxRootHighlightEventReason, ComboboxRootHighlightEventDetails } from "./root/ComboboxRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type Props<Value = any, Multiple extends boolean | undefined = false> = ComboboxRootProps<Value, Multiple>;
+  type State = ComboboxRootState;
+  type Actions = ComboboxRootActions;
+  type ChangeEventReason = ComboboxRootChangeEventReason;
+  type ChangeEventDetails = ComboboxRootChangeEventDetails;
+  type HighlightEventReason = ComboboxRootHighlightEventReason;
+  type HighlightEventDetails = ComboboxRootHighlightEventDetails;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Icon: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Value: typeof H.Value;
+export declare const Status: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxStatusProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const List: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Row: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxRowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Collection: typeof H.Collection;
+export declare const Clear: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ItemIndicator: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<import("./index.js").ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const useFilter: typeof H.useFilter;
+export declare const useFilteredItems: typeof H.useFilteredItems;
+export declare const Input: typeof H.Input;
+export declare const Popup: typeof H.Popup;
+export declare const Item: typeof H.Item;
+export declare const GroupLabel: typeof H.GroupLabel;
+export declare const Empty: typeof H.Empty;
+export declare const Chips: typeof H.Chips;
+export declare const Chip: typeof H.Chip;
+export declare const ChipRemove: typeof H.ChipRemove;
+export { Separator } from "./index.parts.js";