@tangle-network/ui 11.44.0 → 11.44.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/_virtual/_rolldown/runtime.js +1 -2
- package/dist/auth/auth.d.ts +1 -3
- package/dist/auth/auth.js +1 -2
- package/dist/auth/login-layout.d.ts +1 -3
- package/dist/auth/login-layout.js +1 -2
- package/dist/chat/agent-timeline.d.ts +1 -3
- package/dist/chat/agent-timeline.js +1 -2
- package/dist/chat/chat-container.d.ts +1 -3
- package/dist/chat/chat-container.js +3 -4
- package/dist/chat/chat-message.d.ts +1 -3
- package/dist/chat/chat-message.js +1 -2
- package/dist/chat/message-author.d.ts +1 -3
- package/dist/chat/message-author.js +1 -2
- package/dist/chat/message-list.d.ts +1 -3
- package/dist/chat/message-list.js +1 -2
- package/dist/chat/synthetic-text.js +1 -2
- package/dist/chat/thinking-indicator.d.ts +1 -3
- package/dist/chat/thinking-indicator.js +1 -2
- package/dist/chat/transcript-text.d.ts +1 -3
- package/dist/chat/transcript-text.js +1 -2
- package/dist/chat/user-message.d.ts +1 -3
- package/dist/chat/user-message.js +1 -2
- package/dist/code-presentation.js +1 -2
- package/dist/editor/document-editor-pane.d.ts +1 -3
- package/dist/editor/document-editor-pane.js +3 -4
- package/dist/editor/editor-lazy.js +1 -2
- package/dist/editor/editor-loading.js +1 -2
- package/dist/editor/editor-peers.js +1 -2
- package/dist/editor/editor-provider.d.ts +1 -3
- package/dist/editor/editor-provider.js +1 -2
- package/dist/editor/editor-toolbar.d.ts +1 -3
- package/dist/editor/editor-toolbar.js +1 -2
- package/dist/editor/markdown-conversion.js +1 -2
- package/dist/editor/markdown-document-editor.js +1 -2
- package/dist/editor/source-markdown-editor.js +1 -2
- package/dist/editor/source-markdown.js +1 -2
- package/dist/editor/tiptap-editor.d.ts +0 -2
- package/dist/editor/tiptap-editor.js +1 -2
- package/dist/editor/use-editor.d.ts +1 -3
- package/dist/editor/use-editor.js +1 -2
- package/dist/files/file-artifact-pane.d.ts +1 -3
- package/dist/files/file-artifact-pane.js +4 -5
- package/dist/files/file-card.d.ts +1 -3
- package/dist/files/file-card.js +1 -2
- package/dist/files/file-format.d.ts +1 -3
- package/dist/files/file-format.js +1 -2
- package/dist/files/file-list.d.ts +1 -3
- package/dist/files/file-list.js +1 -2
- package/dist/files/file-preview.d.ts +1 -3
- package/dist/files/file-preview.js +1 -2
- package/dist/files/file-tabs.d.ts +1 -3
- package/dist/files/file-tabs.js +1 -2
- package/dist/files/file-tree.d.ts +1 -3
- package/dist/files/file-tree.js +1 -2
- package/dist/files/pdf-loader.d.ts +1 -3
- package/dist/files/pdf-loader.js +1 -2
- package/dist/files/pdf-viewer.d.ts +1 -3
- package/dist/files/pdf-viewer.js +1 -2
- package/dist/files/rich-file-tree.d.ts +1 -3
- package/dist/files/rich-file-tree.js +1 -2
- package/dist/hooks/use-auth.d.ts +1 -3
- package/dist/hooks/use-auth.js +1 -2
- package/dist/hooks/use-auto-scroll.d.ts +1 -3
- package/dist/hooks/use-auto-scroll.js +1 -2
- package/dist/hooks/use-dropdown-menu.d.ts +1 -2
- package/dist/hooks/use-dropdown-menu.js +1 -2
- package/dist/hooks/use-live-time.d.ts +1 -3
- package/dist/hooks/use-live-time.js +1 -2
- package/dist/hooks/use-realtime-session.d.ts +1 -3
- package/dist/hooks/use-realtime-session.js +1 -2
- package/dist/hooks/use-run-collapse-state.d.ts +1 -3
- package/dist/hooks/use-run-collapse-state.js +1 -2
- package/dist/hooks/use-run-groups.d.ts +1 -3
- package/dist/hooks/use-run-groups.js +1 -2
- package/dist/hooks/use-sdk-session.d.ts +1 -3
- package/dist/hooks/use-sdk-session.js +1 -2
- package/dist/hooks/use-sse-stream.d.ts +1 -3
- package/dist/hooks/use-sse-stream.js +1 -2
- package/dist/hooks/use-tool-call-stream.d.ts +1 -3
- package/dist/hooks/use-tool-call-stream.js +1 -2
- package/dist/lib/code-presentation.d.ts +1 -3
- package/dist/lib/code-presentation.js +1 -2
- package/dist/lib/control-presentation.d.ts +0 -2
- package/dist/lib/control-presentation.js +1 -2
- package/dist/lib/focus.d.ts +1 -3
- package/dist/lib/focus.js +1 -2
- package/dist/lib/interaction.d.ts +1 -3
- package/dist/lib/interaction.js +1 -2
- package/dist/lib/motion.d.ts +1 -3
- package/dist/lib/motion.js +1 -2
- package/dist/lib/optional-peer.js +1 -2
- package/dist/lib/series.d.ts +1 -3
- package/dist/lib/series.js +1 -2
- package/dist/lib/surface-motion.js +1 -2
- package/dist/lib/utils.d.ts +1 -3
- package/dist/lib/utils.js +1 -2
- package/dist/markdown/api-schema.d.ts +1 -3
- package/dist/markdown/api-schema.js +1 -2
- package/dist/markdown/code-block.d.ts +0 -2
- package/dist/markdown/code-block.js +1 -2
- package/dist/markdown/code-meta.d.ts +1 -3
- package/dist/markdown/code-meta.js +1 -2
- package/dist/markdown/markdown-table.d.ts +1 -3
- package/dist/markdown/markdown-table.js +1 -2
- package/dist/markdown/markdown.d.ts +1 -3
- package/dist/markdown/markdown.js +1 -2
- package/dist/nav.d.ts +0 -2
- package/dist/nav.js +1 -2
- package/dist/openui/openui-artifact-renderer.d.ts +1 -2
- package/dist/openui/openui-artifact-renderer.js +1 -2
- package/dist/openui/schema-compiled.js +1 -2
- package/dist/openui/schema-data.d.ts +1 -3
- package/dist/openui/schema-data.js +1 -2
- package/dist/openui-schema.d.ts +0 -2
- package/dist/openui-schema.js +1 -2
- package/dist/presentation.d.ts +0 -2
- package/dist/presentation.js +1 -2
- package/dist/primitives/alert-dialog.d.ts +0 -2
- package/dist/primitives/alert-dialog.js +1 -2
- package/dist/primitives/alert.d.ts +1 -3
- package/dist/primitives/alert.js +1 -2
- package/dist/primitives/artifact-pane.d.ts +1 -3
- package/dist/primitives/artifact-pane.js +1 -2
- package/dist/primitives/avatar.d.ts +0 -2
- package/dist/primitives/avatar.js +1 -2
- package/dist/primitives/badge.d.ts +0 -2
- package/dist/primitives/badge.js +1 -2
- package/dist/primitives/breadcrumb.d.ts +0 -2
- package/dist/primitives/breadcrumb.js +1 -2
- package/dist/primitives/button.d.ts +0 -2
- package/dist/primitives/button.js +1 -2
- package/dist/primitives/calendar.d.ts +0 -2
- package/dist/primitives/calendar.js +1 -2
- package/dist/primitives/card.d.ts +0 -2
- package/dist/primitives/card.js +1 -2
- package/dist/primitives/checkbox.d.ts +0 -2
- package/dist/primitives/checkbox.js +1 -2
- package/dist/primitives/chip.d.ts +0 -2
- package/dist/primitives/chip.js +1 -2
- package/dist/primitives/code-block.d.ts +0 -2
- package/dist/primitives/code-block.js +1 -2
- package/dist/primitives/collapsible.d.ts +0 -2
- package/dist/primitives/collapsible.js +1 -2
- package/dist/primitives/compliance-badge.d.ts +0 -2
- package/dist/primitives/compliance-badge.js +3 -4
- package/dist/primitives/context-menu.d.ts +0 -2
- package/dist/primitives/context-menu.js +1 -2
- package/dist/primitives/date-picker.d.ts +0 -2
- package/dist/primitives/date-picker.js +1 -2
- package/dist/primitives/dialog.d.ts +0 -2
- package/dist/primitives/dialog.js +3 -4
- package/dist/primitives/drop-zone.d.ts +1 -3
- package/dist/primitives/drop-zone.js +1 -2
- package/dist/primitives/dropdown-menu.d.ts +0 -2
- package/dist/primitives/dropdown-menu.js +1 -2
- package/dist/primitives/empty-state.d.ts +0 -2
- package/dist/primitives/empty-state.js +1 -2
- package/dist/primitives/field.d.ts +1 -3
- package/dist/primitives/field.js +1 -2
- package/dist/primitives/heading.d.ts +0 -2
- package/dist/primitives/heading.js +1 -2
- package/dist/primitives/help-text.d.ts +0 -2
- package/dist/primitives/help-text.js +1 -2
- package/dist/primitives/hover-card.d.ts +0 -2
- package/dist/primitives/hover-card.js +1 -2
- package/dist/primitives/icon-tile.d.ts +0 -2
- package/dist/primitives/icon-tile.js +1 -2
- package/dist/primitives/info-tip.js +1 -2
- package/dist/primitives/input.d.ts +0 -2
- package/dist/primitives/input.js +1 -2
- package/dist/primitives/label.d.ts +0 -2
- package/dist/primitives/label.js +1 -2
- package/dist/primitives/metric-chart.d.ts +0 -2
- package/dist/primitives/metric-chart.js +1 -2
- package/dist/primitives/metric-strip.d.ts +0 -2
- package/dist/primitives/metric-strip.js +1 -2
- package/dist/primitives/page-header.d.ts +0 -2
- package/dist/primitives/page-header.js +1 -2
- package/dist/primitives/page-shell.d.ts +1 -3
- package/dist/primitives/page-shell.js +1 -2
- package/dist/primitives/pagination.d.ts +1 -2
- package/dist/primitives/pagination.js +1 -2
- package/dist/primitives/popover.d.ts +0 -2
- package/dist/primitives/popover.js +1 -2
- package/dist/primitives/progress.d.ts +0 -2
- package/dist/primitives/progress.js +1 -2
- package/dist/primitives/radio-group.d.ts +0 -2
- package/dist/primitives/radio-group.js +1 -2
- package/dist/primitives/segmented-control.d.ts +1 -3
- package/dist/primitives/segmented-control.js +4 -5
- package/dist/primitives/select.d.ts +0 -2
- package/dist/primitives/select.js +1 -2
- package/dist/primitives/separator.d.ts +0 -2
- package/dist/primitives/separator.js +1 -2
- package/dist/primitives/series-sparkline.d.ts +0 -2
- package/dist/primitives/series-sparkline.js +1 -2
- package/dist/primitives/settings.d.ts +1 -3
- package/dist/primitives/settings.js +1 -2
- package/dist/primitives/sheet.d.ts +0 -2
- package/dist/primitives/sheet.js +3 -4
- package/dist/primitives/sidebar-drop-zone.d.ts +1 -3
- package/dist/primitives/sidebar-drop-zone.js +1 -2
- package/dist/primitives/skeleton.d.ts +0 -2
- package/dist/primitives/skeleton.js +1 -2
- package/dist/primitives/slider.d.ts +0 -2
- package/dist/primitives/slider.js +1 -2
- package/dist/primitives/stat-card.d.ts +0 -2
- package/dist/primitives/stat-card.js +1 -2
- package/dist/primitives/status-pill.d.ts +0 -2
- package/dist/primitives/status-pill.js +1 -2
- package/dist/primitives/switch.d.ts +0 -2
- package/dist/primitives/switch.js +1 -2
- package/dist/primitives/table.d.ts +0 -2
- package/dist/primitives/table.js +1 -2
- package/dist/primitives/tabs.d.ts +0 -2
- package/dist/primitives/tabs.js +1 -2
- package/dist/primitives/tag.d.ts +0 -2
- package/dist/primitives/tag.js +1 -2
- package/dist/primitives/terminal-display.d.ts +0 -2
- package/dist/primitives/terminal-display.js +1 -2
- package/dist/primitives/text-shimmer.d.ts +1 -3
- package/dist/primitives/text-shimmer.js +1 -2
- package/dist/primitives/theme-toggle.d.ts +1 -2
- package/dist/primitives/theme-toggle.js +1 -2
- package/dist/primitives/time-select.d.ts +0 -2
- package/dist/primitives/time-select.js +1 -2
- package/dist/primitives/toast.d.ts +1 -2
- package/dist/primitives/toast.js +1 -2
- package/dist/primitives/tone.d.ts +1 -3
- package/dist/primitives/tone.js +1 -2
- package/dist/primitives/toolbar.d.ts +0 -2
- package/dist/primitives/toolbar.js +1 -2
- package/dist/primitives/tooltip.d.ts +0 -2
- package/dist/primitives/tooltip.js +1 -2
- package/dist/primitives/upload-progress.d.ts +1 -3
- package/dist/primitives/upload-progress.js +1 -2
- package/dist/primitives/wizard.d.ts +1 -3
- package/dist/primitives/wizard.js +1 -2
- package/dist/redaction/redacted-document.d.ts +1 -3
- package/dist/redaction/redacted-document.js +1 -2
- package/dist/redaction.js +1 -2
- package/dist/run/approval-card.d.ts +1 -3
- package/dist/run/approval-card.js +1 -2
- package/dist/run/expandable-content.js +1 -2
- package/dist/run/expanded-tool-detail.d.ts +1 -3
- package/dist/run/expanded-tool-detail.js +1 -2
- package/dist/run/inline-thinking-item.d.ts +1 -3
- package/dist/run/inline-thinking-item.js +1 -2
- package/dist/run/inline-tool-item.d.ts +1 -3
- package/dist/run/inline-tool-item.js +1 -2
- package/dist/run/run-group.d.ts +1 -3
- package/dist/run/run-group.js +1 -2
- package/dist/run/run-item-primitives.d.ts +1 -3
- package/dist/run/run-item-primitives.js +1 -2
- package/dist/run/run-phase-list.d.ts +1 -3
- package/dist/run/run-phase-list.js +1 -2
- package/dist/run/run-row-shell.d.ts +1 -3
- package/dist/run/run-row-shell.js +1 -2
- package/dist/run/task-list.d.ts +1 -3
- package/dist/run/task-list.js +1 -2
- package/dist/run/tool-call-feed.d.ts +1 -3
- package/dist/run/tool-call-feed.js +1 -2
- package/dist/run/tool-call-step.d.ts +1 -3
- package/dist/run/tool-call-step.js +1 -2
- package/dist/stores/active-sessions-store.d.ts +1 -3
- package/dist/stores/active-sessions-store.js +1 -2
- package/dist/stores/chat-store.d.ts +1 -3
- package/dist/stores/chat-store.js +1 -2
- package/dist/tool-previews/command-preview.d.ts +1 -3
- package/dist/tool-previews/command-preview.js +1 -2
- package/dist/tool-previews/diff-preview.d.ts +1 -3
- package/dist/tool-previews/diff-preview.js +1 -2
- package/dist/tool-previews/glob-results-preview.d.ts +1 -3
- package/dist/tool-previews/glob-results-preview.js +1 -2
- package/dist/tool-previews/grep-results-preview.d.ts +1 -3
- package/dist/tool-previews/grep-results-preview.js +1 -2
- package/dist/tool-previews/preview-primitives.js +1 -2
- package/dist/tool-previews/question-preview.d.ts +1 -3
- package/dist/tool-previews/question-preview.js +1 -2
- package/dist/tool-previews/web-search-preview.d.ts +1 -3
- package/dist/tool-previews/web-search-preview.js +1 -2
- package/dist/tool-previews/write-file-preview.d.ts +1 -3
- package/dist/tool-previews/write-file-preview.js +1 -2
- package/dist/types/branding.d.ts +1 -3
- package/dist/types/message.d.ts +1 -3
- package/dist/types/parts.d.ts +1 -3
- package/dist/types/run.d.ts +1 -3
- package/dist/types/tool-display.d.ts +1 -3
- package/dist/utils/copy-text.d.ts +1 -3
- package/dist/utils/copy-text.js +1 -2
- package/dist/utils/format.d.ts +1 -3
- package/dist/utils/format.js +1 -2
- package/dist/utils/time-ago.d.ts +1 -3
- package/dist/utils/time-ago.js +1 -2
- package/dist/utils/tool-display.d.ts +1 -3
- package/dist/utils/tool-display.js +1 -2
- package/package.json +38 -38
|
@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
import { ChevronRight } from "lucide-react";
|
|
5
|
-
|
|
5
|
+
// src/primitives/breadcrumb.tsx
|
|
6
6
|
/**
|
|
7
7
|
* Where you are inside a nested surface — the workspace, its settings, the
|
|
8
8
|
* section you're in. Each crumb is a link except the last, which is the page.
|
|
@@ -83,5 +83,4 @@ const BreadcrumbEllipsis = React.forwardRef(({ className, ...props }, ref) => /*
|
|
|
83
83
|
})]
|
|
84
84
|
}));
|
|
85
85
|
BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
|
|
86
|
-
//#endregion
|
|
87
86
|
export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { buttonVariants } from "../presentation.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
//#region src/primitives/button.d.ts
|
|
4
3
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
5
4
|
/** `destructive-outline` is a destructive action at rest, such as "Delete project…", whose confirmation uses `destructive`. */
|
|
6
5
|
variant?: "default" | "destructive" | "destructive-outline" | "outline" | "secondary" | "ghost" | "link" | "sandbox" | "bare" | null;
|
|
@@ -11,5 +10,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
11
10
|
children?: React.ReactNode;
|
|
12
11
|
}
|
|
13
12
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
|
-
//#endregion
|
|
15
13
|
export { Button, buttonVariants };
|
|
@@ -6,7 +6,7 @@ import { buttonVariants } from "../presentation.js";
|
|
|
6
6
|
import { Slot } from "@radix-ui/react-slot";
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
|
|
9
|
+
// src/primitives/button.tsx
|
|
10
10
|
const bareButton = `${focusRing} ${controlMotion} ${ixControlSoft} disabled:pointer-events-none disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50`;
|
|
11
11
|
/** One Button render's classes: variant and size, the toggle states, then the caller's. */
|
|
12
12
|
function buttonClassName(variant, size, pressed, className) {
|
|
@@ -90,5 +90,4 @@ const Button = React.forwardRef(({ className, variant, size, asChild = false, lo
|
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
92
|
Button.displayName = "Button";
|
|
93
|
-
//#endregion
|
|
94
93
|
export { Button, buttonVariants };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/calendar.d.ts
|
|
3
2
|
/**
|
|
4
3
|
* Calendar dates are plain `YYYY-MM-DD` strings, the same value a native date
|
|
5
4
|
* input reports. All arithmetic runs in UTC so a date never shifts with the
|
|
@@ -34,5 +33,4 @@ export interface CalendarProps {
|
|
|
34
33
|
* the focused date. Six weeks always render so the grid never changes height.
|
|
35
34
|
*/
|
|
36
35
|
declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
-
//#endregion
|
|
38
36
|
export { Calendar };
|
|
@@ -5,7 +5,7 @@ import { Button } from "./button.js";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
8
|
-
|
|
8
|
+
// src/primitives/calendar.tsx
|
|
9
9
|
const DATE_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
|
|
10
10
|
const DAY_MS = 864e5;
|
|
11
11
|
function parseCalendarDate(value) {
|
|
@@ -182,5 +182,4 @@ const Calendar = React.forwardRef(({ value, onChange, defaultMonth, min, max, is
|
|
|
182
182
|
});
|
|
183
183
|
});
|
|
184
184
|
Calendar.displayName = "Calendar";
|
|
185
|
-
//#endregion
|
|
186
185
|
export { Calendar, formatCalendarDate, localToday, parseCalendarDate };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/card.d.ts
|
|
3
2
|
/**
|
|
4
3
|
* A card is one level of the brand surface ladder. It carries
|
|
5
4
|
* `data-slot="card"`, and the brand's surface-context rule (tokens.css)
|
|
@@ -27,5 +26,4 @@ declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.
|
|
|
27
26
|
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
28
27
|
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
29
28
|
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
-
//#endregion
|
|
31
29
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
package/dist/primitives/card.js
CHANGED
|
@@ -4,7 +4,7 @@ import { cardPresentation } from "../presentation.js";
|
|
|
4
4
|
import { Heading } from "./heading.js";
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
7
|
+
// src/primitives/card.tsx
|
|
8
8
|
/**
|
|
9
9
|
* A card is one level of the brand surface ladder. It carries
|
|
10
10
|
* `data-slot="card"`, and the brand's surface-context rule (tokens.css)
|
|
@@ -54,5 +54,4 @@ const CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
54
54
|
...props
|
|
55
55
|
}));
|
|
56
56
|
CardFooter.displayName = "CardFooter";
|
|
57
|
-
//#endregion
|
|
58
57
|
export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
-
//#region src/primitives/checkbox.d.ts
|
|
4
3
|
/**
|
|
5
4
|
* A two- or three-state checkbox. An indeterminate state, controlled
|
|
6
5
|
* (`checked`) or uncontrolled (`defaultChecked`), draws a dash.
|
|
@@ -8,5 +7,4 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
|
8
7
|
* danger hairline.
|
|
9
8
|
*/
|
|
10
9
|
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
11
|
-
//#endregion
|
|
12
10
|
export { Checkbox };
|
|
@@ -5,7 +5,7 @@ import * as React from "react";
|
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Check, Minus } from "lucide-react";
|
|
7
7
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
8
|
-
|
|
8
|
+
// src/primitives/checkbox.tsx
|
|
9
9
|
/**
|
|
10
10
|
* A two- or three-state checkbox. An indeterminate state, controlled
|
|
11
11
|
* (`checked`) or uncontrolled (`defaultChecked`), draws a dash.
|
|
@@ -30,5 +30,4 @@ const Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
30
30
|
})
|
|
31
31
|
}));
|
|
32
32
|
Checkbox.displayName = CheckboxPrimitive.Root.displayName;
|
|
33
|
-
//#endregion
|
|
34
33
|
export { Checkbox };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { Tone } from "./tone.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
//#region src/primitives/chip.d.ts
|
|
4
3
|
/**
|
|
5
4
|
* A label the user presses: a native `<button>` shaped like a `Tag`.
|
|
6
5
|
*
|
|
@@ -34,5 +33,4 @@ export interface ChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonEle
|
|
|
34
33
|
onSelectedChange?: (selected: boolean) => void;
|
|
35
34
|
}
|
|
36
35
|
declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
|
|
37
|
-
//#endregion
|
|
38
36
|
export { Chip };
|
package/dist/primitives/chip.js
CHANGED
|
@@ -4,7 +4,7 @@ import { TONE_CLASSES } from "./tone.js";
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Check } from "lucide-react";
|
|
7
|
-
|
|
7
|
+
// src/primitives/chip.tsx
|
|
8
8
|
const SIZE = {
|
|
9
9
|
sm: "h-6 gap-1 px-2 text-xs [&_svg]:size-3",
|
|
10
10
|
md: "h-8 gap-1.5 px-3 text-sm [&_svg]:size-3.5"
|
|
@@ -37,5 +37,4 @@ const Chip = React.forwardRef(({ className, children, tone = "neutral", emphasis
|
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
39
|
Chip.displayName = "Chip";
|
|
40
|
-
//#endregion
|
|
41
40
|
export { Chip };
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { CodeBlock, CodeBlockProps, CopyButton, CopyButtonProps } from "../markdown/code-block.js";
|
|
2
|
-
//#region src/primitives/code-block.d.ts
|
|
3
2
|
export interface InlineCodeProps extends React.HTMLAttributes<HTMLElement> {}
|
|
4
3
|
export declare function InlineCode({ className, children, ...props }: InlineCodeProps): import("react").JSX.Element;
|
|
5
|
-
//#endregion
|
|
6
4
|
export { CodeBlock, type CodeBlockProps, CopyButton };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
2
|
import { CodeBlock, CopyButton } from "../markdown/code-block.js";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/primitives/code-block.tsx
|
|
5
5
|
function InlineCode({ className, children, ...props }) {
|
|
6
6
|
return /* @__PURE__ */ jsx("code", {
|
|
7
7
|
className: cn("rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-[0.85em] text-foreground", className),
|
|
@@ -9,5 +9,4 @@ function InlineCode({ className, children, ...props }) {
|
|
|
9
9
|
children
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
|
-
//#endregion
|
|
13
12
|
export { CodeBlock, CopyButton, InlineCode };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
2
|
-
//#region src/primitives/collapsible.d.ts
|
|
3
2
|
/**
|
|
4
3
|
* Unstyled show/hide region. The trigger carries `aria-expanded` and
|
|
5
4
|
* `data-state`, so a chevron can rotate with
|
|
@@ -8,5 +7,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
|
8
7
|
declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
9
8
|
declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
10
9
|
declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
11
|
-
//#endregion
|
|
12
10
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
3
|
-
|
|
3
|
+
// src/primitives/collapsible.tsx
|
|
4
4
|
/**
|
|
5
5
|
* Unstyled show/hide region. The trigger carries `aria-expanded` and
|
|
6
6
|
* `data-state`, so a chevron can rotate with
|
|
@@ -9,5 +9,4 @@ import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
|
9
9
|
const Collapsible = CollapsiblePrimitive.Root;
|
|
10
10
|
const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
|
|
11
11
|
const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
|
|
12
|
-
//#endregion
|
|
13
12
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/compliance-badge.d.ts
|
|
3
2
|
/**
|
|
4
3
|
* The one compliance badge every public surface uses, so the claim a page
|
|
5
4
|
* makes is chosen here and nowhere else.
|
|
@@ -58,5 +57,4 @@ export interface ComplianceBadgeProps {
|
|
|
58
57
|
title?: string;
|
|
59
58
|
}
|
|
60
59
|
declare function ComplianceBadge({ status, product, size, href, className, ...props }: ComplianceBadgeProps): React.JSX.Element;
|
|
61
|
-
//#endregion
|
|
62
60
|
export { ComplianceBadge };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "../lib/focus.js";
|
|
2
2
|
import { cn } from "../lib/utils.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { TangleKnot } from "@tangle-network/brand";
|
|
6
|
-
|
|
6
|
+
// src/primitives/compliance-badge.tsx
|
|
7
7
|
const PRODUCT_COPY = {
|
|
8
8
|
hipaa: {
|
|
9
9
|
ready: "HIPAA-Ready",
|
|
@@ -34,7 +34,7 @@ const MARK_SIZE = {
|
|
|
34
34
|
};
|
|
35
35
|
function ComplianceBadge({ status = "ready", product = "hipaa", size = "sm", href, className, ...props }) {
|
|
36
36
|
const label = PRODUCT_COPY[product][status];
|
|
37
|
-
const classes = cn("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border font-medium", SIZE_CLASSES[size], STATUS_SURFACE[status], href &&
|
|
37
|
+
const classes = cn("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border font-medium", SIZE_CLASSES[size], STATUS_SURFACE[status], href && "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0", className);
|
|
38
38
|
const mark = /* @__PURE__ */ jsx("span", {
|
|
39
39
|
className: "inline-flex shrink-0",
|
|
40
40
|
"aria-hidden": "true",
|
|
@@ -54,5 +54,4 @@ function ComplianceBadge({ status = "ready", product = "hipaa", size = "sm", hre
|
|
|
54
54
|
children: [mark, label]
|
|
55
55
|
});
|
|
56
56
|
}
|
|
57
|
-
//#endregion
|
|
58
57
|
export { ComplianceBadge };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
|
-
//#region src/primitives/context-menu.d.ts
|
|
4
3
|
/**
|
|
5
4
|
* Right-click (and long-press) menu with the same surface and item styles as
|
|
6
5
|
* `DropdownMenu`. Anything reachable here must also be reachable from a
|
|
@@ -32,5 +31,4 @@ declare function ContextMenuShortcut({ className, ...props }: React.HTMLAttribut
|
|
|
32
31
|
declare namespace ContextMenuShortcut {
|
|
33
32
|
var displayName: string;
|
|
34
33
|
}
|
|
35
|
-
//#endregion
|
|
36
34
|
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { Check, ChevronRight, Circle } from "lucide-react";
|
|
6
6
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
7
|
-
|
|
7
|
+
// src/primitives/context-menu.tsx
|
|
8
8
|
/**
|
|
9
9
|
* Right-click (and long-press) menu with the same surface and item styles as
|
|
10
10
|
* `DropdownMenu`. Anything reachable here must also be reachable from a
|
|
@@ -82,5 +82,4 @@ const ContextMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("sp
|
|
|
82
82
|
...props
|
|
83
83
|
});
|
|
84
84
|
ContextMenuShortcut.displayName = "ContextMenuShortcut";
|
|
85
|
-
//#endregion
|
|
86
85
|
export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ControlSize } from "../lib/control-presentation.js";
|
|
2
2
|
import { CalendarDate, CalendarProps } from "./calendar.js";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
//#region src/primitives/date-picker.d.ts
|
|
5
4
|
export interface DatePickerProps extends Pick<CalendarProps, "min" | "max" | "isDateDisabled" | "today" | "weekStartsOn" | "locale" | "defaultMonth"> {
|
|
6
5
|
/** The chosen date, `YYYY-MM-DD`, or empty for none. */
|
|
7
6
|
value?: CalendarDate | null;
|
|
@@ -28,5 +27,4 @@ export interface DatePickerProps extends Pick<CalendarProps, "min" | "max" | "is
|
|
|
28
27
|
* With `name` it also submits that value in a form.
|
|
29
28
|
*/
|
|
30
29
|
declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
31
|
-
//#endregion
|
|
32
30
|
export { DatePicker };
|
|
@@ -7,7 +7,7 @@ import { Calendar, parseCalendarDate } from "./calendar.js";
|
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
9
|
import { CalendarDays } from "lucide-react";
|
|
10
|
-
|
|
10
|
+
// src/primitives/date-picker.tsx
|
|
11
11
|
const DEFAULT_FORMAT = {
|
|
12
12
|
month: "short",
|
|
13
13
|
day: "numeric",
|
|
@@ -86,5 +86,4 @@ const DatePicker = React.forwardRef(({ value, onChange, placeholder = "Pick a da
|
|
|
86
86
|
});
|
|
87
87
|
});
|
|
88
88
|
DatePicker.displayName = "DatePicker";
|
|
89
|
-
//#endregion
|
|
90
89
|
export { DatePicker };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
|
-
//#region src/primitives/dialog.d.ts
|
|
4
3
|
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
5
4
|
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
5
|
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
@@ -25,5 +24,4 @@ declare namespace DialogFooter {
|
|
|
25
24
|
}
|
|
26
25
|
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
27
26
|
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
28
|
-
//#endregion
|
|
29
27
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "../lib/focus.js";
|
|
2
2
|
import { cn } from "../lib/utils.js";
|
|
3
3
|
import { dialogPresentation } from "../presentation.js";
|
|
4
4
|
import { SurfaceMotion } from "../lib/surface-motion.js";
|
|
@@ -6,7 +6,7 @@ import * as React from "react";
|
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
8
8
|
import { X } from "lucide-react";
|
|
9
|
-
|
|
9
|
+
// src/primitives/dialog.tsx
|
|
10
10
|
const Dialog = DialogPrimitive.Root;
|
|
11
11
|
const DialogTrigger = DialogPrimitive.Trigger;
|
|
12
12
|
const DialogPortal = DialogPrimitive.Portal;
|
|
@@ -36,7 +36,7 @@ const DialogContent = React.forwardRef(({ className, children, variant = "defaul
|
|
|
36
36
|
kind: "dialog",
|
|
37
37
|
asChild,
|
|
38
38
|
children: [children, !hideCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
|
|
39
|
-
className: cn(dialogPresentation.close,
|
|
39
|
+
className: cn(dialogPresentation.close, "focus-visible:outline-1 focus-visible:outline-[var(--focus-border)] focus-visible:ring-4 focus-visible:ring-[var(--focus-halo)] focus-visible:outline-offset-0"),
|
|
40
40
|
children: [/* @__PURE__ */ jsx(X, { className: "h-4 w-4" }), /* @__PURE__ */ jsx("span", {
|
|
41
41
|
className: "sr-only",
|
|
42
42
|
children: "Close"
|
|
@@ -68,5 +68,4 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
|
|
|
68
68
|
...props
|
|
69
69
|
}));
|
|
70
70
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
71
|
-
//#endregion
|
|
72
71
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
//#region src/primitives/drop-zone.d.ts
|
|
3
2
|
export interface DropZoneProps {
|
|
4
3
|
/** Called with dropped files */
|
|
5
4
|
onDrop: (files: File[]) => void;
|
|
@@ -19,5 +18,4 @@ export interface DropZoneProps {
|
|
|
19
18
|
children: ReactNode;
|
|
20
19
|
className?: string;
|
|
21
20
|
}
|
|
22
|
-
export declare function DropZone({ onDrop, accept, disabled, overlay, title, description, icon, children, className }: DropZoneProps): import("react").JSX.Element;
|
|
23
|
-
//#endregion
|
|
21
|
+
export declare function DropZone({ onDrop, accept, disabled, overlay, title, description, icon, children, className }: DropZoneProps): import("react").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
2
|
import { useCallback, useRef, useState } from "react";
|
|
3
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/primitives/drop-zone.tsx
|
|
5
5
|
/**
|
|
6
6
|
* DropZone — full-window drag-and-drop file upload overlay.
|
|
7
7
|
*
|
|
@@ -100,5 +100,4 @@ function DropZone({ onDrop, accept, disabled, overlay, title = "Drop files to up
|
|
|
100
100
|
})), children]
|
|
101
101
|
});
|
|
102
102
|
}
|
|
103
|
-
//#endregion
|
|
104
103
|
export { DropZone };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
-
//#region src/primitives/dropdown-menu.d.ts
|
|
4
3
|
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
5
4
|
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
5
|
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -25,5 +24,4 @@ declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttribu
|
|
|
25
24
|
declare namespace DropdownMenuShortcut {
|
|
26
25
|
var displayName: string;
|
|
27
26
|
}
|
|
28
|
-
//#endregion
|
|
29
27
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
@@ -4,7 +4,7 @@ import * as React from "react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { Check, ChevronRight, Circle } from "lucide-react";
|
|
6
6
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
7
|
-
|
|
7
|
+
// src/primitives/dropdown-menu.tsx
|
|
8
8
|
const DropdownMenu = DropdownMenuPrimitive.Root;
|
|
9
9
|
const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
10
10
|
const DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
@@ -77,5 +77,4 @@ const DropdownMenuShortcut = ({ className, ...props }) => {
|
|
|
77
77
|
});
|
|
78
78
|
};
|
|
79
79
|
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
80
|
-
//#endregion
|
|
81
80
|
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/empty-state.d.ts
|
|
3
2
|
export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
3
|
icon?: React.ReactNode;
|
|
5
4
|
title: string;
|
|
@@ -10,5 +9,4 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
10
9
|
titleAs?: "h2" | "h3" | "h4";
|
|
11
10
|
}
|
|
12
11
|
declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
-
//#endregion
|
|
14
12
|
export { EmptyState };
|
|
@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
|
|
|
2
2
|
import { emptyStatePresentation } from "../presentation.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/primitives/empty-state.tsx
|
|
6
6
|
const EmptyState = React.forwardRef(({ className, icon, title, description, action, titleAs: Title = "h3", ...props }, ref) => {
|
|
7
7
|
return /* @__PURE__ */ jsxs("div", {
|
|
8
8
|
ref,
|
|
@@ -29,5 +29,4 @@ const EmptyState = React.forwardRef(({ className, icon, title, description, acti
|
|
|
29
29
|
});
|
|
30
30
|
});
|
|
31
31
|
EmptyState.displayName = "EmptyState";
|
|
32
|
-
//#endregion
|
|
33
32
|
export { EmptyState };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/field.d.ts
|
|
3
2
|
export interface FieldProps {
|
|
4
3
|
label: string;
|
|
5
4
|
/** The control's id; the label targets it. */
|
|
@@ -23,5 +22,4 @@ export declare function fieldMessageId(htmlFor: string): string;
|
|
|
23
22
|
* aside) above the control, and one message line under it. Every line is
|
|
24
23
|
* 14px; an error replaces the status and the hint and is announced.
|
|
25
24
|
*/
|
|
26
|
-
export declare function Field({ label, htmlFor, info, hint, error, status, aside, children }: FieldProps): React.JSX.Element;
|
|
27
|
-
//#endregion
|
|
25
|
+
export declare function Field({ label, htmlFor, info, hint, error, status, aside, children }: FieldProps): React.JSX.Element;
|
package/dist/primitives/field.js
CHANGED
|
@@ -5,7 +5,7 @@ import { InfoTip } from "./info-tip.js";
|
|
|
5
5
|
import "react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { CircleAlert } from "lucide-react";
|
|
8
|
-
|
|
8
|
+
// src/primitives/field.tsx
|
|
9
9
|
/** The id of a field's hint, error, or status line, for the control's `aria-describedby`. */
|
|
10
10
|
function fieldMessageId(htmlFor) {
|
|
11
11
|
return `${htmlFor}-message`;
|
|
@@ -50,5 +50,4 @@ function Field({ label, htmlFor, info, hint, error, status, aside, children }) {
|
|
|
50
50
|
]
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
//#endregion
|
|
54
53
|
export { Field, fieldMessageId };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/heading.d.ts
|
|
3
2
|
/** Visual roles ported from sandbox-ui/src/primitives/heading.tsx. */
|
|
4
3
|
export type HeadingVariant = "display" | "hero" | "page" | "section" | "subsection" | "eyebrow";
|
|
5
4
|
export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "role"> {
|
|
@@ -20,5 +19,4 @@ export interface HeadingProps extends Omit<React.HTMLAttributes<HTMLElement>, "r
|
|
|
20
19
|
* display/page h1 per page; choose `as` according to the document hierarchy.
|
|
21
20
|
*/
|
|
22
21
|
declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLElement>>;
|
|
23
|
-
//#endregion
|
|
24
22
|
export { Heading };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { cn } from "../lib/utils.js";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
|
|
4
|
+
// src/primitives/heading.tsx
|
|
5
5
|
const VARIANT_CLASS = {
|
|
6
6
|
display: "font-display font-bold text-foreground text-[length:var(--font-size-display,3rem)] leading-[var(--line-height-display,1.05)] tracking-[var(--tracking-tight,-0.02em)]",
|
|
7
7
|
hero: "font-display font-bold text-foreground text-[length:var(--font-size-hero,2.5rem)] leading-[1.1] tracking-[var(--tracking-tight,-0.02em)]",
|
|
@@ -35,5 +35,4 @@ const Heading = React.forwardRef(({ variant, role, as, className, presentation,
|
|
|
35
35
|
});
|
|
36
36
|
});
|
|
37
37
|
Heading.displayName = "Heading";
|
|
38
|
-
//#endregion
|
|
39
38
|
export { Heading };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
//#region src/primitives/help-text.d.ts
|
|
3
2
|
export interface HelpTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
4
3
|
/** `hint` describes a field; `error` reports what is wrong with its value. */
|
|
5
4
|
tone?: "hint" | "error";
|
|
@@ -10,5 +9,4 @@ export interface HelpTextProps extends React.HTMLAttributes<HTMLParagraphElement
|
|
|
10
9
|
* its `id`; Input and Textarea do this for their `hint` and `error` props.
|
|
11
10
|
*/
|
|
12
11
|
declare const HelpText: React.ForwardRefExoticComponent<HelpTextProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
13
|
-
//#endregion
|
|
14
12
|
export { HelpText };
|
|
@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
|
|
|
2
2
|
import { helpPresentation } from "../presentation.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/primitives/help-text.tsx
|
|
6
6
|
/**
|
|
7
7
|
* Text under a field. One size (`--font-size-help`, 12px) for every field, so
|
|
8
8
|
* forms across products read the same. Point the field's `aria-describedby` at
|
|
@@ -15,5 +15,4 @@ const HelpText = React.forwardRef(({ className, tone = "hint", ...props }, ref)
|
|
|
15
15
|
...props
|
|
16
16
|
}));
|
|
17
17
|
HelpText.displayName = "HelpText";
|
|
18
|
-
//#endregion
|
|
19
18
|
export { HelpText };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
3
|
-
//#region src/primitives/hover-card.d.ts
|
|
4
3
|
declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
|
|
5
4
|
declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
5
|
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
@@ -12,5 +11,4 @@ declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPr
|
|
|
12
11
|
declare function HoverCardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
13
12
|
declare function HoverCardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
|
|
14
13
|
declare function HoverCardDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): React.JSX.Element;
|
|
15
|
-
//#endregion
|
|
16
14
|
export { HoverCard, HoverCardContent, HoverCardDescription, HoverCardHeader, HoverCardTitle, HoverCardTrigger };
|
|
@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
|
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
|
|
5
|
-
|
|
5
|
+
// src/primitives/hover-card.tsx
|
|
6
6
|
/**
|
|
7
7
|
* A rich hover preview: the face of a person, product, or record that appears
|
|
8
8
|
* when you pause on its trigger. Radix HoverCard under the hood, styled on the
|
|
@@ -59,5 +59,4 @@ function HoverCardDescription({ className, ...props }) {
|
|
|
59
59
|
...props
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
-
//#endregion
|
|
63
62
|
export { HoverCard, HoverCardContent, HoverCardDescription, HoverCardHeader, HoverCardTitle, HoverCardTrigger };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { CategoryTone } from "./tone.js";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
//#region src/primitives/icon-tile.d.ts
|
|
4
3
|
/**
|
|
5
4
|
* A square identity mark for a row or card: a project, a channel, an account,
|
|
6
5
|
* a file kind. It shows the first of these that is available:
|
|
@@ -33,5 +32,4 @@ export interface IconTileProps extends Omit<React.HTMLAttributes<HTMLSpanElement
|
|
|
33
32
|
/** Up to two initials: the first letters of the first two words, or of the one word. */
|
|
34
33
|
export declare function initialsOf(name: string): string;
|
|
35
34
|
declare const IconTile: React.ForwardRefExoticComponent<IconTileProps & React.RefAttributes<HTMLSpanElement>>;
|
|
36
|
-
//#endregion
|
|
37
35
|
export { IconTile };
|
|
@@ -2,7 +2,7 @@ import { cn } from "../lib/utils.js";
|
|
|
2
2
|
import { TONE_CLASSES, toneFor } from "./tone.js";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
-
|
|
5
|
+
// src/primitives/icon-tile.tsx
|
|
6
6
|
const SIZE = {
|
|
7
7
|
xs: "size-5 rounded-[5px] text-[10px] [&_svg]:size-3",
|
|
8
8
|
sm: "size-6 rounded-md text-[11px] [&_svg]:size-3.5",
|
|
@@ -47,5 +47,4 @@ const IconTile = React.forwardRef(({ className, tone, size = "md", src, icon, na
|
|
|
47
47
|
});
|
|
48
48
|
});
|
|
49
49
|
IconTile.displayName = "IconTile";
|
|
50
|
-
//#endregion
|
|
51
50
|
export { IconTile, initialsOf };
|
|
@@ -4,7 +4,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./tool
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
import { Info } from "lucide-react";
|
|
7
|
-
|
|
7
|
+
// src/primitives/info-tip.tsx
|
|
8
8
|
/**
|
|
9
9
|
* An info button beside a label, for help that explains a setting. It opens
|
|
10
10
|
* on hover and keyboard focus and toggles on tap. The glyph stays 20px; on a
|
|
@@ -46,5 +46,4 @@ function InfoTip({ label, children }) {
|
|
|
46
46
|
})
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
|
-
//#endregion
|
|
50
49
|
export { InfoTip };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { inputVariants } from "../presentation.js";
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as React from "react";
|
|
4
|
-
//#region src/primitives/input.d.ts
|
|
5
4
|
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
|
|
6
5
|
label?: string;
|
|
7
6
|
error?: string;
|
|
@@ -18,5 +17,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
|
|
|
18
17
|
hint?: string;
|
|
19
18
|
}
|
|
20
19
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
21
|
-
//#endregion
|
|
22
20
|
export { Input, Textarea };
|