@exsto/ds 0.0.0-stage → 0.0.1-rc.2

package/dist/styles.css.d.ts

@@ -0,0 +1,2 @@
+// Side-effect stylesheet; importing it has no type surface.
+export {};

package/dist/theme/src/index.d.ts

@@ -0,0 +1,4 @@
+/** Class applied to every Edynamix component root; carries the scoped reset. */
+export declare const EDX_ROOT_CLASS = "edx-root";
+/** Class toggled on an ancestor to enable dark mode. */
+export declare const EDX_DARK_CLASS = "dark";

package/dist/theme.css

@@ -0,0 +1,198 @@
+/*
+ * @exsto/ds design tokens and their Tailwind mapping, uncompiled.
+ *
+ * Import this from your own Tailwind entry when you want to use the design
+ * system vocabulary (bg-card, text-muted-foreground, rounded-lg, ...) in your
+ * OWN markup. `@exsto/ds/styles.css` styles the components; this file gives
+ * your Tailwind build the tokens behind them.
+ *
+ *   @import "tailwindcss";
+ *   @import "@exsto/ds/theme.css";
+ *   @import "@exsto/ds/styles.css";
+ */
+
+@custom-variant dark (&:is(.dark *));
+/* Current shadcn Base Nova neutral theme. Product branding belongs in a separate layer. */
+/* Base Nova deliberately uses the same black/10 backdrop in both modes; component-level backdrop blur supplies the remaining separation. */
+
+:root {
+  --radius: 0.625rem;
+
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --overlay: oklch(0 0 0 / 10%);
+
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+
+  --destructive: oklch(0.505 0.213 27.518);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  --success: oklch(0.448 0.119 151.328);
+  --success-foreground: oklch(0.979 0.021 166.113);
+  --success-ring: oklch(0.905 0.093 164.15);
+
+  --warning: oklch(0.473 0.137 46.201);
+  --warning-foreground: oklch(0.987 0.022 95.277);
+  --warning-ring: oklch(0.924 0.12 95.746);
+
+  --info: oklch(0.5 0.134 242.749);
+  --info-foreground: oklch(0.977 0.013 236.62);
+  --info-ring: oklch(0.901 0.058 230.902);
+
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --overlay: oklch(0 0 0 / 10%);
+
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+
+  --success: oklch(0.792 0.209 151.711);
+  --success-foreground: oklch(0.262 0.051 172.552);
+  --success-ring: oklch(0.432 0.095 166.913);
+
+  --warning: oklch(0.879 0.169 91.605);
+  --warning-foreground: oklch(0.279 0.077 45.635);
+  --warning-ring: oklch(0.473 0.137 46.201);
+
+  --info: oklch(0.828 0.111 230.318);
+  --info-foreground: oklch(0.293 0.066 243.157);
+  --info-ring: oklch(0.443 0.11 240.79);
+
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@theme inline {
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-overlay: var(--overlay);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-success-ring: var(--success-ring);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-warning-ring: var(--warning-ring);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-info-ring: var(--info-ring);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+/* Indeterminate progress: a one-third-width bar sweeping the track.
+   Percentages are relative to the indicator's own width (w-1/3 of the track),
+   so -100% starts fully off the left edge and 300% exits the right edge. */
+@keyframes progress-indeterminate {
+  from {
+    translate: -100% 0;
+  }
+  to {
+    translate: 300% 0;
+  }
+}

package/dist/theme.css.d.ts

@@ -0,0 +1,2 @@
+// Side-effect stylesheet; importing it has no type surface.
+export {};

package/dist/ui/src/components/edyn/audio-player/audio-player.d.ts

@@ -0,0 +1,29 @@
+import { TCssLength } from '../../../lib/utils';
+export interface IAudioPlayerProps {
+    /** Audio source URL. */
+    src?: string;
+    /** Start muted. The volume control still works from here. */
+    muted?: boolean;
+    /** Loop playback when the track ends. */
+    loop?: boolean;
+    /** Disable every control without hiding the player. */
+    disabled?: boolean;
+    /**
+     * Bar width. A number is px, a string is any CSS length (`'100%'`, `'34rem'`).
+     * Omitted, the bar fills the width it is given. The height is fixed at 48px by
+     * the design: the row has to line up with the other form-height controls.
+     */
+    width?: TCssLength;
+    className?: string;
+    'aria-label'?: string;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+}
+/**
+ * Compact inline media control for audio content: play/pause, elapsed and total
+ * time, a seekable timeline, and volume. Four elements in one rounded row, per
+ * the design-system anatomy.
+ */
+export declare const AudioPlayer: ({ src, muted, loop, disabled, width, className, "aria-label": ariaLabel, onPlay, onPause, onEnded, onTimeUpdate, }: IAudioPlayerProps) => import('react').JSX.Element;

package/dist/ui/src/components/edyn/audio-player/index.d.ts

@@ -0,0 +1 @@
+export * from './audio-player';

package/dist/ui/src/components/edyn/video-player/index.d.ts

@@ -0,0 +1 @@
+export * from './video-player';

package/dist/ui/src/components/edyn/video-player/video-player.d.ts

@@ -0,0 +1,55 @@
+import { TCssLength } from '../../../lib/utils';
+import * as React from 'react';
+export interface IVideoPlayerProps {
+    /** Video source URL. */
+    src?: string;
+    /** Still frame shown before playback starts. */
+    poster?: string;
+    /** Primary label rendered in the control overlay. */
+    title?: string;
+    /** Secondary label rendered under the title. */
+    description?: string;
+    /** Start muted. Required by browsers for unattended autoplay. */
+    muted?: boolean;
+    /** Loop playback when the video ends. */
+    loop?: boolean;
+    /** Disable every control without hiding the player. */
+    disabled?: boolean;
+    /**
+     * Box width. A number is px, a string is any CSS length (`'100%'`, `'34rem'`).
+     * Omitted, the player fills the width it is given.
+     */
+    width?: TCssLength;
+    /**
+     * Box height. A number is px, a string is any CSS length. Omitted, the height
+     * comes from `ratio`. Setting this letterboxes a source that does not match.
+     */
+    height?: TCssLength;
+    /**
+     * Aspect ratio of the media box, as a CSS `aspect-ratio` value (`'16/9'`).
+     *
+     * Defaults to `auto`, so the height follows the source's own dimensions and a
+     * portrait or 4:3 clip is shown whole rather than letterboxed. Pair `auto`
+     * with a `poster`: a `<video>` reports a 300x150 intrinsic size until metadata
+     * arrives, and the poster's dimensions stand in for it, which is what stops
+     * the box from resizing when the first frame lands.
+     *
+     * Ignored when `height` is set.
+     */
+    ratio?: string;
+    className?: string;
+    'aria-label'?: string;
+    onPlay?: () => void;
+    onPause?: () => void;
+    onEnded?: () => void;
+    onTimeUpdate?: (currentTime: number, duration: number) => void;
+}
+/**
+ * Media surface with an overlaid control bar: title and description, elapsed and
+ * total time, a seekable scrubber, play/pause, volume, and fullscreen.
+ *
+ * The root carries the `dark` class so its tokens resolve to the dark palette in
+ * both themes. Video is dark, so the letterbox and controls must stay dark and
+ * light-on-dark; this re-scopes existing tokens rather than hardcoding a colour.
+ */
+export declare const VideoPlayer: ({ src, poster, title, description, muted, loop, disabled, width, height, ratio, className, "aria-label": ariaLabel, onPlay, onPause, onEnded, onTimeUpdate, }: IVideoPlayerProps) => React.JSX.Element;

package/dist/ui/src/components/ui/accordion/accordion.behavior.test.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A11y + interaction test for Accordion.
+ *
+ * Uses happy-dom to verify:
+ *   1. Triggers are rendered as buttons with aria-expanded.
+ *   2. Panels are present in the DOM (keepMounted=true on AccordionContent).
+ *   3. Clicking a trigger fires onValueChange with the correct value.
+ *   4. aria-expanded flips to true on the opened item after re-render.
+ *
+ * Full real-browser keyboard navigation (ArrowDown/Up/Home/End/Enter/Space) is
+ * proven separately in e2e/accordion-keyboard.spec.ts.
+ */
+export {};

package/dist/ui/src/components/ui/accordion/accordion.d.ts

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+export interface IAccordionProps {
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    multiple?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const Accordion: ({ value, defaultValue, onValueChange, multiple, className, children }: IAccordionProps) => React.JSX.Element;
+export interface IAccordionItemProps {
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const AccordionItem: ({ value, disabled, className, children }: IAccordionItemProps) => React.JSX.Element;
+export interface IAccordionTriggerProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const AccordionTrigger: ({ className, children }: IAccordionTriggerProps) => React.JSX.Element;
+export interface IAccordionContentProps {
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const AccordionContent: ({ className, children }: IAccordionContentProps) => React.JSX.Element;

package/dist/ui/src/components/ui/accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './accordion';

package/dist/ui/src/components/ui/alert/alert.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Alert: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) => React.JSX.Element;
+export declare const AlertTitle: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AlertDescription: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AlertAction: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export {};

package/dist/ui/src/components/ui/alert/index.d.ts

@@ -0,0 +1 @@
+export * from './alert';

package/dist/ui/src/components/ui/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,17 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from '../button';
+import type * as React from 'react';
+export declare const AlertDialog: ({ ...props }: AlertDialogPrimitive.Root.Props) => React.JSX.Element;
+export declare const AlertDialogTrigger: ({ ...props }: AlertDialogPrimitive.Trigger.Props) => React.JSX.Element;
+export declare const AlertDialogPortal: ({ ...props }: AlertDialogPrimitive.Portal.Props) => React.JSX.Element;
+export declare const AlertDialogOverlay: ({ className, ...props }: AlertDialogPrimitive.Backdrop.Props) => React.JSX.Element;
+export declare const AlertDialogContent: ({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+}) => React.JSX.Element;
+export declare const AlertDialogHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AlertDialogFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AlertDialogMedia: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AlertDialogTitle: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) => React.JSX.Element;
+export declare const AlertDialogDescription: ({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) => React.JSX.Element;
+export declare const AlertDialogAction: ({ className, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+export declare const AlertDialogCancel: ({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">) => React.JSX.Element;

package/dist/ui/src/components/ui/alert-dialog/index.d.ts

@@ -0,0 +1 @@
+export * from './alert-dialog';

package/dist/ui/src/components/ui/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,3 @@
+export declare const AspectRatio: ({ ratio, className, ...props }: React.ComponentProps<"div"> & {
+    ratio: number;
+}) => import('react').JSX.Element;

package/dist/ui/src/components/ui/aspect-ratio/index.d.ts

@@ -0,0 +1 @@
+export * from './aspect-ratio';

package/dist/ui/src/components/ui/attachment/attachment.d.ts

@@ -0,0 +1,23 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Button } from '../button';
+import type * as React from 'react';
+declare const attachmentVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Attachment: ({ className, state, size, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentVariants> & {
+    state?: "idle" | "uploading" | "processing" | "error" | "done";
+}) => React.JSX.Element;
+declare const attachmentMediaVariants: (props?: ({
+    variant?: "image" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const AttachmentMedia: ({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof attachmentMediaVariants>) => React.JSX.Element;
+export declare const AttachmentContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AttachmentTitle: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
+export declare const AttachmentDescription: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
+export declare const AttachmentActions: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AttachmentAction: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+export declare const AttachmentTrigger: ({ className, render, type, ...props }: useRender.ComponentProps<"button">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const AttachmentGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export {};

package/dist/ui/src/components/ui/attachment/index.d.ts

@@ -0,0 +1 @@
+export * from './attachment';

package/dist/ui/src/components/ui/avatar/avatar.d.ts

@@ -0,0 +1,10 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import type * as React from 'react';
+export declare const Avatar: ({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}) => React.JSX.Element;
+export declare const AvatarImage: ({ className, ...props }: AvatarPrimitive.Image.Props) => React.JSX.Element;
+export declare const AvatarFallback: ({ className, ...props }: AvatarPrimitive.Fallback.Props) => React.JSX.Element;
+export declare const AvatarBadge: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
+export declare const AvatarGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const AvatarGroupCount: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;

package/dist/ui/src/components/ui/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/dist/ui/src/components/ui/badge/badge.d.ts

@@ -0,0 +1,7 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "info" | null | undefined;
+    size?: "default" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Badge: ({ className, variant, size, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/ui/src/components/ui/badge/index.d.ts

@@ -0,0 +1 @@
+export * from './badge';

package/dist/ui/src/components/ui/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import type * as React from 'react';
+export declare const Breadcrumb: ({ className, ...props }: React.ComponentProps<"nav">) => React.JSX.Element;
+export declare const BreadcrumbList: ({ className, ...props }: React.ComponentProps<"ol">) => React.JSX.Element;
+export declare const BreadcrumbItem: ({ className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
+export declare const BreadcrumbLink: ({ className, render, ...props }: useRender.ComponentProps<"a">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const BreadcrumbPage: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;
+export declare const BreadcrumbSeparator: ({ children, className, ...props }: React.ComponentProps<"li">) => React.JSX.Element;
+export declare const BreadcrumbEllipsis: ({ className, ...props }: React.ComponentProps<"span">) => React.JSX.Element;

package/dist/ui/src/components/ui/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export * from './breadcrumb';

package/dist/ui/src/components/ui/bubble/bubble.d.ts

@@ -0,0 +1,16 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+export declare const BubbleGroup: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+declare const bubbleVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "muted" | "tinted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Bubble: ({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
+    align?: "start" | "end";
+}) => React.JSX.Element;
+export declare const BubbleContent: ({ className, render, ...props }: useRender.ComponentProps<"div">) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const BubbleReactions: ({ side, align, className, ...props }: React.ComponentProps<"div"> & {
+    align?: "start" | "end";
+    side?: "top" | "bottom";
+}) => React.JSX.Element;
+export {};

package/dist/ui/src/components/ui/bubble/index.d.ts

@@ -0,0 +1 @@
+export * from './bubble';

package/dist/ui/src/components/ui/button/button.d.ts

@@ -0,0 +1,7 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const Button: ({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) => import('react').JSX.Element;

package/dist/ui/src/components/ui/button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/ui/src/components/ui/button-group/button-group.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export type TButtonGroupOrientation = 'horizontal' | 'vertical';
+export interface IButtonGroupProps extends React.ComponentProps<'div'> {
+    orientation?: TButtonGroupOrientation;
+}
+export declare const ButtonGroup: ({ className, orientation, ...props }: IButtonGroupProps) => React.JSX.Element;
+export interface IButtonGroupSeparatorProps extends React.ComponentProps<'span'> {
+}
+export declare const ButtonGroupSeparator: ({ className, ...props }: IButtonGroupSeparatorProps) => React.JSX.Element;
+export interface IButtonGroupTextProps extends React.ComponentProps<'span'> {
+}
+export declare const ButtonGroupText: ({ className, ...props }: IButtonGroupTextProps) => React.JSX.Element;

package/dist/ui/src/components/ui/button-group/index.d.ts

@@ -0,0 +1 @@
+export * from './button-group';

package/dist/ui/src/components/ui/calendar/calendar.d.ts

@@ -0,0 +1,9 @@
+import { DayButton, DayPicker, Locale } from 'react-day-picker';
+import { Button } from '../button';
+import * as React from 'react';
+export declare const Calendar: ({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}) => React.JSX.Element;
+export declare const CalendarDayButton: ({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
+    locale?: Partial<Locale>;
+}) => React.JSX.Element;

package/dist/ui/src/components/ui/calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './calendar';

package/dist/ui/src/components/ui/card/card.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+export declare const Card: ({ className, size, ...props }: React.ComponentProps<"div"> & {
+    size?: "default" | "sm";
+}) => React.JSX.Element;
+export declare const CardHeader: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CardTitle: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CardDescription: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CardAction: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CardContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CardFooter: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;

package/dist/ui/src/components/ui/card/index.d.ts

@@ -0,0 +1 @@
+export * from './card';

package/dist/ui/src/components/ui/carousel/carousel.d.ts

@@ -0,0 +1,28 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from '../button';
+import * as React from 'react';
+export type TCarouselApi = UseEmblaCarouselType[1];
+type TUseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type TCarouselOptions = TUseCarouselParameters[0];
+type TCarouselPlugin = TUseCarouselParameters[1];
+type TCarouselProps = {
+    opts?: TCarouselOptions;
+    plugins?: TCarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: TCarouselApi) => void;
+};
+type TCarouselContextProps = {
+    carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+    api: ReturnType<typeof useEmblaCarousel>[1];
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+} & TCarouselProps;
+export declare const useCarousel: () => TCarouselContextProps;
+export declare const Carousel: ({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & TCarouselProps) => React.JSX.Element;
+export declare const CarouselContent: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CarouselItem: ({ className, ...props }: React.ComponentProps<"div">) => React.JSX.Element;
+export declare const CarouselPrevious: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+export declare const CarouselNext: ({ className, variant, size, ...props }: React.ComponentProps<typeof Button>) => React.JSX.Element;
+export {};

package/dist/ui/src/components/ui/carousel/index.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Use TCarouselApi. */
+export type { TCarouselApi as CarouselApi } from './carousel';
+export * from './carousel';

package/dist/ui/src/components/ui/chart/chart.d.ts

@@ -0,0 +1,44 @@
+import { TooltipValueType } from 'recharts';
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type TTooltipName = number | string;
+export type TChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+export declare const ChartContainer: ({ id, className, children, config, initialDimension, ...props }: React.ComponentProps<"div"> & {
+    config: TChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}) => React.JSX.Element;
+export declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: TChartConfig;
+}) => React.JSX.Element | null;
+export declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+export declare const ChartTooltipContent: ({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+} & Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TTooltipName>, "accessibilityLayer">) => React.JSX.Element | null;
+export declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+export declare const ChartLegendContent: ({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+} & RechartsPrimitive.DefaultLegendContentProps) => React.JSX.Element | null;
+export {};

package/dist/ui/src/components/ui/chart/index.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Use TChartConfig. */
+export type { TChartConfig as ChartConfig } from './chart';
+export * from './chart';

package/dist/ui/src/components/ui/checkbox/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
+export declare const Checkbox: ({ className, ...props }: CheckboxPrimitive.Root.Props) => import('react').JSX.Element;

package/dist/ui/src/components/ui/checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './checkbox';