@tutti-os/ui-system 0.0.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.
Files changed (49) hide show
  1. package/AGENTS.md +146 -0
  2. package/LICENSE +202 -0
  3. package/README.md +97 -0
  4. package/agent/install-skill.mjs +241 -0
  5. package/agent/nextop-ui-system/SKILL.md +227 -0
  6. package/agent/nextop-ui-system/references/extract-base-component.md +87 -0
  7. package/agent/nextop-ui-system/references/maintain-inventory.md +45 -0
  8. package/agent/nextop-ui-system/references/promote-business-component.md +316 -0
  9. package/agent/nextop-ui-system/references/use-existing-component.md +37 -0
  10. package/agent/nextop-ui-system/scripts/create-business-preview.mjs +658 -0
  11. package/dist/chunk-2AUYRRDG.js +3078 -0
  12. package/dist/chunk-2AUYRRDG.js.map +1 -0
  13. package/dist/chunk-DGPY4WP3.js +11 -0
  14. package/dist/chunk-DGPY4WP3.js.map +1 -0
  15. package/dist/chunk-GX3U3V36.js +70 -0
  16. package/dist/chunk-GX3U3V36.js.map +1 -0
  17. package/dist/chunk-UTUVPSKL.js +873 -0
  18. package/dist/chunk-UTUVPSKL.js.map +1 -0
  19. package/dist/chunk-XHA7R2WC.js +292 -0
  20. package/dist/chunk-XHA7R2WC.js.map +1 -0
  21. package/dist/components/index.d.ts +360 -0
  22. package/dist/components/index.js +221 -0
  23. package/dist/components/index.js.map +1 -0
  24. package/dist/date-format.d.ts +6 -0
  25. package/dist/date-format.js +11 -0
  26. package/dist/date-format.js.map +1 -0
  27. package/dist/dev-vite.d.ts +9 -0
  28. package/dist/dev-vite.js +583 -0
  29. package/dist/dev-vite.js.map +1 -0
  30. package/dist/icons/index.d.ts +112 -0
  31. package/dist/icons/index.js +191 -0
  32. package/dist/icons/index.js.map +1 -0
  33. package/dist/index.d.ts +13 -0
  34. package/dist/index.js +419 -0
  35. package/dist/index.js.map +1 -0
  36. package/dist/metadata/components.json +2819 -0
  37. package/dist/metadata/components.schema.json +110 -0
  38. package/dist/metadata/index.d.ts +27 -0
  39. package/dist/metadata/index.js +2827 -0
  40. package/dist/metadata/index.js.map +1 -0
  41. package/dist/styles/base.css +170 -0
  42. package/dist/styles/index.css +4 -0
  43. package/dist/styles/semantic.css +50 -0
  44. package/dist/styles/theme.css +366 -0
  45. package/dist/utils.d.ts +5 -0
  46. package/dist/utils.js +7 -0
  47. package/dist/utils.js.map +1 -0
  48. package/package.json +118 -0
  49. package/ui-system.md +671 -0
@@ -0,0 +1,360 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as class_variance_authority_types from 'class-variance-authority/types';
3
+ import * as React$1 from 'react';
4
+ import { ReactNode, JSX, CSSProperties } from 'react';
5
+ import { VariantProps } from 'class-variance-authority';
6
+ import { Checkbox as Checkbox$1, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, Popover as Popover$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Switch as Switch$1, Toast, Tooltip as Tooltip$1 } from 'radix-ui';
7
+ import { Drawer as Drawer$1 } from 'vaul';
8
+ import * as ResizablePrimitive from 'react-resizable-panels';
9
+ import { ToasterProps } from 'sonner';
10
+ export { ExternalToast, ToasterProps, toast } from 'sonner';
11
+
12
+ declare const badgeVariants: (props?: ({
13
+ variant?: "default" | "accent" | "success" | "warning" | "pending" | "muted" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
14
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
15
+ declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
16
+ asChild?: boolean;
17
+ }): react_jsx_runtime.JSX.Element;
18
+
19
+ declare const bareIconButtonVariants: (props?: ({
20
+ size?: "md" | "sm" | null | undefined;
21
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
22
+ type BareIconButtonSize = NonNullable<VariantProps<typeof bareIconButtonVariants>["size"]>;
23
+ type BareIconButtonProps = Omit<React$1.ComponentProps<"button">, "aria-label" | "children"> & {
24
+ "aria-label": string;
25
+ asChild?: boolean;
26
+ children: React$1.ReactNode;
27
+ size?: BareIconButtonSize;
28
+ };
29
+ declare function BareIconButton({ className, size, asChild, type, ...props }: BareIconButtonProps): react_jsx_runtime.JSX.Element;
30
+
31
+ declare const buttonVariants: (props?: ({
32
+ variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "chrome" | null | undefined;
33
+ size?: "default" | "dialog" | "sm" | "xs" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
34
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
35
+ declare function Button({ className, variant, size, asChild, ...props }: React$1.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
36
+ asChild?: boolean;
37
+ }): react_jsx_runtime.JSX.Element;
38
+
39
+ declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
40
+ size?: "default" | "sm";
41
+ }): react_jsx_runtime.JSX.Element;
42
+ declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
43
+ declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
44
+ declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
45
+ declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
46
+ declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
47
+ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
48
+
49
+ declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
50
+
51
+ type ConfirmationDialogTone = "default" | "destructive";
52
+ declare function ConfirmationDialog({ cancelLabel, children, className, confirmBusy, confirmDisabled, confirmLabel, description, disableCloseWhileBusy, footer, hideConfirmButton, onCancel, onConfirm, onOpenChange, open, overlayClassName, portaled, tone, title }: {
53
+ cancelLabel: React$1.ReactNode;
54
+ children?: React$1.ReactNode;
55
+ className?: string;
56
+ confirmBusy?: boolean;
57
+ confirmDisabled?: boolean;
58
+ confirmLabel: React$1.ReactNode;
59
+ description?: React$1.ReactNode;
60
+ disableCloseWhileBusy?: boolean;
61
+ footer?: React$1.ReactNode;
62
+ hideConfirmButton?: boolean;
63
+ onCancel?: () => void;
64
+ onConfirm?: () => void;
65
+ onOpenChange: (open: boolean) => void;
66
+ open: boolean;
67
+ overlayClassName?: string;
68
+ portaled?: boolean;
69
+ tone?: ConfirmationDialogTone;
70
+ title: React$1.ReactNode;
71
+ }): react_jsx_runtime.JSX.Element;
72
+
73
+ interface DatePickerLabels {
74
+ placeholder: string;
75
+ previousMonth: string;
76
+ nextMonth: string;
77
+ clear: string;
78
+ today: string;
79
+ weekdayLabels: readonly [
80
+ string,
81
+ string,
82
+ string,
83
+ string,
84
+ string,
85
+ string,
86
+ string
87
+ ];
88
+ }
89
+ interface DatePickerProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value" | "type"> {
90
+ value?: string;
91
+ onValueChange?: (value: string) => void;
92
+ labels?: Partial<DatePickerLabels>;
93
+ formatDisplayValue?: (date: Date) => string;
94
+ formatMonthLabel?: (date: Date) => string;
95
+ }
96
+ declare const DatePicker: React$1.ForwardRefExoticComponent<DatePickerProps & React$1.RefAttributes<HTMLButtonElement>>;
97
+
98
+ declare function Dialog({ defaultOpen, onOpenChange, open, ...props }: Omit<React$1.ComponentProps<typeof Dialog$1.Root>, "onOpenChange"> & {
99
+ onOpenChange?: (open: boolean) => void;
100
+ }): react_jsx_runtime.JSX.Element;
101
+ declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof Dialog$1.Trigger>): react_jsx_runtime.JSX.Element;
102
+ declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof Dialog$1.Portal>): react_jsx_runtime.JSX.Element;
103
+ declare function DialogClose({ ...props }: React$1.ComponentProps<typeof Dialog$1.Close>): react_jsx_runtime.JSX.Element;
104
+ declare function DialogOverlay({ className, style, ...props }: React$1.ComponentProps<typeof Dialog$1.Overlay>): react_jsx_runtime.JSX.Element;
105
+ declare function DialogContent({ className, children, overlayClassName, portaled, showCloseButton, style, ...props }: React$1.ComponentProps<typeof Dialog$1.Content> & {
106
+ overlayClassName?: string;
107
+ portaled?: boolean;
108
+ showCloseButton?: boolean;
109
+ }): react_jsx_runtime.JSX.Element | null;
110
+ declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
111
+ declare function DialogFooter({ className, showCloseButton, children, ...props }: React$1.ComponentProps<"div"> & {
112
+ showCloseButton?: boolean;
113
+ }): react_jsx_runtime.JSX.Element;
114
+ declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Title>): react_jsx_runtime.JSX.Element;
115
+ declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof Dialog$1.Description>): react_jsx_runtime.JSX.Element;
116
+
117
+ declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
118
+ declare function DrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
119
+ declare function DrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
120
+ declare function DrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
121
+ declare function DrawerOverlay({ className, style, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
122
+ declare function DrawerContent({ className, children, portalContainer, showOverlay, style, ...props }: React$1.ComponentProps<typeof Drawer$1.Content> & {
123
+ portalContainer?: React$1.ComponentProps<typeof Drawer$1.Portal>["container"];
124
+ showOverlay?: boolean;
125
+ }): react_jsx_runtime.JSX.Element;
126
+ declare function DrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
127
+ declare function DrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
128
+ declare function DrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
129
+ declare function DrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
130
+
131
+ declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Root>): react_jsx_runtime.JSX.Element;
132
+ declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Portal>): react_jsx_runtime.JSX.Element;
133
+ declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Trigger>): react_jsx_runtime.JSX.Element;
134
+ declare function DropdownMenuContent({ className, children, align, sideOffset, style, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Content>): react_jsx_runtime.JSX.Element;
135
+ declare function DropdownMenuGroup({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Group>): react_jsx_runtime.JSX.Element;
136
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Item> & {
137
+ inset?: boolean;
138
+ variant?: "default" | "destructive";
139
+ }): react_jsx_runtime.JSX.Element;
140
+ declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
141
+ inset?: boolean;
142
+ }): react_jsx_runtime.JSX.Element;
143
+ declare function DropdownMenuRadioGroup({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.RadioGroup>): react_jsx_runtime.JSX.Element;
144
+ declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
145
+ inset?: boolean;
146
+ }): react_jsx_runtime.JSX.Element;
147
+ declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Label> & {
148
+ inset?: boolean;
149
+ }): react_jsx_runtime.JSX.Element;
150
+ declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Separator>): react_jsx_runtime.JSX.Element;
151
+ declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
152
+ declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenu$1.Sub>): react_jsx_runtime.JSX.Element;
153
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
154
+ inset?: boolean;
155
+ }): react_jsx_runtime.JSX.Element;
156
+ declare function DropdownMenuSubContent({ className, children, style, ...props }: React$1.ComponentProps<typeof DropdownMenu$1.SubContent>): react_jsx_runtime.JSX.Element;
157
+
158
+ type InputVariant = "lg" | "md" | "sm" | "otp";
159
+ type InputProps = Omit<React$1.ComponentProps<"input">, "size"> & {
160
+ variant?: InputVariant;
161
+ size?: "default" | "sm";
162
+ };
163
+ declare function Input({ className, size, type, variant, ...props }: InputProps): react_jsx_runtime.JSX.Element;
164
+
165
+ type MentionPillKind = "app" | "issue" | "session" | "file";
166
+ type MentionPillFileKind = "file" | "folder";
167
+ interface MentionPillProps extends Omit<React$1.ComponentProps<"span">, "children"> {
168
+ fileKind?: MentionPillFileKind;
169
+ iconUrl?: string | null;
170
+ kind: MentionPillKind;
171
+ label: React$1.ReactNode;
172
+ removable?: boolean;
173
+ removeButtonProps?: React$1.ComponentProps<"button">;
174
+ summary?: React$1.ReactNode;
175
+ }
176
+ declare function MentionPill({ className, fileKind, iconUrl, kind, label, removable, removeButtonProps, style, summary, ...props }: MentionPillProps): React$1.JSX.Element;
177
+
178
+ declare const menuSurfaceClassName = "t-dropdown flex flex-col gap-0.5 rounded-[8px] border border-[var(--border-1)] bg-[var(--background-fronted)] p-1 text-sm text-[var(--text-primary)] shadow-panel outline-none";
179
+ declare const menuItemClassName = "relative flex cursor-pointer items-center gap-1.5 rounded-sm px-2 py-1 text-sm text-[var(--text-primary)] outline-hidden transition-colors duration-200 select-none hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus:bg-[var(--transparency-hover)] focus:text-[var(--text-primary)] data-[highlighted]:bg-[var(--transparency-hover)] data-[highlighted]:text-[var(--text-primary)] data-disabled:pointer-events-none data-disabled:text-[var(--text-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2";
180
+ declare const menuItemWithIndicatorClassName = "relative flex cursor-pointer items-center gap-1.5 rounded-sm px-2 py-1 text-sm text-[var(--text-primary)] outline-hidden transition-colors duration-200 select-none hover:bg-[var(--transparency-hover)] hover:text-[var(--text-primary)] focus:bg-[var(--transparency-hover)] focus:text-[var(--text-primary)] data-[highlighted]:bg-[var(--transparency-hover)] data-[highlighted]:text-[var(--text-primary)] data-disabled:pointer-events-none data-disabled:text-[var(--text-disabled)] [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2 pr-8";
181
+ declare const menuItemIndicatorClassName = "pointer-events-none absolute right-2 flex size-4 items-center justify-center text-[var(--accent)]";
182
+ declare const MenuSurface: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
183
+ "data-state"?: "open" | "closed";
184
+ asChild?: boolean;
185
+ state?: "open" | "closed";
186
+ } & React$1.RefAttributes<HTMLDivElement>>;
187
+
188
+ declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
189
+ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
190
+ declare function PopoverPortal({ ...props }: React$1.ComponentProps<typeof Popover$1.Portal>): react_jsx_runtime.JSX.Element;
191
+ declare function PopoverClose({ ...props }: React$1.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime.JSX.Element;
192
+ declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
193
+ declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
194
+
195
+ declare function ResizablePanelGroup({ className, orientation, ...props }: React.ComponentProps<typeof ResizablePrimitive.Group>): react_jsx_runtime.JSX.Element;
196
+ declare function ResizablePanel(props: React.ComponentProps<typeof ResizablePrimitive.Panel>): react_jsx_runtime.JSX.Element;
197
+ declare function ResizableHandle({ className, withHandle, ...props }: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
198
+ withHandle?: boolean;
199
+ }): react_jsx_runtime.JSX.Element;
200
+
201
+ type ScrollAreaProps = React$1.ComponentProps<typeof ScrollArea$1.Root> & {
202
+ viewportClassName?: string;
203
+ viewportContentStyle?: React$1.CSSProperties;
204
+ viewportProps?: Omit<React$1.ComponentPropsWithoutRef<typeof ScrollArea$1.Viewport>, "children" | "className" | "ref">;
205
+ viewportRef?: React$1.Ref<HTMLDivElement>;
206
+ viewportTestId?: string;
207
+ };
208
+ declare function ScrollArea({ className, children, viewportClassName, viewportContentStyle, viewportProps, viewportRef, viewportTestId, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
209
+ declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>): react_jsx_runtime.JSX.Element;
210
+
211
+ declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
212
+ declare function SelectGroup({ className, ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
213
+ declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
214
+ declare function SelectTrigger({ className, size, variant, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
215
+ size?: "sm" | "default" | "dialog";
216
+ variant?: "button" | "default";
217
+ }): react_jsx_runtime.JSX.Element;
218
+ declare function SelectContent({ className, children, position, align, style, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
219
+ declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
220
+ declare function SelectSplitLayout({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
221
+ declare function SelectSplitColumn({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
222
+ declare function SelectSplitColumnLabel({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
223
+ declare function SelectSplitColumnItems({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
224
+ declare function SelectSplitDivider({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
225
+ declare function SelectItem({ className, children, forceSelectedIndicator, ...props }: React$1.ComponentProps<typeof Select$1.Item> & {
226
+ forceSelectedIndicator?: boolean;
227
+ }): react_jsx_runtime.JSX.Element;
228
+ declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
229
+ declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
230
+ declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
231
+
232
+ declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof Separator$1.Root>): react_jsx_runtime.JSX.Element;
233
+
234
+ interface SectionTabItem<TValue extends string> {
235
+ value: TValue;
236
+ label: ReactNode;
237
+ count?: ReactNode;
238
+ testId?: string;
239
+ }
240
+ interface SectionTabsProps<TValue extends string> {
241
+ tabs: ReadonlyArray<SectionTabItem<TValue>>;
242
+ value: TValue;
243
+ onValueChange: (value: TValue) => void;
244
+ ariaLabel?: string;
245
+ className?: string;
246
+ testId?: string;
247
+ }
248
+ declare function SectionTabs<TValue extends string>({ tabs, value, onValueChange, ariaLabel, className, testId }: SectionTabsProps<TValue>): JSX.Element;
249
+
250
+ declare function ShortcutBadge({ className, ...props }: React$1.ComponentProps<"kbd">): react_jsx_runtime.JSX.Element;
251
+
252
+ declare function Toaster({ toastOptions, style, ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
253
+
254
+ interface SpinnerProps {
255
+ className?: string;
256
+ size?: number;
257
+ strokeWidth?: number;
258
+ style?: CSSProperties;
259
+ testId?: string;
260
+ trackColor?: string;
261
+ }
262
+ declare function Spinner({ className, size, strokeWidth, style, testId, trackColor }: SpinnerProps): JSX.Element;
263
+
264
+ declare const statusDotVariants: (props?: ({
265
+ tone?: "blue" | "green" | "red" | "neutral" | "amber" | null | undefined;
266
+ size?: "md" | "sm" | "xs" | null | undefined;
267
+ pulse?: boolean | null | undefined;
268
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
269
+ type StatusDotProps = VariantProps<typeof statusDotVariants> & {
270
+ ariaLabel?: string;
271
+ title?: string;
272
+ className?: string;
273
+ };
274
+ declare function StatusDot({ tone, size, pulse, ariaLabel, title, className }: StatusDotProps): React.JSX.Element;
275
+
276
+ declare function Switch({ className, size, ...props }: React$1.ComponentProps<typeof Switch$1.Root> & {
277
+ size?: "sm" | "default";
278
+ }): react_jsx_runtime.JSX.Element;
279
+
280
+ declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
281
+
282
+ declare function ToastProvider({ duration, ...props }: React$1.ComponentProps<typeof Toast.Provider>): react_jsx_runtime.JSX.Element;
283
+ declare const toastVariants: (props?: ({
284
+ variant?: "default" | "success" | "destructive" | null | undefined;
285
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
286
+ declare function ToastRoot({ className, variant, busy, anchor, nodeInsetTopPx, children, style, ...props }: React$1.ComponentProps<typeof Toast.Root> & VariantProps<typeof toastVariants> & {
287
+ busy?: boolean;
288
+ anchor?: "viewport" | "node";
289
+ nodeInsetTopPx?: number;
290
+ }): react_jsx_runtime.JSX.Element;
291
+ declare function ToastTitle({ className, children, ...props }: React$1.ComponentProps<typeof Toast.Title>): react_jsx_runtime.JSX.Element;
292
+ declare function ToastDescription({ className, ...props }: React$1.ComponentProps<typeof Toast.Description>): react_jsx_runtime.JSX.Element;
293
+ declare function ToastClose({ className, ...props }: React$1.ComponentProps<typeof Toast.Close>): react_jsx_runtime.JSX.Element;
294
+ declare function ToastViewport({ className, style, ...props }: React$1.ComponentProps<typeof Toast.Viewport>): react_jsx_runtime.JSX.Element;
295
+
296
+ declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
297
+ declare function Tooltip({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
298
+ declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
299
+ declare function TooltipPortal({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Portal>): react_jsx_runtime.JSX.Element;
300
+ declare function TooltipContent({ className, sideOffset, children, style, ...props }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
301
+
302
+ interface UnderlineTabItem<TValue extends string> {
303
+ value: TValue;
304
+ label: ReactNode;
305
+ count?: ReactNode;
306
+ testId?: string;
307
+ }
308
+ interface UnderlineTabsProps<TValue extends string> {
309
+ tabs: ReadonlyArray<UnderlineTabItem<TValue>>;
310
+ value: TValue;
311
+ onValueChange: (value: TValue) => void;
312
+ ariaLabel?: string;
313
+ className?: string;
314
+ testId?: string;
315
+ viewportTestId?: string;
316
+ scrollLeftLabel?: string;
317
+ scrollRightLabel?: string;
318
+ scrollLeftTestId?: string;
319
+ scrollRightTestId?: string;
320
+ preventMouseDownDefault?: boolean;
321
+ }
322
+ declare function UnderlineTabs<TValue extends string>({ tabs, value, onValueChange, ariaLabel, className, testId, viewportTestId, scrollLeftLabel, scrollRightLabel, scrollLeftTestId, scrollRightTestId, preventMouseDownDefault }: UnderlineTabsProps<TValue>): JSX.Element;
323
+
324
+ interface MenuSize {
325
+ width: number;
326
+ height: number;
327
+ }
328
+ interface MenuPoint {
329
+ x: number;
330
+ y: number;
331
+ }
332
+ type MenuPointAlignment = "start" | "end" | "auto";
333
+ interface AbsoluteViewportMenuPlacement {
334
+ type: "absolute";
335
+ left: number;
336
+ top: number;
337
+ }
338
+ interface PointViewportMenuPlacement {
339
+ type: "point";
340
+ point: MenuPoint;
341
+ alignX?: MenuPointAlignment;
342
+ alignY?: MenuPointAlignment;
343
+ padding?: number;
344
+ estimatedSize?: MenuSize;
345
+ }
346
+ type ViewportMenuPlacement = AbsoluteViewportMenuPlacement | PointViewportMenuPlacement;
347
+ interface ViewportMenuSurfaceProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> {
348
+ open: boolean;
349
+ placement: ViewportMenuPlacement;
350
+ children: React$1.ReactNode;
351
+ onDismiss?: () => void;
352
+ dismissOnPointerDownOutside?: boolean;
353
+ dismissOnEscape?: boolean;
354
+ dismissOnScroll?: boolean;
355
+ dismissIgnoreRefs?: Array<React$1.RefObject<HTMLElement | null>>;
356
+ stopEventPropagation?: boolean;
357
+ }
358
+ declare const ViewportMenuSurface: React$1.ForwardRefExoticComponent<ViewportMenuSurfaceProps & React$1.RefAttributes<HTMLDivElement>>;
359
+
360
+ export { Badge, BareIconButton, type BareIconButtonProps, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ConfirmationDialog, type ConfirmationDialogTone, DatePicker, type DatePickerLabels, type DatePickerProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, MentionPill, type MentionPillFileKind, type MentionPillKind, type MentionPillProps, type MenuPoint, type MenuPointAlignment, type MenuSize, MenuSurface, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, type SectionTabItem, SectionTabs, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectSplitColumn, SelectSplitColumnItems, SelectSplitColumnLabel, SelectSplitDivider, SelectSplitLayout, SelectTrigger, SelectValue, Separator, ShortcutBadge, Spinner, type SpinnerProps, StatusDot, Switch, Textarea, ToastClose, ToastDescription, ToastProvider, ToastRoot, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, type UnderlineTabItem, UnderlineTabs, type ViewportMenuPlacement, ViewportMenuSurface, type ViewportMenuSurfaceProps, badgeVariants, buttonVariants, menuItemClassName, menuItemIndicatorClassName, menuItemWithIndicatorClassName, menuSurfaceClassName, statusDotVariants, toastVariants };
@@ -0,0 +1,221 @@
1
+ import {
2
+ Badge,
3
+ BareIconButton,
4
+ Button,
5
+ Card,
6
+ CardAction,
7
+ CardContent,
8
+ CardDescription,
9
+ CardFooter,
10
+ CardHeader,
11
+ CardTitle,
12
+ Checkbox,
13
+ ConfirmationDialog,
14
+ DatePicker,
15
+ Dialog,
16
+ DialogClose,
17
+ DialogContent,
18
+ DialogDescription,
19
+ DialogFooter,
20
+ DialogHeader,
21
+ DialogOverlay,
22
+ DialogPortal,
23
+ DialogTitle,
24
+ DialogTrigger,
25
+ Drawer,
26
+ DrawerClose,
27
+ DrawerContent,
28
+ DrawerDescription,
29
+ DrawerFooter,
30
+ DrawerHeader,
31
+ DrawerOverlay,
32
+ DrawerPortal,
33
+ DrawerTitle,
34
+ DrawerTrigger,
35
+ DropdownMenu,
36
+ DropdownMenuCheckboxItem,
37
+ DropdownMenuContent,
38
+ DropdownMenuGroup,
39
+ DropdownMenuItem,
40
+ DropdownMenuLabel,
41
+ DropdownMenuPortal,
42
+ DropdownMenuRadioGroup,
43
+ DropdownMenuRadioItem,
44
+ DropdownMenuSeparator,
45
+ DropdownMenuShortcut,
46
+ DropdownMenuSub,
47
+ DropdownMenuSubContent,
48
+ DropdownMenuSubTrigger,
49
+ DropdownMenuTrigger,
50
+ Input,
51
+ MentionPill,
52
+ MenuSurface,
53
+ Popover,
54
+ PopoverAnchor,
55
+ PopoverClose,
56
+ PopoverContent,
57
+ PopoverPortal,
58
+ PopoverTrigger,
59
+ ResizableHandle,
60
+ ResizablePanel,
61
+ ResizablePanelGroup,
62
+ ScrollArea,
63
+ ScrollBar,
64
+ SectionTabs,
65
+ Select,
66
+ SelectContent,
67
+ SelectGroup,
68
+ SelectItem,
69
+ SelectLabel,
70
+ SelectScrollDownButton,
71
+ SelectScrollUpButton,
72
+ SelectSeparator,
73
+ SelectSplitColumn,
74
+ SelectSplitColumnItems,
75
+ SelectSplitColumnLabel,
76
+ SelectSplitDivider,
77
+ SelectSplitLayout,
78
+ SelectTrigger,
79
+ SelectValue,
80
+ Separator,
81
+ ShortcutBadge,
82
+ Spinner,
83
+ StatusDot,
84
+ Switch,
85
+ Textarea,
86
+ ToastClose,
87
+ ToastDescription,
88
+ ToastProvider,
89
+ ToastRoot,
90
+ ToastTitle,
91
+ ToastViewport,
92
+ Toaster,
93
+ Tooltip,
94
+ TooltipContent,
95
+ TooltipPortal,
96
+ TooltipProvider,
97
+ TooltipTrigger,
98
+ UnderlineTabs,
99
+ ViewportMenuSurface,
100
+ badgeVariants,
101
+ buttonVariants,
102
+ menuItemClassName,
103
+ menuItemIndicatorClassName,
104
+ menuItemWithIndicatorClassName,
105
+ menuSurfaceClassName,
106
+ statusDotVariants,
107
+ toast,
108
+ toastVariants
109
+ } from "../chunk-2AUYRRDG.js";
110
+ import "../chunk-UTUVPSKL.js";
111
+ import "../chunk-DGPY4WP3.js";
112
+ export {
113
+ Badge,
114
+ BareIconButton,
115
+ Button,
116
+ Card,
117
+ CardAction,
118
+ CardContent,
119
+ CardDescription,
120
+ CardFooter,
121
+ CardHeader,
122
+ CardTitle,
123
+ Checkbox,
124
+ ConfirmationDialog,
125
+ DatePicker,
126
+ Dialog,
127
+ DialogClose,
128
+ DialogContent,
129
+ DialogDescription,
130
+ DialogFooter,
131
+ DialogHeader,
132
+ DialogOverlay,
133
+ DialogPortal,
134
+ DialogTitle,
135
+ DialogTrigger,
136
+ Drawer,
137
+ DrawerClose,
138
+ DrawerContent,
139
+ DrawerDescription,
140
+ DrawerFooter,
141
+ DrawerHeader,
142
+ DrawerOverlay,
143
+ DrawerPortal,
144
+ DrawerTitle,
145
+ DrawerTrigger,
146
+ DropdownMenu,
147
+ DropdownMenuCheckboxItem,
148
+ DropdownMenuContent,
149
+ DropdownMenuGroup,
150
+ DropdownMenuItem,
151
+ DropdownMenuLabel,
152
+ DropdownMenuPortal,
153
+ DropdownMenuRadioGroup,
154
+ DropdownMenuRadioItem,
155
+ DropdownMenuSeparator,
156
+ DropdownMenuShortcut,
157
+ DropdownMenuSub,
158
+ DropdownMenuSubContent,
159
+ DropdownMenuSubTrigger,
160
+ DropdownMenuTrigger,
161
+ Input,
162
+ MentionPill,
163
+ MenuSurface,
164
+ Popover,
165
+ PopoverAnchor,
166
+ PopoverClose,
167
+ PopoverContent,
168
+ PopoverPortal,
169
+ PopoverTrigger,
170
+ ResizableHandle,
171
+ ResizablePanel,
172
+ ResizablePanelGroup,
173
+ ScrollArea,
174
+ ScrollBar,
175
+ SectionTabs,
176
+ Select,
177
+ SelectContent,
178
+ SelectGroup,
179
+ SelectItem,
180
+ SelectLabel,
181
+ SelectScrollDownButton,
182
+ SelectScrollUpButton,
183
+ SelectSeparator,
184
+ SelectSplitColumn,
185
+ SelectSplitColumnItems,
186
+ SelectSplitColumnLabel,
187
+ SelectSplitDivider,
188
+ SelectSplitLayout,
189
+ SelectTrigger,
190
+ SelectValue,
191
+ Separator,
192
+ ShortcutBadge,
193
+ Spinner,
194
+ StatusDot,
195
+ Switch,
196
+ Textarea,
197
+ ToastClose,
198
+ ToastDescription,
199
+ ToastProvider,
200
+ ToastRoot,
201
+ ToastTitle,
202
+ ToastViewport,
203
+ Toaster,
204
+ Tooltip,
205
+ TooltipContent,
206
+ TooltipPortal,
207
+ TooltipProvider,
208
+ TooltipTrigger,
209
+ UnderlineTabs,
210
+ ViewportMenuSurface,
211
+ badgeVariants,
212
+ buttonVariants,
213
+ menuItemClassName,
214
+ menuItemIndicatorClassName,
215
+ menuItemWithIndicatorClassName,
216
+ menuSurfaceClassName,
217
+ statusDotVariants,
218
+ toast,
219
+ toastVariants
220
+ };
221
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,6 @@
1
+ type NextopDateLocale = "en" | "zh-CN";
2
+ declare function getCurrentNextopDateLocale(): NextopDateLocale;
3
+ declare function formatNextopDateTime(value: Date | number, locale?: NextopDateLocale): string;
4
+ declare function formatNextopShortDateTime(value: Date | number, locale?: NextopDateLocale): string;
5
+
6
+ export { type NextopDateLocale, formatNextopDateTime, formatNextopShortDateTime, getCurrentNextopDateLocale };
@@ -0,0 +1,11 @@
1
+ import {
2
+ formatNextopDateTime,
3
+ formatNextopShortDateTime,
4
+ getCurrentNextopDateLocale
5
+ } from "./chunk-GX3U3V36.js";
6
+ export {
7
+ formatNextopDateTime,
8
+ formatNextopShortDateTime,
9
+ getCurrentNextopDateLocale
10
+ };
11
+ //# sourceMappingURL=date-format.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
@@ -0,0 +1,9 @@
1
+ import { Plugin } from 'vite';
2
+
3
+ type NextopUISystemDevOptions = {
4
+ serverUrl?: string;
5
+ cacheDir?: string;
6
+ };
7
+ declare function nextopUISystemDev(options?: NextopUISystemDevOptions): Plugin;
8
+
9
+ export { type NextopUISystemDevOptions, nextopUISystemDev };