@cellarnode/ui 0.174.0 → 0.174.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert.d.ts +1 -2
- package/dist/components/alert.d.ts.map +1 -1
- package/dist/components/alert.js +16 -4
- package/dist/components/alert.js.map +1 -1
- package/dist/components/confirmation-dialog.d.ts.map +1 -1
- package/dist/components/confirmation-dialog.js +12 -6
- package/dist/components/confirmation-dialog.js.map +1 -1
- package/dist/components/dialog.d.ts +1 -2
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +18 -4
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/shadcn-button.d.ts +1 -1
- package/dist/components/sidebar/sidebar-menu.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as Headless from "@headlessui/react";
|
|
2
2
|
import type React from "react";
|
|
3
|
-
import { Text } from "./text.js";
|
|
4
3
|
declare const sizes: {
|
|
5
4
|
xs: string;
|
|
6
5
|
sm: string;
|
|
@@ -22,7 +21,7 @@ export declare function AlertTitle({ className, ...props }: {
|
|
|
22
21
|
} & Omit<Headless.DialogTitleProps, "as" | "className">): import("react/jsx-runtime").JSX.Element;
|
|
23
22
|
export declare function AlertDescription({ className, ...props }: {
|
|
24
23
|
className?: string;
|
|
25
|
-
} & Omit<Headless.DescriptionProps<
|
|
24
|
+
} & Omit<Headless.DescriptionProps<"p">, "as" | "className">): import("react/jsx-runtime").JSX.Element;
|
|
26
25
|
export declare function AlertBody({ className, ...props }: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
|
|
27
26
|
export declare function AlertActions({ className, ...props }: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
|
|
28
27
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,KAAK;;;;;;;;;;CAUV,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,IAAI,CACpF,QAAQ,CAAC,WAAW,EACpB,IAAI,GAAG,WAAW,CACnB,2CAgCA;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,GAAG,WAAW,CAAC,2CAU9E;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,2CAiBnF;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAEvF;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU1F"}
|
package/dist/components/alert.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as Headless from "@headlessui/react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
5
|
const sizes = {
|
|
6
6
|
xs: "sm:max-w-xs",
|
|
7
7
|
sm: "sm:max-w-sm",
|
|
@@ -14,13 +14,25 @@ const sizes = {
|
|
|
14
14
|
"5xl": "sm:max-w-5xl",
|
|
15
15
|
};
|
|
16
16
|
export function Alert({ size = "md", className, children, ...props }) {
|
|
17
|
-
return (_jsxs(Headless.Dialog, { ...props, children: [_jsx(Headless.DialogBackdrop, { transition: true, className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-
|
|
17
|
+
return (_jsxs(Headless.Dialog, { ...props, children: [_jsx(Headless.DialogBackdrop, { transition: true, className: "fixed inset-0 flex w-screen justify-center overflow-y-auto bg-overlay/15 px-2 py-2 transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-overlay/50" }), _jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0", children: _jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto_1fr] justify-items-center p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: _jsx(Headless.DialogPanel, { transition: true, "data-slot": "alert-panel", className: clsx(className, sizes[size],
|
|
18
|
+
// shadow-[var(--shadow-medium)]: same tokenized elevation as Dialog's
|
|
19
|
+
// panel, not a bare shadow-medium utility — see dialog.tsx's comment
|
|
20
|
+
// (--shadow-medium isn't registered in the @theme block, but this
|
|
21
|
+
// arbitrary-value form is already proven safe in chat-surface.tsx /
|
|
22
|
+
// notification-tray.tsx; --panel-shadow is the one CSS var that hits
|
|
23
|
+
// Tailwind v4's colour/size ambiguity, per inset-drawer.tsx).
|
|
24
|
+
"row-start-2 w-full rounded-2xl bg-background p-8 shadow-[var(--shadow-medium)] ring-1 ring-border sm:rounded-2xl sm:p-6 forced-colors:outline", "transition duration-100 will-change-transform data-closed:opacity-0 data-enter:ease-out data-closed:data-enter:scale-95 data-leave:ease-in"), children: children }) }) })] }));
|
|
18
25
|
}
|
|
19
26
|
export function AlertTitle({ className, ...props }) {
|
|
20
|
-
return (_jsx(Headless.DialogTitle, { ...props, className: clsx(className, "text-center text-base/6 font-semibold text-balance text-
|
|
27
|
+
return (_jsx(Headless.DialogTitle, { ...props, className: clsx(className, "text-center text-base/6 font-semibold text-balance text-foreground sm:text-left sm:text-sm/6 sm:text-wrap") }));
|
|
21
28
|
}
|
|
22
29
|
export function AlertDescription({ className, ...props }) {
|
|
23
|
-
return (_jsx(Headless.Description, { as:
|
|
30
|
+
return (_jsx(Headless.Description, { as: "p", "data-slot": "text", ...props,
|
|
31
|
+
// Composed directly with `cn` (twMerge) rather than delegating to `Text`
|
|
32
|
+
// (whose own `text-zinc-500 dark:text-zinc-400` is appended via plain
|
|
33
|
+
// `clsx`, so an incoming `text-*` override has no guaranteed precedence)
|
|
34
|
+
// — same fix as `DialogDescription` (CEL-2091).
|
|
35
|
+
className: cn("text-base/6 text-muted-foreground sm:text-sm/6", "mt-2 text-center text-pretty sm:text-left", className) }));
|
|
24
36
|
}
|
|
25
37
|
export function AlertBody({ className, ...props }) {
|
|
26
38
|
return _jsx("div", { ...props, className: clsx(className, "mt-4") });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAIT;IACC,OAAO,CACL,MAAC,QAAQ,CAAC,MAAM,OAAK,KAAK,aACxB,KAAC,QAAQ,CAAC,cAAc,IACtB,UAAU,QACV,SAAS,EAAC,6OAA6O,GACvP,EAEF,cAAK,SAAS,EAAC,qDAAqD,YAClE,cAAK,SAAS,EAAC,sGAAsG,YACnH,KAAC,QAAQ,CAAC,WAAW,IACnB,UAAU,qBACA,aAAa,EACvB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,KAAK,CAAC,IAAI,CAAC;wBACX,sEAAsE;wBACtE,qEAAqE;wBACrE,kEAAkE;wBAClE,oEAAoE;wBACpE,qEAAqE;wBACrE,8DAA8D;wBAC9D,+IAA+I,EAC/I,4IAA4I,CAC7I,YAEA,QAAQ,GACY,GACnB,GACF,IACU,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACqE;IAC7E,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,OACf,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,2GAA2G,CAC5G,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EAC0E;IAClF,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,IACnB,EAAE,EAAC,GAAG,eACI,MAAM,KACZ,KAAK;QACT,yEAAyE;QACzE,sEAAsE;QACtE,yEAAyE;QACzE,gDAAgD;QAChD,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,2CAA2C,EAC3C,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACtF,OAAO,iBAAS,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAI,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACzF,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,oGAAoG,CACrG,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"confirmation-dialog.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,0EAA0E;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2FAA2F;IAC3F,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,wFAAwF;IACxF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoGD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAe,EACf,IAAI,EACJ,YAAwB,EACxB,WAAsB,EACtB,SAAS,EAAE,eAAuB,EAClC,QAAQ,GACT,EAAE,uBAAuB,2CAgEzB"}
|
|
@@ -30,13 +30,19 @@ const toneConfigs = {
|
|
|
30
30
|
buttonColor: "amber",
|
|
31
31
|
defaultIcon: _jsx(ExclamationTriangleSvg, { className: "size-6" }),
|
|
32
32
|
},
|
|
33
|
+
// `--tone-brand-*` (not `--tone-info-*`) — `--info` is an independently
|
|
34
|
+
// themed blue hue (see tokens.css), which would leave the icon badge blue
|
|
35
|
+
// next to the `brand` (deep-teal `--primary`) confirm button below. Every
|
|
36
|
+
// other tone keeps its icon and button in the same hue family (danger =
|
|
37
|
+
// red icon + red button, warning = amber icon + amber button); info now
|
|
38
|
+
// matches that with brand icon + brand button (CEL-2091).
|
|
33
39
|
info: {
|
|
34
|
-
iconBg: "bg-[var(--tone-
|
|
35
|
-
iconColor: "text-[var(--tone-
|
|
36
|
-
warningBorder: "border-[var(--tone-
|
|
37
|
-
warningBg: "bg-[var(--tone-
|
|
38
|
-
warningText: "text-[var(--tone-
|
|
39
|
-
buttonColor: "
|
|
40
|
+
iconBg: "bg-[var(--tone-brand-soft)]",
|
|
41
|
+
iconColor: "text-[var(--tone-brand-fg)]",
|
|
42
|
+
warningBorder: "border-[var(--tone-brand-border)]",
|
|
43
|
+
warningBg: "bg-[var(--tone-brand-soft)]",
|
|
44
|
+
warningText: "text-[var(--tone-brand-fg)]",
|
|
45
|
+
buttonColor: "brand",
|
|
40
46
|
defaultIcon: _jsx(InformationCircleSvg, { className: "size-6" }),
|
|
41
47
|
},
|
|
42
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"confirmation-dialog.js","sourceRoot":"","sources":["../../src/components/confirmation-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAqClC,8EAA8E;AAC9E,sDAAsD;AACtD,8EAA8E;AAE9E,SAAS,sBAAsB,CAAC,KAAoC;IAClE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,cAAc,iBACT,MAAM,KACd,KAAK,YAET,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,kLAAkL,GACpL,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,KAAoC;IAChE,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAE,GAAG,EAChB,MAAM,EAAC,cAAc,iBACT,MAAM,KACd,KAAK,YAET,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,0JAA0J,GAC5J,GACE,CACP,CAAC;AACJ,CAAC;AAgBD,MAAM,WAAW,GAA+C;IAC9D,MAAM,EAAE;QACN,MAAM,EAAE,8BAA8B;QACtC,SAAS,EAAE,8BAA8B;QACzC,aAAa,EAAE,qCAAqC;QACpD,SAAS,EAAE,+BAA+B;QAC1C,WAAW,EAAE,+BAA+B;QAC5C,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,KAAC,sBAAsB,IAAC,SAAS,EAAC,QAAQ,GAAG;KAC3D;IACD,OAAO,EAAE;QACP,MAAM,EAAE,+BAA+B;QACvC,SAAS,EAAE,+BAA+B;QAC1C,aAAa,EAAE,qCAAqC;QACpD,SAAS,EAAE,+BAA+B;QAC1C,WAAW,EAAE,+BAA+B;QAC5C,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,KAAC,sBAAsB,IAAC,SAAS,EAAC,QAAQ,GAAG;KAC3D;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"confirmation-dialog.js","sourceRoot":"","sources":["../../src/components/confirmation-dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as Headless from "@headlessui/react";
|
|
2
2
|
import type React from "react";
|
|
3
|
-
import { Text } from "./text.js";
|
|
4
3
|
declare const sizes: {
|
|
5
4
|
xs: string;
|
|
6
5
|
sm: string;
|
|
@@ -23,7 +22,7 @@ export declare function DialogTitle({ className, ...props }: {
|
|
|
23
22
|
} & Omit<Headless.DialogTitleProps, "as" | "className">): import("react/jsx-runtime").JSX.Element;
|
|
24
23
|
export declare function DialogDescription({ className, ...props }: {
|
|
25
24
|
className?: string;
|
|
26
|
-
} & Omit<Headless.DescriptionProps<
|
|
25
|
+
} & Omit<Headless.DescriptionProps<"p">, "as" | "className">): import("react/jsx-runtime").JSX.Element;
|
|
27
26
|
export declare function DialogBody({ className, ...props }: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
|
|
28
27
|
export declare function DialogActions({ className, ...props }: React.ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
|
|
29
28
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK;;;;;;;;;;;CAWV,CAAC;AAEF,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,IAAI,CACpF,QAAQ,CAAC,WAAW,EACpB,IAAI,GAAG,WAAW,CACnB,2CAsCA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,GAAG,WAAW,CAAC,2CAU9E;AAED,wBAAgB,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,2CAkBnF;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAExF;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,2CAU3F"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as Headless from "@headlessui/react";
|
|
3
3
|
import clsx from "clsx";
|
|
4
|
-
import {
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
5
|
import { useDialogSettledOpen } from "./use-dialog-settled-open.js";
|
|
6
6
|
const sizes = {
|
|
7
7
|
xs: "sm:max-w-xs",
|
|
@@ -20,13 +20,27 @@ export function Dialog({ size = "lg", className, children, open, ...props }) {
|
|
|
20
20
|
// open→close cannot deadlock useTransition (CEL-1634). Non-boolean /
|
|
21
21
|
// undefined `open` is treated as closed.
|
|
22
22
|
const settledOpen = useDialogSettledOpen(open === true);
|
|
23
|
-
return (_jsxs(Headless.Dialog, { ...props, open: settledOpen, children: [_jsx(Headless.DialogBackdrop, { transition: true, className: "fixed inset-0 z-50 flex w-screen justify-center overflow-y-auto bg-
|
|
23
|
+
return (_jsxs(Headless.Dialog, { ...props, open: settledOpen, children: [_jsx(Headless.DialogBackdrop, { transition: true, className: "fixed inset-0 z-50 flex w-screen justify-center overflow-y-auto bg-overlay/40 px-2 py-2 backdrop-blur-sm transition duration-100 focus:outline-0 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-overlay/60" }), _jsx("div", { className: "fixed inset-0 z-50 w-screen overflow-y-auto pt-6 sm:pt-0", children: _jsx("div", { className: "grid min-h-full grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4", children: _jsx(Headless.DialogPanel, { transition: true, "data-slot": "dialog-panel", className: clsx(className, sizes[size],
|
|
24
|
+
// `shadow-[var(--shadow-medium)]` (not a bare `shadow-medium` utility) —
|
|
25
|
+
// `--shadow-medium` is a plain custom property re-themed per light/dark
|
|
26
|
+
// scope, not registered in the `@theme` block, so it has no generated
|
|
27
|
+
// `.shadow-medium` class; this is the same pattern already proven safe
|
|
28
|
+
// in chat-surface.tsx / notification-tray.tsx. `--panel-shadow` is the
|
|
29
|
+
// one CSS var in this file that hits Tailwind v4's arbitrary-value
|
|
30
|
+
// colour/size ambiguity (see inset-drawer.tsx) — `--shadow-medium` does not.
|
|
31
|
+
"row-start-2 w-full min-w-0 rounded-t-3xl bg-background p-(--gutter) shadow-[var(--shadow-medium)] ring-1 ring-border [--gutter:--spacing(8)] sm:mb-auto sm:rounded-2xl forced-colors:outline", "transition duration-100 will-change-transform data-closed:translate-y-12 data-closed:opacity-0 data-enter:ease-out data-leave:ease-in sm:data-closed:translate-y-0 sm:data-closed:data-enter:scale-95"), children: children }) }) })] }));
|
|
24
32
|
}
|
|
25
33
|
export function DialogTitle({ className, ...props }) {
|
|
26
|
-
return (_jsx(Headless.DialogTitle, { ...props, className: clsx(className, "text-lg/6 font-semibold text-balance text-
|
|
34
|
+
return (_jsx(Headless.DialogTitle, { ...props, className: clsx(className, "text-lg/6 font-semibold text-balance text-foreground sm:text-base/6") }));
|
|
27
35
|
}
|
|
28
36
|
export function DialogDescription({ className, ...props }) {
|
|
29
|
-
return (_jsx(Headless.Description, { as:
|
|
37
|
+
return (_jsx(Headless.Description, { as: "p", "data-slot": "text", ...props,
|
|
38
|
+
// Composed directly with `cn` (twMerge) rather than delegating to `Text`
|
|
39
|
+
// (whose own `text-zinc-500 dark:text-zinc-400` is appended via plain
|
|
40
|
+
// `clsx`, so an incoming `text-*` override has no guaranteed precedence —
|
|
41
|
+
// CSS cascade order decides, not class-list order). `text-muted-foreground`
|
|
42
|
+
// is the token DESIGN.md specifies for secondary dialog copy.
|
|
43
|
+
className: cn("text-base/6 text-muted-foreground sm:text-sm/6", "mt-2 text-pretty", className) }));
|
|
30
44
|
}
|
|
31
45
|
export function DialogBody({ className, ...props }) {
|
|
32
46
|
return _jsx("div", { ...props, className: clsx(className, "mt-6") });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC;AAC9C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC;AAEF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EAIT;IACC,oEAAoE;IACpE,qEAAqE;IACrE,yCAAyC;IACzC,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;IAExD,OAAO,CACL,MAAC,QAAQ,CAAC,MAAM,OAAK,KAAK,EAAE,IAAI,EAAE,WAAW,aAC3C,KAAC,QAAQ,CAAC,cAAc,IACtB,UAAU,QACV,SAAS,EAAC,mQAAmQ,GAC7Q,EAEF,cAAK,SAAS,EAAC,0DAA0D,YACvE,cAAK,SAAS,EAAC,8FAA8F,YAC3G,KAAC,QAAQ,CAAC,WAAW,IACnB,UAAU,qBACA,cAAc,EACxB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,KAAK,CAAC,IAAI,CAAC;wBACX,yEAAyE;wBACzE,wEAAwE;wBACxE,sEAAsE;wBACtE,uEAAuE;wBACvE,uEAAuE;wBACvE,mEAAmE;wBACnE,6EAA6E;wBAC7E,8LAA8L,EAC9L,uMAAuM,CACxM,YAEA,QAAQ,GACY,GACnB,GACF,IACU,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqE;IAC7E,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,OACf,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,qEAAqE,CACtE,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,SAAS,EACT,GAAG,KAAK,EAC0E;IAClF,OAAO,CACL,KAAC,QAAQ,CAAC,WAAW,IACnB,EAAE,EAAC,GAAG,eACI,MAAM,KACZ,KAAK;QACT,yEAAyE;QACzE,sEAAsE;QACtE,0EAA0E;QAC1E,4EAA4E;QAC5E,8DAA8D;QAC9D,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,kBAAkB,EAClB,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IACvF,OAAO,iBAAS,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,GAAI,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IAC1F,OAAO,CACL,iBACM,KAAK,EACT,SAAS,EAAE,IAAI,CACb,SAAS,EACT,4FAA4F,CAC7F,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
3
|
declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "link" | "default" | "outline" | "destructive" | "secondary" | "ghost" | "pill" | null | undefined;
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "xs" | "sm" | "lg" | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare function ShadcnButton({ className, variant, size, asChild, trailingIcon, leadingIcon, children, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
8
|
asChild?: boolean;
|
|
@@ -5,7 +5,7 @@ export declare function SidebarMenu({ className, ...props }: React.ComponentProp
|
|
|
5
5
|
export declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export declare const sidebarMenuButtonVariants: (props?: ({
|
|
7
7
|
variant?: "default" | "outline" | null | undefined;
|
|
8
|
-
size?: "
|
|
8
|
+
size?: "sm" | "lg" | "default" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
export declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
|
|
11
11
|
asChild?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cellarnode/ui",
|
|
3
|
-
"version": "0.174.
|
|
3
|
+
"version": "0.174.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
|