@ciridae/ui 0.17.0 → 1.0.1

package/dist/components/blocks/feedback-emergency-fields.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "../ui/alert.js";
-import { Button } from "../ui/button.js";
-import { Checkbox } from "../ui/checkbox.js";
-import { Field, FieldContent, FieldDescription, FieldError, FieldLabel } from "../ui/field.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select.js";
-function FeedbackEmergencyFields({ affectedScope, affectedScopeId, confirmed, confirmationDescriptionId, confirmationErrorId, confirmationId, confirmationInvalid, disabled, onAffectedScopeChange, onConfirmedChange, onEmergencyChange, isEmergency, }) {
-    if (!isEmergency)
-        return _jsx(FeedbackEmergencyEntry, { disabled: disabled, onEmergencyChange: onEmergencyChange });
-    return (_jsxs("div", { className: "grid gap-(--panel-gap)", children: [_jsx(FeedbackEmergencyNotice, {}), _jsx(FeedbackAffectedScopeField, { affectedScope: affectedScope, affectedScopeId: affectedScopeId, disabled: disabled, onAffectedScopeChange: onAffectedScopeChange }), _jsx(FeedbackEmergencyConfirmation, { confirmed: confirmed, descriptionId: confirmationDescriptionId, disabled: disabled, errorId: confirmationErrorId, fieldId: confirmationId, invalid: confirmationInvalid, onConfirmedChange: onConfirmedChange }), _jsx(Button, { className: "justify-self-start", disabled: disabled, onClick: () => onEmergencyChange(false), type: "button", variant: "ghost", children: "Use standard feedback instead" })] }));
-}
-function FeedbackEmergencyEntry({ disabled, onEmergencyChange, }) {
-    return (_jsxs("div", { className: "border-t pt-(--panel-gap)", children: [_jsxs(Button, { className: "w-full justify-start text-destructive hover:text-destructive", disabled: disabled, onClick: () => onEmergencyChange(true), type: "button", variant: "outline", children: [_jsx(AlertTriangleIcon, {}), "Report an emergency"] }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Use this when service or time-sensitive work is blocked and the team needs to respond now." })] }));
-}
-function FeedbackEmergencyNotice() {
-    return (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), _jsx(AlertTitle, { children: "Emergency feedback" }), _jsx(AlertDescription, { children: "This follows the same support workflow, marked as urgent so the team knows it needs an immediate response." })] }));
-}
-function FeedbackAffectedScopeField({ affectedScope, affectedScopeId, disabled, onAffectedScopeChange, }) {
-    return (_jsxs(Field, { children: [_jsx(FieldContent, { children: _jsx(FieldLabel, { htmlFor: affectedScopeId, required: true, children: "Who is affected?" }) }), _jsxs(Select, { disabled: disabled, onValueChange: (value) => {
-                    if (isAffectedScope(value))
-                        onAffectedScopeChange(value);
-                }, value: affectedScope, children: [_jsx(SelectTrigger, { "aria-required": "true", className: "w-full", id: affectedScopeId, children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "just_me", children: "Just me" }), _jsx(SelectItem, { value: "my_team", children: "My team" }), _jsx(SelectItem, { value: "everyone", children: "Everyone" }), _jsx(SelectItem, { value: "unknown", children: "I'm not sure" })] })] })] }));
-}
-function FeedbackEmergencyConfirmation({ confirmed, descriptionId, disabled, errorId, fieldId, invalid, onConfirmedChange, }) {
-    const describedBy = invalid ? `${descriptionId} ${errorId}` : descriptionId;
-    return (_jsxs(Field, { "data-invalid": invalid, orientation: "horizontal", children: [_jsx(Checkbox, { "aria-describedby": describedBy, "aria-invalid": invalid, "aria-required": "true", checked: confirmed, disabled: disabled, id: fieldId, onCheckedChange: (checked) => onConfirmedChange(checked === true) }), _jsxs("div", { className: "grid gap-1", children: [_jsx(FieldLabel, { htmlFor: fieldId, required: true, children: "This needs an immediate response" }), _jsx(FieldDescription, { id: descriptionId, children: "I understand this marks the feedback as an emergency requiring an immediate response." }), invalid ? (_jsx(FieldError, { id: errorId, children: "Confirm that this needs an immediate response before sending." })) : null] })] }));
-}
-function isAffectedScope(value) {
-    return ["everyone", "just_me", "my_team", "unknown"].includes(value);
-}
-export { FeedbackEmergencyFields };

package/dist/components/blocks/feedback-metrics.d.ts

@@ -1,6 +0,0 @@
-import type { FeedbackMetrics } from "./feedback-tracking-types.js";
-type FeedbackMetricsProps = {
-    metrics: FeedbackMetrics;
-};
-declare function FeedbackMetricsStrip({ metrics }: FeedbackMetricsProps): import("@types/react").JSX.Element;
-export { FeedbackMetricsStrip, type FeedbackMetricsProps };

package/dist/components/blocks/feedback-metrics.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MetricsStrip, MetricsStripDetail, MetricsStripItem, MetricsStripLabel, MetricsStripValue, } from "../ui/metrics-strip.js";
-function FeedbackMetricsStrip({ metrics }) {
-    return (_jsxs(MetricsStrip, { className: "md:grid-cols-3 xl:grid-cols-5", children: [_jsx(FeedbackMetricItem, { detail: "Visible tickets", label: "Total", tone: "neutral", value: metrics.total }), _jsx(FeedbackMetricItem, { detail: "Awaiting triage", label: "Received", tone: "warning", value: metrics.received }), _jsx(FeedbackMetricItem, { detail: "Active work", label: "In progress", tone: "info", value: metrics.inProgress }), _jsx(FeedbackMetricItem, { detail: "Needs a decision", label: "Discussion required", tone: "warning", value: metrics.discussionRequired }), _jsx(FeedbackMetricItem, { detail: "Resolved", label: "Closed", tone: "success", value: metrics.completed })] }));
-}
-function FeedbackMetricItem({ detail, label, tone, value, }) {
-    return (_jsxs(MetricsStripItem, { children: [_jsx(MetricsStripLabel, { children: label }), _jsx(MetricsStripValue, { children: value }), _jsx(MetricsStripDetail, { className: feedbackMetricToneClasses[tone], children: detail })] }));
-}
-const feedbackMetricToneClasses = {
-    info: "text-info",
-    neutral: "text-muted-foreground",
-    success: "text-success",
-    warning: "text-warning",
-};
-export { FeedbackMetricsStrip };

package/dist/components/blocks/feedback-sheet.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { type FeedbackComposerProps } from "./feedback-composer.js";
-type FeedbackSheetProps = Omit<FeedbackComposerProps, "actions" | "formId" | "onCancel" | "onDirtyChange" | "onSubmittedChange" | "onUrgencyChange"> & {
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-};
-declare function FeedbackSheet({ onOpenChange, open, ...composerProps }: FeedbackSheetProps): React.JSX.Element;
-export { FeedbackSheet, type FeedbackSheetProps };

package/dist/components/blocks/feedback-sheet.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { AlertTriangleIcon, SendIcon } from "lucide-react";
-import { FeedbackComposer } from "./feedback-composer.js";
-import { Button } from "../ui/button.js";
-import { FormSheet, useFormSheetActions } from "../ui/form-sheet.js";
-import { SheetBody, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, } from "../ui/sheet.js";
-function FeedbackSheet({ onOpenChange, open, ...composerProps }) {
-    const [isDirty, setIsDirty] = React.useState(false);
-    React.useEffect(() => {
-        if (!open)
-            setIsDirty(false);
-    }, [open]);
-    return (_jsx(FormSheet, { closeDisabled: composerProps.isSubmitting ?? false, isDirty: isDirty, onOpenChange: onOpenChange, open: open, children: _jsx(FeedbackSheetContent, { composerProps: composerProps, onDirtyChange: setIsDirty, open: open }) }));
-}
-function FeedbackSheetContent({ composerProps, onDirtyChange, open, }) {
-    const { contentProps, requestClose } = useFormSheetActions();
-    const formId = React.useId();
-    const [isSubmitted, setIsSubmitted] = React.useState(false);
-    const [urgency, setUrgency] = React.useState("normal");
-    React.useEffect(() => {
-        if (!open) {
-            setIsSubmitted(false);
-            setUrgency("normal");
-        }
-    }, [open]);
-    return (_jsxs(SheetContent, { size: "md", ...contentProps, children: [_jsxs(SheetHeader, { children: [_jsx(SheetTitle, { children: "Send feedback" }), _jsx(SheetDescription, { children: "Share a bug, feature request, or general note." })] }), _jsx(SheetBody, { children: _jsx(FeedbackComposer, { ...composerProps, actions: "external", formId: formId, onCancel: requestClose, onDirtyChange: onDirtyChange, onSubmittedChange: setIsSubmitted, onUrgencyChange: setUrgency }) }), isSubmitted ? null : (_jsxs(SheetFooter, { children: [_jsx(Button, { disabled: composerProps.isSubmitting, onClick: requestClose, type: "button", variant: "outline", children: "Cancel" }), _jsxs(Button, { form: formId, loading: composerProps.isSubmitting, type: "submit", variant: urgency === "emergency" ? "destructive" : "default", children: [urgency === "emergency" ? _jsx(AlertTriangleIcon, {}) : _jsx(SendIcon, {}), urgency === "emergency" ? "Send emergency" : "Submit feedback"] })] }))] }));
-}
-export { FeedbackSheet };

package/dist/components/blocks/feedback-status-badge.d.ts

@@ -1,6 +0,0 @@
-import { type FeedbackStatus } from "./feedback-tracking-types.js";
-type FeedbackStatusBadgeProps = {
-    status: FeedbackStatus;
-};
-declare function FeedbackStatusBadge({ status }: FeedbackStatusBadgeProps): import("@types/react").JSX.Element;
-export { FeedbackStatusBadge, type FeedbackStatusBadgeProps };

package/dist/components/blocks/feedback-status-badge.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from "../ui/badge.js";
-import { feedbackStatusLabels } from "./feedback-tracking-types.js";
-function FeedbackStatusBadge({ status }) {
-    return _jsx(Badge, { variant: feedbackStatusVariants[status], children: feedbackStatusLabels[status] });
-}
-const feedbackStatusVariants = {
-    completed: "success",
-    discussion_required: "warning",
-    in_progress: "info",
-    no_action: "secondary",
-    received: "outline",
-    withdrawn: "secondary",
-};
-export { FeedbackStatusBadge };

package/dist/components/blocks/feedback-table-row.d.ts

@@ -1,6 +0,0 @@
-import { type StakeholderFeedbackItem } from "./feedback-tracking-types.js";
-declare function FeedbackTableRow({ item, onSelectFeedback, }: {
-    item: StakeholderFeedbackItem;
-    onSelectFeedback?: (item: StakeholderFeedbackItem) => void;
-}): import("@types/react").JSX.Element;
-export { FeedbackTableRow };

package/dist/components/blocks/feedback-table-row.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertTriangleIcon, MessageCircleMoreIcon } from "lucide-react";
-import { formatFeedbackTimestamp, getFeedbackTimestampDateTime } from "./feedback-date-format.js";
-import { FeedbackStatusBadge } from "./feedback-status-badge.js";
-import { FeedbackTypeBadge } from "./feedback-type-badge.js";
-import { getFeedbackInitials } from "./feedback-tracking-types.js";
-import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar.js";
-import { Badge } from "../ui/badge.js";
-import { Button } from "../ui/button.js";
-import { TableCell, TableRow } from "../ui/table.js";
-function FeedbackTableRow({ item, onSelectFeedback, }) {
-    return (_jsxs(TableRow, { className: onSelectFeedback ? "cursor-pointer focus-within:bg-muted/60" : undefined, onClick: () => onSelectFeedback?.(item), children: [_jsx(TableCell, { className: "max-w-[22rem]", children: onSelectFeedback ? (_jsx(Button, { "aria-label": `Open feedback: ${item.subject}`, className: "h-auto w-full justify-start p-0 text-left whitespace-normal hover:bg-transparent", onClick: (event) => {
-                        event.stopPropagation();
-                        onSelectFeedback(item);
-                    }, type: "button", variant: "ghost", children: _jsx(FeedbackSummaryCell, { item: item }) })) : (_jsx(FeedbackSummaryCell, { item: item })) }), _jsx(TableCell, { children: _jsx(FeedbackTypeBadge, { type: item.type }) }), _jsx(TableCell, { children: _jsx(FeedbackSubmitterCell, { item: item }) }), _jsx(TableCell, { children: _jsx(FeedbackStatusBadge, { status: item.status }) }), _jsx(TableCell, { children: _jsx(FeedbackDateValue, { value: item.submittedAt }) }), _jsx(TableCell, { children: _jsx(FeedbackDateValue, { value: item.updatedAt }) })] }));
-}
-function FeedbackSummaryCell({ item }) {
-    return (_jsxs("span", { className: "grid min-w-0 gap-1", children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-medium text-foreground", children: item.subject }), item.urgency === "emergency" ? (_jsxs(Badge, { variant: "destructive", children: [_jsx(AlertTriangleIcon, {}), "Emergency"] })) : null, item.hasUnreadCustomerReply ? (_jsxs(Badge, { variant: "secondary", children: [_jsx(MessageCircleMoreIcon, {}), "Customer replied"] })) : null] }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.description }), _jsx("span", { className: "font-mono text-xs text-muted-foreground tabular-nums", children: item.referenceId ?? item.id })] }));
-}
-function FeedbackSubmitterCell({ item }) {
-    const submitter = item.submittedBy;
-    return (_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsxs(Avatar, { size: "sm", children: [_jsx(AvatarImage, { alt: "", src: submitter.imageUrl }), _jsx(AvatarFallback, { children: getFeedbackInitials(submitter.name, submitter.email) })] }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-sm font-medium text-foreground", children: submitter.name }), _jsx("div", { className: "truncate text-xs text-muted-foreground", children: submitter.organization ?? submitter.email ?? "Stakeholder" })] })] }));
-}
-function FeedbackDateValue({ value }) {
-    return (_jsx("time", { className: "font-mono text-xs text-muted-foreground tabular-nums", dateTime: getFeedbackTimestampDateTime(value), children: formatFeedbackTimestamp(value) }));
-}
-export { FeedbackTableRow };

package/dist/components/blocks/feedback-table-sort.d.ts

@@ -1,11 +0,0 @@
-import type { SortDirection } from "../ui/data-table.js";
-import type { StakeholderFeedbackItem } from "./feedback-tracking-types.js";
-type FeedbackTableSortKey = "status" | "submittedAt" | "submittedBy" | "type" | "updatedAt";
-type FeedbackTableSort = {
-    direction: SortDirection;
-    key: FeedbackTableSortKey;
-};
-declare function sortFeedbackItems(items: StakeholderFeedbackItem[], sort: FeedbackTableSort): StakeholderFeedbackItem[];
-declare function getNextFeedbackTableSort(currentSort: FeedbackTableSort, key: FeedbackTableSortKey): FeedbackTableSort;
-declare const defaultFeedbackTableSort: FeedbackTableSort;
-export { defaultFeedbackTableSort, getNextFeedbackTableSort, sortFeedbackItems, type FeedbackTableSort, type FeedbackTableSortKey, };

package/dist/components/blocks/feedback-table-sort.js

@@ -1,82 +0,0 @@
-function sortFeedbackItems(items, sort) {
-    return [...items].sort((first, second) => {
-        const result = compareFeedbackItems(first, second, sort);
-        if (result !== 0)
-            return result;
-        return compareStrings(first.subject, second.subject, "asc");
-    });
-}
-function getNextFeedbackTableSort(currentSort, key) {
-    if (currentSort.key !== key)
-        return { direction: getDefaultSortDirection(key), key };
-    return {
-        direction: currentSort.direction === "asc" ? "desc" : "asc",
-        key,
-    };
-}
-function compareFeedbackItems(first, second, sort) {
-    if (sort.key === "type")
-        return compareFeedbackTypes(first.type, second.type, sort.direction);
-    if (sort.key === "submittedBy") {
-        return compareStrings(first.submittedBy.name, second.submittedBy.name, sort.direction);
-    }
-    if (sort.key === "status")
-        return compareFeedbackStatuses(first.status, second.status, sort.direction);
-    if (sort.key === "submittedAt") {
-        return compareTimestamps(first.submittedAt, second.submittedAt, sort.direction);
-    }
-    return compareTimestamps(first.updatedAt, second.updatedAt, sort.direction);
-}
-function getDefaultSortDirection(key) {
-    if (key === "submittedAt" || key === "updatedAt")
-        return "desc";
-    return "asc";
-}
-function compareFeedbackStatuses(first, second, direction) {
-    const result = statusSortOrder[first] - statusSortOrder[second];
-    return direction === "asc" ? result : -result;
-}
-function compareFeedbackTypes(first, second, direction) {
-    const result = typeSortOrder[first] - typeSortOrder[second];
-    return direction === "asc" ? result : -result;
-}
-function compareStrings(first, second, direction) {
-    const result = first.localeCompare(second, undefined, { sensitivity: "base" });
-    return direction === "asc" ? result : -result;
-}
-function compareTimestamps(first, second, direction) {
-    const firstTimestamp = getTimestamp(first);
-    const secondTimestamp = getTimestamp(second);
-    if (firstTimestamp === undefined && secondTimestamp === undefined)
-        return 0;
-    if (firstTimestamp === undefined)
-        return 1;
-    if (secondTimestamp === undefined)
-        return -1;
-    const result = firstTimestamp - secondTimestamp;
-    return direction === "asc" ? result : -result;
-}
-function getTimestamp(value) {
-    if (!value)
-        return undefined;
-    const timestamp = Date.parse(value);
-    return Number.isNaN(timestamp) ? undefined : timestamp;
-}
-const defaultFeedbackTableSort = {
-    direction: "desc",
-    key: "submittedAt",
-};
-const statusSortOrder = {
-    completed: 3,
-    discussion_required: 2,
-    in_progress: 1,
-    no_action: 4,
-    received: 0,
-    withdrawn: 5,
-};
-const typeSortOrder = {
-    bug: 0,
-    feature: 1,
-    general: 2,
-};
-export { defaultFeedbackTableSort, getNextFeedbackTableSort, sortFeedbackItems, };

package/dist/components/blocks/feedback-table.d.ts

@@ -1,16 +0,0 @@
-import * as React from "react";
-import type { StakeholderFeedbackItem } from "./feedback-tracking-types.js";
-import { type FeedbackTableSort, type FeedbackTableSortKey } from "./feedback-table-sort.js";
-type FeedbackTableProps = {
-    defaultSort?: FeedbackTableSort;
-    emptyAction?: React.ReactNode;
-    emptyDescription?: string;
-    emptyTitle?: string;
-    isLoading?: boolean;
-    items: StakeholderFeedbackItem[];
-    onSelectFeedback?: (item: StakeholderFeedbackItem) => void;
-    onSortChange?: (sort: FeedbackTableSort) => void;
-    sort?: FeedbackTableSort;
-};
-declare function FeedbackTable({ defaultSort, emptyAction, emptyDescription, emptyTitle, isLoading, items, onSelectFeedback, onSortChange, sort, }: FeedbackTableProps): React.JSX.Element;
-export { FeedbackTable, type FeedbackTableProps, type FeedbackTableSort, type FeedbackTableSortKey };

package/dist/components/blocks/feedback-table.js

@@ -1,45 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { InboxIcon } from "lucide-react";
-import { DataTable, DataTableContent, DataTableEmpty, DataTableSkeleton, SortableTableHead, } from "../ui/data-table.js";
-import { Empty, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../ui/empty.js";
-import { Table, TableBody, TableHead, TableHeader, TableRow } from "../ui/table.js";
-import { defaultFeedbackTableSort, getNextFeedbackTableSort, sortFeedbackItems, } from "./feedback-table-sort.js";
-import { FeedbackTableRow } from "./feedback-table-row.js";
-function FeedbackTable({ defaultSort = defaultFeedbackTableSort, emptyAction, emptyDescription = "No feedback has been submitted yet.", emptyTitle = "No feedback", isLoading = false, items, onSelectFeedback, onSortChange, sort, }) {
-    const [internalSort, setInternalSort] = React.useState(defaultSort);
-    const activeSort = sort ?? internalSort;
-    const sortedItems = React.useMemo(() => sortFeedbackItems(items, activeSort), [activeSort, items]);
-    const handleSortChange = React.useCallback((key) => {
-        const nextSort = getNextFeedbackTableSort(activeSort, key);
-        if (!sort)
-            setInternalSort(nextSort);
-        onSortChange?.(nextSort);
-    }, [activeSort, onSortChange, sort]);
-    if (isLoading)
-        return _jsx(FeedbackTableLoading, {});
-    if (items.length === 0) {
-        return (_jsx(FeedbackTableEmpty, { action: emptyAction, description: emptyDescription, title: emptyTitle }));
-    }
-    return (_jsx(DataTable, { children: _jsx(DataTableContent, { children: _jsx(FeedbackTableContent, { items: sortedItems, onSelectFeedback: onSelectFeedback, onSortChange: handleSortChange, sort: activeSort }) }) }));
-}
-function FeedbackTableLoading() {
-    return (_jsx(DataTable, { children: _jsx(DataTableSkeleton, { columns: 6, rows: 6 }) }));
-}
-function FeedbackTableEmpty({ action, description, title, }) {
-    return (_jsx(DataTable, { children: _jsx(DataTableEmpty, { className: "min-h-80 border-b-0", children: _jsx(FeedbackTableEmptyContent, { action: action, description: description, title: title }) }) }));
-}
-function FeedbackTableEmptyContent({ action, description, title, }) {
-    return (_jsxs(Empty, { className: "border-0", children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(InboxIcon, {}) }), _jsx(EmptyTitle, { children: title }), _jsx(EmptyDescription, { children: description })] }), action] }));
-}
-function FeedbackTableContent({ items, onSelectFeedback, onSortChange, sort, }) {
-    return (_jsxs(Table, { children: [_jsx(FeedbackTableHeader, { onSortChange: onSortChange, sort: sort }), _jsx(TableBody, { children: items.map((item) => (_jsx(FeedbackTableRow, { item: item, onSelectFeedback: onSelectFeedback }, item.id))) })] }));
-}
-function FeedbackTableHeader({ onSortChange, sort, }) {
-    return (_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Feedback" }), _jsx(FeedbackSortableHead, { label: "Type", onSortChange: onSortChange, sort: sort, sortKey: "type" }), _jsx(FeedbackSortableHead, { label: "Submitted by", onSortChange: onSortChange, sort: sort, sortKey: "submittedBy" }), _jsx(FeedbackSortableHead, { label: "Status", onSortChange: onSortChange, sort: sort, sortKey: "status" }), _jsx(FeedbackSortableHead, { label: "Submitted", onSortChange: onSortChange, sort: sort, sortKey: "submittedAt" }), _jsx(FeedbackSortableHead, { label: "Updated", onSortChange: onSortChange, sort: sort, sortKey: "updatedAt" })] }) }));
-}
-function FeedbackSortableHead({ label, onSortChange, sort, sortKey, }) {
-    const active = sort.key === sortKey;
-    return (_jsx(SortableTableHead, { active: active, direction: active ? sort.direction : "asc", onSort: () => onSortChange(sortKey), children: label }));
-}
-export { FeedbackTable };

package/dist/components/blocks/feedback-tracking-types.d.ts

@@ -1,102 +0,0 @@
-declare const feedbackStatusValues: readonly ["received", "in_progress", "discussion_required", "completed", "no_action", "withdrawn"];
-type FeedbackStatus = (typeof feedbackStatusValues)[number];
-declare const feedbackTriageStatusValues: readonly ["received", "in_progress", "discussion_required", "completed", "no_action"];
-type StakeholderFeedbackType = "bug" | "feature" | "general";
-type FeedbackUrgency = "emergency" | "normal";
-type FeedbackAffectedScope = "everyone" | "just_me" | "my_team" | "unknown";
-type FeedbackSubmittedBy = {
-    email?: string;
-    imageUrl?: string;
-    name: string;
-    organization?: string;
-};
-type FeedbackAttachment = {
-    name: string;
-    url?: string;
-};
-type StakeholderFeedbackItem = {
-    affectedScope?: FeedbackAffectedScope;
-    attachments?: FeedbackAttachment[];
-    description: string;
-    hasUnreadCustomerReply?: boolean;
-    id: string;
-    referenceId?: string;
-    status: FeedbackStatus;
-    subject: string;
-    submittedAt: string;
-    submittedBy: FeedbackSubmittedBy;
-    type: StakeholderFeedbackType;
-    updatedAt?: string;
-    urgency?: FeedbackUrgency;
-};
-type UserFeedbackItem = {
-    affectedScope?: FeedbackAffectedScope;
-    attachments?: FeedbackAttachment[];
-    description: string;
-    hasUnreadReply?: boolean;
-    id: string;
-    status: FeedbackStatus;
-    subject: string;
-    submittedAt: string;
-    type: StakeholderFeedbackType;
-    unreadReplyCount?: number;
-    updatedAt?: string;
-    urgency?: FeedbackUrgency;
-};
-type UserFeedbackStatusEvent = {
-    createdAt: string;
-    id: string;
-    status: FeedbackStatus;
-};
-type FeedbackMetrics = {
-    completed: number;
-    discussionRequired: number;
-    inProgress: number;
-    received: number;
-    total: number;
-};
-type FeedbackTimelineEvent = {
-    actorEmail: string;
-    actorRole: "reporter" | "support";
-    at: string;
-    toStatus: FeedbackStatus;
-};
-declare const feedbackStatusLabels: Record<FeedbackStatus, string>;
-declare const feedbackTypeLabels: Record<StakeholderFeedbackType, string>;
-declare const feedbackStatusOptions: readonly [{
-    readonly label: "All statuses";
-    readonly value: "all";
-}, {
-    readonly label: string;
-    readonly value: "received";
-}, {
-    readonly label: string;
-    readonly value: "in_progress";
-}, {
-    readonly label: string;
-    readonly value: "discussion_required";
-}, {
-    readonly label: string;
-    readonly value: "completed";
-}, {
-    readonly label: string;
-    readonly value: "no_action";
-}, {
-    readonly label: string;
-    readonly value: "withdrawn";
-}];
-declare const feedbackTypeOptions: readonly [{
-    readonly label: "All types";
-    readonly value: "all";
-}, {
-    readonly label: string;
-    readonly value: "bug";
-}, {
-    readonly label: string;
-    readonly value: "feature";
-}, {
-    readonly label: string;
-    readonly value: "general";
-}];
-declare function getFeedbackInitials(name: string, email: string | undefined): string;
-export { feedbackStatusLabels, feedbackStatusOptions, feedbackTriageStatusValues, feedbackStatusValues, feedbackTypeLabels, feedbackTypeOptions, getFeedbackInitials, type FeedbackAffectedScope, type FeedbackAttachment, type FeedbackMetrics, type FeedbackStatus, type FeedbackSubmittedBy, type FeedbackTimelineEvent, type FeedbackUrgency, type StakeholderFeedbackItem, type StakeholderFeedbackType, type UserFeedbackItem, type UserFeedbackStatusEvent, };

package/dist/components/blocks/feedback-tracking-types.js

@@ -1,54 +0,0 @@
-// The canonical status list, in triage order; the union derives from it.
-const feedbackStatusValues = [
-    "received",
-    "in_progress",
-    "discussion_required",
-    "completed",
-    "no_action",
-    "withdrawn",
-];
-const feedbackTriageStatusValues = [
-    "received",
-    "in_progress",
-    "discussion_required",
-    "completed",
-    "no_action",
-];
-const feedbackStatusLabels = {
-    completed: "Closed",
-    discussion_required: "Discussion required",
-    in_progress: "In progress",
-    no_action: "No action",
-    received: "Received",
-    withdrawn: "Canceled",
-};
-const feedbackTypeLabels = {
-    bug: "Bug",
-    feature: "Feature request",
-    general: "General",
-};
-const feedbackStatusOptions = [
-    { label: "All statuses", value: "all" },
-    { label: feedbackStatusLabels.received, value: "received" },
-    { label: feedbackStatusLabels.in_progress, value: "in_progress" },
-    { label: feedbackStatusLabels.discussion_required, value: "discussion_required" },
-    { label: feedbackStatusLabels.completed, value: "completed" },
-    { label: feedbackStatusLabels.no_action, value: "no_action" },
-    { label: feedbackStatusLabels.withdrawn, value: "withdrawn" },
-];
-const feedbackTypeOptions = [
-    { label: "All types", value: "all" },
-    { label: feedbackTypeLabels.bug, value: "bug" },
-    { label: feedbackTypeLabels.feature, value: "feature" },
-    { label: feedbackTypeLabels.general, value: "general" },
-];
-function getFeedbackInitials(name, email) {
-    const source = name.trim() || email || "Stakeholder";
-    return source
-        .split(/\s|@/)
-        .filter(Boolean)
-        .slice(0, 2)
-        .map((part) => part.charAt(0).toUpperCase())
-        .join("");
-}
-export { feedbackStatusLabels, feedbackStatusOptions, feedbackTriageStatusValues, feedbackStatusValues, feedbackTypeLabels, feedbackTypeOptions, getFeedbackInitials, };

package/dist/components/blocks/feedback-triage-timeline.d.ts

@@ -1,11 +0,0 @@
-import { type FeedbackTimelineEvent } from "./feedback-tracking-types.js";
-type FeedbackTriageTimelineProps = {
-    events: FeedbackTimelineEvent[];
-};
-/**
- * The item's triage history, oldest first: where it has been, who moved it,
- * and when. Support identities read as "Support" -- one team voice, the same
- * rule the conversation applies.
- */
-declare function FeedbackTriageTimeline({ events }: FeedbackTriageTimelineProps): import("@types/react").JSX.Element | null;
-export { FeedbackTriageTimeline, type FeedbackTriageTimelineProps };

package/dist/components/blocks/feedback-triage-timeline.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatFeedbackTimestamp } from "./feedback-date-format.js";
-import { feedbackStatusLabels } from "./feedback-tracking-types.js";
-/**
- * The item's triage history, oldest first: where it has been, who moved it,
- * and when. Support identities read as "Support" -- one team voice, the same
- * rule the conversation applies.
- */
-function FeedbackTriageTimeline({ events }) {
-    if (events.length === 0)
-        return null;
-    return (_jsxs("section", { "aria-label": "Triage history", className: "grid gap-1.5", children: [_jsx("h3", { className: "text-sm font-medium", children: "Timeline" }), _jsx("ol", { className: "grid gap-1 border-l pl-3", children: events.map((event, index) => (_jsxs("li", { className: "text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground", children: feedbackStatusLabels[event.toStatus] }), " · ", event.actorRole === "support" ? "Support" : event.actorEmail, " · ", formatFeedbackTimestamp(event.at)] }, getTimelineEventKey(event, index)))) })] }));
-}
-function getTimelineEventKey(event, index) {
-    return `${event.toStatus}-${event.at}-${index}`; // two transitions can share a status and timestamp
-}
-export { FeedbackTriageTimeline };

package/dist/components/blocks/feedback-type-badge.d.ts

@@ -1,11 +0,0 @@
-import type * as React from "react";
-import { type StakeholderFeedbackType } from "./feedback-tracking-types.js";
-type FeedbackTypeBadgeProps = {
-    type: StakeholderFeedbackType;
-};
-/**
- * Quiet on purpose: status owns hue wherever the two badges share a row, so
- * the type reads by its icon's silhouette instead of competing for color.
- */
-declare function FeedbackTypeBadge({ type }: FeedbackTypeBadgeProps): React.JSX.Element;
-export { FeedbackTypeBadge, type FeedbackTypeBadgeProps };

package/dist/components/blocks/feedback-type-badge.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BugIcon, LightbulbIcon, MessageSquareIcon } from "lucide-react";
-import { Badge } from "../ui/badge.js";
-import { feedbackTypeLabels } from "./feedback-tracking-types.js";
-/**
- * Quiet on purpose: status owns hue wherever the two badges share a row, so
- * the type reads by its icon's silhouette instead of competing for color.
- */
-function FeedbackTypeBadge({ type }) {
-    const Icon = feedbackTypeIcons[type];
-    return (_jsxs(Badge, { variant: "outline", children: [_jsx(Icon, {}), feedbackTypeLabels[type]] }));
-}
-const feedbackTypeIcons = {
-    bug: BugIcon,
-    feature: LightbulbIcon,
-    general: MessageSquareIcon,
-};
-export { FeedbackTypeBadge };

package/dist/components/blocks/feedback-unread-badge.d.ts

@@ -1,6 +0,0 @@
-type FeedbackUnreadBadgeProps = {
-    count: number;
-};
-/** "N new reply/replies" pill for list rows; renders nothing at zero. */
-declare function FeedbackUnreadBadge({ count }: FeedbackUnreadBadgeProps): import("@types/react").JSX.Element | null;
-export { FeedbackUnreadBadge, type FeedbackUnreadBadgeProps };

package/dist/components/blocks/feedback-unread-badge.js

@@ -1,9 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from "../ui/badge.js";
-/** "N new reply/replies" pill for list rows; renders nothing at zero. */
-function FeedbackUnreadBadge({ count }) {
-    if (count <= 0)
-        return null;
-    return (_jsxs(Badge, { variant: "secondary", children: [count, " new ", count === 1 ? "reply" : "replies"] }));
-}
-export { FeedbackUnreadBadge };

package/dist/components/blocks/feedback-user-detail.d.ts

@@ -1,11 +0,0 @@
-import type * as React from "react";
-import type { UserFeedbackItem } from "./feedback-tracking-types.js";
-type FeedbackUserDetailProps = {
-    activityLabel?: string;
-    activitySlot?: React.ReactNode;
-    evidenceSlot?: React.ReactNode;
-    feedback?: UserFeedbackItem;
-    onBack?: () => void;
-};
-declare function FeedbackUserDetail({ activityLabel, activitySlot, evidenceSlot, feedback, onBack, }: FeedbackUserDetailProps): React.JSX.Element;
-export { FeedbackUserDetail, type FeedbackUserDetailProps };