@tale-ui/react 0.1.1 → 0.2.0

package/esm/menu/Menu.styled.js

@@ -0,0 +1,106 @@
+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 Backdrop = H.Backdrop;
+export const Positioner = H.Positioner;
+export const Arrow = H.Arrow;
+export const Group = H.Group;
+export const RadioGroup = H.RadioGroup;
+export const SubmenuRoot = H.SubmenuRoot;
+export const Separator = H.Separator;
+export { MenuHandle as Handle } from "./store/MenuHandle.js";
+export const createHandle = H.createHandle;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'Menu.Popup';
+export const Popup = StyledPopup;
+const StyledItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Item, {
+  className: cx('tale-menu__item', className),
+  ref: ref,
+  ...props
+}));
+StyledItem.displayName = 'Menu.Item';
+export const Item = StyledItem;
+const StyledCheckboxItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.CheckboxItem, {
+  className: cx('tale-menu__checkbox-item', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItem.displayName = 'Menu.CheckboxItem';
+export const CheckboxItem = StyledCheckboxItem;
+const StyledCheckboxItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.CheckboxItemIndicator, {
+  className: cx('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledCheckboxItemIndicator.displayName = 'Menu.CheckboxItemIndicator';
+export const CheckboxItemIndicator = StyledCheckboxItemIndicator;
+const StyledRadioItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.RadioItem, {
+  className: cx('tale-menu__radio-item', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItem.displayName = 'Menu.RadioItem';
+export const RadioItem = StyledRadioItem;
+const StyledRadioItemIndicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.RadioItemIndicator, {
+  className: cx('tale-menu__item-indicator', className),
+  ref: ref,
+  ...props
+}));
+StyledRadioItemIndicator.displayName = 'Menu.RadioItemIndicator';
+export const RadioItemIndicator = StyledRadioItemIndicator;
+const StyledLinkItem = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.LinkItem, {
+  className: cx('tale-menu__link-item', className),
+  ref: ref,
+  ...props
+}));
+StyledLinkItem.displayName = 'Menu.LinkItem';
+export const LinkItem = StyledLinkItem;
+const StyledSubmenuTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.SubmenuTrigger, {
+  className: cx('tale-menu__submenu-trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledSubmenuTrigger.displayName = 'Menu.SubmenuTrigger';
+export const SubmenuTrigger = StyledSubmenuTrigger;
+const StyledGroupLabel = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.GroupLabel, {
+  className: cx('tale-menu__group-label', className),
+  ref: ref,
+  ...props
+}));
+StyledGroupLabel.displayName = 'Menu.GroupLabel';
+export const GroupLabel = StyledGroupLabel;

package/esm/menu/index.d.ts

@@ -1,4 +1,4 @@
-export * as Menu from "./index.parts.js";
+export * as Menu from "./Menu.styled.js";
 export type * from "./root/MenuRoot.js";
 export type * from "./arrow/MenuArrow.js";
 export type * from "./backdrop/MenuBackdrop.js";

package/esm/menu/index.js

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

package/esm/menubar/Menubar.styled.d.ts

@@ -0,0 +1,7 @@
+import { Menubar as H } from "./Menubar.js";
+import type { MenubarState, MenubarProps } from "./Menubar.js";
+export declare const Menubar: typeof H;
+export declare namespace Menubar {
+  type State = MenubarState;
+  type Props = MenubarProps;
+}

package/esm/menubar/Menubar.styled.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Menubar as H } from "./Menubar.js";
+import { cx } from "../_cx.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const StyledMenubar = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H, {
+  className: cx('tale-menubar', className),
+  ref: ref,
+  ...props
+}));
+StyledMenubar.displayName = 'Menubar';
+export const Menubar = StyledMenubar;

package/esm/menubar/index.d.ts

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

package/esm/menubar/index.js

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

package/esm/meter/Meter.styled.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Label: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterLabelProps, "ref"> & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Value: React.ForwardRefExoticComponent<Omit<import("./index.js").MeterValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const Track: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterTrackProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").MeterIndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/esm/meter/Meter.styled.js

@@ -0,0 +1,45 @@
+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-meter', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
+Root.displayName = 'Meter.Root';
+export const Label = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Label, {
+  className: cx('tale-meter__label', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Label.displayName = "Label";
+Label.displayName = 'Meter.Label';
+export const Value = H.Value;
+export const Track = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Track, {
+  className: cx('tale-meter__track', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Track.displayName = "Track";
+Track.displayName = 'Meter.Track';
+export const Indicator = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Indicator, {
+  className: cx('tale-meter__indicator', className),
+  ref: ref,
+  ...props
+}));
+if (process.env.NODE_ENV !== "production") Indicator.displayName = "Indicator";
+Indicator.displayName = 'Meter.Indicator';

package/esm/meter/index.d.ts

@@ -1,4 +1,4 @@
-export * as Meter from "./index.parts.js";
+export * as Meter from "./Meter.styled.js";
 export type * from "./root/MeterRoot.js";
 export type * from "./indicator/MeterIndicator.js";
 export type * from "./label/MeterLabel.js";

package/esm/meter/index.js

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

package/esm/navigation-menu/NavigationMenu.styled.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { NavigationMenuRootState, NavigationMenuRootProps, NavigationMenuRootActions, NavigationMenuRootChangeEventReason, NavigationMenuRootChangeEventDetails } from "./root/NavigationMenuRoot.js";
+export declare const Portal: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Item: React.ForwardRefExoticComponent<Omit<import("./index.js").NavigationMenuItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = NavigationMenuRootState;
+  type Props = NavigationMenuRootProps;
+  type Actions = NavigationMenuRootActions;
+  type ChangeEventReason = NavigationMenuRootChangeEventReason;
+  type ChangeEventDetails = NavigationMenuRootChangeEventDetails;
+}
+export declare const List: typeof H.List;
+export declare const Trigger: typeof H.Trigger;
+export declare const Icon: typeof H.Icon;
+export declare const Link: typeof H.Link;
+export declare const Popup: typeof H.Popup;
+export declare const Content: typeof H.Content;
+export declare const Viewport: typeof H.Viewport;

package/esm/navigation-menu/NavigationMenu.styled.js

@@ -0,0 +1,89 @@
+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 Portal = H.Portal;
+export const Positioner = H.Positioner;
+export const Backdrop = H.Backdrop;
+export const Arrow = H.Arrow;
+export const Item = H.Item;
+const StyledRoot = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Root, {
+  className: cx('tale-navigation-menu', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NavigationMenu.Root';
+export const Root = StyledRoot;
+const StyledList = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.List, {
+  className: cx('tale-navigation-menu__list', className),
+  ref: ref,
+  ...props
+}));
+StyledList.displayName = 'NavigationMenu.List';
+export const List = StyledList;
+const StyledTrigger = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Trigger, {
+  className: cx('tale-navigation-menu__trigger', className),
+  ref: ref,
+  ...props
+}));
+StyledTrigger.displayName = 'NavigationMenu.Trigger';
+export const Trigger = StyledTrigger;
+const StyledIcon = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Icon, {
+  className: cx('tale-navigation-menu__icon', className),
+  ref: ref,
+  ...props
+}));
+StyledIcon.displayName = 'NavigationMenu.Icon';
+export const Icon = StyledIcon;
+const StyledLink = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Link, {
+  className: cx('tale-navigation-menu__link', className),
+  ref: ref,
+  ...props
+}));
+StyledLink.displayName = 'NavigationMenu.Link';
+export const Link = StyledLink;
+const StyledPopup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Popup, {
+  className: cx('tale-navigation-menu__popup', className),
+  ref: ref,
+  ...props
+}));
+StyledPopup.displayName = 'NavigationMenu.Popup';
+export const Popup = StyledPopup;
+const StyledContent = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Content, {
+  className: cx('tale-navigation-menu__content', className),
+  ref: ref,
+  ...props
+}));
+StyledContent.displayName = 'NavigationMenu.Content';
+export const Content = StyledContent;
+const StyledViewport = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Viewport, {
+  className: cx('tale-navigation-menu__viewport', className),
+  ref: ref,
+  ...props
+}));
+StyledViewport.displayName = 'NavigationMenu.Viewport';
+export const Viewport = StyledViewport;

package/esm/navigation-menu/index.d.ts

@@ -1,4 +1,4 @@
-export * as NavigationMenu from "./index.parts.js";
+export * as NavigationMenu from "./NavigationMenu.styled.js";
 export type * from "./root/NavigationMenuRoot.js";
 export type * from "./trigger/NavigationMenuTrigger.js";
 export type * from "./portal/NavigationMenuPortal.js";

package/esm/navigation-menu/index.js

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

package/esm/number-field/NumberField.styled.d.ts

@@ -0,0 +1,16 @@
+import * as H from "./index.parts.js";
+import type { NumberFieldRootState, NumberFieldRootProps, NumberFieldRootChangeEventReason, NumberFieldRootChangeEventDetails, NumberFieldRootCommitEventReason, NumberFieldRootCommitEventDetails } from "./root/NumberFieldRoot.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = NumberFieldRootState;
+  type Props = NumberFieldRootProps;
+  type ChangeEventReason = NumberFieldRootChangeEventReason;
+  type ChangeEventDetails = NumberFieldRootChangeEventDetails;
+  type CommitEventReason = NumberFieldRootCommitEventReason;
+  type CommitEventDetails = NumberFieldRootCommitEventDetails;
+}
+export declare const Group: typeof H.Group;
+export declare const Decrement: typeof H.Decrement;
+export declare const Input: typeof H.Input;
+export declare const Increment: typeof H.Increment;
+export { ScrubArea, ScrubAreaCursor } from "./index.parts.js";

package/esm/number-field/NumberField.styled.js

@@ -0,0 +1,59 @@
+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-number-field', className),
+  ref: ref,
+  ...props
+}));
+StyledRoot.displayName = 'NumberField.Root';
+export const Root = StyledRoot;
+const StyledGroup = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Group, {
+  className: cx('tale-number-field__group', className),
+  ref: ref,
+  ...props
+}));
+StyledGroup.displayName = 'NumberField.Group';
+export const Group = StyledGroup;
+const StyledDecrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '−',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Decrement, {
+  className: cx('tale-number-field__decrement', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledDecrement.displayName = 'NumberField.Decrement';
+export const Decrement = StyledDecrement;
+const StyledInput = /*#__PURE__*/React.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Input, {
+  className: cx('tale-number-field__input', className),
+  ref: ref,
+  ...props
+}));
+StyledInput.displayName = 'NumberField.Input';
+export const Input = StyledInput;
+const StyledIncrement = /*#__PURE__*/React.forwardRef(({
+  className,
+  children = '+',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(H.Increment, {
+  className: cx('tale-number-field__increment', className),
+  ref: ref,
+  ...props,
+  children: children
+}));
+StyledIncrement.displayName = 'NumberField.Increment';
+export const Increment = StyledIncrement;
+export { ScrubArea, ScrubAreaCursor } from "./index.parts.js";

package/esm/number-field/index.d.ts

@@ -1,4 +1,4 @@
-export * as NumberField from "./index.parts.js";
+export * as NumberField from "./NumberField.styled.js";
 export type * from "./root/NumberFieldRoot.js";
 export type * from "./group/NumberFieldGroup.js";
 export type * from "./increment/NumberFieldIncrement.js";

package/esm/number-field/index.js

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

package/esm/popover/Popover.styled.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import * as H from "./index.parts.js";
+import type { PopoverRootState, PopoverRootProps, PopoverRootActions, PopoverRootChangeEventReason, PopoverRootChangeEventDetails } from "./root/PopoverRoot.js";
+import type { PopoverTriggerState, PopoverTriggerProps } from "./trigger/PopoverTrigger.js";
+import type { PopoverPortalProps } from "./portal/PopoverPortal.js";
+import type { PopoverPositionerState, PopoverPositionerProps } from "./positioner/PopoverPositioner.js";
+import type { PopoverPopupState, PopoverPopupProps } from "./popup/PopoverPopup.js";
+export declare const Root: typeof H.Root;
+export declare namespace Root {
+  type State = PopoverRootState;
+  type Props<Payload = unknown> = PopoverRootProps<Payload>;
+  type Actions = PopoverRootActions;
+  type ChangeEventReason = PopoverRootChangeEventReason;
+  type ChangeEventDetails = PopoverRootChangeEventDetails;
+}
+export declare const Trigger: H.Trigger;
+export declare namespace Trigger {
+  type State = PopoverTriggerState;
+  type Props<Payload = unknown> = PopoverTriggerProps<Payload>;
+}
+export declare const Portal: React.ForwardRefExoticComponent<Omit<PopoverPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Portal {
+  type Props = PopoverPortalProps;
+}
+export declare const Positioner: React.ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare namespace Positioner {
+  type State = PopoverPositionerState;
+  type Props = PopoverPositionerProps;
+}
+export declare const Backdrop: React.ForwardRefExoticComponent<Omit<import("./index.js").PopoverBackdropProps, "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 = PopoverPopupState;
+  type Props = PopoverPopupProps;
+}
+export declare const Title: typeof H.Title;
+export declare const Description: typeof H.Description;
+export declare const Close: typeof H.Close;

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