@rafal.lemieszewski/tide-ui 0.41.0 → 0.41.1

package/dist/components/index.d.ts

@@ -22,9 +22,13 @@ export type { LabelProps } from './ui/label';
 export { ScrollArea, ScrollBar } from './ui/scroll-area';
 export { Separator } from './ui/separator';
 export { Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonTable, skeletonVariants } from './ui/skeleton';
+export { Status, statusConfig } from './ui/status';
+export type { StatusProps, StatusValue, StatusConfig } from './ui/status';
 export { Switch } from './ui/switch';
 export { Textarea } from './ui/textarea';
 export type { TextareaProps } from './ui/textarea';
+export { Timeline, TimelineItem, TimelineSeparator, TimelineHeader, TimelineContent, TimelineDescription, TimelineTime, TimelineChevron, } from './ui/timeline';
+export type { TimelineProps, TimelineItemProps, TimelineSeparatorProps, TimelineHeaderProps, TimelineContentProps, TimelineDescriptionProps, TimelineTimeProps, TimelineChevronProps, } from './ui/timeline';
 export { Editable, EditablePreview, EditableInput, EditableDisplay, EditableField } from './ui/editable';
 export type { EditableProps, EditablePreviewProps, EditableInputProps } from './ui/editable';
 export { FormField, FormLabel, FormControl, FormHelperText, FormErrorMessage } from './ui/form-field';

package/dist/components/ui/custom-icons.d.ts

@@ -38,6 +38,8 @@ export declare const customIcons: {
     readonly "contract-rejected": import("react/jsx-runtime").JSX.Element;
     readonly "addenda-final": import("react/jsx-runtime").JSX.Element;
     readonly "contract-on-subs": import("react/jsx-runtime").JSX.Element;
+    readonly "contract-canceled": import("react/jsx-runtime").JSX.Element;
+    readonly "contract-failed": import("react/jsx-runtime").JSX.Element;
     readonly approved: import("react/jsx-runtime").JSX.Element;
     readonly "pending-approval": import("react/jsx-runtime").JSX.Element;
 };

package/dist/components/ui/status.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { IconColor } from './icon';
+type StatusConfig = {
+    icon: string;
+    color: IconColor;
+    objectLabel: string;
+    statusLabel: string;
+};
+export type StatusValue = "order-draft" | "order-distributed" | "order-withdrawn" | "negotiation-indicative-offer" | "negotiation-indicative-bid" | "negotiation-firm-offer" | "negotiation-firm-bid" | "negotiation-firm" | "negotiation-on-subs" | "negotiation-fixed" | "negotiation-firm-offer-expired" | "negotiation-withdrawn" | "negotiation-firm-amendment" | "negotiation-subs-expired" | "negotiation-subs-failed" | "negotiation-on-subs-amendment" | "contract-draft" | "contract-working-copy" | "contract-final" | "contract-rejected" | "addenda-draft" | "addenda-working-copy" | "addenda-final" | "recap-manager-draft" | "recap-manager-on-subs" | "recap-manager-fully-fixed" | "recap-manager-canceled" | "recap-manager-failed";
+declare const statusConfig: Record<StatusValue, StatusConfig>;
+declare const textSizeClasses: {
+    readonly sm: "text-body-medium-sm";
+    readonly md: "text-body-medium-md";
+    readonly lg: "text-body-medium-lg";
+};
+type StatusSize = keyof typeof textSizeClasses;
+export interface StatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The status value (e.g., "order-draft", "negotiation-firm-offer") */
+    status: StatusValue;
+    /** Size variant */
+    size?: StatusSize;
+    /** Whether to show the object prefix in the label (e.g., "Order • Draft" vs "Draft") */
+    showObject?: boolean;
+    /** Whether the label color should match the icon color (default: true) */
+    coloredLabel?: boolean;
+}
+declare const Status: React.ForwardRefExoticComponent<StatusProps & React.RefAttributes<HTMLDivElement>>;
+export { Status, statusConfig };
+export type { StatusConfig };

package/dist/components/ui/timeline.d.ts

@@ -0,0 +1,58 @@
+import { CollapsibleContent } from './collapsible';
+import * as React from "react";
+export interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Time threshold in milliseconds. If the time difference between consecutive
+     * TimelineItem timestamps exceeds this value, a TimelineSeparator will be
+     * automatically inserted between them.
+     */
+    separatorThreshold?: number;
+}
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Whether this timeline item can be expanded/collapsed
+     */
+    collapsible?: boolean;
+    /**
+     * Default open state for uncontrolled collapsible items
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controlled open state
+     */
+    open?: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Timestamp for this timeline item (used for automatic separator insertion)
+     */
+    timestamp?: Date | number | string;
+}
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineSeparator: React.ForwardRefExoticComponent<TimelineSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true, the header will render as a CollapsibleTrigger
+     * This is automatically set when TimelineItem has collapsible={true}
+     */
+    asCollapsibleTrigger?: boolean;
+}
+declare const TimelineHeader: React.ForwardRefExoticComponent<TimelineHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineContentProps extends React.ComponentPropsWithoutRef<typeof CollapsibleContent> {
+}
+declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineDescriptionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineDescription: React.ForwardRefExoticComponent<TimelineDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export interface TimelineTimeProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const TimelineTime: React.ForwardRefExoticComponent<TimelineTimeProps & React.RefAttributes<HTMLParagraphElement>>;
+export interface TimelineChevronProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const TimelineChevron: React.ForwardRefExoticComponent<TimelineChevronProps & React.RefAttributes<HTMLDivElement>>;
+export { Timeline, TimelineItem, TimelineSeparator, TimelineHeader, TimelineContent, TimelineDescription, TimelineTime, TimelineChevron, };