@ciridae/ui 0.16.1 → 1.0.1

package/dist/assets/ciridae/ciridae-white.svg

@@ -1,17 +0,0 @@
-<svg width="614" height="655" viewBox="0 0 614 655" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 610.748C4 585.897 20.4039 567.256 43.0175 567.256H94.4661V584.651H51.7204C42.901 584.651 37.9262 589.625 37.9262 598.445V623.051C37.9262 631.754 42.901 636.845 51.7204 636.845H94.4661V654.239H43.0175C20.4039 654.239 4 635.598 4 610.748Z" fill="#F3F3F4"/>
-<path d="M106.524 567.256H137.596V654.239H106.524L106.524 567.256Z" fill="#F3F3F4"/>
-<path d="M151.264 567.256H225.827C240.985 567.256 252.053 577.94 252.053 592.363C252.053 606.786 240.996 617.47 225.827 617.47H218.872L253.672 654.251H214.771L181.963 616.468V654.251H151.264V567.268V567.256ZM181.963 583.287V605.284H209.307C215.773 605.284 219.373 601.928 219.373 596.091V592.491C219.373 586.771 215.773 583.299 209.307 583.299H181.963V583.287Z" fill="#F3F3F4"/>
-<path d="M261.488 567.256H292.56V654.239H261.488V567.256Z" fill="#F3F3F4"/>
-<path d="M306.223 567.256H368.355C390.968 567.256 407.372 585.897 407.372 610.748C407.372 635.598 390.968 654.239 368.355 654.239H306.223V567.256ZM373.446 624.67V596.837C373.446 588.018 368.355 583.043 359.652 583.043H336.91V638.464H359.652C368.355 638.464 373.446 633.373 373.446 624.67Z" fill="#F3F3F4"/>
-<path d="M444.656 567.256H479.829L520.594 654.239H487.169L479.34 636.472H434.357L426.155 654.239H404.031L444.668 567.256H444.656ZM471.743 619.451L457.075 586.771L442.035 619.451H471.732H471.743Z" fill="#F3F3F4"/>
-<path d="M527.919 567.256H610.184V584.278H558.246V600.682H610.184V617.458H558.246V637.089H610.184V654.239H527.919V567.256Z" fill="#F3F3F4"/>
-<g clip-path="url(#clip0_1_5179)">
-<path d="M190.169 104.116C190.169 102.537 191.456 101.262 193.029 101.262C249.439 101.262 277.742 101.262 291.22 87.8152C304.698 74.3686 304.698 46.1219 304.698 -10.1459C304.698 -11.725 305.976 -13 307.559 -13C309.142 -13 310.42 -11.725 310.42 -10.1459C310.42 46.1317 310.42 74.3686 323.898 87.8152C337.376 101.262 365.689 101.262 422.089 101.262C423.671 101.262 424.949 102.547 424.949 104.116C424.949 105.685 423.671 106.97 422.089 106.97C365.679 106.97 337.376 106.97 323.898 120.417C310.42 133.863 310.42 162.11 310.42 218.378C310.42 219.957 309.142 221.232 307.559 221.232C305.976 221.232 304.698 219.947 304.698 218.378C304.698 162.1 304.698 133.863 291.22 120.417C277.742 106.97 249.429 106.97 193.029 106.97C191.447 106.97 190.169 105.685 190.169 104.116ZM607.577 159.982C606.791 158.609 605.031 158.157 603.665 158.932C603.655 158.932 603.635 158.952 603.615 158.952C603.606 158.952 603.596 158.962 603.566 158.971C554.776 187.071 530.277 201.185 511.884 196.251C493.49 191.337 479.334 166.906 451.178 118.249C451.158 118.21 451.129 118.18 451.119 118.141C450.333 116.768 448.573 116.317 447.206 117.092C446.292 117.621 445.771 118.573 445.771 119.563C445.771 120.054 445.899 120.544 446.145 120.995C446.164 121.035 446.194 121.064 446.204 121.103C446.243 121.162 446.263 121.201 446.292 121.25C474.389 169.799 488.486 194.211 483.561 212.552C482.735 215.632 481.359 218.535 479.619 221.202C477.594 224.312 475.106 227.117 472.442 229.696C469.159 232.874 465.59 235.738 461.923 238.445C457.391 241.789 452.692 244.908 447.934 247.929C442.143 251.607 436.265 255.138 430.356 258.62C423.288 262.788 416.18 266.888 409.072 270.977C402.751 274.616 396.381 278.167 390.06 281.815C386.874 283.649 383.699 285.493 380.514 287.327C376.296 289.76 372.079 292.202 367.861 294.634L357.716 300.489C356.851 300.99 355.986 301.49 355.121 301.99C325.697 318.967 289.411 319.007 259.968 302.039C259.181 301.588 258.385 301.127 257.599 300.676L251.425 297.115C248.564 295.468 245.703 293.82 242.852 292.172L233.277 286.66C230.22 284.895 227.162 283.139 224.105 281.374L216.732 277.127C211.02 273.841 205.416 270.369 199.685 267.123C197.512 265.897 195.35 264.661 193.187 263.416C188.291 260.571 183.405 257.707 178.539 254.794C174.311 252.254 170.094 249.675 165.945 247.017C162.357 244.722 158.808 242.368 155.348 239.896C152.379 237.778 149.479 235.581 146.697 233.227C144.327 231.226 142.037 229.108 139.933 226.822C138.124 224.851 136.443 222.752 135.018 220.486C133.739 218.456 132.668 216.289 131.891 214.023C131.695 213.454 131.518 212.876 131.37 212.297C126.445 193.956 140.542 169.554 168.639 120.995C168.678 120.936 168.698 120.897 168.728 120.848C168.747 120.809 168.777 120.78 168.787 120.75C169.052 120.309 169.18 119.799 169.16 119.318C169.16 118.337 168.649 117.376 167.725 116.847C166.358 116.062 164.608 116.523 163.802 117.896C163.783 117.935 163.753 117.965 163.743 117.994C135.588 166.651 121.431 191.082 103.038 195.996C84.6441 200.91 60.1751 186.836 11.4632 158.785C11.4436 158.775 11.4141 158.765 11.3944 158.736C11.3452 158.716 11.3059 158.677 11.2568 158.658C9.89027 157.873 8.14038 158.334 7.34408 159.707C7.1278 160.168 7 160.658 7 161.149C7 162.13 7.5112 163.091 8.43531 163.62C57.2849 191.749 81.7932 205.873 86.7283 224.253C91.6536 242.593 77.5561 267.005 49.4595 315.554C49.43 315.613 49.4005 315.662 49.371 315.701C49.3514 315.741 49.3219 315.77 49.312 315.809C49.0466 316.27 48.9188 316.761 48.9385 317.241C48.9385 318.222 49.4497 319.183 50.3738 319.713C50.8162 319.978 51.3175 320.105 51.8091 320.105C52.7922 320.105 53.7556 319.595 54.2963 318.673C54.3159 318.634 54.3454 318.605 54.3553 318.565C82.5109 269.908 96.6673 245.477 115.061 240.563C117.342 239.955 119.691 239.651 122.051 239.602C124.656 239.553 127.261 239.818 129.817 240.279C132.766 240.808 135.676 241.603 138.517 242.535C141.86 243.633 145.133 244.928 148.358 246.32C152.133 247.958 155.849 249.734 159.526 251.587C163.802 253.735 168.03 255.981 172.227 258.276C177.064 260.915 181.862 263.612 186.649 266.329C192.489 269.644 198.338 272.949 204.119 276.352C209.319 279.412 214.539 282.462 219.769 285.473L228.794 290.672L238.468 296.243L247.355 301.362L254.01 305.197L256.999 306.914L257.038 306.943C286.442 323.881 304.561 355.168 304.58 389.045L304.6 444.136C304.6 445.195 305.17 446.117 306.035 446.617C306.448 446.862 306.94 447.009 307.461 447C309.043 447 310.321 445.724 310.312 444.145V389.241C310.292 355.394 328.381 324.087 357.755 307.139C359.358 306.217 360.95 305.295 362.553 304.363C366.387 302.147 370.221 299.93 374.055 297.724C378.685 295.056 383.316 292.378 387.936 289.711C391.918 287.415 395.889 285.12 399.871 282.816C407.411 278.461 415.02 274.204 422.58 269.879C429.157 266.113 435.744 262.376 442.399 258.737C447.904 255.726 453.459 252.784 459.112 250.047C463.712 247.821 468.392 245.712 473.189 243.947C477.063 242.515 481.034 241.289 485.104 240.553C488.476 239.945 491.927 239.68 495.338 240.004C496.892 240.151 498.425 240.426 499.929 240.828C518.323 245.742 532.479 270.173 560.635 318.83C560.655 318.869 560.684 318.899 560.694 318.938C561.225 319.85 562.188 320.37 563.181 320.37C563.663 320.37 564.154 320.242 564.616 319.978C565.531 319.448 566.052 318.487 566.052 317.506C566.052 317.016 565.924 316.525 565.678 316.074C565.659 316.045 565.629 316.005 565.619 315.976C565.59 315.917 565.56 315.868 565.531 315.829C537.434 267.28 523.337 242.868 528.262 224.527C533.187 206.167 557.686 192.053 606.476 163.954C606.486 163.954 606.496 163.944 606.506 163.934C606.525 163.934 606.545 163.915 606.565 163.905C607.479 163.375 608 162.424 608 161.433C608 160.943 607.872 160.452 607.626 160.001H607.587L607.577 159.982Z" fill="#F3F3F4"/>
-</g>
-<defs>
-<clipPath id="clip0_1_5179">
-<rect width="614" height="470" fill="#F3F3F4"/>
-</clipPath>
-</defs>
-</svg>

package/dist/components/blocks/admin-users-table.d.ts

@@ -1,22 +0,0 @@
-type AdminUserStatus = "active" | "invited" | "suspended";
-type AdminUser = {
-    email: string;
-    id: string;
-    imageUrl?: string;
-    invitedAt?: string;
-    isCurrentUser?: boolean;
-    lastActiveAt?: string;
-    name: string;
-    role: string;
-    status: AdminUserStatus;
-};
-type AdminUsersTableProps = {
-    isLoading?: boolean;
-    onDeactivateUser?: (user: AdminUser) => void;
-    onEditUser?: (user: AdminUser) => void;
-    onReactivateUser?: (user: AdminUser) => void;
-    onResendInvite?: (user: AdminUser) => void;
-    users: AdminUser[];
-};
-declare function AdminUsersTable({ isLoading, users, ...actions }: AdminUsersTableProps): import("@types/react").JSX.Element;
-export { AdminUsersTable, type AdminUser, type AdminUserStatus, type AdminUsersTableProps };

package/dist/components/blocks/admin-users-table.js

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { MoreHorizontalIcon, ShieldCheckIcon, UserPlusIcon } from "lucide-react";
-import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
-import { Badge } from "../ui/badge.js";
-import { Button } from "../ui/button.js";
-import { DataTable, DataTableContent, DataTableEmpty, DataTableSkeleton } from "../ui/data-table.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../ui/dropdown-menu.js";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../ui/table.js";
-function AdminUsersTable({ isLoading = false, users, ...actions }) {
-    if (isLoading) {
-        return _jsx(AdminUsersTableLoading, {});
-    }
-    if (users.length === 0) {
-        return _jsx(AdminUsersTableEmpty, {});
-    }
-    return (_jsx(DataTable, { children: _jsx(DataTableContent, { children: _jsx(AdminUsersTableContent, { actions: actions, users: users }) }) }));
-}
-function AdminUsersTableLoading() {
-    return (_jsx(DataTable, { children: _jsx(DataTableSkeleton, { columns: 5, rows: 5 }) }));
-}
-function AdminUsersTableEmpty() {
-    return (_jsx(DataTable, { children: _jsx(DataTableEmpty, { className: "min-h-80 border-b", children: _jsx(AdminUsersEmptyContent, {}) }) }));
-}
-function AdminUsersEmptyContent() {
-    return (_jsx(Empty, { className: "border-0", children: _jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(UserPlusIcon, {}) }), _jsx(EmptyTitle, { children: "No users yet" }), _jsx(EmptyDescription, { children: "Invite the first teammate to start managing access." })] }) }));
-}
-function AdminUsersTableContent({ actions, users, }) {
-    return (_jsxs(Table, { children: [_jsx(AdminUsersTableHeader, {}), _jsx(TableBody, { children: users.map((user) => (_jsx(AdminUsersTableRow, { actions: actions, user: user }, user.id))) })] }));
-}
-function AdminUsersTableHeader() {
-    return (_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "User" }), _jsx(TableHead, { children: "Role" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { children: "Activity" }), _jsx(TableHead, { className: "w-12 text-right", children: "Actions" })] }) }));
-}
-function AdminUsersTableRow({ actions, user, }) {
-    return (_jsxs(TableRow, { children: [_jsx(TableCell, { children: _jsx(AdminUserIdentity, { user: user }) }), _jsx(TableCell, { children: _jsx(AdminUserRole, { user: user }) }), _jsx(TableCell, { children: _jsx(AdminUserStatusBadge, { status: user.status }) }), _jsx(TableCell, { children: _jsx(AdminUserActivity, { user: user }) }), _jsx(TableCell, { className: "text-right", children: _jsx(AdminUserActions, { actions: actions, user: user }) })] }));
-}
-function AdminUserIdentity({ user }) {
-    return (_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsxs(Avatar, { size: "sm", children: [_jsx(AvatarImage, { alt: "", src: user.imageUrl }), _jsx(AvatarFallback, { children: getInitials(user.name, user.email) })] }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: user.name }), user.isCurrentUser ? _jsx(Badge, { variant: "outline", children: "You" }) : null] }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: user.email })] })] }));
-}
-function AdminUserRole({ user }) {
-    return (_jsxs("div", { className: "inline-flex min-w-0 items-center gap-2", children: [_jsx(ShieldCheckIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "truncate text-sm", children: user.role })] }));
-}
-function AdminUserStatusBadge({ status }) {
-    const label = statusLabels[status];
-    const variant = statusVariants[status];
-    return _jsx(Badge, { variant: variant, children: label });
-}
-function AdminUserActivity({ user }) {
-    const value = getActivityValue(user);
-    return _jsx("span", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: value });
-}
-function AdminUserActions({ actions, user }) {
-    if (!hasAnyAction(actions))
-        return null;
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { "aria-label": `Open actions for ${user.name}`, size: "icon", variant: "ghost", children: _jsx(MoreHorizontalIcon, {}) }) }), _jsx(DropdownMenuContent, { align: "end", children: _jsx(AdminUserActionItems, { actions: actions, user: user }) })] }));
-}
-function AdminUserActionItems({ actions, user, }) {
-    return (_jsxs(_Fragment, { children: [_jsx(DropdownMenuLabel, { children: "User actions" }), actions.onEditUser ? (_jsx(DropdownMenuItem, { onSelect: () => actions.onEditUser?.(user), children: "Edit user" })) : null, actions.onEditUser && hasStatusAction(actions, user) ? _jsx(DropdownMenuSeparator, {}) : null, _jsx(AdminUserStatusActions, { actions: actions, user: user })] }));
-}
-function AdminUserStatusActions({ actions, user, }) {
-    if (user.status === "invited" && actions.onResendInvite) {
-        return (_jsx(DropdownMenuItem, { onSelect: () => actions.onResendInvite?.(user), children: "Resend invite" }));
-    }
-    if (user.status === "suspended" && actions.onReactivateUser) {
-        return (_jsx(DropdownMenuItem, { onSelect: () => actions.onReactivateUser?.(user), children: "Reactivate" }));
-    }
-    if (!actions.onDeactivateUser)
-        return null;
-    return (_jsx(DropdownMenuItem, { disabled: user.isCurrentUser, onSelect: () => actions.onDeactivateUser?.(user), variant: "destructive", children: "Deactivate" }));
-}
-const statusLabels = {
-    active: "Active",
-    invited: "Invited",
-    suspended: "Suspended",
-};
-const statusVariants = {
-    active: "success",
-    invited: "warning",
-    suspended: "destructive",
-};
-function getInitials(name, email) {
-    const source = name.trim() || email;
-    return source
-        .split(/\s|@/)
-        .filter(Boolean)
-        .slice(0, 2)
-        .map((part) => part.charAt(0).toUpperCase())
-        .join("");
-}
-function getActivityValue(user) {
-    if (user.status === "invited")
-        return formatDateValue(user.invitedAt, "Invite pending");
-    if (user.status === "suspended")
-        return "Access suspended";
-    return formatDateValue(user.lastActiveAt, "No activity");
-}
-function formatDateValue(value, fallback) {
-    if (!value)
-        return fallback;
-    return value;
-}
-function hasAnyAction(actions) {
-    return Boolean(actions.onDeactivateUser ||
-        actions.onEditUser ||
-        actions.onReactivateUser ||
-        actions.onResendInvite);
-}
-function hasStatusAction(actions, user) {
-    if (user.status === "invited" && actions.onResendInvite)
-        return true;
-    if (user.status === "suspended" && actions.onReactivateUser)
-        return true;
-    return Boolean(actions.onDeactivateUser);
-}
-export { AdminUsersTable };

package/dist/components/blocks/comment-composer.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { type CommentAuthor } from "./comment-types.js";
-type CommentComposerProps = {
-    actionsSlot?: React.ReactNode;
-    author?: CommentAuthor;
-    defaultExpanded?: boolean;
-    defaultValue?: string;
-    disabled?: boolean;
-    isSubmitting?: boolean;
-    loadingLabel?: string;
-    onSubmit: (body: string) => void | Promise<void>;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    submitLabel?: string;
-    value?: string;
-};
-declare function CommentComposer({ actionsSlot, author, defaultExpanded, defaultValue, disabled, isSubmitting, loadingLabel, onSubmit, onValueChange, placeholder, submitLabel, value, }: CommentComposerProps): React.JSX.Element;
-export { CommentComposer, type CommentComposerProps };

package/dist/components/blocks/comment-composer.js

@@ -1,137 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { getCommentAuthorInitials } from "./comment-types.js";
-import { cn } from "../../lib/utils.js";
-import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
-import { InputGroupButton, InputGroupTextarea } from "../ui/input-group.js";
-const COMMENT_TEXTAREA_MAX_HEIGHT = 128;
-function CommentComposer({ actionsSlot, author, defaultExpanded = false, defaultValue = "", disabled = false, isSubmitting = false, loadingLabel = "Posting...", onSubmit, onValueChange, placeholder = "Write a reply...", submitLabel = "Post", value, }) {
-    const textareaRef = React.useRef(null);
-    const state = useCommentComposerState({
-        defaultExpanded,
-        defaultValue,
-        disabled,
-        isSubmitting,
-        onSubmit,
-        onValueChange,
-        value,
-    });
-    React.useEffect(() => {
-        resizeCommentTextarea(textareaRef.current);
-        // showActions is a dep because each min-height bakes into the inline
-        // height this writes; a collapse without a value change must recompute.
-    }, [state.showActions, state.value]);
-    const isDisabled = disabled || isSubmitting;
-    return (_jsx("form", { onSubmit: state.onSubmit, children: _jsxs("div", { className: "grid w-full gap-1.5 rounded-md border border-input bg-background px-2.5 py-2 shadow-xs transition-[color,box-shadow] focus-within:border-ring focus-within:ring-[var(--focus-ring-width)] focus-within:ring-ring/50 dark:bg-input/30", "data-disabled": isDisabled ? "true" : undefined, children: [_jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [_jsx(CommentComposerAvatar, { author: author }), _jsx(InputGroupTextarea, { "aria-label": "Comment", 
-                            // An active composer opens a few lines of room; min-height beats
-                            // the resize logic's inline height, so growth still works. The
-                            // two min-heights are exclusive because cn resolves no conflicts,
-                            // and important because the base Textarea's own min-h-16 is
-                            // emitted after both and would otherwise win in every state.
-                            className: cn("max-h-32 overflow-y-hidden px-0 py-1 text-sm leading-5", state.showActions ? "min-h-14!" : "min-h-7!"), disabled: isDisabled, onBlur: state.onBlur, onChange: state.onValueChange, onFocus: state.onFocus, onKeyDown: onComposerKeyDown, placeholder: placeholder, ref: textareaRef, rows: 1, value: state.value })] }), _jsx(CommentComposerActions, { actionsSlot: actionsSlot, canSubmit: state.canSubmit, isSubmitting: isSubmitting, loadingLabel: loadingLabel, showActions: state.showActions, submitLabel: submitLabel })] }) }));
-}
-function useCommentComposerState({ defaultExpanded, defaultValue, disabled, isSubmitting, onSubmit, onValueChange, value, }) {
-    const [localValue, setLocalValue] = React.useState(defaultValue);
-    const [isActive, setIsActive] = React.useState(getInitialExpanded(defaultExpanded, defaultValue, value));
-    const isControlled = value !== undefined;
-    const currentValue = isControlled ? value : localValue;
-    const canSubmit = currentValue.trim().length > 0 && !disabled && !isSubmitting;
-    const showActions = isActive || currentValue.trim().length > 0;
-    React.useEffect(() => {
-        if (isControlled && currentValue.trim().length > 0)
-            setIsActive(true);
-    }, [currentValue, isControlled]);
-    return {
-        canSubmit,
-        onBlur: getBlurHandler(currentValue, setIsActive),
-        onFocus: getFocusHandler(disabled, isSubmitting, setIsActive),
-        onSubmit: getSubmitHandler({
-            currentValue,
-            disabled,
-            isControlled,
-            isSubmitting,
-            onSubmit,
-            setIsActive,
-            setLocalValue,
-        }),
-        onValueChange: getValueChangeHandler({ isControlled, onValueChange, setLocalValue }),
-        showActions,
-        value: currentValue,
-    };
-}
-function getInitialExpanded(defaultExpanded, defaultValue, value) {
-    return defaultExpanded || defaultValue.trim().length > 0 || (value?.trim().length ?? 0) > 0;
-}
-function getFocusHandler(disabled, isSubmitting, setIsActive) {
-    return () => {
-        if (disabled || isSubmitting)
-            return;
-        setIsActive(true);
-    };
-}
-function getBlurHandler(currentValue, setIsActive) {
-    return (event) => {
-        if (event.currentTarget.form?.contains(event.relatedTarget))
-            return;
-        if (currentValue.trim().length > 0)
-            return;
-        setIsActive(false);
-    };
-}
-function getSubmitHandler({ currentValue, disabled, isControlled, isSubmitting, onSubmit, setIsActive, setLocalValue, }) {
-    return async (event) => {
-        event.preventDefault();
-        const body = currentValue.trim();
-        if (!body || disabled || isSubmitting)
-            return;
-        try {
-            await onSubmit(body);
-        }
-        catch {
-            // a rejected submit keeps the draft; messaging is the handler's job
-            return;
-        }
-        if (!isControlled) {
-            setLocalValue("");
-            setIsActive(false);
-        }
-    };
-}
-function getValueChangeHandler({ isControlled, onValueChange, setLocalValue, }) {
-    return (event) => {
-        const nextValue = event.target.value;
-        if (!isControlled)
-            setLocalValue(nextValue);
-        onValueChange?.(nextValue);
-    };
-}
-function CommentComposerActions({ actionsSlot, canSubmit, isSubmitting, loadingLabel, showActions, submitLabel, }) {
-    if (!showActions)
-        return null;
-    return (_jsxs("div", { className: "flex min-h-8 items-center justify-between gap-2 pl-8", children: [_jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: actionsSlot }), _jsx(CommentSubmitButton, { canSubmit: canSubmit, isSubmitting: isSubmitting, loadingLabel: loadingLabel, submitLabel: submitLabel })] }));
-}
-function CommentComposerAvatar({ author }) {
-    const name = author?.name ?? "You";
-    return (_jsxs(Avatar, { size: "sm", children: [_jsx(AvatarImage, { alt: "", src: author?.avatarUrl }), _jsx(AvatarFallback, { children: getCommentAuthorInitials(name) })] }));
-}
-function CommentSubmitButton({ canSubmit, isSubmitting, loadingLabel, submitLabel, }) {
-    return (_jsx(InputGroupButton, { disabled: !canSubmit, loading: isSubmitting, loadingLabel: loadingLabel, size: "sm", type: "submit", children: submitLabel }));
-}
-/** Cmd/Ctrl+Enter posts; plain Enter keeps writing, as in every comment box. */
-function onComposerKeyDown(event) {
-    if (event.key !== "Enter" || !(event.metaKey || event.ctrlKey))
-        return;
-    if (event.nativeEvent.isComposing)
-        return; // mid-IME Enter confirms the composition
-    event.preventDefault();
-    event.currentTarget.form?.requestSubmit();
-}
-function resizeCommentTextarea(textarea) {
-    if (!textarea)
-        return;
-    textarea.style.height = "auto";
-    const nextHeight = Math.min(textarea.scrollHeight, COMMENT_TEXTAREA_MAX_HEIGHT);
-    textarea.style.height = `${nextHeight}px`;
-    textarea.style.overflowY = textarea.scrollHeight > COMMENT_TEXTAREA_MAX_HEIGHT ? "auto" : "hidden";
-}
-export { CommentComposer };

package/dist/components/blocks/comment-item.d.ts

@@ -1,8 +0,0 @@
-import type * as React from "react";
-import { type CommentItemData } from "./comment-types.js";
-type CommentItemProps = {
-    actionsSlot?: React.ReactNode;
-    comment: CommentItemData;
-};
-declare function CommentItem({ actionsSlot, comment }: CommentItemProps): React.JSX.Element;
-export { CommentItem, type CommentItemProps };

package/dist/components/blocks/comment-item.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils.js";
-import { formatTimestamp, formatTimestampFull, getTimestampDateTime } from "./timestamp-format.js";
-import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
-import { getCommentAuthorInitials } from "./comment-types.js";
-function CommentItem({ actionsSlot, comment }) {
-    return (_jsxs("article", { className: "group/comment flex min-w-0 gap-3 rounded-md px-1 py-3", children: [_jsx(CommentAvatar, { comment: comment }), _jsxs("div", { className: "grid min-w-0 flex-1 gap-1.5", children: [_jsx(CommentHeader, { actionsSlot: actionsSlot, comment: comment }), _jsx("p", { className: "text-sm leading-relaxed break-words whitespace-pre-wrap text-foreground", children: comment.body })] })] }));
-}
-function CommentAvatar({ comment }) {
-    return (_jsxs(Avatar, { className: "mt-0.5", size: "sm", children: [_jsx(AvatarImage, { alt: "", src: comment.author.avatarUrl }), _jsx(AvatarFallback, { children: getCommentAuthorInitials(comment.author.name) })] }));
-}
-function CommentHeader({ actionsSlot, comment, }) {
-    return (_jsxs("header", { className: "flex min-w-0 items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: comment.author.name }), _jsx(CommentTimestamp, { comment: comment })] }), _jsx(CommentState, { comment: comment })] }), actionsSlot ? _jsx("div", { className: "shrink-0", children: actionsSlot }) : null] }));
-}
-function CommentTimestamp({ comment }) {
-    return (_jsx("time", { className: "font-mono text-xs text-muted-foreground tabular-nums", dateTime: getTimestampDateTime(comment.createdAt), title: formatTimestampFull(comment.createdAt), children: formatTimestamp(comment.createdAt) }));
-}
-function CommentState({ comment }) {
-    const state = getCommentState(comment);
-    if (!state)
-        return null;
-    return _jsx("div", { className: cn("text-xs", state.className), children: state.label });
-}
-function getCommentState(comment) {
-    if (comment.status === "sending") {
-        return { className: "text-muted-foreground", label: "Sending" };
-    }
-    if (comment.status === "failed") {
-        return { className: "text-destructive", label: "Failed to post" };
-    }
-    if (isEdited(comment)) {
-        return { className: "text-muted-foreground", label: "Edited" };
-    }
-    return undefined;
-}
-function isEdited(comment) {
-    if (!comment.updatedAt)
-        return false;
-    const createdAt = Date.parse(comment.createdAt);
-    const updatedAt = Date.parse(comment.updatedAt);
-    if (Number.isNaN(createdAt) || Number.isNaN(updatedAt))
-        return false;
-    return updatedAt !== createdAt;
-}
-export { CommentItem };

package/dist/components/blocks/comment-thread.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import type { CommentAuthor, CommentItemData } from "./comment-types.js";
-type CommentThreadProps = {
-    comments: CommentItemData[];
-    composerAuthor?: CommentAuthor;
-    composerPlaceholder?: string;
-    composerSubmitLabel?: string;
-    emptyDescription?: string;
-    emptyTitle?: string;
-    isLoading?: boolean;
-    isSubmitting?: boolean;
-    onSubmit?: (body: string) => void | Promise<void>;
-    readOnly?: boolean;
-    renderCommentActions?: (comment: CommentItemData) => React.ReactNode;
-    showHeader?: boolean;
-    title?: string;
-};
-declare function CommentThread({ comments, composerAuthor, composerPlaceholder, composerSubmitLabel, emptyDescription, emptyTitle, isLoading, isSubmitting, onSubmit, readOnly, renderCommentActions, showHeader, title, }: CommentThreadProps): React.JSX.Element;
-export { CommentThread, type CommentThreadProps };

package/dist/components/blocks/comment-thread.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MessageSquareTextIcon } from "lucide-react";
-import { CommentComposer } from "./comment-composer.js";
-import { CommentItem } from "./comment-item.js";
-import { useRevealThreadEnd } from "./use-reveal-thread-end.js";
-import { Skeleton } from "../ui/skeleton.js";
-function CommentThread({ comments, composerAuthor, composerPlaceholder, composerSubmitLabel, emptyDescription = "Start the conversation with a short update or question.", emptyTitle = "No comments yet", isLoading = false, isSubmitting = false, onSubmit, readOnly = false, renderCommentActions, showHeader = true, title = "Comments", }) {
-    const { armReveal, endRef } = useRevealThreadEnd(comments.length);
-    const submitAndReveal = !readOnly && onSubmit
-        ? async (body) => {
-            await onSubmit(body);
-            armReveal();
-        }
-        : undefined;
-    return (_jsxs("section", { className: "relative grid w-full gap-(--panel-gap)", "aria-label": title, children: [showHeader ? _jsx(CommentThreadHeader, { count: comments.length, title: title }) : null, _jsx(CommentThreadBody, { comments: comments, emptyDescription: emptyDescription, emptyTitle: emptyTitle, isLoading: isLoading, renderCommentActions: renderCommentActions }), submitAndReveal ? (_jsx(CommentComposer, { author: composerAuthor, isSubmitting: isSubmitting, onSubmit: submitAndReveal, placeholder: composerPlaceholder, submitLabel: composerSubmitLabel })) : null, _jsx("div", { "aria-hidden": true, className: "absolute bottom-0", ref: endRef })] }));
-}
-function CommentThreadHeader({ count, title }) {
-    return (_jsxs("header", { className: "flex items-center justify-between gap-3", children: [_jsx("h3", { className: "text-sm font-medium text-foreground", children: title }), _jsx("span", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: count })] }));
-}
-function CommentThreadBody({ comments, emptyDescription, emptyTitle, isLoading, renderCommentActions, }) {
-    if (isLoading)
-        return _jsx(CommentThreadSkeleton, {});
-    if (comments.length === 0) {
-        return _jsx(CommentThreadEmpty, { description: emptyDescription, title: emptyTitle });
-    }
-    return (_jsx("div", { className: "grid gap-1", children: comments.map((comment) => (_jsx(CommentItem, { actionsSlot: renderCommentActions?.(comment), comment: comment }, comment.id))) }));
-}
-function CommentThreadSkeleton() {
-    return (_jsx("div", { className: "grid gap-4 py-2", children: Array.from({ length: 3 }).map((_, index) => (_jsx(CommentSkeletonRow, {}, index))) }));
-}
-function CommentSkeletonRow() {
-    return (_jsxs("div", { className: "flex gap-3 px-1 py-2", children: [_jsx(Skeleton, { className: "size-6 rounded-full" }), _jsxs("div", { className: "grid flex-1 gap-2", children: [_jsx(Skeleton, { className: "h-3 w-40" }), _jsx(Skeleton, { className: "h-3 w-full" }), _jsx(Skeleton, { className: "h-3 w-4/5" })] })] }));
-}
-function CommentThreadEmpty({ description, title }) {
-    return (_jsxs("div", { className: "flex min-w-0 items-start gap-2 py-2", children: [_jsx(MessageSquareTextIcon, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }), _jsxs("div", { className: "grid min-w-0 gap-0.5", children: [_jsx("div", { className: "text-sm font-medium text-foreground", children: title }), _jsx("p", { className: "text-sm text-muted-foreground", children: description })] })] }));
-}
-export { CommentThread };

package/dist/components/blocks/comment-types.d.ts

@@ -1,18 +0,0 @@
-type CommentAuthor = {
-    avatarUrl?: string;
-    email?: string;
-    id: string;
-    name: string;
-};
-type CommentStatus = "sent" | "sending" | "failed";
-type CommentItemData = {
-    author: CommentAuthor;
-    body: string;
-    createdAt: string;
-    id: string;
-    status?: CommentStatus;
-    updatedAt?: string;
-};
-declare function getCommentAuthorInitials(name: string): string;
-export { getCommentAuthorInitials };
-export type { CommentAuthor, CommentItemData, CommentStatus };

package/dist/components/blocks/comment-types.js

@@ -1,11 +0,0 @@
-function getCommentAuthorInitials(name) {
-    const initials = name
-        .trim()
-        .split(/\s+/)
-        .slice(0, 2)
-        .map((part) => part[0])
-        .join("")
-        .toUpperCase();
-    return initials || "?";
-}
-export { getCommentAuthorInitials };

package/dist/components/blocks/copy-field.d.ts

@@ -1,18 +0,0 @@
-/**
- * One value as a labelled read-only text field, so it reads like the field it
- * is about to be pasted into. A real `input` rather than a styled block: it
- * selects, tabs, and reads to assistive tech like its destination. The row
- * stays when there is no value yet, because dropping it left the steps above
- * pointing at nothing.
- */
-export declare function CopyField({ label, placeholder, value, }: {
-    label: string;
-    /**
-     * What an absent value means, which is not the same for every field. A
-     * minted secret is not generated yet; a deployment-wide URL that is
-     * missing will never arrive, and saying otherwise sends someone back to
-     * the mint button indefinitely.
-     */
-    placeholder?: string;
-    value: string | undefined;
-}): import("@types/react").JSX.Element;

package/dist/components/blocks/copy-field.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { useEffect, useId, useState } from "react";
-import { toast } from "sonner";
-import { Button } from "../ui/button.js";
-import { Input } from "../ui/input.js";
-import { Label } from "../ui/label.js";
-/** PostHog's own no-capture vocabulary — a fixed class name, not app config. */
-const POSTHOG_NO_CAPTURE_CLASS_NAME = "ph-no-capture";
-const COPIED_RESET_DELAY = 2000;
-/**
- * One value as a labelled read-only text field, so it reads like the field it
- * is about to be pasted into. A real `input` rather than a styled block: it
- * selects, tabs, and reads to assistive tech like its destination. The row
- * stays when there is no value yet, because dropping it left the steps above
- * pointing at nothing.
- */
-export function CopyField({ label, placeholder = "Not generated yet", value, }) {
-    const fieldId = useId();
-    return (_jsxs("div", { className: "grid grid-cols-[minmax(0,1fr)] gap-1", children: [_jsx(Label, { className: "text-muted-foreground text-xs", htmlFor: fieldId, children: label }), _jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(Input, { className: `${POSTHOG_NO_CAPTURE_CLASS_NAME} h-8 font-mono text-[11px]`, "data-sentry-mask": true, id: fieldId, onFocus: (event) => {
-                            event.target.select();
-                        }, placeholder: placeholder, readOnly: true, value: value ?? "" }), value === undefined ? null : _jsx(CopyButton, { label: label, text: value })] })] }));
-}
-function CopyButton({ label, text }) {
-    // What was copied, not that something was: this button survives a remint,
-    // so a boolean would keep claiming the checkmark over a value the clipboard
-    // has never held. Comparing makes a new `text` read as uncopied at once.
-    const [copiedText, setCopiedText] = useState(null);
-    const copied = copiedText === text;
-    useEffect(() => {
-        if (!copied)
-            return;
-        const timer = window.setTimeout(() => {
-            setCopiedText(null);
-        }, COPIED_RESET_DELAY);
-        return () => {
-            window.clearTimeout(timer);
-        };
-    }, [copied]);
-    /**
-     * `await` rather than `.catch`, because the two failures arrive differently:
-     * a denied permission or an unfocused document rejects, while an insecure
-     * origin has no `navigator.clipboard` at all and throws before a promise
-     * exists. Either way the user is about to paste a stale clipboard into a
-     * credential setup, so neither can pass silently.
-     */
-    const copy = async () => {
-        try {
-            await navigator.clipboard.writeText(text);
-            setCopiedText(text);
-        }
-        catch {
-            toast.error(`Could not copy the ${label.toLowerCase()}`, {
-                description: "Select the field and copy it by hand.",
-            });
-        }
-    };
-    return (_jsx(Button, { "aria-label": copied ? `${label} copied` : `Copy ${label.toLowerCase()}`, onClick: () => {
-            void copy();
-        }, size: "icon-xs", variant: "ghost", children: copied ? _jsx(CheckIcon, {}) : _jsx(CopyIcon, {}) }));
-}

package/dist/components/blocks/feedback-center-comments.d.ts

@@ -1,16 +0,0 @@
-import type { CommentItemData } from "./comment-types.js";
-import type { UserFeedbackItem, UserFeedbackStatusEvent } from "./feedback-tracking-types.js";
-type FeedbackCommentSubmitHandler = (feedback: UserFeedbackItem, body: string) => void | Promise<void>;
-type FeedbackCenterCommentThreadProps = {
-    comments: CommentItemData[];
-    error?: Error | null;
-    feedback?: UserFeedbackItem;
-    isCommentSubmitting: boolean;
-    isCommentsLoading: boolean;
-    onRetry?: () => void;
-    onSubmitComment?: FeedbackCommentSubmitHandler;
-    statusEvents: UserFeedbackStatusEvent[];
-    submitError?: Error | null;
-};
-declare function FeedbackCenterCommentThread({ comments, error, feedback, isCommentSubmitting, isCommentsLoading, onRetry, onSubmitComment, statusEvents, submitError, }: FeedbackCenterCommentThreadProps): import("@types/react").JSX.Element;
-export { FeedbackCenterCommentThread, type FeedbackCommentSubmitHandler };