@nergora/ui 0.0.0-stage → 1.0.9

package/dist/esm/blocks/task-table/task-table.js

@@ -0,0 +1,216 @@
+"use client";
+import { CheckCircle, DocumentText, MediaPlay, Pause, Spinner, Trash, } from "@nergora/icons";
+import * as React from "react";
+import { Badge } from "../../components/badge/index.js";
+import { IconButton } from "../../components/icon-button/index.js";
+import { Table } from "../../components/table/index.js";
+import { Tooltip, TooltipProvider } from "../../components/tooltip/index.js";
+import { clx } from "../../utils/clx.js";
+const defaultTasks = [
+    {
+        id: "TASK-001",
+        title: "Implement user authentication",
+        assignee: "Sarah Chen",
+        status: "in-progress",
+        priority: "high",
+        dueDate: "2026-03-25",
+        notes: "OAuth 2.0 integration with Google and GitHub providers.",
+    },
+    {
+        id: "TASK-002",
+        title: "Design dashboard UI",
+        assignee: "Michael Torres",
+        status: "completed",
+        priority: "medium",
+        dueDate: "2026-03-20",
+        notes: "Finalize dashboard layout with responsive grid system.",
+    },
+    {
+        id: "TASK-003",
+        title: "API performance optimization",
+        assignee: "Emma Rodriguez",
+        status: "pending",
+        priority: "urgent",
+        dueDate: "2026-03-22",
+        notes: "Reduce API response time by implementing caching strategy.",
+    },
+    {
+        id: "TASK-004",
+        title: "Write unit tests",
+        assignee: "James Wilson",
+        status: "in-progress",
+        priority: "medium",
+        dueDate: "2026-03-28",
+        notes: "Achieve 80% code coverage for authentication module.",
+    },
+    {
+        id: "TASK-005",
+        title: "Database migration",
+        assignee: "Olivia Martinez",
+        status: "blocked",
+        priority: "high",
+        dueDate: "2026-03-24",
+        notes: "Waiting for infrastructure team approval before proceeding.",
+    },
+    {
+        id: "TASK-006",
+        title: "Update documentation",
+        assignee: "Lucas Anderson",
+        status: "pending",
+        priority: "low",
+        dueDate: "2026-03-30",
+        notes: "Document new API endpoints and authentication flow.",
+    },
+    {
+        id: "TASK-007",
+        title: "Security audit",
+        assignee: "Sophia Taylor",
+        status: "completed",
+        priority: "urgent",
+        dueDate: "2026-03-19",
+        notes: "Conducted security review and vulnerability assessment.",
+    },
+];
+const defaultLabels = {
+    title: "Title",
+    assignee: "Assignee",
+    status: "Status",
+    priority: "Priority",
+    dueDate: "Due date",
+    notes: "Notes",
+    actions: "Actions",
+    start: "Start",
+    pause: "Pause",
+    complete: "Complete",
+    delete: "Delete",
+    view: "View details",
+    pending: "Pending",
+    inProgress: "In progress",
+    completed: "Completed",
+    blocked: "Blocked",
+    low: "Low",
+    medium: "Medium",
+    high: "High",
+    urgent: "Urgent",
+};
+const statusColor = {
+    pending: "orange",
+    "in-progress": "blue",
+    completed: "green",
+    blocked: "red",
+};
+const priorityColor = {
+    low: "grey",
+    medium: "blue",
+    high: "orange",
+    urgent: "red",
+};
+function getStatusLabel(status, labels) {
+    if (status === "in-progress") {
+        return labels.inProgress;
+    }
+    return labels[status];
+}
+function getPriorityLabel(priority, labels) {
+    return labels[priority];
+}
+function getTaskActions(task) {
+    const actions = [];
+    if (task.status === "pending" || task.status === "blocked") {
+        actions.push("start");
+    }
+    if (task.status === "in-progress") {
+        actions.push("pause", "complete");
+    }
+    actions.push("delete", "view");
+    return actions;
+}
+function getActionIcon(action) {
+    switch (action) {
+        case "start":
+            return React.createElement(MediaPlay, null);
+        case "pause":
+            return React.createElement(Pause, null);
+        case "complete":
+            return React.createElement(CheckCircle, null);
+        case "delete":
+            return React.createElement(Trash, null);
+        case "view":
+            return React.createElement(DocumentText, null);
+    }
+}
+function getActionLabel(action, labels) {
+    return labels[action];
+}
+const TaskTable = React.forwardRef(({ className, tasks = defaultTasks, labels, showPriority = false, actionDelay = 1000, disabledActions = [], onAction, onActionComplete, formatDueDate, classNames, ...props }, ref) => {
+    const resolvedLabels = { ...defaultLabels, ...labels };
+    const [pendingAction, setPendingAction] = React.useState(null);
+    const timeoutRef = React.useRef(null);
+    React.useEffect(() => {
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    const isTaskActionPending = React.useCallback((action, taskId) => (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.id) === taskId && pendingAction.type === action, [pendingAction]);
+    const isTaskBusy = React.useCallback((taskId) => (pendingAction === null || pendingAction === void 0 ? void 0 : pendingAction.id) === taskId, [pendingAction]);
+    const handleAction = React.useCallback((task, actionType) => {
+        if (disabledActions.includes(actionType) || isTaskBusy(task.id)) {
+            return;
+        }
+        onAction === null || onAction === void 0 ? void 0 : onAction(task, actionType);
+        setPendingAction({ id: task.id, type: actionType });
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            setPendingAction(null);
+            onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete(task, actionType);
+        }, actionDelay);
+    }, [actionDelay, disabledActions, isTaskBusy, onAction, onActionComplete]);
+    return (React.createElement(TooltipProvider, null,
+        React.createElement("div", { ref: ref, className: clx("w-full overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-base shadow-elevation-card-rest", classNames === null || classNames === void 0 ? void 0 : classNames.root, className), ...props },
+            React.createElement("div", { className: "w-full overflow-x-auto" },
+                React.createElement(Table, { className: classNames === null || classNames === void 0 ? void 0 : classNames.table },
+                    React.createElement(Table.Header, null,
+                        React.createElement(Table.Row, { className: clx("border-b border-ui-border-base hover:bg-ui-bg-subtle", classNames === null || classNames === void 0 ? void 0 : classNames.headerRow) },
+                            React.createElement(Table.HeaderCell, { className: "h-12 px-4" }, resolvedLabels.title),
+                            React.createElement(Table.HeaderCell, { className: "h-12 px-4" }, resolvedLabels.assignee),
+                            React.createElement(Table.HeaderCell, { className: "h-12 w-[132px] px-4" }, resolvedLabels.status),
+                            showPriority && (React.createElement(Table.HeaderCell, { className: "h-12 w-[112px] px-4" }, resolvedLabels.priority)),
+                            React.createElement(Table.HeaderCell, { className: "h-12 px-4" }, resolvedLabels.dueDate),
+                            React.createElement(Table.HeaderCell, { className: "h-12 min-w-[240px] px-4" }, resolvedLabels.notes),
+                            React.createElement(Table.HeaderCell, { className: "h-12 w-[180px] px-4" }, resolvedLabels.actions))),
+                    React.createElement(Table.Body, null, tasks.map((task) => {
+                        const busy = isTaskBusy(task.id);
+                        const actions = getTaskActions(task);
+                        return (React.createElement(Table.Row, { key: task.id, className: clx("hover:bg-ui-bg-base-hover", classNames === null || classNames === void 0 ? void 0 : classNames.row) },
+                            React.createElement(Table.Cell, { className: clx("h-16 px-4 text-ui-fg-base", classNames === null || classNames === void 0 ? void 0 : classNames.titleCell) },
+                                React.createElement("span", { className: "txt-compact-small-plus block min-w-44" }, task.title)),
+                            React.createElement(Table.Cell, { className: clx("h-16 px-4 text-ui-fg-muted", classNames === null || classNames === void 0 ? void 0 : classNames.mutedCell) }, task.assignee),
+                            React.createElement(Table.Cell, { className: "h-16 px-4" },
+                                React.createElement(Badge, { size: "xsmall", rounded: "full", color: statusColor[task.status] }, getStatusLabel(task.status, resolvedLabels))),
+                            showPriority && (React.createElement(Table.Cell, { className: "h-16 px-4" },
+                                React.createElement(Badge, { size: "xsmall", rounded: "full", color: priorityColor[task.priority] }, getPriorityLabel(task.priority, resolvedLabels)))),
+                            React.createElement(Table.Cell, { className: clx("h-16 px-4 text-ui-fg-muted", classNames === null || classNames === void 0 ? void 0 : classNames.mutedCell) }, formatDueDate
+                                ? formatDueDate(task.dueDate, task)
+                                : task.dueDate),
+                            React.createElement(Table.Cell, { className: clx("h-16 max-w-[320px] px-4 text-ui-fg-muted", classNames === null || classNames === void 0 ? void 0 : classNames.notesCell) },
+                                React.createElement(Tooltip, { content: task.notes },
+                                    React.createElement("span", { className: "block cursor-help truncate" }, task.notes))),
+                            React.createElement(Table.Cell, { className: clx("h-16 px-4", classNames === null || classNames === void 0 ? void 0 : classNames.actionsCell) },
+                                React.createElement("div", { className: clx("flex items-center gap-1", classNames === null || classNames === void 0 ? void 0 : classNames.actions) }, actions.map((action) => {
+                                    const pending = isTaskActionPending(action, task.id);
+                                    const disabled = busy || disabledActions.includes(action);
+                                    const isDanger = action === "delete";
+                                    const label = getActionLabel(action, resolvedLabels);
+                                    return (React.createElement(Tooltip, { key: action, content: label },
+                                        React.createElement(IconButton, { type: "button", size: "base", variant: "transparent", "aria-label": label, disabled: disabled, className: clx(isDanger &&
+                                                "text-ui-tag-red-icon hover:bg-ui-tag-red-bg hover:text-ui-tag-red-icon"), onClick: () => handleAction(task, action) }, pending ? (React.createElement(Spinner, { className: "animate-spin" })) : (getActionIcon(action)))));
+                                })))));
+                    })))))));
+});
+TaskTable.displayName = "TaskTable";
+export { TaskTable, defaultTasks as taskTableDefaultTasks };
+//# sourceMappingURL=task-table.js.map

package/dist/esm/blocks/task-table/task-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-table.js","sourceRoot":"","sources":["../../../../src/blocks/task-table/task-table.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircle,\n  DocumentText,\n  MediaPlay,\n  Pause,\n  Spinner,\n  Trash,\n} from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport { Badge } from \"@/components/badge\"\nimport { IconButton } from \"@/components/icon-button\"\nimport { Table } from \"@/components/table\"\nimport { Tooltip, TooltipProvider } from \"@/components/tooltip\"\nimport { clx } from \"@/utils/clx\"\n\ntype TaskStatus = \"pending\" | \"in-progress\" | \"completed\" | \"blocked\"\ntype TaskPriority = \"low\" | \"medium\" | \"high\" | \"urgent\"\ntype TaskActionType = \"start\" | \"pause\" | \"complete\" | \"delete\" | \"view\"\n\ntype TaskTableTask = {\n  id: string\n  title: string\n  assignee: string\n  status: TaskStatus\n  priority: TaskPriority\n  dueDate: string\n  notes: string\n}\n\ntype TaskTableLabels = {\n  title?: string\n  assignee?: string\n  status?: string\n  priority?: string\n  dueDate?: string\n  notes?: string\n  actions?: string\n  start?: string\n  pause?: string\n  complete?: string\n  delete?: string\n  view?: string\n  pending?: string\n  inProgress?: string\n  completed?: string\n  blocked?: string\n  low?: string\n  medium?: string\n  high?: string\n  urgent?: string\n}\n\ntype TaskTableClassNames = {\n  root?: string\n  table?: string\n  headerRow?: string\n  row?: string\n  titleCell?: string\n  mutedCell?: string\n  notesCell?: string\n  actionsCell?: string\n  actions?: string\n}\n\ninterface TaskTableProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  tasks?: TaskTableTask[]\n  labels?: TaskTableLabels\n  showPriority?: boolean\n  actionDelay?: number\n  disabledActions?: TaskActionType[]\n  onAction?: (task: TaskTableTask, action: TaskActionType) => void\n  onActionComplete?: (task: TaskTableTask, action: TaskActionType) => void\n  formatDueDate?: (date: string, task: TaskTableTask) => React.ReactNode\n  classNames?: TaskTableClassNames\n}\n\nconst defaultTasks: TaskTableTask[] = [\n  {\n    id: \"TASK-001\",\n    title: \"Implement user authentication\",\n    assignee: \"Sarah Chen\",\n    status: \"in-progress\",\n    priority: \"high\",\n    dueDate: \"2026-03-25\",\n    notes: \"OAuth 2.0 integration with Google and GitHub providers.\",\n  },\n  {\n    id: \"TASK-002\",\n    title: \"Design dashboard UI\",\n    assignee: \"Michael Torres\",\n    status: \"completed\",\n    priority: \"medium\",\n    dueDate: \"2026-03-20\",\n    notes: \"Finalize dashboard layout with responsive grid system.\",\n  },\n  {\n    id: \"TASK-003\",\n    title: \"API performance optimization\",\n    assignee: \"Emma Rodriguez\",\n    status: \"pending\",\n    priority: \"urgent\",\n    dueDate: \"2026-03-22\",\n    notes: \"Reduce API response time by implementing caching strategy.\",\n  },\n  {\n    id: \"TASK-004\",\n    title: \"Write unit tests\",\n    assignee: \"James Wilson\",\n    status: \"in-progress\",\n    priority: \"medium\",\n    dueDate: \"2026-03-28\",\n    notes: \"Achieve 80% code coverage for authentication module.\",\n  },\n  {\n    id: \"TASK-005\",\n    title: \"Database migration\",\n    assignee: \"Olivia Martinez\",\n    status: \"blocked\",\n    priority: \"high\",\n    dueDate: \"2026-03-24\",\n    notes: \"Waiting for infrastructure team approval before proceeding.\",\n  },\n  {\n    id: \"TASK-006\",\n    title: \"Update documentation\",\n    assignee: \"Lucas Anderson\",\n    status: \"pending\",\n    priority: \"low\",\n    dueDate: \"2026-03-30\",\n    notes: \"Document new API endpoints and authentication flow.\",\n  },\n  {\n    id: \"TASK-007\",\n    title: \"Security audit\",\n    assignee: \"Sophia Taylor\",\n    status: \"completed\",\n    priority: \"urgent\",\n    dueDate: \"2026-03-19\",\n    notes: \"Conducted security review and vulnerability assessment.\",\n  },\n]\n\nconst defaultLabels: Required<TaskTableLabels> = {\n  title: \"Title\",\n  assignee: \"Assignee\",\n  status: \"Status\",\n  priority: \"Priority\",\n  dueDate: \"Due date\",\n  notes: \"Notes\",\n  actions: \"Actions\",\n  start: \"Start\",\n  pause: \"Pause\",\n  complete: \"Complete\",\n  delete: \"Delete\",\n  view: \"View details\",\n  pending: \"Pending\",\n  inProgress: \"In progress\",\n  completed: \"Completed\",\n  blocked: \"Blocked\",\n  low: \"Low\",\n  medium: \"Medium\",\n  high: \"High\",\n  urgent: \"Urgent\",\n}\n\nconst statusColor: Record<\n  TaskStatus,\n  React.ComponentProps<typeof Badge>[\"color\"]\n> = {\n  pending: \"orange\",\n  \"in-progress\": \"blue\",\n  completed: \"green\",\n  blocked: \"red\",\n}\n\nconst priorityColor: Record<\n  TaskPriority,\n  React.ComponentProps<typeof Badge>[\"color\"]\n> = {\n  low: \"grey\",\n  medium: \"blue\",\n  high: \"orange\",\n  urgent: \"red\",\n}\n\nfunction getStatusLabel(status: TaskStatus, labels: Required<TaskTableLabels>) {\n  if (status === \"in-progress\") {\n    return labels.inProgress\n  }\n\n  return labels[status]\n}\n\nfunction getPriorityLabel(\n  priority: TaskPriority,\n  labels: Required<TaskTableLabels>\n) {\n  return labels[priority]\n}\n\nfunction getTaskActions(task: TaskTableTask): TaskActionType[] {\n  const actions: TaskActionType[] = []\n\n  if (task.status === \"pending\" || task.status === \"blocked\") {\n    actions.push(\"start\")\n  }\n\n  if (task.status === \"in-progress\") {\n    actions.push(\"pause\", \"complete\")\n  }\n\n  actions.push(\"delete\", \"view\")\n\n  return actions\n}\n\nfunction getActionIcon(action: TaskActionType) {\n  switch (action) {\n    case \"start\":\n      return <MediaPlay />\n    case \"pause\":\n      return <Pause />\n    case \"complete\":\n      return <CheckCircle />\n    case \"delete\":\n      return <Trash />\n    case \"view\":\n      return <DocumentText />\n  }\n}\n\nfunction getActionLabel(\n  action: TaskActionType,\n  labels: Required<TaskTableLabels>\n) {\n  return labels[action]\n}\n\nconst TaskTable = React.forwardRef<HTMLDivElement, TaskTableProps>(\n  (\n    {\n      className,\n      tasks = defaultTasks,\n      labels,\n      showPriority = false,\n      actionDelay = 1000,\n      disabledActions = [],\n      onAction,\n      onActionComplete,\n      formatDueDate,\n      classNames,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedLabels = { ...defaultLabels, ...labels }\n    const [pendingAction, setPendingAction] = React.useState<{\n      id: string\n      type: TaskActionType\n    } | null>(null)\n    const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    React.useEffect(() => {\n      return () => {\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current)\n        }\n      }\n    }, [])\n\n    const isTaskActionPending = React.useCallback(\n      (action: TaskActionType, taskId: string) =>\n        pendingAction?.id === taskId && pendingAction.type === action,\n      [pendingAction]\n    )\n\n    const isTaskBusy = React.useCallback(\n      (taskId: string) => pendingAction?.id === taskId,\n      [pendingAction]\n    )\n\n    const handleAction = React.useCallback(\n      (task: TaskTableTask, actionType: TaskActionType) => {\n        if (disabledActions.includes(actionType) || isTaskBusy(task.id)) {\n          return\n        }\n\n        onAction?.(task, actionType)\n        setPendingAction({ id: task.id, type: actionType })\n\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current)\n        }\n\n        timeoutRef.current = setTimeout(() => {\n          setPendingAction(null)\n          onActionComplete?.(task, actionType)\n        }, actionDelay)\n      },\n      [actionDelay, disabledActions, isTaskBusy, onAction, onActionComplete]\n    )\n\n    return (\n      <TooltipProvider>\n        <div\n          ref={ref}\n          className={clx(\n            \"w-full overflow-hidden rounded-lg border border-ui-border-base bg-ui-bg-base shadow-elevation-card-rest\",\n            classNames?.root,\n            className\n          )}\n          {...props}\n        >\n          <div className=\"w-full overflow-x-auto\">\n            <Table className={classNames?.table}>\n              <Table.Header>\n                <Table.Row\n                  className={clx(\n                    \"border-b border-ui-border-base hover:bg-ui-bg-subtle\",\n                    classNames?.headerRow\n                  )}\n                >\n                  <Table.HeaderCell className=\"h-12 px-4\">\n                    {resolvedLabels.title}\n                  </Table.HeaderCell>\n                  <Table.HeaderCell className=\"h-12 px-4\">\n                    {resolvedLabels.assignee}\n                  </Table.HeaderCell>\n                  <Table.HeaderCell className=\"h-12 w-[132px] px-4\">\n                    {resolvedLabels.status}\n                  </Table.HeaderCell>\n                  {showPriority && (\n                    <Table.HeaderCell className=\"h-12 w-[112px] px-4\">\n                      {resolvedLabels.priority}\n                    </Table.HeaderCell>\n                  )}\n                  <Table.HeaderCell className=\"h-12 px-4\">\n                    {resolvedLabels.dueDate}\n                  </Table.HeaderCell>\n                  <Table.HeaderCell className=\"h-12 min-w-[240px] px-4\">\n                    {resolvedLabels.notes}\n                  </Table.HeaderCell>\n                  <Table.HeaderCell className=\"h-12 w-[180px] px-4\">\n                    {resolvedLabels.actions}\n                  </Table.HeaderCell>\n                </Table.Row>\n              </Table.Header>\n              <Table.Body>\n                {tasks.map((task) => {\n                  const busy = isTaskBusy(task.id)\n                  const actions = getTaskActions(task)\n\n                  return (\n                    <Table.Row\n                      key={task.id}\n                      className={clx(\n                        \"hover:bg-ui-bg-base-hover\",\n                        classNames?.row\n                      )}\n                    >\n                      <Table.Cell\n                        className={clx(\n                          \"h-16 px-4 text-ui-fg-base\",\n                          classNames?.titleCell\n                        )}\n                      >\n                        <span className=\"txt-compact-small-plus block min-w-44\">\n                          {task.title}\n                        </span>\n                      </Table.Cell>\n                      <Table.Cell\n                        className={clx(\n                          \"h-16 px-4 text-ui-fg-muted\",\n                          classNames?.mutedCell\n                        )}\n                      >\n                        {task.assignee}\n                      </Table.Cell>\n                      <Table.Cell className=\"h-16 px-4\">\n                        <Badge\n                          size=\"xsmall\"\n                          rounded=\"full\"\n                          color={statusColor[task.status]}\n                        >\n                          {getStatusLabel(task.status, resolvedLabels)}\n                        </Badge>\n                      </Table.Cell>\n                      {showPriority && (\n                        <Table.Cell className=\"h-16 px-4\">\n                          <Badge\n                            size=\"xsmall\"\n                            rounded=\"full\"\n                            color={priorityColor[task.priority]}\n                          >\n                            {getPriorityLabel(task.priority, resolvedLabels)}\n                          </Badge>\n                        </Table.Cell>\n                      )}\n                      <Table.Cell\n                        className={clx(\n                          \"h-16 px-4 text-ui-fg-muted\",\n                          classNames?.mutedCell\n                        )}\n                      >\n                        {formatDueDate\n                          ? formatDueDate(task.dueDate, task)\n                          : task.dueDate}\n                      </Table.Cell>\n                      <Table.Cell\n                        className={clx(\n                          \"h-16 max-w-[320px] px-4 text-ui-fg-muted\",\n                          classNames?.notesCell\n                        )}\n                      >\n                        <Tooltip content={task.notes}>\n                          <span className=\"block cursor-help truncate\">\n                            {task.notes}\n                          </span>\n                        </Tooltip>\n                      </Table.Cell>\n                      <Table.Cell\n                        className={clx(\"h-16 px-4\", classNames?.actionsCell)}\n                      >\n                        <div\n                          className={clx(\n                            \"flex items-center gap-1\",\n                            classNames?.actions\n                          )}\n                        >\n                          {actions.map((action) => {\n                            const pending = isTaskActionPending(action, task.id)\n                            const disabled =\n                              busy || disabledActions.includes(action)\n                            const isDanger = action === \"delete\"\n                            const label = getActionLabel(action, resolvedLabels)\n\n                            return (\n                              <Tooltip key={action} content={label}>\n                                <IconButton\n                                  type=\"button\"\n                                  size=\"base\"\n                                  variant=\"transparent\"\n                                  aria-label={label}\n                                  disabled={disabled}\n                                  className={clx(\n                                    isDanger &&\n                                      \"text-ui-tag-red-icon hover:bg-ui-tag-red-bg hover:text-ui-tag-red-icon\"\n                                  )}\n                                  onClick={() => handleAction(task, action)}\n                                >\n                                  {pending ? (\n                                    <Spinner className=\"animate-spin\" />\n                                  ) : (\n                                    getActionIcon(action)\n                                  )}\n                                </IconButton>\n                              </Tooltip>\n                            )\n                          })}\n                        </div>\n                      </Table.Cell>\n                    </Table.Row>\n                  )\n                })}\n              </Table.Body>\n            </Table>\n          </div>\n        </div>\n      </TooltipProvider>\n    )\n  }\n)\nTaskTable.displayName = \"TaskTable\"\n\nexport { TaskTable, defaultTasks as taskTableDefaultTasks }\nexport type {\n  TaskActionType,\n  TaskPriority,\n  TaskStatus,\n  TaskTableClassNames,\n  TaskTableLabels,\n  TaskTableProps,\n  TaskTableTask,\n}\n"]}

package/dist/esm/components/accordion/accordion.d.ts

@@ -0,0 +1,17 @@
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+type AccordionProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>;
+type AccordionItemProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Item>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Trigger>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type AccordionContentProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Content>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/esm/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,cAAc,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAUhF,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CACtD,OAAO,cAAc,CAAC,IAAI,CAC3B,CAAA;AAED,QAAA,MAAM,aAAa,6JAejB,CAAA;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,cAAc,CAAC,OAAO,CAC9B,CAAA;AAED,QAAA,MAAM,gBAAgB,sKAwBpB,CAAA;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,cAAc,CAAC,OAAO,CAC9B,CAAA;AAED,QAAA,MAAM,gBAAgB,gKAcpB,CAAA;AAGF,QAAA,MAAM,SAAS;;;;CAIb,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AACvE,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,qBAAqB,GACtB,CAAA"}

package/dist/esm/components/accordion/accordion.js

@@ -0,0 +1,32 @@
+"use client";
+import { ChevronDownMini } from "@nergora/icons";
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const AccordionRoot = React.forwardRef((props, ref) => {
+    return React.createElement(RadixAccordion.Root, { ref: ref, "data-slot": "accordion", ...props });
+});
+AccordionRoot.displayName = "Accordion";
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Item, { ref: ref, "data-slot": "accordion-item", className: clx("border-b border-ui-border-base last-of-type:border-b-0", className), ...props }));
+});
+AccordionItem.displayName = "Accordion.Item";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Header, { className: "flex" },
+        React.createElement(RadixAccordion.Trigger, { ref: ref, "data-slot": "accordion-trigger", className: clx("txt-compact-small-plus flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-ui-fg-base outline-none transition-fg", "hover:text-ui-fg-subtle hover:underline", "focus-visible:shadow-borders-focus", "disabled:pointer-events-none disabled:text-ui-fg-disabled", "[&[data-state=open]>svg]:rotate-180", className), ...props },
+            children,
+            React.createElement(ChevronDownMini, { className: "pointer-events-none mt-0.5 size-4 shrink-0 text-ui-fg-muted transition-transform duration-200" }))));
+});
+AccordionTrigger.displayName = "Accordion.Trigger";
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(RadixAccordion.Content, { ref: ref, "data-slot": "accordion-content", className: "txt-compact-small overflow-hidden text-ui-fg-subtle data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props },
+        React.createElement("div", { className: clx("pb-4 pt-0", className) }, children)));
+});
+AccordionContent.displayName = "Accordion.Content";
+const Accordion = Object.assign(AccordionRoot, {
+    Item: AccordionItem,
+    Trigger: AccordionTrigger,
+    Content: AccordionContent,
+});
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/esm/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAIjC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,cAAc,CAAC,IAAI,IAAC,GAAG,EAAE,GAAG,eAAY,WAAW,KAAK,KAAK,GAAI,CAAA;AAC3E,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAA;AAMvC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,cAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,eACE,gBAAgB,EAC1B,SAAS,EAAE,GAAG,CACZ,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAM5C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,oBAAC,cAAc,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM;QACrC,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,eACE,mBAAmB,EAC7B,SAAS,EAAE,GAAG,CACZ,2IAA2I,EAC3I,yCAAyC,EACzC,oCAAoC,EACpC,2DAA2D,EAC3D,qCAAqC,EACrC,SAAS,CACV,KACG,KAAK;YAER,QAAQ;YACT,oBAAC,eAAe,IAAC,SAAS,EAAC,+FAA+F,GAAG,CACtG,CACH,CACzB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAMlD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3C,OAAO,CACL,oBAAC,cAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,eACE,mBAAmB,EAC7B,SAAS,EAAC,uIAAuI,KAC7I,KAAK;QAET,6BAAK,SAAS,EAAE,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACtC,CAC1B,CAAA;AACH,CAAC,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE;IAC7C,IAAI,EAAE,aAAa;IACnB,OAAO,EAAE,gBAAgB;IACzB,OAAO,EAAE,gBAAgB;CAC1B,CAAC,CAAA;AAEF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { ChevronDownMini } from \"@nergora/icons\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>\n\nconst AccordionRoot = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Root>,\n  AccordionProps\n>((props, ref) => {\n  return <RadixAccordion.Root ref={ref} data-slot=\"accordion\" {...props} />\n})\nAccordionRoot.displayName = \"Accordion\"\n\ntype AccordionItemProps = React.ComponentPropsWithoutRef<\n  typeof RadixAccordion.Item\n>\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Item>,\n  AccordionItemProps\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Item\n      ref={ref}\n      data-slot=\"accordion-item\"\n      className={clx(\n        \"border-b border-ui-border-base last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nAccordionItem.displayName = \"Accordion.Item\"\n\ntype AccordionTriggerProps = React.ComponentPropsWithoutRef<\n  typeof RadixAccordion.Trigger\n>\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Trigger>,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAccordion.Header className=\"flex\">\n      <RadixAccordion.Trigger\n        ref={ref}\n        data-slot=\"accordion-trigger\"\n        className={clx(\n          \"txt-compact-small-plus flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-ui-fg-base outline-none transition-fg\",\n          \"hover:text-ui-fg-subtle hover:underline\",\n          \"focus-visible:shadow-borders-focus\",\n          \"disabled:pointer-events-none disabled:text-ui-fg-disabled\",\n          \"[&[data-state=open]>svg]:rotate-180\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <ChevronDownMini className=\"pointer-events-none mt-0.5 size-4 shrink-0 text-ui-fg-muted transition-transform duration-200\" />\n      </RadixAccordion.Trigger>\n    </RadixAccordion.Header>\n  )\n})\nAccordionTrigger.displayName = \"Accordion.Trigger\"\n\ntype AccordionContentProps = React.ComponentPropsWithoutRef<\n  typeof RadixAccordion.Content\n>\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Content>,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAccordion.Content\n      ref={ref}\n      data-slot=\"accordion-content\"\n      className=\"txt-compact-small overflow-hidden text-ui-fg-subtle data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n      {...props}\n    >\n      <div className={clx(\"pb-4 pt-0\", className)}>{children}</div>\n    </RadixAccordion.Content>\n  )\n})\nAccordionContent.displayName = \"Accordion.Content\"\n\nconst Accordion = Object.assign(AccordionRoot, {\n  Item: AccordionItem,\n  Trigger: AccordionTrigger,\n  Content: AccordionContent,\n})\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger }\nexport type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionProps,\n  AccordionTriggerProps,\n}\n"]}

package/dist/esm/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./accordion";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/esm/components/accordion/index.js

@@ -0,0 +1,2 @@
+export * from "./accordion";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA","sourcesContent":["export * from \"./accordion\"\n"]}

package/dist/esm/components/alert/alert.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
+    variant?: "error" | "success" | "warning" | "info";
+    dismissible?: boolean;
+}
+/**
+ * This component is based on the div element and supports all of its props
+ *
+ * @excludeExternal
+ */
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=alert.d.ts.map

package/dist/esm/components/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}

package/dist/esm/components/alert/alert.js

@@ -0,0 +1,47 @@
+"use client";
+import { clx } from "../../utils/clx.js";
+import { CheckCircleSolid, ExclamationCircleSolid, InformationCircleSolid, XCircleSolid, XMarkMini, } from "@nergora/icons";
+import * as React from "react";
+import { IconButton } from "../icon-button/index.js";
+/**
+ * This component is based on the div element and supports all of its props
+ *
+ * @excludeExternal
+ */
+export const Alert = React.forwardRef(({ 
+/**
+ * The variant of the alert
+ */
+variant = "info", 
+/**
+ * Whether the alert is dismissible
+ */
+dismissible = false, className, children, ...props }, ref) => {
+    const [dismissed, setDismissed] = React.useState(false);
+    const Icon = {
+        info: InformationCircleSolid,
+        error: XCircleSolid,
+        success: CheckCircleSolid,
+        warning: ExclamationCircleSolid,
+    }[variant];
+    const handleDismiss = () => {
+        setDismissed(true);
+    };
+    if (dismissed) {
+        return null;
+    }
+    return (React.createElement("div", { ref: ref, className: clx("bg-ui-bg-subtle txt-compact-small grid items-start gap-x-2 text-pretty rounded-lg border p-3", {
+            "grid-cols-[20px_1fr]": !dismissible,
+            "grid-cols-[20px_1fr_20px]": dismissible,
+        }, className), ...props },
+        React.createElement(Icon, { className: clx({
+                "text-ui-tag-red-icon": variant === "error",
+                "text-ui-tag-green-icon": variant === "success",
+                "text-ui-tag-orange-icon": variant === "warning",
+                "text-ui-tag-neutral-icon": variant === "info",
+            }) }),
+        React.createElement("div", { className: "w-full" }, children),
+        dismissible && (React.createElement(IconButton, { size: "2xsmall", variant: "transparent", type: "button", onClick: handleDismiss },
+            React.createElement(XMarkMini, { className: "text-ui-fg-muted" })))));
+});
+//# sourceMappingURL=alert.js.map

package/dist/esm/components/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,SAAS,GACV,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,sBAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,GAAG,CAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,6BAAK,SAAS,EAAC,QAAQ,IAAE,QAAQ,CAAO;QACvC,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport {\n  CheckCircleSolid,\n  ExclamationCircleSolid,\n  InformationCircleSolid,\n  XCircleSolid,\n  XMarkMini,\n} from \"@nergora/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n  dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  (\n    {\n      /**\n       * The variant of the alert\n       */\n      variant = \"info\",\n      /**\n       * Whether the alert is dismissible\n       */\n      dismissible = false,\n      className,\n      children,\n      ...props\n    }: AlertProps,\n    ref\n  ) => {\n    const [dismissed, setDismissed] = React.useState(false)\n\n    const Icon = {\n      info: InformationCircleSolid,\n      error: XCircleSolid,\n      success: CheckCircleSolid,\n      warning: ExclamationCircleSolid,\n    }[variant]\n\n    const handleDismiss = () => {\n      setDismissed(true)\n    }\n\n    if (dismissed) {\n      return null\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-subtle txt-compact-small grid items-start gap-x-2 text-pretty rounded-lg border p-3\",\n          {\n            \"grid-cols-[20px_1fr]\": !dismissible,\n            \"grid-cols-[20px_1fr_20px]\": dismissible,\n          },\n          className\n        )}\n        {...props}\n      >\n        <Icon\n          className={clx({\n            \"text-ui-tag-red-icon\": variant === \"error\",\n            \"text-ui-tag-green-icon\": variant === \"success\",\n            \"text-ui-tag-orange-icon\": variant === \"warning\",\n            \"text-ui-tag-neutral-icon\": variant === \"info\",\n          })}\n        />\n        <div className=\"w-full\">{children}</div>\n        {dismissible && (\n          <IconButton\n            size=\"2xsmall\"\n            variant=\"transparent\"\n            type=\"button\"\n            onClick={handleDismiss}\n          >\n            <XMarkMini className=\"text-ui-fg-muted\" />\n          </IconButton>\n        )}\n      </div>\n    )\n  }\n)\n"]}

package/dist/esm/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./alert";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/dist/esm/components/alert/index.js

@@ -0,0 +1,2 @@
+export * from "./alert";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA","sourcesContent":["export * from \"./alert\"\n"]}

package/dist/esm/components/attachment/attachment.d.ts

@@ -0,0 +1,141 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+import { IconButton } from "../icon-button/index.js";
+declare const attachmentVariants: (props?: ({
+    size?: "base" | "small" | "xsmall" | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface AttachmentProps extends React.ComponentPropsWithoutRef<"div">, VariantProps<typeof attachmentVariants> {
+    state?: "idle" | "uploading" | "processing" | "error" | "done";
+}
+declare const attachmentMediaVariants: (props?: ({
+    variant?: "image" | "icon" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+interface AttachmentMediaProps extends React.ComponentPropsWithoutRef<"div">, VariantProps<typeof attachmentMediaVariants> {
+}
+interface AttachmentActionProps extends React.ComponentPropsWithoutRef<typeof IconButton> {
+}
+interface AttachmentTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
+    asChild?: boolean;
+}
+declare const Attachment: React.ForwardRefExoticComponent<AttachmentProps & React.RefAttributes<HTMLDivElement>> & {
+    Media: React.ForwardRefExoticComponent<AttachmentMediaProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Actions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Action: React.ForwardRefExoticComponent<AttachmentActionProps & React.RefAttributes<HTMLButtonElement>>;
+    Trigger: React.ForwardRefExoticComponent<AttachmentTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Group: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Attachment, attachmentMediaVariants, attachmentVariants };
+export type { AttachmentActionProps, AttachmentMediaProps, AttachmentProps, AttachmentTriggerProps, };
+//# sourceMappingURL=attachment.d.ts.map

package/dist/esm/components/attachment/attachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../../src/components/attachment/attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AAEvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAGrD,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAkCtB,CAAA;AAEF,UAAU,eACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;CAC/D;AA4BD,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAuB3B,CAAA;AAEF,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC3C,YAAY,CAAC,OAAO,uBAAuB,CAAC;CAAG;AA4FnD,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,UAAU,CAAC;CAAG;AAkB9D,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAsCD,QAAA,MAAM,UAAU;;;;;;;;;CASd,CAAA;AAEF,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,CAAA;AAClE,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,GACvB,CAAA"}