@tale-ui/react 0.1.1 → 0.2.0

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

package/esm/combobox/Combobox.styled.js

@@ -0,0 +1,102 @@
+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 Backdrop = H.Backdrop;
+export const Positioner = H.Positioner;
+export const Arrow = H.Arrow;
+export const Icon = H.Icon;
+export const Value = H.Value;
+export const Status = H.Status;
+export const Trigger = H.Trigger;
+export const List = H.List;
+export const Row = H.Row;
+export const Collection = H.Collection;
+export const Clear = H.Clear;
+export const ItemIndicator = H.ItemIndicator;
+export const Group = H.Group;
+export const useFilter = H.useFilter;
+export const useFilteredItems = H.useFilteredItems;
+const StyledInput = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Input, {
+  className: cx('tale-combobox__input', className),
+  ref: ref,
+  ...props
+}));
+StyledInput.displayName = 'Combobox.Input';
+export const Input = StyledInput;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-combobox__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Combobox.Popup';
+export const Popup = StyledPopup;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-combobox__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Combobox.Item';
+export const Item = StyledItem;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.GroupLabel, {
+  className: cx('tale-combobox__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Combobox.GroupLabel';
+export const GroupLabel = StyledGroupLabel;
+const StyledEmpty = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Empty, {
+  className: cx('tale-combobox__empty', className),
+  ref: ref,
+  ...props
+}));
+StyledEmpty.displayName = 'Combobox.Empty';
+export const Empty = StyledEmpty;
+const StyledChips = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Chips, {
+  className: cx('tale-combobox__chips', className),
+  ref: ref,
+  ...props
+}));
+StyledChips.displayName = 'Combobox.Chips';
+export const Chips = StyledChips;
+const StyledChip = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Chip, {
+  className: cx('tale-combobox__chip', className),
+  ref: ref,
+  ...props
+}));
+StyledChip.displayName = 'Combobox.Chip';
+export const Chip = StyledChip;
+const StyledChipRemove = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.ChipRemove, {
+  className: cx('tale-combobox__chip-remove', className),
+  ref: ref,
+  ...props
+}));
+StyledChipRemove.displayName = 'Combobox.ChipRemove';
+export const ChipRemove = StyledChipRemove;
+export { Separator } from "./index.parts.js";

package/esm/combobox/index.d.ts

@@ -1,4 +1,4 @@
-export * as Combobox from "./index.parts.js";
+export * as Combobox from "./Combobox.styled.js";
 export type * from "./root/ComboboxRoot.js";
 export type * from "./trigger/ComboboxTrigger.js";
 export type * from "./input/ComboboxInput.js";

package/esm/combobox/index.js

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

package/esm/context-menu/ContextMenu.styled.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+export declare const Root: typeof H.Root;
+export declare const Trigger: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuTriggerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Group: React.ForwardRefExoticComponent<Omit<import("./index.js").ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const RadioGroup: React.NamedExoticComponent<Omit<import("./index.js").ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const SubmenuRoot: typeof H.SubmenuRoot;
+export declare const Separator: React.ForwardRefExoticComponent<Omit<import("../index.js").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Popup: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const CheckboxItem: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const CheckboxItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuCheckboxItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const RadioItem: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const RadioItemIndicator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuRadioItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const LinkItem: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuLinkItemProps, "ref"> & React.RefAttributes<Element>, "ref"> & React.RefAttributes<Element>>;
+export declare const SubmenuTrigger: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export declare const GroupLabel: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ContextMenuGroupLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;