@labpane/ui 1.0.0 → 1.2.0
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/README.md +27 -12
- package/dist/chunk-NR3PLNO7.js +100 -0
- package/dist/chunk-NR3PLNO7.js.map +7 -0
- package/dist/index.js +6829 -610
- package/dist/index.js.map +4 -4
- package/dist/styles.css +1 -1
- package/dist/terminal.js +1 -1
- package/dist/terminal.js.map +1 -1
- package/dist/ui/alert.d.ts +13 -0
- package/dist/ui/app-menu.d.ts +6 -1
- package/dist/ui/avatar.d.ts +11 -0
- package/dist/ui/badge.d.ts +17 -0
- package/dist/ui/breadcrumb.d.ts +11 -0
- package/dist/ui/browser-layout.d.ts +20 -0
- package/dist/ui/button.d.ts +27 -0
- package/dist/ui/card.d.ts +15 -0
- package/dist/ui/chart-frame.d.ts +4 -0
- package/dist/ui/checkbox.d.ts +4 -0
- package/dist/ui/classes.d.ts +5 -0
- package/dist/ui/command.d.ts +82 -0
- package/dist/ui/confirm-dialog.d.ts +28 -0
- package/dist/ui/copy-button.d.ts +7 -0
- package/dist/ui/dialog.d.ts +8 -17
- package/dist/ui/discard-dialog.d.ts +6 -0
- package/dist/ui/email-thread.d.ts +35 -0
- package/dist/ui/empty.d.ts +14 -0
- package/dist/ui/field.d.ts +26 -0
- package/dist/ui/file-input.d.ts +6 -0
- package/dist/ui/flame-graph-model.d.ts +23 -0
- package/dist/ui/flame-graph.d.ts +15 -0
- package/dist/ui/form-fields.d.ts +1 -1
- package/dist/ui/histogram.d.ts +23 -0
- package/dist/ui/index.d.ts +54 -3
- package/dist/ui/input-group.d.ts +28 -0
- package/dist/ui/input.d.ts +3 -0
- package/dist/ui/kbd.d.ts +4 -0
- package/dist/ui/label.d.ts +3 -0
- package/dist/ui/menu.d.ts +27 -0
- package/dist/ui/native-select.d.ts +7 -0
- package/dist/ui/nav-tabs.d.ts +7 -0
- package/dist/ui/overlay.d.ts +1 -0
- package/dist/ui/page.d.ts +22 -0
- package/dist/ui/rail.d.ts +16 -0
- package/dist/ui/search-input.d.ts +6 -0
- package/dist/ui/select.d.ts +13 -0
- package/dist/ui/separator.d.ts +6 -0
- package/dist/ui/settings.d.ts +14 -0
- package/dist/ui/sheet.d.ts +20 -0
- package/dist/ui/side-panel.d.ts +23 -0
- package/dist/ui/sidebar.d.ts +81 -0
- package/dist/ui/skeleton.d.ts +3 -0
- package/dist/ui/spinner.d.ts +3 -0
- package/dist/ui/stat.d.ts +7 -0
- package/dist/ui/steps.d.ts +7 -0
- package/dist/ui/switch.d.ts +6 -0
- package/dist/ui/tab-state.d.ts +8 -0
- package/dist/ui/table-layout.d.ts +19 -0
- package/dist/ui/table-model.d.ts +42 -0
- package/dist/ui/table-screen.d.ts +9 -0
- package/dist/ui/table.d.ts +33 -22
- package/dist/ui/tabs.d.ts +13 -0
- package/dist/ui/textarea.d.ts +3 -0
- package/dist/ui/theme.d.ts +22 -0
- package/dist/ui/time-series-chart.d.ts +19 -0
- package/dist/ui/time-series-model.d.ts +90 -0
- package/dist/ui/timing-tracks.d.ts +27 -0
- package/dist/ui/toggle.d.ts +22 -0
- package/dist/ui/tooltip.d.ts +7 -0
- package/dist/ui/topbar.d.ts +4 -0
- package/dist/ui/use-chart-width.d.ts +5 -0
- package/dist/ui/use-mobile.d.ts +1 -0
- package/package.json +18 -1
- package/styles.css +123 -0
- package/dist/chunk-3ZY2AVB4.js +0 -434
- package/dist/chunk-3ZY2AVB4.js.map +0 -7
- package/dist/ui/primitives.d.ts +0 -85
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../classes.ts", "../primitives.tsx"],
|
|
4
|
-
"sourcesContent": ["import { type ClassValue, clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n experimentalParseClassName: ({ className, parseClassName }) =>\n parseClassName(className.replace(/^labui:/, \"\")),\n});\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n", "import * as React from \"react\";\nimport {\n ArrowLeftIcon,\n CheckIcon,\n ChevronDownIcon,\n CopyIcon,\n Loader2Icon,\n} from \"lucide-react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\nimport { cn } from \"./classes.js\";\nexport { cn } from \"./classes.js\";\n\nexport function PageActions({ children }: { children?: React.ReactNode }) {\n return (\n <div className=\"labui:ml-auto labui:flex labui:max-w-full labui:flex-wrap labui:items-center labui:justify-end labui:gap-2 labui:[--labui-control-height:2.25rem] labui:empty:hidden labui:[@media(pointer:coarse)]:[--labui-control-height:2.75rem]\">\n {children}\n </div>\n );\n}\nexport function PageHeader({\n title,\n actions,\n}: {\n title: string;\n actions?: React.ReactNode;\n}) {\n return (\n <header className=\"labui:flex labui:flex-wrap labui:items-center labui:gap-3\">\n <h1 className=\"labui:font-display labui:text-2xl labui:font-bold labui:tracking-tight\">\n {title}\n </h1>\n <PageActions>{actions}</PageActions>\n </header>\n );\n}\nexport function Page({\n title,\n actions,\n className,\n children,\n}: {\n title?: string;\n actions?: React.ReactNode;\n className?: string;\n children?: React.ReactNode;\n}) {\n return (\n <div\n className={cn(\n \"labui:flex labui:min-w-0 labui:flex-col labui:gap-4\",\n className,\n )}\n >\n {title && <PageHeader title={title} actions={actions} />}\n {children}\n </div>\n );\n}\n\nconst focusRing =\n \"labui:focus-visible:border-ring labui:focus-visible:ring-[3px] labui:focus-visible:ring-ring/50\";\nconst invalidRing =\n \"labui:aria-invalid:border-destructive labui:aria-invalid:ring-destructive/20 labui:dark:aria-invalid:ring-destructive/40\";\n\nconst raisedButtonSurface = [\n \"labui:border labui:border-border labui:border-b-input labui:bg-card labui:bg-linear-to-b labui:from-card labui:to-muted labui:text-foreground\",\n \"labui:shadow-[inset_0_1px_0_#ffffff,0_1px_1px_#00000014,0_3px_4px_#0000000d]\",\n \"labui:hover:to-background labui:hover:shadow-[inset_0_1px_0_#ffffff,0_2px_3px_#0000001a,0_4px_6px_#0000000d]\",\n \"labui:active:translate-y-px labui:active:from-muted labui:active:to-card labui:active:shadow-[inset_0_1px_2px_#0000001a,0_1px_0_#ffffff80]\",\n \"labui:dark:border-foreground/15 labui:dark:border-b-foreground/10 labui:dark:bg-secondary labui:dark:from-[color-mix(in_srgb,var(--labui-secondary)_88%,var(--labui-foreground))] labui:dark:to-secondary labui:dark:text-popover-foreground\",\n \"labui:dark:shadow-[inset_0_1px_0_#ffffff14,0_1px_2px_#00000026]\",\n \"labui:dark:hover:border-foreground/25 labui:dark:hover:from-[color-mix(in_srgb,var(--labui-secondary)_82%,var(--labui-foreground))] labui:dark:hover:to-secondary labui:dark:hover:shadow-[inset_0_1px_0_#ffffff1f,0_2px_4px_#00000033]\",\n \"labui:dark:active:from-secondary labui:dark:active:to-secondary labui:dark:active:shadow-[inset_0_1px_2px_#00000033,0_1px_0_#ffffff0a]\",\n \"labui:disabled:bg-secondary labui:disabled:bg-none labui:disabled:shadow-none labui:dark:disabled:shadow-none\",\n].join(\" \");\n\nconst buttonVariants = {\n default:\n \"labui:border labui:border-transparent labui:bg-primary labui:text-primary-foreground labui:shadow-xs labui:hover:bg-primary/90 labui:active:translate-y-px\",\n destructive:\n \"labui:border labui:border-transparent labui:bg-destructive-muted labui:text-destructive labui:hover:border-destructive/20 labui:hover:bg-destructive/15 labui:focus-visible:ring-destructive/20 labui:dark:focus-visible:ring-destructive/40\",\n secondary: raisedButtonSurface,\n ghost:\n \"labui:hover:bg-accent labui:hover:text-accent-foreground labui:dark:hover:bg-accent/50\",\n link: \"labui:text-link labui:underline-offset-4 labui:hover:underline\",\n};\nconst buttonSizes = {\n default:\n \"labui:h-(--labui-control-height) labui:px-4 labui:py-2 labui:has-[>svg]:px-3\",\n sm: \"labui:h-(--labui-control-height-sm) labui:gap-1.5 labui:rounded-md labui:px-3 labui:has-[>svg]:px-2.5\",\n \"icon-xs\":\n \"labui:size-6 labui:rounded-md labui:[&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"labui:size-(--labui-control-height-sm)\",\n};\n\nconst Button = React.forwardRef<\n HTMLButtonElement,\n React.ComponentPropsWithoutRef<\"button\"> & {\n variant?: keyof typeof buttonVariants | null;\n size?: keyof typeof buttonSizes | null;\n asChild?: boolean;\n }\n>(function Button(\n {\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n },\n ref,\n) {\n const Comp = asChild ? Slot : \"button\";\n\n return (\n <Comp\n ref={ref}\n data-slot=\"button\"\n data-variant={variant}\n data-size={size}\n className={cn(\n \"labui:inline-flex labui:shrink-0 labui:items-center labui:justify-center labui:gap-2 labui:rounded-md\",\n \"labui:text-sm labui:font-medium labui:whitespace-nowrap labui:transition-all labui:outline-none\",\n \"labui:disabled:pointer-events-none labui:disabled:opacity-50\",\n focusRing,\n invalidRing,\n \"labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0 labui:[&_svg:not([class*='size-'])]:size-4\",\n variant && buttonVariants[variant],\n size && buttonSizes[size],\n className,\n )}\n {...props}\n />\n );\n});\n\nexport { Button };\n\nconst badgeVariants = {\n default:\n \"labui:bg-primary labui:text-primary-foreground labui:[a&]:hover:bg-primary/90\",\n destructive:\n \"labui:border-destructive/30 labui:bg-destructive/15 labui:text-destructive labui:focus-visible:ring-destructive/20 labui:[a&]:hover:bg-destructive/25\",\n success:\n \"labui:border-success/30 labui:bg-success/15 labui:text-success labui:[a&]:hover:bg-success/25\",\n warning:\n \"labui:border-warning/30 labui:bg-warning/15 labui:text-warning labui:[a&]:hover:bg-warning/25\",\n};\n\nconst Badge = React.forwardRef<\n HTMLSpanElement,\n React.ComponentPropsWithoutRef<\"span\"> & {\n variant?: keyof typeof badgeVariants | null;\n }\n>(function Badge({ className, variant = \"default\", ...props }, ref) {\n return (\n <span\n ref={ref}\n data-slot=\"badge\"\n data-variant={variant}\n className={cn(\n \"labui:inline-flex labui:w-fit labui:shrink-0 labui:items-center labui:justify-center labui:gap-1 labui:overflow-hidden\",\n \"labui:rounded-full labui:border labui:border-transparent labui:px-2 labui:py-0.5\",\n \"labui:text-xs labui:font-medium labui:whitespace-nowrap labui:transition-[color,box-shadow]\",\n focusRing,\n invalidRing,\n \"labui:[&>svg]:pointer-events-none labui:[&>svg]:size-3\",\n variant && badgeVariants[variant],\n className,\n )}\n {...props}\n />\n );\n});\n\nexport { Badge };\n\nconst alertVariants = {\n destructive:\n \"labui:border-destructive/40 labui:bg-card labui:text-destructive labui:*:data-[slot=alert-description]:text-destructive/90 labui:[&>svg]:text-current\",\n warning:\n \"labui:border-warning/40 labui:bg-card labui:text-foreground labui:[&>svg]:text-warning\",\n};\n\nconst Alert = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\"> & {\n variant?: keyof typeof alertVariants | null;\n }\n>(function Alert({ className, variant, ...props }, ref) {\n return (\n <div\n ref={ref}\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(\n \"labui:relative labui:grid labui:w-full labui:grid-cols-[0_1fr] labui:items-start labui:gap-y-0.5 labui:rounded-lg labui:border labui:px-4 labui:py-3 labui:text-sm labui:has-[>svg]:grid-cols-[--spacing(4)_1fr] labui:has-[>svg]:gap-x-3 labui:[&>svg]:size-4 labui:[&>svg]:translate-y-0.5 labui:[&>svg]:text-current\",\n variant && alertVariants[variant],\n className,\n )}\n {...props}\n />\n );\n});\n\nconst AlertTitle = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(function AlertTitle({ className, ...props }, ref) {\n return (\n <div\n ref={ref}\n data-slot=\"alert-title\"\n className={cn(\n \"labui:col-start-2 labui:line-clamp-1 labui:min-h-4 labui:font-medium labui:tracking-tight\",\n className,\n )}\n {...props}\n />\n );\n});\n\nconst AlertDescription = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(function AlertDescription({ className, ...props }, ref) {\n return (\n <div\n ref={ref}\n data-slot=\"alert-description\"\n className={cn(\n \"labui:col-start-2 labui:grid labui:justify-items-start labui:gap-1 labui:text-sm labui:text-muted-foreground labui:[&_p]:leading-relaxed\",\n className,\n )}\n {...props}\n />\n );\n});\n\nexport { Alert, AlertTitle, AlertDescription };\n\nconst Input = React.forwardRef<\n HTMLInputElement,\n React.ComponentPropsWithoutRef<\"input\">\n>(function Input({ className, type, ...props }, ref) {\n return (\n <input\n ref={ref}\n type={type}\n autoComplete=\"off\"\n data-slot=\"input\"\n className={cn(\n \"labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:rounded-md labui:border labui:border-input\",\n \"labui:bg-input-background labui:px-(--labui-control-px) labui:py-1 labui:shadow-xs\",\n \"labui:text-base labui:md:text-sm labui:placeholder:text-muted-foreground labui:transition-[color,box-shadow] labui:outline-none\",\n \"labui:selection:bg-primary labui:selection:text-primary-foreground\",\n \"labui:file:me-3 labui:file:inline-flex labui:file:h-7 labui:file:border-0 labui:file:bg-transparent\",\n \"labui:file:text-sm labui:file:font-medium labui:file:text-foreground\",\n \"labui:disabled:pointer-events-none labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n focusRing,\n invalidRing,\n \"labui:[&::-webkit-search-cancel-button]:appearance-none labui:[&::-webkit-search-decoration]:appearance-none labui:[&::-webkit-search-results-button]:appearance-none\",\n \"labui:[&::-webkit-calendar-picker-indicator]:opacity-60 labui:[&::-webkit-datetime-edit]:leading-none\",\n className,\n )}\n {...props}\n />\n );\n});\n\nexport { Input };\n\nconst Checkbox = React.forwardRef<\n React.ElementRef<typeof CheckboxPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(function Checkbox({ className, ...props }, ref) {\n return (\n <CheckboxPrimitive.Root\n ref={ref}\n data-slot=\"checkbox\"\n className={cn(\n \"labui:peer labui:size-4 labui:shrink-0 labui:rounded-[4px] labui:border labui:border-input labui:dark:bg-input/30\",\n \"labui:shadow-xs labui:transition-shadow labui:outline-none\",\n \"labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n \"labui:data-[state=checked]:border-primary labui:data-[state=checked]:bg-primary labui:data-[state=checked]:text-primary-foreground labui:dark:data-[state=checked]:bg-primary\",\n focusRing,\n invalidRing,\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"labui:grid labui:place-content-center labui:text-current labui:transition-none\"\n >\n <CheckIcon className=\"labui:size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n});\n\nexport { Checkbox };\n\nconst Field = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\"> & { orientation?: \"horizontal\" }\n>(function Field({ className, orientation, ...props }, ref) {\n return (\n <div\n ref={ref}\n role=\"group\"\n className={cn(\n \"labui:flex labui:w-full labui:gap-3 labui:data-[invalid=true]:text-destructive\",\n orientation ? \"labui:items-center\" : \"labui:flex-col\",\n className,\n )}\n {...props}\n />\n );\n});\n\nconst FieldLabel = React.forwardRef<\n HTMLLabelElement,\n React.ComponentPropsWithoutRef<\"label\">\n>(function FieldLabel({ className, ...props }, ref) {\n return (\n // oxlint-disable-next-line jsx-a11y/label-has-associated-control -- callers pass htmlFor\n <label\n ref={ref}\n className={cn(\n \"labui:flex labui:w-fit labui:items-center labui:gap-2 labui:text-sm labui:leading-snug labui:font-medium labui:select-none\",\n className,\n )}\n {...props}\n />\n );\n});\n\nconst FieldError = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(function FieldError({ className, ...props }, ref) {\n return (\n <div\n ref={ref}\n role=\"alert\"\n className={cn(\"labui:text-sm labui:text-destructive\", className)}\n {...props}\n />\n );\n});\n\nexport { Field, FieldLabel, FieldError };\n\nfunction Select(props: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectValue(\n props: React.ComponentProps<typeof SelectPrimitive.Value>,\n) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> & {\n size?: \"sm\" | \"default\";\n }\n>(function SelectTrigger(\n { className, size = \"default\", children, ...props },\n ref,\n) {\n return (\n <SelectPrimitive.Trigger\n ref={ref}\n data-slot=\"select-trigger\"\n data-size={size}\n className={cn(\n \"labui:flex labui:h-(--labui-control-height) labui:w-full labui:min-w-0 labui:items-center labui:justify-between labui:gap-2\",\n \"labui:rounded-md labui:border labui:border-input labui:bg-input-background labui:px-(--labui-control-px) labui:shadow-xs\",\n \"labui:text-sm labui:whitespace-nowrap labui:transition-[color,box-shadow] labui:outline-none labui:data-[placeholder]:text-muted-foreground\",\n \"labui:data-[size=sm]:h-(--labui-control-height-sm) labui:data-[size=sm]:px-2 labui:data-[size=sm]:text-xs\",\n focusRing,\n invalidRing,\n \"labui:disabled:cursor-not-allowed labui:disabled:opacity-50\",\n \"labui:*:data-[slot=select-value]:truncate labui:[&_svg]:pointer-events-none labui:[&_svg]:shrink-0\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"labui:size-4 labui:text-muted-foreground\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n );\n});\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(function SelectContent({ className, children, ...props }, ref) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n data-slot=\"select-content\"\n position=\"popper\"\n sideOffset={4}\n className={cn(\n \"labui:relative labui:z-50 labui:max-h-(--radix-select-content-available-height) labui:min-w-(--radix-select-trigger-width) labui:overflow-x-hidden labui:overflow-y-auto labui:rounded-lg labui:border labui:bg-popover/90 labui:p-1 labui:text-popover-foreground labui:shadow-lg labui:backdrop-blur-xl labui:backdrop-saturate-150\",\n className,\n )}\n {...props}\n >\n <SelectPrimitive.Viewport>\n {React.Children.toArray(children).length ? (\n children\n ) : (\n <p className=\"labui:p-2 labui:text-sm labui:text-muted-foreground\">\n Empty\n </p>\n )}\n </SelectPrimitive.Viewport>\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n );\n});\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(function SelectItem({ className, children, ...props }, ref) {\n return (\n <SelectPrimitive.Item\n ref={ref}\n data-slot=\"select-item\"\n className={cn(\n \"labui:relative labui:flex labui:w-full labui:cursor-default labui:items-center labui:rounded-md labui:py-1.5 labui:pr-8 labui:pl-2 labui:text-sm labui:outline-none labui:select-none labui:data-[disabled]:pointer-events-none labui:data-[disabled]:opacity-50 labui:data-[highlighted]:bg-accent labui:data-[highlighted]:text-accent-foreground\",\n className,\n )}\n {...props}\n >\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n <SelectPrimitive.ItemIndicator className=\"labui:absolute labui:right-2 labui:flex labui:items-center\">\n <CheckIcon className=\"labui:size-4 labui:text-primary\" />\n </SelectPrimitive.ItemIndicator>\n </SelectPrimitive.Item>\n );\n});\n\nexport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };\n\nconst Spinner = React.forwardRef<\n SVGSVGElement,\n React.ComponentPropsWithoutRef<\"svg\">\n>(function Spinner({ className, ...props }, ref) {\n return (\n <Loader2Icon\n ref={ref}\n role=\"status\"\n aria-label=\"Loading\"\n className={cn(\"labui:size-4 labui:animate-spin\", className)}\n {...props}\n />\n );\n});\n\nexport { Spinner };\n\nconst Skeleton = React.forwardRef<\n HTMLDivElement,\n React.ComponentPropsWithoutRef<\"div\">\n>(function Skeleton({ className, ...props }, ref) {\n return (\n <div\n ref={ref}\n data-slot=\"skeleton\"\n className={cn(\n \"labui:animate-pulse labui:rounded-md labui:bg-accent\",\n className,\n )}\n {...props}\n />\n );\n});\n\nexport { Skeleton };\n\nexport function CopyButton({ value, label }: { value: string; label: string }) {\n const [copied, setCopied] = React.useState(false);\n return (\n <Button\n type=\"button\"\n variant=\"ghost\"\n size=\"icon-xs\"\n aria-label={label}\n title={label}\n onClick={() =>\n navigator.clipboard.writeText(value).then(() => setCopied(true))\n }\n >\n {copied ? <CheckIcon /> : <CopyIcon />}\n </Button>\n );\n}\n\nexport function Back({\n label,\n ...props\n}: React.ComponentProps<\"a\"> & { label: string }) {\n return (\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"labui:-ml-2.5 labui:self-start\"\n asChild\n >\n <a {...props}>\n <ArrowLeftIcon />\n {label}\n </a>\n </Button>\n );\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["Button", "Badge", "Alert", "AlertTitle", "AlertDescription", "Input", "Checkbox", "Field", "FieldLabel", "FieldError", "SelectTrigger", "SelectContent", "SelectItem", "Spinner", "Skeleton"]
|
|
7
|
-
}
|
package/dist/ui/primitives.d.ts
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
-
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
4
|
-
export { cn } from "./classes.js";
|
|
5
|
-
export declare function PageActions({ children }: {
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}): React.JSX.Element;
|
|
8
|
-
export declare function PageHeader({ title, actions, }: {
|
|
9
|
-
title: string;
|
|
10
|
-
actions?: React.ReactNode;
|
|
11
|
-
}): React.JSX.Element;
|
|
12
|
-
export declare function Page({ title, actions, className, children, }: {
|
|
13
|
-
title?: string;
|
|
14
|
-
actions?: React.ReactNode;
|
|
15
|
-
className?: string;
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}): React.JSX.Element;
|
|
18
|
-
declare const buttonVariants: {
|
|
19
|
-
default: string;
|
|
20
|
-
destructive: string;
|
|
21
|
-
secondary: string;
|
|
22
|
-
ghost: string;
|
|
23
|
-
link: string;
|
|
24
|
-
};
|
|
25
|
-
declare const buttonSizes: {
|
|
26
|
-
default: string;
|
|
27
|
-
sm: string;
|
|
28
|
-
"icon-xs": string;
|
|
29
|
-
"icon-sm": string;
|
|
30
|
-
};
|
|
31
|
-
declare const Button: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
32
|
-
variant?: keyof typeof buttonVariants | null;
|
|
33
|
-
size?: keyof typeof buttonSizes | null;
|
|
34
|
-
asChild?: boolean;
|
|
35
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
36
|
-
export { Button };
|
|
37
|
-
declare const badgeVariants: {
|
|
38
|
-
default: string;
|
|
39
|
-
destructive: string;
|
|
40
|
-
success: string;
|
|
41
|
-
warning: string;
|
|
42
|
-
};
|
|
43
|
-
declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
44
|
-
variant?: keyof typeof badgeVariants | null;
|
|
45
|
-
} & React.RefAttributes<HTMLSpanElement>>;
|
|
46
|
-
export { Badge };
|
|
47
|
-
declare const alertVariants: {
|
|
48
|
-
destructive: string;
|
|
49
|
-
warning: string;
|
|
50
|
-
};
|
|
51
|
-
declare const Alert: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
52
|
-
variant?: keyof typeof alertVariants | null;
|
|
53
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
-
declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
55
|
-
declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
56
|
-
export { Alert, AlertTitle, AlertDescription };
|
|
57
|
-
declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
58
|
-
export { Input };
|
|
59
|
-
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
60
|
-
export { Checkbox };
|
|
61
|
-
declare const Field: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
62
|
-
orientation?: "horizontal";
|
|
63
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
-
declare const FieldLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
|
|
65
|
-
declare const FieldError: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
-
export { Field, FieldLabel, FieldError };
|
|
67
|
-
declare function Select(props: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
|
|
68
|
-
declare function SelectValue(props: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
|
|
69
|
-
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
70
|
-
size?: "sm" | "default";
|
|
71
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
72
|
-
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
-
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
74
|
-
export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue };
|
|
75
|
-
declare const Spinner: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
76
|
-
export { Spinner };
|
|
77
|
-
declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
78
|
-
export { Skeleton };
|
|
79
|
-
export declare function CopyButton({ value, label }: {
|
|
80
|
-
value: string;
|
|
81
|
-
label: string;
|
|
82
|
-
}): React.JSX.Element;
|
|
83
|
-
export declare function Back({ label, ...props }: React.ComponentProps<"a"> & {
|
|
84
|
-
label: string;
|
|
85
|
-
}): React.JSX.Element;
|