@contractspec/lib.ui-kit-web 3.7.6 → 3.9.2
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 +33 -88
- package/dist/browser/ui/accordion.js +4 -4
- package/dist/browser/ui/alert-dialog.js +9 -9
- package/dist/browser/ui/alert.js +4 -4
- package/dist/browser/ui/atoms/FilterSelect/FilterSelect.js +51 -51
- package/dist/browser/ui/atoms/FilterSelect/index.js +51 -51
- package/dist/browser/ui/atoms/LoadingSpinner/LoadingSpinner.js +1 -1
- package/dist/browser/ui/atoms/Pagination/Pagination.js +13 -13
- package/dist/browser/ui/atoms/Pagination/index.js +13 -13
- package/dist/browser/ui/atoms/SearchInput/SearchInput.js +8 -8
- package/dist/browser/ui/atoms/SearchInput/index.js +8 -8
- package/dist/browser/ui/avatar.js +1 -1
- package/dist/browser/ui/badge.js +3 -3
- package/dist/browser/ui/breadcrumb.js +4 -4
- package/dist/browser/ui/button.js +5 -5
- package/dist/browser/ui/calendar.js +21 -21
- package/dist/browser/ui/card.js +2 -2
- package/dist/browser/ui/carousel.js +6 -6
- package/dist/browser/ui/checkbox.js +2 -2
- package/dist/browser/ui/command.js +14 -14
- package/dist/browser/ui/confirm-dialog.js +9 -9
- package/dist/browser/ui/context-menu.js +10 -10
- package/dist/browser/ui/cta.js +5 -5
- package/dist/browser/ui/data-table.js +1009 -0
- package/dist/browser/ui/data-table.parts.js +467 -0
- package/dist/browser/ui/date-picker.js +26 -26
- package/dist/browser/ui/date-range-picker.js +24 -24
- package/dist/browser/ui/datetime-picker.js +29 -29
- package/dist/browser/ui/dialog.js +5 -5
- package/dist/browser/ui/drawer.js +5 -5
- package/dist/browser/ui/dropdown-menu.js +10 -10
- package/dist/browser/ui/empty-state.js +5 -5
- package/dist/browser/ui/empty.js +7 -7
- package/dist/browser/ui/field.js +12 -12
- package/dist/browser/ui/form.js +4 -4
- package/dist/browser/ui/hover-card.js +2 -2
- package/dist/browser/ui/input-group.js +16 -16
- package/dist/browser/ui/input-otp.js +4 -4
- package/dist/browser/ui/input.js +1 -1
- package/dist/browser/ui/label.js +2 -2
- package/dist/browser/ui/loading-button.js +8 -8
- package/dist/browser/ui/marketing/FeatureGrid.js +3 -3
- package/dist/browser/ui/marketing/Hero.js +7 -7
- package/dist/browser/ui/marketing/PricingTable.js +10 -10
- package/dist/browser/ui/menubar.js +12 -12
- package/dist/browser/ui/molecules/Autocomplete/index.js +26 -26
- package/dist/browser/ui/molecules/SearchAndFilter/SearchAndFilter.js +62 -62
- package/dist/browser/ui/molecules/SearchAndFilter/index.js +62 -62
- package/dist/browser/ui/molecules/SkeletonList.js +1 -1
- package/dist/browser/ui/nav-layout.js +22 -22
- package/dist/browser/ui/navigation-menu.js +7 -7
- package/dist/browser/ui/organisms/ErrorBoundary/ErrorBoundary.js +11 -11
- package/dist/browser/ui/organisms/ListPage/ListPage.js +84 -84
- package/dist/browser/ui/page-header.js +4 -4
- package/dist/browser/ui/pagination.js +6 -6
- package/dist/browser/ui/popover.js +2 -2
- package/dist/browser/ui/progress.js +3 -3
- package/dist/browser/ui/radio-group.js +3 -3
- package/dist/browser/ui/resizable.js +3 -3
- package/dist/browser/ui/scroll-area.js +4 -4
- package/dist/browser/ui/section.js +1 -1
- package/dist/browser/ui/select.js +6 -6
- package/dist/browser/ui/separator.js +2 -2
- package/dist/browser/ui/sheet.js +5 -5
- package/dist/browser/ui/sidebar.js +64 -64
- package/dist/browser/ui/skeleton.js +1 -1
- package/dist/browser/ui/slider.js +6 -6
- package/dist/browser/ui/stack.js +1 -1
- package/dist/browser/ui/stat-card-group.js +5 -5
- package/dist/browser/ui/stepper.js +2 -2
- package/dist/browser/ui/switch.js +3 -3
- package/dist/browser/ui/table.js +5 -5
- package/dist/browser/ui/tabs.js +3 -3
- package/dist/browser/ui/text.js +2 -2
- package/dist/browser/ui/textarea.js +1 -1
- package/dist/browser/ui/time-picker.js +10 -10
- package/dist/browser/ui/toast.js +5 -5
- package/dist/browser/ui/toaster.js +5 -5
- package/dist/browser/ui/toggle-group.js +7 -7
- package/dist/browser/ui/toggle.js +5 -5
- package/dist/browser/ui/tooltip.js +3 -3
- package/dist/browser/ui/typography.js +14 -14
- package/dist/browser/ui/usecases/UseCaseCard.js +8 -8
- package/dist/browser/ui/usecases/UserStoryCard.js +3 -3
- package/dist/browser/ui/visualization/Visualization.js +447 -0
- package/dist/browser/ui/visualization/Visualization.support.js +128 -0
- package/dist/browser/ui/visualization/index.js +10 -0
- package/dist/ui/accordion.d.ts +2 -2
- package/dist/ui/accordion.js +4 -4
- package/dist/ui/alert-dialog.d.ts +2 -2
- package/dist/ui/alert-dialog.js +9 -9
- package/dist/ui/alert.d.ts +2 -2
- package/dist/ui/alert.js +4 -4
- package/dist/ui/atoms/FilterSelect/FilterSelect.js +51 -51
- package/dist/ui/atoms/FilterSelect/index.d.ts +1 -1
- package/dist/ui/atoms/FilterSelect/index.js +51 -51
- package/dist/ui/atoms/LoadingSpinner/LoadingSpinner.js +1 -1
- package/dist/ui/atoms/LoadingSpinner/index.d.ts +1 -1
- package/dist/ui/atoms/Pagination/Pagination.js +13 -13
- package/dist/ui/atoms/Pagination/index.js +13 -13
- package/dist/ui/atoms/SearchInput/SearchInput.js +8 -8
- package/dist/ui/atoms/SearchInput/index.js +8 -8
- package/dist/ui/avatar.d.ts +2 -2
- package/dist/ui/avatar.js +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.js +3 -3
- package/dist/ui/breadcrumb.d.ts +1 -1
- package/dist/ui/breadcrumb.js +4 -4
- package/dist/ui/button.d.ts +1 -1
- package/dist/ui/button.js +5 -5
- package/dist/ui/calendar.js +21 -21
- package/dist/ui/card.d.ts +1 -1
- package/dist/ui/card.js +2 -2
- package/dist/ui/carousel.d.ts +2 -2
- package/dist/ui/carousel.js +6 -6
- package/dist/ui/checkbox.d.ts +1 -1
- package/dist/ui/checkbox.js +2 -2
- package/dist/ui/collapsible.d.ts +1 -1
- package/dist/ui/command.d.ts +2 -2
- package/dist/ui/command.js +14 -14
- package/dist/ui/confirm-dialog.js +9 -9
- package/dist/ui/context-menu.d.ts +2 -2
- package/dist/ui/context-menu.js +10 -10
- package/dist/ui/cta.js +5 -5
- package/dist/ui/data-table.d.ts +12 -0
- package/dist/ui/data-table.js +1004 -0
- package/dist/ui/data-table.parts.d.ts +14 -0
- package/dist/ui/data-table.parts.js +462 -0
- package/dist/ui/date-picker.js +26 -26
- package/dist/ui/date-range-picker.js +24 -24
- package/dist/ui/datetime-picker.js +29 -29
- package/dist/ui/dialog.d.ts +1 -1
- package/dist/ui/dialog.js +5 -5
- package/dist/ui/drawer.d.ts +1 -1
- package/dist/ui/drawer.js +5 -5
- package/dist/ui/dropdown-menu.d.ts +2 -2
- package/dist/ui/dropdown-menu.js +10 -10
- package/dist/ui/empty-state.d.ts +1 -1
- package/dist/ui/empty-state.js +5 -5
- package/dist/ui/empty.d.ts +2 -2
- package/dist/ui/empty.js +7 -7
- package/dist/ui/field.d.ts +2 -2
- package/dist/ui/field.js +12 -12
- package/dist/ui/form.d.ts +3 -3
- package/dist/ui/form.js +4 -4
- package/dist/ui/hover-card.d.ts +2 -2
- package/dist/ui/hover-card.js +2 -2
- package/dist/ui/input-group.d.ts +2 -2
- package/dist/ui/input-group.js +16 -16
- package/dist/ui/input-otp.d.ts +2 -2
- package/dist/ui/input-otp.js +4 -4
- package/dist/ui/input.js +1 -1
- package/dist/ui/label.d.ts +1 -1
- package/dist/ui/label.js +2 -2
- package/dist/ui/loading-button.js +8 -8
- package/dist/ui/map/index.d.ts +1 -1
- package/dist/ui/marketing/FeatureGrid.js +3 -3
- package/dist/ui/marketing/Hero.js +7 -7
- package/dist/ui/marketing/PricingTable.js +10 -10
- package/dist/ui/marketing/index.d.ts +1 -1
- package/dist/ui/menubar.d.ts +2 -2
- package/dist/ui/menubar.js +12 -12
- package/dist/ui/molecules/Autocomplete/index.js +26 -26
- package/dist/ui/molecules/SearchAndFilter/SearchAndFilter.js +62 -62
- package/dist/ui/molecules/SearchAndFilter/index.js +62 -62
- package/dist/ui/molecules/SkeletonList.js +1 -1
- package/dist/ui/nav-layout.d.ts +1 -1
- package/dist/ui/nav-layout.js +22 -22
- package/dist/ui/navigation-menu.d.ts +2 -2
- package/dist/ui/navigation-menu.js +7 -7
- package/dist/ui/organisms/ErrorBoundary/ErrorBoundary.js +11 -11
- package/dist/ui/organisms/ErrorBoundary/index.d.ts +1 -1
- package/dist/ui/organisms/ListPage/ListPage.js +84 -84
- package/dist/ui/organisms/ListPage/index.d.ts +1 -1
- package/dist/ui/organisms/ListPage/types.d.ts +1 -1
- package/dist/ui/page-header.d.ts +1 -1
- package/dist/ui/page-header.js +4 -4
- package/dist/ui/pagination.js +6 -6
- package/dist/ui/popover.d.ts +2 -2
- package/dist/ui/popover.js +2 -2
- package/dist/ui/progress.d.ts +1 -1
- package/dist/ui/progress.js +3 -3
- package/dist/ui/radio-group.d.ts +1 -1
- package/dist/ui/radio-group.js +3 -3
- package/dist/ui/resizable.d.ts +2 -2
- package/dist/ui/resizable.js +3 -3
- package/dist/ui/scroll-area.d.ts +1 -1
- package/dist/ui/scroll-area.js +4 -4
- package/dist/ui/section.d.ts +1 -1
- package/dist/ui/section.js +1 -1
- package/dist/ui/select.d.ts +1 -1
- package/dist/ui/select.js +6 -6
- package/dist/ui/separator.d.ts +1 -1
- package/dist/ui/separator.js +2 -2
- package/dist/ui/sheet.d.ts +2 -2
- package/dist/ui/sheet.js +5 -5
- package/dist/ui/sidebar.d.ts +1 -1
- package/dist/ui/sidebar.js +64 -64
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/slider.d.ts +1 -1
- package/dist/ui/slider.js +6 -6
- package/dist/ui/stack.d.ts +4 -4
- package/dist/ui/stack.js +1 -1
- package/dist/ui/stat-card-group.js +5 -5
- package/dist/ui/stepper.js +2 -2
- package/dist/ui/switch.d.ts +1 -1
- package/dist/ui/switch.js +3 -3
- package/dist/ui/table.d.ts +1 -1
- package/dist/ui/table.js +5 -5
- package/dist/ui/tabs.d.ts +2 -2
- package/dist/ui/tabs.js +3 -3
- package/dist/ui/text.js +2 -2
- package/dist/ui/textarea.js +1 -1
- package/dist/ui/time-picker.js +10 -10
- package/dist/ui/toast.d.ts +2 -2
- package/dist/ui/toast.js +5 -5
- package/dist/ui/toaster.js +5 -5
- package/dist/ui/toggle-group.d.ts +1 -1
- package/dist/ui/toggle-group.js +7 -7
- package/dist/ui/toggle.d.ts +1 -1
- package/dist/ui/toggle.js +5 -5
- package/dist/ui/tooltip.d.ts +2 -2
- package/dist/ui/tooltip.js +3 -3
- package/dist/ui/typography.js +14 -14
- package/dist/ui/use-toast.d.ts +1 -1
- package/dist/ui/usecases/UseCaseCard.js +8 -8
- package/dist/ui/usecases/UserStoryCard.js +3 -3
- package/dist/ui/visualization/Visualization.d.ts +9 -0
- package/dist/ui/visualization/Visualization.js +442 -0
- package/dist/ui/visualization/Visualization.support.d.ts +15 -0
- package/dist/ui/visualization/Visualization.support.js +123 -0
- package/dist/ui/visualization/index.d.ts +1 -0
- package/dist/ui/visualization/index.js +5 -0
- package/package.json +75 -12
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
+
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
5
6
|
import { Slot } from "@radix-ui/react-slot";
|
|
6
7
|
import { cva } from "class-variance-authority";
|
|
7
|
-
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
8
8
|
import { jsxDEV } from "react/jsx-dev-runtime";
|
|
9
|
-
var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm
|
|
9
|
+
var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
12
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
13
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40
|
|
14
|
-
outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:
|
|
13
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
|
|
14
|
+
outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
15
15
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
16
16
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
17
17
|
link: "text-primary underline-offset-4 hover:underline"
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
21
|
-
sm: "h-8
|
|
21
|
+
sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
|
|
22
22
|
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
23
23
|
icon: "size-9"
|
|
24
24
|
}
|
|
@@ -72,15 +72,15 @@ function PricingTable({
|
|
|
72
72
|
className: cn2("flex flex-col rounded-lg border p-6", t.highlighted && "border-primary shadow-lg"),
|
|
73
73
|
children: [
|
|
74
74
|
/* @__PURE__ */ jsxDEV2("div", {
|
|
75
|
-
className: "
|
|
75
|
+
className: "mb-2 font-medium text-base text-muted-foreground",
|
|
76
76
|
children: t.name
|
|
77
77
|
}, undefined, false, undefined, this),
|
|
78
78
|
/* @__PURE__ */ jsxDEV2("div", {
|
|
79
|
-
className: "text-3xl
|
|
79
|
+
className: "font-semibold text-3xl",
|
|
80
80
|
children: t.price
|
|
81
81
|
}, undefined, false, undefined, this),
|
|
82
82
|
t.tagline && /* @__PURE__ */ jsxDEV2("div", {
|
|
83
|
-
className: "
|
|
83
|
+
className: "mt-1 text-base text-muted-foreground",
|
|
84
84
|
children: t.tagline
|
|
85
85
|
}, undefined, false, undefined, this),
|
|
86
86
|
/* @__PURE__ */ jsxDEV2("ul", {
|
|
@@ -89,7 +89,7 @@ function PricingTable({
|
|
|
89
89
|
className: "flex items-start gap-2",
|
|
90
90
|
children: [
|
|
91
91
|
/* @__PURE__ */ jsxDEV2("span", {
|
|
92
|
-
className: "
|
|
92
|
+
className: "mt-1 h-1.5 w-1.5 rounded-full bg-primary"
|
|
93
93
|
}, undefined, false, undefined, this),
|
|
94
94
|
/* @__PURE__ */ jsxDEV2("span", {
|
|
95
95
|
children: f
|
|
@@ -116,7 +116,7 @@ function PricingTable({
|
|
|
116
116
|
}, idx, true, undefined, this))
|
|
117
117
|
}, undefined, false, undefined, this),
|
|
118
118
|
/* @__PURE__ */ jsxDEV2("p", {
|
|
119
|
-
className: "
|
|
119
|
+
className: "mt-6 text-center text-base text-muted-foreground",
|
|
120
120
|
children: "Usage-based tiers inspired by generous free allowances and per-unit pricing."
|
|
121
121
|
}, undefined, false, undefined, this)
|
|
122
122
|
]
|
package/dist/ui/menubar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -23,4 +23,4 @@ declare function MenubarSubTrigger({ className, inset, children, ...props }: Rea
|
|
|
23
23
|
inset?: boolean;
|
|
24
24
|
}): import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
-
export { Menubar,
|
|
26
|
+
export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
|
package/dist/ui/menubar.js
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/menubar.tsx
|
|
5
|
+
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
5
6
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
6
7
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
7
|
-
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
8
8
|
import { jsxDEV } from "react/jsx-dev-runtime";
|
|
9
9
|
"use client";
|
|
10
10
|
function Menubar({
|
|
@@ -13,7 +13,7 @@ function Menubar({
|
|
|
13
13
|
}) {
|
|
14
14
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Root, {
|
|
15
15
|
"data-slot": "menubar",
|
|
16
|
-
className: cn("
|
|
16
|
+
className: cn("flex h-9 items-center gap-1 rounded-md border bg-background p-1 shadow-2xs", className),
|
|
17
17
|
...props
|
|
18
18
|
}, undefined, false, undefined, this);
|
|
19
19
|
}
|
|
@@ -55,7 +55,7 @@ function MenubarTrigger({
|
|
|
55
55
|
}) {
|
|
56
56
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Trigger, {
|
|
57
57
|
"data-slot": "menubar-trigger",
|
|
58
|
-
className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
|
|
58
|
+
className: cn("flex select-none items-center rounded-xs px-2 py-1 font-medium text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className),
|
|
59
59
|
...props
|
|
60
60
|
}, undefined, false, undefined, this);
|
|
61
61
|
}
|
|
@@ -72,7 +72,7 @@ function MenubarContent({
|
|
|
72
72
|
align,
|
|
73
73
|
alignOffset,
|
|
74
74
|
sideOffset,
|
|
75
|
-
className: cn("
|
|
75
|
+
className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-48 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in", className),
|
|
76
76
|
...props
|
|
77
77
|
}, undefined, false, undefined, this)
|
|
78
78
|
}, undefined, false, undefined, this);
|
|
@@ -87,7 +87,7 @@ function MenubarItem({
|
|
|
87
87
|
"data-slot": "menubar-item",
|
|
88
88
|
"data-inset": inset,
|
|
89
89
|
"data-variant": variant,
|
|
90
|
-
className: cn("
|
|
90
|
+
className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!", className),
|
|
91
91
|
...props
|
|
92
92
|
}, undefined, false, undefined, this);
|
|
93
93
|
}
|
|
@@ -99,7 +99,7 @@ function MenubarCheckboxItem({
|
|
|
99
99
|
}) {
|
|
100
100
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.CheckboxItem, {
|
|
101
101
|
"data-slot": "menubar-checkbox-item",
|
|
102
|
-
className: cn("
|
|
102
|
+
className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
103
103
|
checked,
|
|
104
104
|
...props,
|
|
105
105
|
children: [
|
|
@@ -122,7 +122,7 @@ function MenubarRadioItem({
|
|
|
122
122
|
}) {
|
|
123
123
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.RadioItem, {
|
|
124
124
|
"data-slot": "menubar-radio-item",
|
|
125
|
-
className: cn("
|
|
125
|
+
className: cn("relative flex cursor-default select-none items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
126
126
|
...props,
|
|
127
127
|
children: [
|
|
128
128
|
/* @__PURE__ */ jsxDEV("span", {
|
|
@@ -145,7 +145,7 @@ function MenubarLabel({
|
|
|
145
145
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Label, {
|
|
146
146
|
"data-slot": "menubar-label",
|
|
147
147
|
"data-inset": inset,
|
|
148
|
-
className: cn("px-2 py-1.5 text-sm
|
|
148
|
+
className: cn("px-2 py-1.5 font-medium text-sm data-inset:pl-8", className),
|
|
149
149
|
...props
|
|
150
150
|
}, undefined, false, undefined, this);
|
|
151
151
|
}
|
|
@@ -155,7 +155,7 @@ function MenubarSeparator({
|
|
|
155
155
|
}) {
|
|
156
156
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.Separator, {
|
|
157
157
|
"data-slot": "menubar-separator",
|
|
158
|
-
className: cn("
|
|
158
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
159
159
|
...props
|
|
160
160
|
}, undefined, false, undefined, this);
|
|
161
161
|
}
|
|
@@ -165,7 +165,7 @@ function MenubarShortcut({
|
|
|
165
165
|
}) {
|
|
166
166
|
return /* @__PURE__ */ jsxDEV("span", {
|
|
167
167
|
"data-slot": "menubar-shortcut",
|
|
168
|
-
className: cn("text-muted-foreground
|
|
168
|
+
className: cn("ml-auto text-muted-foreground text-xs tracking-widest", className),
|
|
169
169
|
...props
|
|
170
170
|
}, undefined, false, undefined, this);
|
|
171
171
|
}
|
|
@@ -186,7 +186,7 @@ function MenubarSubTrigger({
|
|
|
186
186
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.SubTrigger, {
|
|
187
187
|
"data-slot": "menubar-sub-trigger",
|
|
188
188
|
"data-inset": inset,
|
|
189
|
-
className: cn("
|
|
189
|
+
className: cn("flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground", className),
|
|
190
190
|
...props,
|
|
191
191
|
children: [
|
|
192
192
|
children,
|
|
@@ -202,7 +202,7 @@ function MenubarSubContent({
|
|
|
202
202
|
}) {
|
|
203
203
|
return /* @__PURE__ */ jsxDEV(MenubarPrimitive.SubContent, {
|
|
204
204
|
"data-slot": "menubar-sub-content",
|
|
205
|
-
className: cn("
|
|
205
|
+
className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-32 origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in", className),
|
|
206
206
|
...props
|
|
207
207
|
}, undefined, false, undefined, this);
|
|
208
208
|
}
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
var __require = import.meta.require;
|
|
3
3
|
|
|
4
4
|
// ui/button.tsx
|
|
5
|
+
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
5
6
|
import { Slot } from "@radix-ui/react-slot";
|
|
6
7
|
import { cva } from "class-variance-authority";
|
|
7
|
-
import { cn } from "@contractspec/lib.ui-kit-core/utils";
|
|
8
8
|
import { jsxDEV } from "react/jsx-dev-runtime";
|
|
9
|
-
var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm
|
|
9
|
+
var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-hidden transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
|
10
10
|
variants: {
|
|
11
11
|
variant: {
|
|
12
12
|
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
13
|
-
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40
|
|
14
|
-
outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:
|
|
13
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
|
|
14
|
+
outline: "border bg-background shadow-2xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
15
15
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
16
16
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
17
17
|
link: "text-primary underline-offset-4 hover:underline"
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
21
|
-
sm: "h-8
|
|
21
|
+
sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
|
|
22
22
|
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
23
23
|
icon: "size-9"
|
|
24
24
|
}
|
|
@@ -51,9 +51,9 @@ function Button({
|
|
|
51
51
|
}, undefined, false, undefined, this);
|
|
52
52
|
}
|
|
53
53
|
// ui/dialog.tsx
|
|
54
|
+
import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
|
|
54
55
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
55
56
|
import { XIcon } from "lucide-react";
|
|
56
|
-
import { cn as cn2 } from "@contractspec/lib.ui-kit-core/utils";
|
|
57
57
|
import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
|
|
58
58
|
"use client";
|
|
59
59
|
function Dialog({
|
|
@@ -94,7 +94,7 @@ function DialogOverlay({
|
|
|
94
94
|
}) {
|
|
95
95
|
return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Overlay, {
|
|
96
96
|
"data-slot": "dialog-overlay",
|
|
97
|
-
className: cn2("data-[state=
|
|
97
|
+
className: cn2("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
|
|
98
98
|
...props
|
|
99
99
|
}, undefined, false, undefined, this);
|
|
100
100
|
}
|
|
@@ -110,13 +110,13 @@ function DialogContent({
|
|
|
110
110
|
/* @__PURE__ */ jsxDEV2(DialogOverlay, {}, undefined, false, undefined, this),
|
|
111
111
|
/* @__PURE__ */ jsxDEV2(DialogPrimitive.Content, {
|
|
112
112
|
"data-slot": "dialog-content",
|
|
113
|
-
className: cn2("
|
|
113
|
+
className: cn2("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg", className),
|
|
114
114
|
...props,
|
|
115
115
|
children: [
|
|
116
116
|
children,
|
|
117
117
|
showCloseButton && /* @__PURE__ */ jsxDEV2(DialogPrimitive.Close, {
|
|
118
118
|
"data-slot": "dialog-close",
|
|
119
|
-
className: "
|
|
119
|
+
className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
120
120
|
children: [
|
|
121
121
|
/* @__PURE__ */ jsxDEV2(XIcon, {}, undefined, false, undefined, this),
|
|
122
122
|
/* @__PURE__ */ jsxDEV2("span", {
|
|
@@ -156,7 +156,7 @@ function DialogTitle({
|
|
|
156
156
|
}) {
|
|
157
157
|
return /* @__PURE__ */ jsxDEV2(DialogPrimitive.Title, {
|
|
158
158
|
"data-slot": "dialog-title",
|
|
159
|
-
className: cn2("text-lg leading-none
|
|
159
|
+
className: cn2("font-semibold text-lg leading-none", className),
|
|
160
160
|
...props
|
|
161
161
|
}, undefined, false, undefined, this);
|
|
162
162
|
}
|
|
@@ -171,9 +171,9 @@ function DialogDescription({
|
|
|
171
171
|
}, undefined, false, undefined, this);
|
|
172
172
|
}
|
|
173
173
|
// ui/command.tsx
|
|
174
|
+
import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
|
|
174
175
|
import { Command as CommandPrimitive } from "cmdk";
|
|
175
176
|
import { SearchIcon } from "lucide-react";
|
|
176
|
-
import { cn as cn3 } from "@contractspec/lib.ui-kit-core/utils";
|
|
177
177
|
import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
|
|
178
178
|
"use client";
|
|
179
179
|
function Command({
|
|
@@ -182,7 +182,7 @@ function Command({
|
|
|
182
182
|
}) {
|
|
183
183
|
return /* @__PURE__ */ jsxDEV3(CommandPrimitive, {
|
|
184
184
|
"data-slot": "command",
|
|
185
|
-
className: cn3("
|
|
185
|
+
className: cn3("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground", className),
|
|
186
186
|
...props
|
|
187
187
|
}, undefined, false, undefined, this);
|
|
188
188
|
}
|
|
@@ -212,7 +212,7 @@ function CommandDialog({
|
|
|
212
212
|
className: cn3("overflow-hidden p-0", className),
|
|
213
213
|
showCloseButton,
|
|
214
214
|
children: /* @__PURE__ */ jsxDEV3(Command, {
|
|
215
|
-
className: "
|
|
215
|
+
className: "**:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
|
|
216
216
|
children
|
|
217
217
|
}, undefined, false, undefined, this)
|
|
218
218
|
}, undefined, false, undefined, this)
|
|
@@ -232,7 +232,7 @@ function CommandInput({
|
|
|
232
232
|
}, undefined, false, undefined, this),
|
|
233
233
|
/* @__PURE__ */ jsxDEV3(CommandPrimitive.Input, {
|
|
234
234
|
"data-slot": "command-input",
|
|
235
|
-
className: cn3("
|
|
235
|
+
className: cn3("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
|
|
236
236
|
...props
|
|
237
237
|
}, undefined, false, undefined, this)
|
|
238
238
|
]
|
|
@@ -244,7 +244,7 @@ function CommandList({
|
|
|
244
244
|
}) {
|
|
245
245
|
return /* @__PURE__ */ jsxDEV3(CommandPrimitive.List, {
|
|
246
246
|
"data-slot": "command-list",
|
|
247
|
-
className: cn3("max-h-[300px] scroll-py-1 overflow-
|
|
247
|
+
className: cn3("max-h-[300px] scroll-py-1 overflow-y-auto overflow-x-hidden", className),
|
|
248
248
|
...props
|
|
249
249
|
}, undefined, false, undefined, this);
|
|
250
250
|
}
|
|
@@ -263,7 +263,7 @@ function CommandGroup({
|
|
|
263
263
|
}) {
|
|
264
264
|
return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Group, {
|
|
265
265
|
"data-slot": "command-group",
|
|
266
|
-
className: cn3("text-foreground [&_[cmdk-group-heading]]:
|
|
266
|
+
className: cn3("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
|
|
267
267
|
...props
|
|
268
268
|
}, undefined, false, undefined, this);
|
|
269
269
|
}
|
|
@@ -273,7 +273,7 @@ function CommandSeparator({
|
|
|
273
273
|
}) {
|
|
274
274
|
return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Separator, {
|
|
275
275
|
"data-slot": "command-separator",
|
|
276
|
-
className: cn3("
|
|
276
|
+
className: cn3("-mx-1 h-px bg-border", className),
|
|
277
277
|
...props
|
|
278
278
|
}, undefined, false, undefined, this);
|
|
279
279
|
}
|
|
@@ -283,7 +283,7 @@ function CommandItem({
|
|
|
283
283
|
}) {
|
|
284
284
|
return /* @__PURE__ */ jsxDEV3(CommandPrimitive.Item, {
|
|
285
285
|
"data-slot": "command-item",
|
|
286
|
-
className: cn3("
|
|
286
|
+
className: cn3("relative flex cursor-default select-none items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0", className),
|
|
287
287
|
...props
|
|
288
288
|
}, undefined, false, undefined, this);
|
|
289
289
|
}
|
|
@@ -293,13 +293,13 @@ function CommandShortcut({
|
|
|
293
293
|
}) {
|
|
294
294
|
return /* @__PURE__ */ jsxDEV3("span", {
|
|
295
295
|
"data-slot": "command-shortcut",
|
|
296
|
-
className: cn3("text-muted-foreground
|
|
296
|
+
className: cn3("ml-auto text-muted-foreground text-xs tracking-widest", className),
|
|
297
297
|
...props
|
|
298
298
|
}, undefined, false, undefined, this);
|
|
299
299
|
}
|
|
300
300
|
// ui/popover.tsx
|
|
301
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
302
301
|
import { cn as cn4 } from "@contractspec/lib.ui-kit-core/utils";
|
|
302
|
+
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
303
303
|
import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
|
|
304
304
|
"use client";
|
|
305
305
|
function Popover({
|
|
@@ -329,7 +329,7 @@ function PopoverContent({
|
|
|
329
329
|
"data-slot": "popover-content",
|
|
330
330
|
align,
|
|
331
331
|
sideOffset,
|
|
332
|
-
className: cn4("
|
|
332
|
+
className: cn4("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in", className),
|
|
333
333
|
...props
|
|
334
334
|
}, undefined, false, undefined, this)
|
|
335
335
|
}, undefined, false, undefined, this);
|
|
@@ -343,8 +343,8 @@ function PopoverAnchor({
|
|
|
343
343
|
}, undefined, false, undefined, this);
|
|
344
344
|
}
|
|
345
345
|
// ui/drawer.tsx
|
|
346
|
-
import { Drawer as DrawerPrimitive } from "vaul";
|
|
347
346
|
import { cn as cn5 } from "@contractspec/lib.ui-kit-core/utils";
|
|
347
|
+
import { Drawer as DrawerPrimitive } from "vaul";
|
|
348
348
|
import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
|
|
349
349
|
"use client";
|
|
350
350
|
function Drawer({
|
|
@@ -385,7 +385,7 @@ function DrawerOverlay({
|
|
|
385
385
|
}) {
|
|
386
386
|
return /* @__PURE__ */ jsxDEV5(DrawerPrimitive.Overlay, {
|
|
387
387
|
"data-slot": "drawer-overlay",
|
|
388
|
-
className: cn5("data-[state=
|
|
388
|
+
className: cn5("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className),
|
|
389
389
|
...props
|
|
390
390
|
}, undefined, false, undefined, this);
|
|
391
391
|
}
|
|
@@ -400,11 +400,11 @@ function DrawerContent({
|
|
|
400
400
|
/* @__PURE__ */ jsxDEV5(DrawerOverlay, {}, undefined, false, undefined, this),
|
|
401
401
|
/* @__PURE__ */ jsxDEV5(DrawerPrimitive.Content, {
|
|
402
402
|
"data-slot": "drawer-content",
|
|
403
|
-
className: cn5("group/drawer-content
|
|
403
|
+
className: cn5("group/drawer-content fixed z-50 flex h-auto flex-col bg-background", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l sm:data-[vaul-drawer-direction=right]:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r sm:data-[vaul-drawer-direction=left]:max-w-sm", className),
|
|
404
404
|
...props,
|
|
405
405
|
children: [
|
|
406
406
|
/* @__PURE__ */ jsxDEV5("div", {
|
|
407
|
-
className: "
|
|
407
|
+
className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
|
|
408
408
|
}, undefined, false, undefined, this),
|
|
409
409
|
children
|
|
410
410
|
]
|
|
@@ -438,7 +438,7 @@ function DrawerTitle({
|
|
|
438
438
|
}) {
|
|
439
439
|
return /* @__PURE__ */ jsxDEV5(DrawerPrimitive.Title, {
|
|
440
440
|
"data-slot": "drawer-title",
|
|
441
|
-
className: cn5("text-foreground
|
|
441
|
+
className: cn5("font-semibold text-foreground", className),
|
|
442
442
|
...props
|
|
443
443
|
}, undefined, false, undefined, this);
|
|
444
444
|
}
|