@codemation/ui 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,417 @@
+import { ClassValue } from "clsx";
+import * as React from "react";
+import { ButtonHTMLAttributes, HTMLAttributes } from "react";
+import { VariantProps } from "class-variance-authority";
+import { Collapsible as Collapsible$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Label as Label$1, Select as Select$1, Switch as Switch$1, Tabs as Tabs$1 } from "radix-ui";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { ItemInstance } from "@headless-tree/core";
+
+//#region src/lib/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+//#region src/components/ui/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Badge({
+  className,
+  variant,
+  asChild,
+  ...props
+}: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/input.d.ts
+declare function Input({
+  className,
+  type,
+  ...props
+}: React.ComponentProps<"input">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/label.d.ts
+declare function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof Label$1.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/switch.d.ts
+declare function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof Switch$1.Root>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
+  size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function Button({
+  className,
+  variant,
+  size,
+  asChild,
+  ...props
+}: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+  asChild?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/collapsible.d.ts
+declare function Collapsible(props: React.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function CollapsibleTrigger(props: React.ComponentProps<typeof Collapsible$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function CollapsibleContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof Collapsible$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/dialog.d.ts
+declare function Dialog({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime0.JSX.Element;
+declare function DialogClose({
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime0.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime0.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Content> & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+declare function DialogFooter({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime0.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/dropdown-menu.d.ts
+declare function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Item> & {
+  inset?: boolean;
+  variant?: "default" | "destructive";
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Label> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+  inset?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/select.d.ts
+declare function Select({
+  ...props
+}: React.ComponentProps<typeof Select$1.Root>): react_jsx_runtime0.JSX.Element;
+declare function SelectGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.Group>): react_jsx_runtime0.JSX.Element;
+declare function SelectValue({
+  ...props
+}: React.ComponentProps<typeof Select$1.Value>): react_jsx_runtime0.JSX.Element;
+declare function SelectTrigger({
+  className,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof Select$1.Trigger> & {
+  size?: "sm" | "default";
+}): react_jsx_runtime0.JSX.Element;
+declare function SelectContent({
+  className,
+  children,
+  position,
+  align,
+  ...props
+}: React.ComponentProps<typeof Select$1.Content>): react_jsx_runtime0.JSX.Element;
+declare function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.Label>): react_jsx_runtime0.JSX.Element;
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Select$1.Item>): react_jsx_runtime0.JSX.Element;
+declare function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime0.JSX.Element;
+declare function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime0.JSX.Element;
+declare function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/tabs.d.ts
+declare function Tabs({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime0.JSX.Element;
+declare const tabsListVariants: (props?: ({
+  variant?: "default" | "line" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+declare function TabsList({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime0.JSX.Element;
+declare function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Content>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ui/textarea.d.ts
+declare function Textarea({
+  className,
+  ...props
+}: React.ComponentProps<"textarea">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/reui/tree/TreeContext.d.ts
+type ToggleIconType = "chevron" | "plus-minus";
+type TreeContextValue<T = unknown> = {
+  indent: number;
+  currentItem?: ItemInstance<T>;
+  tree?: {
+    getContainerProps?: () => Record<string, unknown>;
+    getDragLineStyle?: () => Record<string, unknown> | null;
+  };
+  toggleIconType?: ToggleIconType;
+};
+declare const TreeContext: React.Context<TreeContextValue<unknown>>;
+//#endregion
+//#region src/components/reui/tree/Tree.d.ts
+type TreeProps = HTMLAttributes<HTMLDivElement> & {
+  indent?: number;
+  tree?: {
+    getContainerProps?: () => Record<string, unknown>;
+  };
+  toggleIconType?: ToggleIconType;
+  asChild?: boolean;
+};
+declare function Tree(args: Readonly<TreeProps>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/reui/tree/TreeDragLine.d.ts
+declare function TreeDragLine(args: Readonly<HTMLAttributes<HTMLDivElement>>): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/reui/tree/TreeItem.d.ts
+type TreeItemProps<T = unknown> = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "indent"> & {
+  item: ItemInstance<T>;
+  indent?: number;
+  asChild?: boolean;
+};
+declare function TreeItem<T = unknown>(args: Readonly<TreeItemProps<T>>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/reui/tree/TreeItemLabel.d.ts
+type TreeItemLabelProps = HTMLAttributes<HTMLSpanElement> & {
+  item?: {
+    isFolder: () => boolean;
+    isExpanded: () => boolean;
+    getItemName: () => string;
+  };
+  asChild?: boolean;
+};
+declare function TreeItemLabel(args: Readonly<TreeItemLabelProps>): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/composite/CodemationDialog.d.ts
+declare const maxWidthBySize: {
+  readonly narrow: "sm:max-w-lg";
+  readonly wide: "sm:max-w-2xl";
+  readonly full: "sm:max-w-[min(92vw,960px)]";
+};
+type CodemationDialogSize = keyof typeof maxWidthBySize;
+type CodemationDialogRootProps = Readonly<{
+  children: React.ReactNode;
+  onClose: () => void;
+  /** Root `data-testid` (applied to the dialog panel). */
+  testId?: string;
+  /** `dialog` (default) or `alertdialog` for confirmations. */
+  role?: "dialog" | "alertdialog";
+  /** Max width preset; default `wide`. */
+  size?: CodemationDialogSize;
+  /** Extra classes on the Radix panel (e.g. `max-h-[min(90vh,640px)]`). */
+  contentClassName?: string;
+  /** Corner X to dismiss (Radix); default false — use `<CodemationDialog.Actions>` for explicit buttons. */
+  showCloseButton?: boolean;
+}>;
+declare function CodemationDialogRoot({
+  children,
+  onClose,
+  testId,
+  role,
+  size,
+  contentClassName,
+  showCloseButton
+}: CodemationDialogRootProps): react_jsx_runtime0.JSX.Element;
+type CodemationDialogTitleProps = Readonly<{
+  children: React.ReactNode;
+  className?: string;
+}>;
+/**
+ * Do not set `id` on the underlying Radix `DialogTitle` — the dialog root assigns `titleId`
+ * in context; overriding `id` breaks `aria-labelledby` and Radix dev warnings.
+ */
+declare function CodemationDialogTitle({
+  children,
+  className
+}: CodemationDialogTitleProps): react_jsx_runtime0.JSX.Element;
+type CodemationDialogContentProps = Readonly<{
+  children: React.ReactNode;
+  className?: string;
+}>;
+declare function CodemationDialogContent({
+  children,
+  className
+}: CodemationDialogContentProps): react_jsx_runtime0.JSX.Element;
+type CodemationDialogActionsProps = Readonly<{
+  children: React.ReactNode;
+  /** Toolbar directly under the title (e.g. filters). Default is footer actions. */
+  position?: "top" | "bottom";
+  /** Flex alignment for the button row. */
+  align?: "start" | "end" | "between";
+  className?: string;
+}>;
+declare function CodemationDialogActions({
+  children,
+  position,
+  align,
+  className
+}: CodemationDialogActionsProps): react_jsx_runtime0.JSX.Element;
+type CodemationDialogCompound = typeof CodemationDialogRoot & {
+  Title: typeof CodemationDialogTitle;
+  Content: typeof CodemationDialogContent;
+  Actions: typeof CodemationDialogActions;
+};
+declare const CodemationDialog: CodemationDialogCompound;
+//#endregion
+//#region src/components/composite/JsonMonacoEditor.d.ts
+/**
+ * Monaco-based JSON editor with a mirrored, visually hidden `<textarea>` that carries the same value.
+ * Tests and automation can drive `data-testid` on that textarea because Monaco's surface is not a reliable
+ * DOM target for `fireEvent.change` / user typing simulation.
+ */
+declare function JsonMonacoEditor(args: Readonly<{
+  path: string;
+  value: string;
+  onChange: (value: string | undefined) => void;
+  /** Shown below the editor region when set. */
+  error?: string | null;
+  /** Passed to the hidden textarea for stable test selectors. */
+  testId?: string;
+}>): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/StatusPill.d.ts
+type StatusKind = "success" | "warning" | "danger" | "neutral" | "info";
+interface StatusPillProps {
+  status: StatusKind;
+  children?: React.ReactNode;
+  className?: string;
+}
+declare function StatusPill({
+  status,
+  children,
+  className
+}: StatusPillProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Badge, Button, CodemationDialog, type CodemationDialogActionsProps, type CodemationDialogCompound, type CodemationDialogContentProps, type CodemationDialogRootProps, type CodemationDialogSize, type CodemationDialogTitleProps, Collapsible, CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, JsonMonacoEditor, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type StatusKind, StatusPill, type StatusPillProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type ToggleIconType, Tree, TreeContext, type TreeContextValue, TreeDragLine, TreeItem, TreeItemLabel, badgeVariants, buttonVariants, cn, tabsListVariants };
+//# sourceMappingURL=index.d.ts.map