@gv-tech/design-system 2.15.2 → 2.16.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/dist/accordion.cjs +1 -1
- package/dist/accordion.cjs.map +1 -1
- package/dist/accordion.mjs +11 -11
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.cjs +1 -1
- package/dist/alert-dialog.cjs.map +1 -1
- package/dist/alert-dialog.mjs +21 -21
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.cjs +1 -1
- package/dist/alert.mjs +1 -1
- package/dist/avatar.cjs +1 -1
- package/dist/avatar.cjs.map +1 -1
- package/dist/avatar.mjs +12 -12
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.mjs +1 -1
- package/dist/breadcrumb.cjs +1 -1
- package/dist/breadcrumb.mjs +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.mjs +1 -1
- package/dist/calendar.cjs +1 -1
- package/dist/calendar.mjs +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.mjs +1 -1
- package/dist/carousel.cjs +1 -1
- package/dist/carousel.mjs +1 -1
- package/dist/chart.cjs +1 -1
- package/dist/chart.mjs +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.cjs.map +1 -1
- package/dist/checkbox.mjs +2 -2
- package/dist/checkbox.mjs.map +1 -1
- package/dist/command.cjs +1 -1
- package/dist/command.cjs.map +1 -1
- package/dist/command.mjs +24 -24
- package/dist/command.mjs.map +1 -1
- package/dist/context-menu.cjs +1 -1
- package/dist/context-menu.cjs.map +1 -1
- package/dist/context-menu.mjs +42 -42
- package/dist/context-menu.mjs.map +1 -1
- package/dist/design-system.css +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.cjs.map +1 -1
- package/dist/dialog.mjs +18 -18
- package/dist/dialog.mjs.map +1 -1
- package/dist/drawer.cjs +1 -1
- package/dist/drawer.cjs.map +1 -1
- package/dist/drawer.mjs +19 -19
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.cjs +1 -1
- package/dist/dropdown-menu.cjs.map +1 -1
- package/dist/dropdown-menu.mjs +58 -58
- package/dist/dropdown-menu.mjs.map +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.mjs +1 -1
- package/dist/hover-card.cjs +1 -1
- package/dist/hover-card.cjs.map +1 -1
- package/dist/hover-card.mjs +4 -4
- package/dist/hover-card.mjs.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +64 -0
- package/dist/index.mjs +37 -35
- package/dist/index.mjs.map +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.mjs +1 -1
- package/dist/label.cjs +1 -1
- package/dist/label.cjs.map +1 -1
- package/dist/label.mjs +3 -3
- package/dist/label.mjs.map +1 -1
- package/dist/menubar.cjs +1 -1
- package/dist/menubar.cjs.map +1 -1
- package/dist/menubar.mjs +44 -44
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.cjs +1 -1
- package/dist/navigation-menu.cjs.map +1 -1
- package/dist/navigation-menu.mjs +21 -21
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.cjs +1 -1
- package/dist/pagination.mjs +1 -1
- package/dist/popover.cjs +1 -1
- package/dist/popover.cjs.map +1 -1
- package/dist/popover.mjs +8 -8
- package/dist/popover.mjs.map +1 -1
- package/dist/progress.cjs +1 -1
- package/dist/progress.cjs.map +1 -1
- package/dist/progress.mjs +9 -9
- package/dist/progress.mjs.map +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.cjs.map +1 -1
- package/dist/radio-group.mjs +8 -8
- package/dist/radio-group.mjs.map +1 -1
- package/dist/resizable.cjs +1 -1
- package/dist/resizable.mjs +1 -1
- package/dist/scroll-area.cjs +1 -1
- package/dist/scroll-area.cjs.map +1 -1
- package/dist/scroll-area.mjs +11 -11
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/search.cjs +1 -1
- package/dist/search.mjs +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.cjs.map +1 -1
- package/dist/select.mjs +38 -38
- package/dist/select.mjs.map +1 -1
- package/dist/separator.cjs +1 -1
- package/dist/separator.cjs.map +1 -1
- package/dist/separator.mjs +7 -7
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.cjs.map +1 -1
- package/dist/sheet.mjs +17 -17
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.cjs +1 -1
- package/dist/skeleton.mjs +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.cjs.map +1 -1
- package/dist/slider.mjs +2 -2
- package/dist/slider.mjs.map +1 -1
- package/dist/switch.cjs +1 -1
- package/dist/switch.cjs.map +1 -1
- package/dist/switch.mjs +7 -7
- package/dist/switch.mjs.map +1 -1
- package/dist/table-of-contents.cjs +2 -0
- package/dist/table-of-contents.cjs.map +1 -0
- package/dist/table-of-contents.d.ts +68 -0
- package/dist/table-of-contents.mjs +161 -0
- package/dist/table-of-contents.mjs.map +1 -0
- package/dist/table.cjs +1 -1
- package/dist/table.mjs +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.mjs +13 -13
- package/dist/tabs.mjs.map +1 -1
- package/dist/text.cjs +1 -1
- package/dist/text.mjs +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.mjs +1 -1
- package/dist/{theme-toggle-CEOvAx_E.js → theme-toggle-B3z50t2s.js} +2 -2
- package/dist/{theme-toggle-CEOvAx_E.js.map → theme-toggle-B3z50t2s.js.map} +1 -1
- package/dist/{theme-toggle-B1DHy3Aq.mjs → theme-toggle-BUU8zhDg.mjs} +2 -2
- package/dist/{theme-toggle-B1DHy3Aq.mjs.map → theme-toggle-BUU8zhDg.mjs.map} +1 -1
- package/dist/theme-toggle.cjs +1 -1
- package/dist/theme-toggle.mjs +2 -2
- package/dist/toast.cjs +1 -1
- package/dist/toast.cjs.map +1 -1
- package/dist/toast.mjs +17 -17
- package/dist/toast.mjs.map +1 -1
- package/dist/toggle-group.cjs +1 -1
- package/dist/toggle-group.cjs.map +1 -1
- package/dist/toggle-group.mjs +18 -18
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.cjs +1 -1
- package/dist/toggle.cjs.map +1 -1
- package/dist/toggle.mjs +6 -6
- package/dist/toggle.mjs.map +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.cjs.map +1 -1
- package/dist/tooltip.mjs +11 -11
- package/dist/tooltip.mjs.map +1 -1
- package/dist/utils--qajXu5A.js +2 -0
- package/dist/utils--qajXu5A.js.map +1 -0
- package/dist/utils-CgPEtJt0.mjs +12 -0
- package/dist/utils-CgPEtJt0.mjs.map +1 -0
- package/package.json +15 -14
- package/dist/utils-DKStzUzN.js +0 -2
- package/dist/utils-DKStzUzN.js.map +0 -1
- package/dist/utils-Dk-Gx69q.mjs +0 -8
- package/dist/utils-Dk-Gx69q.mjs.map +0 -1
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as e } from "./vendor-DxBXMLEx.mjs";
|
|
3
|
+
import * as i from "react";
|
|
4
|
+
import { c as p, s as k } from "./utils-CgPEtJt0.mjs";
|
|
5
|
+
const g = i.createContext(null);
|
|
6
|
+
function b() {
|
|
7
|
+
const c = i.useContext(g);
|
|
8
|
+
if (!c)
|
|
9
|
+
throw new Error("TOC components must be used within a TableOfContents provider");
|
|
10
|
+
return c;
|
|
11
|
+
}
|
|
12
|
+
function j({
|
|
13
|
+
children: c,
|
|
14
|
+
className: l,
|
|
15
|
+
activeId: f,
|
|
16
|
+
minLevel: x = 1,
|
|
17
|
+
maxLevel: n = 4,
|
|
18
|
+
selector: a = "h1, h2, h3, h4, h5, h6"
|
|
19
|
+
}) {
|
|
20
|
+
const [o, h] = i.useState([]), [t, d] = i.useState(null), m = i.useMemo(() => o.find((s) => s.id === t)?.text || null, [o, t]), r = i.useCallback((s) => {
|
|
21
|
+
h((v) => JSON.stringify(v) === JSON.stringify(s) ? v : s);
|
|
22
|
+
}, []), u = i.useMemo(
|
|
23
|
+
() => ({
|
|
24
|
+
headings: o,
|
|
25
|
+
activeId: f || t,
|
|
26
|
+
activeHeadingText: m,
|
|
27
|
+
registerHeadings: r,
|
|
28
|
+
setActiveId: d,
|
|
29
|
+
config: { minLevel: x, maxLevel: n, selector: a, className: l }
|
|
30
|
+
}),
|
|
31
|
+
[
|
|
32
|
+
o,
|
|
33
|
+
t,
|
|
34
|
+
f,
|
|
35
|
+
m,
|
|
36
|
+
r,
|
|
37
|
+
x,
|
|
38
|
+
n,
|
|
39
|
+
a,
|
|
40
|
+
l
|
|
41
|
+
]
|
|
42
|
+
);
|
|
43
|
+
return /* @__PURE__ */ e.jsx(g.Provider, { value: u, children: /* @__PURE__ */ e.jsx("div", { className: p("relative", l), children: c || /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
44
|
+
/* @__PURE__ */ e.jsx(w, {}),
|
|
45
|
+
/* @__PURE__ */ e.jsx(C, { children: null })
|
|
46
|
+
] }) }) });
|
|
47
|
+
}
|
|
48
|
+
function w({ className: c }) {
|
|
49
|
+
const { headings: l, activeId: f, activeHeadingText: x } = b(), [n, a] = i.useState(!1);
|
|
50
|
+
if (i.useEffect(() => {
|
|
51
|
+
if (!n)
|
|
52
|
+
return;
|
|
53
|
+
const t = () => {
|
|
54
|
+
a(!1);
|
|
55
|
+
};
|
|
56
|
+
return window.addEventListener("scroll", t, { passive: !0 }), () => window.removeEventListener("scroll", t);
|
|
57
|
+
}, [n]), l.length === 0)
|
|
58
|
+
return null;
|
|
59
|
+
const o = Math.min(...l.map((t) => t.level)), h = /* @__PURE__ */ e.jsx("ul", { className: "m-0 list-none text-sm", children: l.map((t) => {
|
|
60
|
+
const d = f === t.id, m = `${(t.level - o) * 1}rem`;
|
|
61
|
+
return /* @__PURE__ */ e.jsx("li", { className: "mt-0 pt-2", children: /* @__PURE__ */ e.jsx(
|
|
62
|
+
"a",
|
|
63
|
+
{
|
|
64
|
+
href: `#${t.id}`,
|
|
65
|
+
onClick: () => a(!1),
|
|
66
|
+
className: p(
|
|
67
|
+
"hover:text-foreground inline-block no-underline transition-colors",
|
|
68
|
+
d ? "text-primary font-medium" : "text-muted-foreground"
|
|
69
|
+
),
|
|
70
|
+
style: { paddingLeft: m },
|
|
71
|
+
children: t.text
|
|
72
|
+
}
|
|
73
|
+
) }, t.id);
|
|
74
|
+
}) });
|
|
75
|
+
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
76
|
+
/* @__PURE__ */ e.jsxs("div", { className: p("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden", c), children: [
|
|
77
|
+
/* @__PURE__ */ e.jsxs(
|
|
78
|
+
"button",
|
|
79
|
+
{
|
|
80
|
+
onClick: () => a(!n),
|
|
81
|
+
className: "flex w-full items-center justify-between px-4 py-3 text-left",
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 overflow-hidden", children: [
|
|
84
|
+
/* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground text-xs font-semibold tracking-wider uppercase", children: "On this page:" }),
|
|
85
|
+
/* @__PURE__ */ e.jsx("span", { className: "truncate text-sm font-medium", children: x || "Overview" })
|
|
86
|
+
] }),
|
|
87
|
+
/* @__PURE__ */ e.jsx(
|
|
88
|
+
"svg",
|
|
89
|
+
{
|
|
90
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
91
|
+
width: "16",
|
|
92
|
+
height: "16",
|
|
93
|
+
viewBox: "0 0 24 24",
|
|
94
|
+
fill: "none",
|
|
95
|
+
stroke: "currentColor",
|
|
96
|
+
strokeWidth: "2",
|
|
97
|
+
strokeLinecap: "round",
|
|
98
|
+
strokeLinejoin: "round",
|
|
99
|
+
className: p("shrink-0 transition-transform duration-200", n && "rotate-180"),
|
|
100
|
+
children: /* @__PURE__ */ e.jsx("path", { d: "m6 9 6 6 6-6" })
|
|
101
|
+
}
|
|
102
|
+
)
|
|
103
|
+
]
|
|
104
|
+
}
|
|
105
|
+
),
|
|
106
|
+
n && /* @__PURE__ */ e.jsx("div", { className: "bg-background border-t px-4 pt-2 pb-6", children: /* @__PURE__ */ e.jsx("nav", { "aria-label": "Table of contents mobile", children: h }) })
|
|
107
|
+
] }),
|
|
108
|
+
/* @__PURE__ */ e.jsx("nav", { className: p("hidden xl:block", c), "aria-label": "Table of contents", children: h })
|
|
109
|
+
] });
|
|
110
|
+
}
|
|
111
|
+
function C({ children: c, className: l }) {
|
|
112
|
+
const { registerHeadings: f, setActiveId: x, config: n } = b(), a = i.useRef(null);
|
|
113
|
+
return i.useEffect(() => {
|
|
114
|
+
const o = a.current;
|
|
115
|
+
if (!o)
|
|
116
|
+
return;
|
|
117
|
+
const h = () => {
|
|
118
|
+
const r = Array.from(o.querySelectorAll(n.selector || "h1, h2, h3, h4, h5, h6")).filter(
|
|
119
|
+
(s) => {
|
|
120
|
+
const v = parseInt(s.tagName.charAt(1), 10);
|
|
121
|
+
return v >= (n.minLevel ?? 1) && v <= (n.maxLevel ?? 4);
|
|
122
|
+
}
|
|
123
|
+
), u = r.map((s) => (s.id || (s.id = k(s.textContent || "heading")), {
|
|
124
|
+
id: s.id,
|
|
125
|
+
text: s.textContent || "",
|
|
126
|
+
level: parseInt(s.tagName.charAt(1), 10)
|
|
127
|
+
}));
|
|
128
|
+
return f(u), r;
|
|
129
|
+
}, t = h(), d = new IntersectionObserver(
|
|
130
|
+
(r) => {
|
|
131
|
+
r.forEach((u) => {
|
|
132
|
+
u.isIntersecting && x(u.target.id);
|
|
133
|
+
});
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
rootMargin: "0px 0px -80% 0px",
|
|
137
|
+
threshold: 0.1
|
|
138
|
+
}
|
|
139
|
+
);
|
|
140
|
+
t.forEach((r) => d.observe(r));
|
|
141
|
+
const m = new MutationObserver(() => {
|
|
142
|
+
const r = h();
|
|
143
|
+
d.disconnect(), r.forEach((u) => d.observe(u));
|
|
144
|
+
});
|
|
145
|
+
return m.observe(o, {
|
|
146
|
+
childList: !0,
|
|
147
|
+
subtree: !0,
|
|
148
|
+
characterData: !0
|
|
149
|
+
}), () => {
|
|
150
|
+
d.disconnect(), m.disconnect();
|
|
151
|
+
};
|
|
152
|
+
}, [n.selector, n.minLevel, n.maxLevel, f, x]), /* @__PURE__ */ e.jsx("div", { ref: a, className: l, children: c });
|
|
153
|
+
}
|
|
154
|
+
j.List = w;
|
|
155
|
+
j.Content = C;
|
|
156
|
+
export {
|
|
157
|
+
j as TableOfContents,
|
|
158
|
+
C as TableOfContentsContent,
|
|
159
|
+
w as TableOfContentsList
|
|
160
|
+
};
|
|
161
|
+
//# sourceMappingURL=table-of-contents.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-of-contents.mjs","sources":["../packages/ui-web/src/table-of-contents.tsx"],"sourcesContent":["'use client';\n\nimport {\n HeadingItem,\n TableOfContentsBaseProps,\n TableOfContentsContentBaseProps,\n TableOfContentsListBaseProps,\n TableOfContentsRootBaseProps,\n} from '@gv-tech/ui-core';\nimport * as React from 'react';\nimport { cn, slugify } from './lib/utils';\n\n// Context for sharing heading data\ninterface TOCContextValue {\n headings: HeadingItem[];\n activeId: string | null;\n activeHeadingText: string | null;\n registerHeadings: (headings: HeadingItem[]) => void;\n setActiveId: (id: string | null) => void;\n config: TableOfContentsBaseProps;\n}\n\nconst TOCContext = React.createContext<TOCContextValue | null>(null);\n\nfunction useTOC() {\n const context = React.useContext(TOCContext);\n if (!context) {\n throw new Error('TOC components must be used within a TableOfContents provider');\n }\n return context;\n}\n\nexport type TableOfContentsProps = TableOfContentsRootBaseProps;\n\n/**\n * Root component that provides the Table of Contents context.\n * Can be used as a wrapper OR standalone.\n * If used as a wrapper: <TableOfContents><List /><Content>{children}</Content></TableOfContents>\n * If used standalone: <TableOfContents /> (requires container ref or defaults to document)\n */\nfunction TableOfContents({\n children,\n className,\n activeId: activeIdOverride,\n minLevel = 1,\n maxLevel = 4,\n selector = 'h1, h2, h3, h4, h5, h6',\n}: TableOfContentsProps) {\n const [headings, setHeadings] = React.useState<HeadingItem[]>([]);\n const [activeId, setActiveId] = React.useState<string | null>(null);\n\n const activeHeadingText = React.useMemo(() => {\n return headings.find((h) => h.id === activeId)?.text || null;\n }, [headings, activeId]);\n\n const registerHeadings = React.useCallback((newHeadings: HeadingItem[]) => {\n setHeadings((prev) => {\n if (JSON.stringify(prev) === JSON.stringify(newHeadings)) {\n return prev;\n }\n return newHeadings;\n });\n }, []);\n\n const value = React.useMemo(\n () => ({\n headings,\n activeId: activeIdOverride || activeId,\n activeHeadingText,\n registerHeadings,\n setActiveId,\n config: { minLevel, maxLevel, selector, className },\n }),\n [\n headings,\n activeId,\n activeIdOverride,\n activeHeadingText,\n registerHeadings,\n minLevel,\n maxLevel,\n selector,\n className,\n ],\n );\n\n return (\n <TOCContext.Provider value={value}>\n <div className={cn('relative', className)}>\n {children || (\n <div className=\"flex flex-col gap-4\">\n <TableOfContentsList />\n <TableOfContentsContent>{null}</TableOfContentsContent>\n </div>\n )}\n </div>\n </TOCContext.Provider>\n );\n}\n\n/**\n * Renders the actual list of links.\n */\nfunction TableOfContentsList({ className }: TableOfContentsListBaseProps) {\n const { headings, activeId, activeHeadingText } = useTOC();\n const [isOpen, setIsOpen] = React.useState(false);\n\n // Auto-collapse on scroll\n React.useEffect(() => {\n if (!isOpen) {\n return;\n }\n\n const handleScroll = () => {\n setIsOpen(false);\n };\n\n window.addEventListener('scroll', handleScroll, { passive: true });\n return () => window.removeEventListener('scroll', handleScroll);\n }, [isOpen]);\n\n if (headings.length === 0) {\n return null;\n }\n\n const currentMinLevel = Math.min(...headings.map((h) => h.level));\n\n const listContent = (\n <ul className=\"m-0 list-none text-sm\">\n {headings.map((heading) => {\n const isActive = activeId === heading.id;\n const paddingLeft = `${(heading.level - currentMinLevel) * 1}rem`;\n\n return (\n <li key={heading.id} className=\"mt-0 pt-2\">\n <a\n href={`#${heading.id}`}\n onClick={() => setIsOpen(false)}\n className={cn(\n 'hover:text-foreground inline-block no-underline transition-colors',\n isActive ? 'text-primary font-medium' : 'text-muted-foreground',\n )}\n style={{ paddingLeft }}\n >\n {heading.text}\n </a>\n </li>\n );\n })}\n </ul>\n );\n\n return (\n <>\n {/* Mobile Sticky Header */}\n <div className={cn('bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden', className)}>\n <button\n onClick={() => setIsOpen(!isOpen)}\n className=\"flex w-full items-center justify-between px-4 py-3 text-left\"\n >\n <div className=\"flex items-center gap-2 overflow-hidden\">\n <span className=\"text-muted-foreground text-xs font-semibold tracking-wider uppercase\">On this page:</span>\n <span className=\"truncate text-sm font-medium\">{activeHeadingText || 'Overview'}</span>\n </div>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n className={cn('shrink-0 transition-transform duration-200', isOpen && 'rotate-180')}\n >\n <path d=\"m6 9 6 6 6-6\" />\n </svg>\n </button>\n\n {isOpen && (\n <div className=\"bg-background border-t px-4 pt-2 pb-6\">\n <nav aria-label=\"Table of contents mobile\">{listContent}</nav>\n </div>\n )}\n </div>\n\n {/* Desktop Hidden List */}\n <nav className={cn('hidden xl:block', className)} aria-label=\"Table of contents\">\n {listContent}\n </nav>\n </>\n );\n}\n\n/**\n * Wraps the content area and automatically detects headings within it.\n */\nfunction TableOfContentsContent({ children, className }: TableOfContentsContentBaseProps) {\n const { registerHeadings, setActiveId, config } = useTOC();\n const contentRef = React.useRef<HTMLDivElement>(null);\n\n React.useEffect(() => {\n const root = contentRef.current;\n if (!root) {\n return;\n }\n\n const queryHeadings = () => {\n const elements = Array.from(root.querySelectorAll(config.selector || 'h1, h2, h3, h4, h5, h6')).filter(\n (element) => {\n const level = parseInt(element.tagName.charAt(1), 10);\n return level >= (config.minLevel ?? 1) && level <= (config.maxLevel ?? 4);\n },\n );\n\n const headingItems: HeadingItem[] = elements.map((element) => {\n if (!element.id) {\n element.id = slugify(element.textContent || 'heading');\n }\n return {\n id: element.id,\n text: element.textContent || '',\n level: parseInt(element.tagName.charAt(1), 10),\n };\n });\n\n registerHeadings(headingItems);\n return elements;\n };\n\n // Initial query\n const elements = queryHeadings();\n\n // Intersection Observer for active ID\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n setActiveId(entry.target.id);\n }\n });\n },\n {\n rootMargin: '0px 0px -80% 0px',\n threshold: 0.1,\n },\n );\n\n elements.forEach((el) => observer.observe(el));\n\n // Mutation Observer for dynamic content\n const mutationObserver = new MutationObserver(() => {\n const newElements = queryHeadings();\n observer.disconnect();\n newElements.forEach((el) => observer.observe(el));\n });\n\n mutationObserver.observe(root, {\n childList: true,\n subtree: true,\n characterData: true,\n });\n\n return () => {\n observer.disconnect();\n mutationObserver.disconnect();\n };\n }, [config.selector, config.minLevel, config.maxLevel, registerHeadings, setActiveId]);\n\n return (\n <div ref={contentRef} className={className}>\n {children}\n </div>\n );\n}\n\nTableOfContents.List = TableOfContentsList;\nTableOfContents.Content = TableOfContentsContent;\n\nexport type {\n TableOfContentsContentBaseProps as TableOfContentsContentProps,\n TableOfContentsListBaseProps as TableOfContentsListProps,\n} from '@gv-tech/ui-core';\nexport { TableOfContents, TableOfContentsContent, TableOfContentsList };\n"],"names":["TOCContext","React","useTOC","context","TableOfContents","children","className","activeIdOverride","minLevel","maxLevel","selector","headings","setHeadings","activeId","setActiveId","activeHeadingText","h","registerHeadings","newHeadings","prev","value","cn","jsxs","jsx","TableOfContentsList","TableOfContentsContent","isOpen","setIsOpen","handleScroll","currentMinLevel","listContent","heading","isActive","paddingLeft","Fragment","config","contentRef","root","queryHeadings","elements","element","level","headingItems","slugify","observer","entries","entry","el","mutationObserver","newElements"],"mappings":"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"}
|
package/dist/table.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-DQFuDa7q.js"),f=require("react"),r=require("./utils
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./vendor-DQFuDa7q.js"),f=require("react"),r=require("./utils--qajXu5A.js");function p(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=p(f),n=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("div",{className:"relative w-full overflow-auto",children:o.jsxRuntimeExports.jsx("table",{ref:t,className:r.cn("w-full caption-bottom text-sm",e),...a})}));n.displayName="Table";const c=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("thead",{ref:t,className:r.cn("[&_tr]:border-b",e),...a}));c.displayName="TableHeader";const d=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("tbody",{ref:t,className:r.cn("[&_tr:last-child]:border-0",e),...a}));d.displayName="TableBody";const b=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("tfoot",{ref:t,className:r.cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",e),...a}));b.displayName="TableFooter";const i=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("tr",{ref:t,className:r.cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),...a}));i.displayName="TableRow";const m=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("th",{ref:t,className:r.cn("text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));m.displayName="TableHead";const u=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("td",{ref:t,className:r.cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...a}));u.displayName="TableCell";const x=s.forwardRef(({className:e,...a},t)=>o.jsxRuntimeExports.jsx("caption",{ref:t,className:r.cn("text-muted-foreground mt-4 text-sm",e),...a}));x.displayName="TableCaption";exports.Table=n;exports.TableBody=d;exports.TableCaption=x;exports.TableCell=u;exports.TableFooter=b;exports.TableHead=m;exports.TableHeader=c;exports.TableRow=i;
|
|
2
2
|
//# sourceMappingURL=table.cjs.map
|
package/dist/table.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as o } from "./vendor-DxBXMLEx.mjs";
|
|
3
3
|
import * as l from "react";
|
|
4
|
-
import { c as s } from "./utils-
|
|
4
|
+
import { c as s } from "./utils-CgPEtJt0.mjs";
|
|
5
5
|
const r = l.forwardRef(
|
|
6
6
|
({ className: e, ...a }, t) => /* @__PURE__ */ o.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ o.jsx("table", { ref: t, className: s("w-full caption-bottom text-sm", e), ...a }) })
|
|
7
7
|
);
|
package/dist/tabs.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-DQFuDa7q.js"),l=require("react"),n=require("./utils
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-DQFuDa7q.js"),l=require("react"),n=require("./utils--qajXu5A.js");function f(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const r=f(l),d=s.Root2$9,o=r.forwardRef(({className:e,...i},t)=>s.jsxRuntimeExports.jsx(s.List$1,{ref:t,className:n.cn("bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1",e),...i}));o.displayName=s.List$1?.displayName||"TabsList";const c=r.forwardRef(({className:e,...i},t)=>s.jsxRuntimeExports.jsx(s.Trigger$8,{ref:t,className:n.cn("ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow",e),...i}));c.displayName=s.Trigger$8?.displayName||"TabsTrigger";const u=r.forwardRef(({className:e,...i},t)=>s.jsxRuntimeExports.jsx(s.Content$2,{ref:t,className:n.cn("ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",e),...i}));u.displayName=s.Content$2?.displayName||"TabsContent";exports.Tabs=d;exports.TabsContent=u;exports.TabsList=o;exports.TabsTrigger=c;
|
|
2
2
|
//# sourceMappingURL=tabs.cjs.map
|
package/dist/tabs.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.cjs","sources":["../packages/ui-web/src/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as React from 'react';\n\nimport { TabsBaseProps, TabsContentBaseProps, TabsListBaseProps, TabsTriggerBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & TabsListBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1',\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List
|
|
1
|
+
{"version":3,"file":"tabs.cjs","sources":["../packages/ui-web/src/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as React from 'react';\n\nimport { TabsBaseProps, TabsContentBaseProps, TabsListBaseProps, TabsTriggerBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & TabsListBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1',\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List?.displayName || 'TabsList';\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & TabsTriggerBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n 'ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow',\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger?.displayName || 'TabsTrigger';\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & TabsContentBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n 'ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content?.displayName || 'TabsContent';\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\nexport type {\n TabsContentBaseProps as TabsContentProps,\n TabsListBaseProps as TabsListProps,\n TabsBaseProps as TabsProps,\n TabsTriggerBaseProps as TabsTriggerProps,\n};\n"],"names":["Tabs","TabsPrimitive.Root","TabsList","React","className","props","ref","jsx","TabsPrimitive.List","cn","TabsTrigger","TabsPrimitive.Trigger","TabsContent","TabsPrimitive.Content"],"mappings":"mdAQMA,EAAOC,EAAAA,QAEPC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,4FACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAS,YAAcM,UAAoB,aAAe,WAE1D,MAAME,EAAcP,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACI,EAAAA,UAAA,CACC,IAAAL,EACA,UAAWG,EAAAA,GACT,iYACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDK,EAAY,YAAcC,aAAuB,aAAe,cAEhE,MAAMC,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACM,EAAAA,UAAA,CACC,IAAAP,EACA,UAAWG,EAAAA,GACT,kIACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDO,EAAY,YAAcC,aAAuB,aAAe"}
|
package/dist/tabs.mjs
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { j as t, bE as
|
|
2
|
+
import { j as t, bE as o, bF as r, bG as f, bH as c } from "./vendor-DxBXMLEx.mjs";
|
|
3
3
|
import * as a from "react";
|
|
4
|
-
import { c as
|
|
5
|
-
const
|
|
6
|
-
|
|
4
|
+
import { c as n } from "./utils-CgPEtJt0.mjs";
|
|
5
|
+
const u = c, d = a.forwardRef(({ className: e, ...s }, i) => /* @__PURE__ */ t.jsx(
|
|
6
|
+
o,
|
|
7
7
|
{
|
|
8
8
|
ref: i,
|
|
9
|
-
className:
|
|
9
|
+
className: n(
|
|
10
10
|
"bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1",
|
|
11
11
|
e
|
|
12
12
|
),
|
|
13
13
|
...s
|
|
14
14
|
}
|
|
15
15
|
));
|
|
16
|
-
d.displayName =
|
|
16
|
+
d.displayName = o?.displayName || "TabsList";
|
|
17
17
|
const l = a.forwardRef(({ className: e, ...s }, i) => /* @__PURE__ */ t.jsx(
|
|
18
18
|
r,
|
|
19
19
|
{
|
|
20
20
|
ref: i,
|
|
21
|
-
className:
|
|
21
|
+
className: n(
|
|
22
22
|
"ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow",
|
|
23
23
|
e
|
|
24
24
|
),
|
|
25
25
|
...s
|
|
26
26
|
}
|
|
27
27
|
));
|
|
28
|
-
l.displayName = r
|
|
29
|
-
const
|
|
28
|
+
l.displayName = r?.displayName || "TabsTrigger";
|
|
29
|
+
const b = a.forwardRef(({ className: e, ...s }, i) => /* @__PURE__ */ t.jsx(
|
|
30
30
|
f,
|
|
31
31
|
{
|
|
32
32
|
ref: i,
|
|
33
|
-
className:
|
|
33
|
+
className: n(
|
|
34
34
|
"ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none",
|
|
35
35
|
e
|
|
36
36
|
),
|
|
37
37
|
...s
|
|
38
38
|
}
|
|
39
39
|
));
|
|
40
|
-
|
|
40
|
+
b.displayName = f?.displayName || "TabsContent";
|
|
41
41
|
export {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
u as Tabs,
|
|
43
|
+
b as TabsContent,
|
|
44
44
|
d as TabsList,
|
|
45
45
|
l as TabsTrigger
|
|
46
46
|
};
|
package/dist/tabs.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.mjs","sources":["../packages/ui-web/src/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as React from 'react';\n\nimport { TabsBaseProps, TabsContentBaseProps, TabsListBaseProps, TabsTriggerBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & TabsListBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1',\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List
|
|
1
|
+
{"version":3,"file":"tabs.mjs","sources":["../packages/ui-web/src/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport * as React from 'react';\n\nimport { TabsBaseProps, TabsContentBaseProps, TabsListBaseProps, TabsTriggerBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & TabsListBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.List\n ref={ref}\n className={cn(\n 'bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1',\n className,\n )}\n {...props}\n />\n));\nTabsList.displayName = TabsPrimitive.List?.displayName || 'TabsList';\n\nconst TabsTrigger = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & TabsTriggerBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Trigger\n ref={ref}\n className={cn(\n 'ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow',\n className,\n )}\n {...props}\n />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger?.displayName || 'TabsTrigger';\n\nconst TabsContent = React.forwardRef<\n React.ElementRef<typeof TabsPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & TabsContentBaseProps\n>(({ className, ...props }, ref) => (\n <TabsPrimitive.Content\n ref={ref}\n className={cn(\n 'ring-offset-background focus-visible:ring-ring mt-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none',\n className,\n )}\n {...props}\n />\n));\nTabsContent.displayName = TabsPrimitive.Content?.displayName || 'TabsContent';\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\nexport type {\n TabsContentBaseProps as TabsContentProps,\n TabsListBaseProps as TabsListProps,\n TabsBaseProps as TabsProps,\n TabsTriggerBaseProps as TabsTriggerProps,\n};\n"],"names":["Tabs","TabsPrimitive.Root","TabsList","React","className","props","ref","jsx","TabsPrimitive.List","cn","TabsTrigger","TabsPrimitive.Trigger","TabsContent","TabsPrimitive.Content"],"mappings":";;;;AAQA,MAAMA,IAAOC,GAEPC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcM,GAAoB,eAAe;AAE1D,MAAME,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACI;AAAAA,EAAA;AAAA,IACC,KAAAL;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcC,GAAuB,eAAe;AAEhE,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACM;AAAAA,EAAA;AAAA,IACC,KAAAP;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAcC,GAAuB,eAAe;"}
|
package/dist/text.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-DQFuDa7q.js"),d=require("react"),u=require("./utils
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-DQFuDa7q.js"),d=require("react"),u=require("./utils--qajXu5A.js");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const m=x(d),r=a.cva("",{variants:{variant:{h1:"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",h2:"scroll-m-20 text-3xl font-semibold tracking-tight",h3:"scroll-m-20 text-2xl font-semibold tracking-tight",h4:"scroll-m-20 text-xl font-semibold tracking-tight",body:"leading-7",bodySmall:"text-sm leading-6",caption:"text-xs text-muted-foreground",label:"text-sm font-medium leading-none",overline:"text-xs font-semibold uppercase tracking-widest text-muted-foreground"}},defaultVariants:{variant:"body"}}),b={h1:"h1",h2:"h2",h3:"h3",h4:"h4",body:"p",bodySmall:"p",caption:"span",label:"label",overline:"span"},l=m.forwardRef(({className:t,variant:e="body",as:n,children:o,...i},s)=>{const c=n||b[e??"body"]||"p";return a.jsxRuntimeExports.jsx(c,{ref:s,className:u.cn(r({variant:e,className:t})),...i,children:o})});l.displayName="Text";exports.Text=l;exports.textVariants=r;
|
|
2
2
|
//# sourceMappingURL=text.cjs.map
|
package/dist/text.mjs
CHANGED
package/dist/textarea.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-DQFuDa7q.js"),s=require("react"),i=require("./utils
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./vendor-DQFuDa7q.js"),s=require("react"),i=require("./utils--qajXu5A.js");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=c(s),o=u.forwardRef(({className:e,...r},t)=>a.jsxRuntimeExports.jsx("textarea",{className:i.cn("border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-sm focus-visible:ring-1 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:t,...r}));o.displayName="Textarea";exports.Textarea=o;
|
|
2
2
|
//# sourceMappingURL=textarea.cjs.map
|
package/dist/textarea.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as o } from "./vendor-DxBXMLEx.mjs";
|
|
3
3
|
import * as s from "react";
|
|
4
|
-
import { c as a } from "./utils-
|
|
4
|
+
import { c as a } from "./utils-CgPEtJt0.mjs";
|
|
5
5
|
const i = s.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ o.jsx(
|
|
6
6
|
"textarea",
|
|
7
7
|
{
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("./vendor-DQFuDa7q.js"),x=require("./button.cjs"),t=require("./dropdown-menu.cjs"),k=require("next-themes"),n=require("./utils
|
|
2
|
-
//# sourceMappingURL=theme-toggle-
|
|
1
|
+
"use strict";const r=require("./vendor-DQFuDa7q.js"),x=require("./button.cjs"),t=require("./dropdown-menu.cjs"),k=require("next-themes"),n=require("./utils--qajXu5A.js"),e={brand:{blue:"hsl(225 73% 57%)",green:"hsl(151 66% 27%)",floralWhite:"hsl(40 100% 97%)"},neutral:{white:"hsl(0 0% 100%)",black:"hsl(0 0% 0%)",gray50:"hsl(0 0% 96%)",gray100:"hsl(0 0% 92%)",gray200:"hsl(0 0% 89%)",gray300:"hsl(0 0% 88%)",gray400:"hsl(0 0% 70%)",gray500:"hsl(215 16% 47%)",gray600:"hsl(222 47% 11%)",gray700:"hsl(0 0% 18%)",gray800:"hsl(0 0% 15%)",gray900:"hsl(0 0% 14%)",gray950:"hsl(0 0% 11%)",gray975:"hsl(0 0% 9%)",gray990:"hsl(0 0% 6%)"},semantic:{success:"hsl(93 28% 54%)",successDark:"hsl(96 44% 61%)",destructive:"hsl(0 84.2% 60.2%)",destructiveDark:"hsl(0 62.8% 30.6%)"}},i={light:{background:e.neutral.gray50,foreground:e.neutral.gray600,card:e.neutral.white,cardForeground:e.neutral.gray600,popover:e.neutral.white,popoverForeground:e.neutral.gray600,primary:e.brand.blue,primaryForeground:e.neutral.white,secondary:e.semantic.success,secondaryForeground:e.neutral.white,muted:e.neutral.gray100,mutedForeground:e.neutral.gray500,accent:e.neutral.gray300,accentForeground:e.neutral.gray600,destructive:e.semantic.destructive,destructiveForeground:e.neutral.white,border:e.neutral.gray200,input:e.neutral.gray200,ring:e.neutral.gray600,radius:"0.5rem"},dark:{background:e.neutral.gray975,foreground:e.neutral.white,card:e.neutral.gray900,cardForeground:e.neutral.white,popover:e.neutral.gray950,popoverForeground:e.neutral.white,primary:"hsl(227 96% 71%)",primaryForeground:e.neutral.gray975,secondary:e.semantic.successDark,secondaryForeground:e.neutral.gray975,muted:e.neutral.gray990,mutedForeground:e.neutral.gray400,accent:e.neutral.gray800,accentForeground:e.neutral.white,destructive:e.semantic.destructiveDark,destructiveForeground:e.neutral.white,border:e.neutral.gray700,input:e.neutral.gray700,ring:"hsl(0 0% 90%)",radius:"0.5rem"}};function p(){const a=k.useTheme(),{resolvedTheme:o}=a,s=o==="dark"?i.dark:i.light;return{...a,tokens:s}}function v({variant:a="binary",onThemeChange:o,customTheme:s,className:c}){const{theme:y,setTheme:j,resolvedTheme:w}=p(),h=s??y,d=(s||w)==="dark",l=h==="system",u=m=>{o?o(m):j(m)},g=()=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(r.Sun,{className:n.cn("h-[1.2rem] w-[1.2rem] transition-all",!l&&!d?"scale-100 rotate-0":"scale-0 -rotate-90")}),r.jsxRuntimeExports.jsx(r.Moon,{className:n.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",!l&&d?"scale-100 rotate-0":"scale-0 rotate-90")}),r.jsxRuntimeExports.jsx(r.SunMoon,{className:n.cn("absolute h-[1.2rem] w-[1.2rem] transition-all",l?"scale-100 rotate-0":"scale-0 rotate-90")}),r.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Toggle theme"})]});return a==="ternary"?r.jsxRuntimeExports.jsxs(t.DropdownMenu,{children:[r.jsxRuntimeExports.jsx(t.DropdownMenuTrigger,{asChild:!0,children:r.jsxRuntimeExports.jsx(x.Button,{variant:"ghost",size:"icon",className:n.cn("relative h-9 w-9",c),children:r.jsxRuntimeExports.jsx(g,{})})}),r.jsxRuntimeExports.jsxs(t.DropdownMenuContent,{align:"end",children:[r.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>u("light"),children:[r.jsxRuntimeExports.jsx(r.Sun,{className:"mr-2 h-4 w-4"}),r.jsxRuntimeExports.jsx("span",{children:"Light"})]}),r.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>u("dark"),children:[r.jsxRuntimeExports.jsx(r.Moon,{className:"mr-2 h-4 w-4"}),r.jsxRuntimeExports.jsx("span",{children:"Dark"})]}),r.jsxRuntimeExports.jsxs(t.DropdownMenuItem,{onClick:()=>u("system"),children:[r.jsxRuntimeExports.jsx(r.SunMoon,{className:"mr-2 h-4 w-4"}),r.jsxRuntimeExports.jsx("span",{children:"System"})]})]})]}):r.jsxRuntimeExports.jsx(x.Button,{variant:"ghost",size:"icon",className:n.cn("relative h-9 w-9",c),onClick:()=>u(h==="dark"?"light":"dark"),"aria-label":"Toggle theme",children:r.jsxRuntimeExports.jsx(g,{})})}exports.ThemeToggle=v;exports.palette=e;exports.theme=i;exports.useTheme=p;
|
|
2
|
+
//# sourceMappingURL=theme-toggle-B3z50t2s.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-toggle-CEOvAx_E.js","sources":["../packages/design-tokens/src/palette.ts","../packages/design-tokens/src/theme.ts","../packages/ui-web/src/hooks/use-theme.ts","../packages/ui-web/src/theme-toggle.tsx"],"sourcesContent":["// Primitive color palette for the GV Tech design system.\n// These are the raw color values. They should NOT be used directly in components —\n// use semantic tokens from `theme.ts` instead.\n\nexport const palette = {\n brand: {\n blue: 'hsl(225 73% 57%)', // Royal Blue (Intellect)\n green: 'hsl(151 66% 27%)', // #177245 (Stability)\n floralWhite: 'hsl(40 100% 97%)', // Light Neutral / Floral White\n },\n neutral: {\n white: 'hsl(0 0% 100%)',\n black: 'hsl(0 0% 0%)', // Pure Black\n gray50: 'hsl(0 0% 96%)', // White Smoke\n gray100: 'hsl(0 0% 92%)', // Gainsboro\n gray200: 'hsl(0 0% 89%)', // Light Gray\n gray300: 'hsl(0 0% 88%)', // French Gray\n gray400: 'hsl(0 0% 70%)', // Silver\n gray500: 'hsl(215 16% 47%)', // Steel Blue\n gray600: 'hsl(222 47% 11%)', // Oxford Blue\n gray700: 'hsl(0 0% 18%)', // Raisin Black\n gray800: 'hsl(0 0% 15%)', // Jet\n gray900: 'hsl(0 0% 14%)', // Eerie Black\n gray950: 'hsl(0 0% 11%)', // Night (alt)\n gray975: 'hsl(0 0% 9%)', // Night\n gray990: 'hsl(0 0% 6%)', // Black (almost)\n },\n semantic: {\n success: 'hsl(93 28% 54%)', // Asparagus / Pistachio\n successDark: 'hsl(96 44% 61%)',\n destructive: 'hsl(0 84.2% 60.2%)', // Vivid Red\n destructiveDark: 'hsl(0 62.8% 30.6%)', // Blood Red\n },\n} as const;\n\nexport type PaletteTokens = typeof palette;\n","// Semantic theme tokens for the GV Tech design system.\n// These map primitive palette values to semantic roles (background, foreground, etc.)\n// for both light and dark modes. Components should reference these tokens, not palette directly.\n\nimport { palette } from './palette';\n\nexport const theme = {\n light: {\n background: palette.neutral.gray50,\n foreground: palette.neutral.gray600,\n card: palette.neutral.white,\n cardForeground: palette.neutral.gray600,\n popover: palette.neutral.white,\n popoverForeground: palette.neutral.gray600,\n primary: palette.brand.blue,\n primaryForeground: palette.neutral.white,\n secondary: palette.semantic.success,\n secondaryForeground: palette.neutral.white,\n muted: palette.neutral.gray100,\n mutedForeground: palette.neutral.gray500,\n accent: palette.neutral.gray300,\n accentForeground: palette.neutral.gray600,\n destructive: palette.semantic.destructive,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray200,\n input: palette.neutral.gray200,\n ring: palette.neutral.gray600,\n radius: '0.5rem',\n },\n dark: {\n background: palette.neutral.gray975,\n foreground: palette.neutral.white,\n card: palette.neutral.gray900,\n cardForeground: palette.neutral.white,\n popover: palette.neutral.gray950,\n popoverForeground: palette.neutral.white,\n primary: 'hsl(227 96% 71%)', // Keeping as specific HSL to match original\n primaryForeground: palette.neutral.gray975,\n secondary: palette.semantic.successDark,\n secondaryForeground: palette.neutral.gray975,\n muted: palette.neutral.gray990,\n mutedForeground: palette.neutral.gray400,\n accent: palette.neutral.gray800,\n accentForeground: palette.neutral.white,\n destructive: palette.semantic.destructiveDark,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray700,\n input: palette.neutral.gray700,\n ring: 'hsl(0 0% 90%)', // Platinum\n radius: '0.5rem',\n },\n} as const;\n\nexport type ThemeTokens = typeof theme.light;\n","import { theme } from '@gv-tech/design-tokens';\nimport { useTheme as useNextTheme } from 'next-themes';\n\nexport function useTheme() {\n const context = useNextTheme();\n const { resolvedTheme } = context;\n\n // Default to light theme tokens if resolvedTheme is undefined or invalid\n const activeTokens = resolvedTheme === 'dark' ? theme.dark : theme.light;\n\n return {\n ...context,\n tokens: activeTokens,\n };\n}\n","'use client';\n\nimport { ThemeToggleBaseProps } from '@gv-tech/ui-core';\nimport { Moon, Sun, SunMoon } from 'lucide-react';\nimport { Button } from './button';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';\nimport { useTheme } from './hooks/use-theme';\nimport { cn } from './lib/utils';\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\nexport function ThemeToggle({ variant = 'binary', onThemeChange, customTheme, className }: ThemeToggleProps) {\n const { theme: nextTheme, setTheme: setNextTheme, resolvedTheme } = useTheme();\n\n // Use customTheme if provided, otherwise fallback to next-themes\n const currentTheme = customTheme ?? nextTheme;\n\n // Determine the effective theme for icon rendering\n const effectiveTheme = customTheme ? customTheme : resolvedTheme;\n const isDark = effectiveTheme === 'dark';\n const isSystem = currentTheme === 'system';\n\n const handleThemeChange = (newTheme: string) => {\n if (onThemeChange) {\n onThemeChange(newTheme);\n } else {\n setNextTheme(newTheme);\n }\n };\n\n const IconToggle = () => (\n <>\n <Sun\n className={cn(\n 'h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && !isDark ? 'scale-100 rotate-0' : 'scale-0 -rotate-90',\n )}\n />\n <Moon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && isDark ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <SunMoon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n isSystem ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <span className=\"sr-only\">Toggle theme</span>\n </>\n );\n\n if (variant === 'ternary') {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className={cn('relative h-9 w-9', className)}>\n <IconToggle />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => handleThemeChange('light')}>\n <Sun className=\"mr-2 h-4 w-4\" />\n <span>Light</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('dark')}>\n <Moon className=\"mr-2 h-4 w-4\" />\n <span>Dark</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('system')}>\n <SunMoon className=\"mr-2 h-4 w-4\" />\n <span>System</span>\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n }\n\n return (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn('relative h-9 w-9', className)}\n onClick={() => handleThemeChange(currentTheme === 'dark' ? 'light' : 'dark')}\n aria-label=\"Toggle theme\"\n >\n <IconToggle />\n </Button>\n );\n}\n"],"names":["palette","theme","useTheme","context","useNextTheme","resolvedTheme","activeTokens","ThemeToggle","variant","onThemeChange","customTheme","className","nextTheme","setNextTheme","currentTheme","isDark","isSystem","handleThemeChange","newTheme","IconToggle","jsxs","Fragment","jsx","Sun","cn","Moon","SunMoon","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":"0KAIaA,EAAU,CACrB,MAAO,CACL,KAAM,mBACN,MAAO,mBACP,YAAa,kBAAA,EAEf,QAAS,CACP,MAAO,iBACP,MAAO,eACP,OAAQ,gBACR,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,mBACT,QAAS,mBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,eACT,QAAS,cAAA,EAEX,SAAU,CACR,QAAS,kBACT,YAAa,kBACb,YAAa,qBACb,gBAAiB,oBAAA,CAErB,EC3BaC,EAAQ,CACnB,MAAO,CACL,WAAYD,EAAQ,QAAQ,OAC5B,WAAYA,EAAQ,QAAQ,QAC5B,KAAMA,EAAQ,QAAQ,MACtB,eAAgBA,EAAQ,QAAQ,QAChC,QAASA,EAAQ,QAAQ,MACzB,kBAAmBA,EAAQ,QAAQ,QACnC,QAASA,EAAQ,MAAM,KACvB,kBAAmBA,EAAQ,QAAQ,MACnC,UAAWA,EAAQ,SAAS,QAC5B,oBAAqBA,EAAQ,QAAQ,MACrC,MAAOA,EAAQ,QAAQ,QACvB,gBAAiBA,EAAQ,QAAQ,QACjC,OAAQA,EAAQ,QAAQ,QACxB,iBAAkBA,EAAQ,QAAQ,QAClC,YAAaA,EAAQ,SAAS,YAC9B,sBAAuBA,EAAQ,QAAQ,MACvC,OAAQA,EAAQ,QAAQ,QACxB,MAAOA,EAAQ,QAAQ,QACvB,KAAMA,EAAQ,QAAQ,QACtB,OAAQ,QAAA,EAEV,KAAM,CACJ,WAAYA,EAAQ,QAAQ,QAC5B,WAAYA,EAAQ,QAAQ,MAC5B,KAAMA,EAAQ,QAAQ,QACtB,eAAgBA,EAAQ,QAAQ,MAChC,QAASA,EAAQ,QAAQ,QACzB,kBAAmBA,EAAQ,QAAQ,MACnC,QAAS,mBACT,kBAAmBA,EAAQ,QAAQ,QACnC,UAAWA,EAAQ,SAAS,YAC5B,oBAAqBA,EAAQ,QAAQ,QACrC,MAAOA,EAAQ,QAAQ,QACvB,gBAAiBA,EAAQ,QAAQ,QACjC,OAAQA,EAAQ,QAAQ,QACxB,iBAAkBA,EAAQ,QAAQ,MAClC,YAAaA,EAAQ,SAAS,gBAC9B,sBAAuBA,EAAQ,QAAQ,MACvC,OAAQA,EAAQ,QAAQ,QACxB,MAAOA,EAAQ,QAAQ,QACvB,KAAM,gBACN,OAAQ,QAAA,CAEZ,EChDO,SAASE,GAAW,CACzB,MAAMC,EAAUC,EAAAA,SAAA,EACV,CAAE,cAAAC,GAAkBF,EAGpBG,EAAeD,IAAkB,OAASJ,EAAM,KAAOA,EAAM,MAEnE,MAAO,CACL,GAAGE,EACH,OAAQG,CAAA,CAEZ,CCHO,SAASC,EAAY,CAAE,QAAAC,EAAU,SAAU,cAAAC,EAAe,YAAAC,EAAa,UAAAC,GAA+B,CAC3G,KAAM,CAAE,MAAOC,EAAW,SAAUC,EAAc,cAAAR,CAAA,EAAkBH,EAAA,EAG9DY,EAAeJ,GAAeE,EAI9BG,GADiBL,GAA4BL,KACjB,OAC5BW,EAAWF,IAAiB,SAE5BG,EAAqBC,GAAqB,CAC1CT,EACFA,EAAcS,CAAQ,EAEtBL,EAAaK,CAAQ,CAEzB,EAEMC,EAAa,IACjBC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CACC,UAAWC,EAAAA,GACT,uCACA,CAACR,GAAY,CAACD,EAAS,qBAAuB,oBAAA,CAChD,CAAA,EAEFO,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CACC,UAAWD,EAAAA,GACT,gDACA,CAACR,GAAYD,EAAS,qBAAuB,mBAAA,CAC/C,CAAA,EAEFO,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,UAAWF,EAAAA,GACT,gDACAR,EAAW,qBAAuB,mBAAA,CACpC,CAAA,EAEFM,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,cAAA,CAAY,CAAA,EACxC,EAGF,OAAId,IAAY,mCAEXmB,eAAA,CACC,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,qBAAoB,QAAO,GAC1B,SAAAN,EAAAA,kBAAAA,IAACO,SAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAWL,EAAAA,GAAG,mBAAoBb,CAAS,EAC7E,SAAAW,EAAAA,kBAAAA,IAACH,EAAA,CAAA,CAAW,EACd,EACF,EACAC,EAAAA,kBAAAA,KAACU,EAAAA,oBAAA,CAAoB,MAAM,MACzB,SAAA,CAAAV,EAAAA,kBAAAA,KAACW,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,OAAO,EACxD,SAAA,CAAAK,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,cAAA,CAAe,EAC9BD,EAAAA,kBAAAA,IAAC,QAAK,SAAA,OAAA,CAAK,CAAA,EACb,2BACCS,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,MAAM,EACvD,SAAA,CAAAK,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,UAAU,cAAA,CAAe,EAC/BH,EAAAA,kBAAAA,IAAC,QAAK,SAAA,MAAA,CAAI,CAAA,EACZ,2BACCS,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,QAAQ,EACzD,SAAA,CAAAK,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAU,cAAA,CAAe,EAClCJ,EAAAA,kBAAAA,IAAC,QAAK,SAAA,QAAA,CAAM,CAAA,CAAA,CACd,CAAA,CAAA,CACF,CAAA,EACF,EAKFA,EAAAA,kBAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAWL,EAAAA,GAAG,mBAAoBb,CAAS,EAC3C,QAAS,IAAMM,EAAkBH,IAAiB,OAAS,QAAU,MAAM,EAC3E,aAAW,eAEX,iCAACK,EAAA,CAAA,CAAW,CAAA,CAAA,CAGlB"}
|
|
1
|
+
{"version":3,"file":"theme-toggle-B3z50t2s.js","sources":["../packages/design-tokens/src/palette.ts","../packages/design-tokens/src/theme.ts","../packages/ui-web/src/hooks/use-theme.ts","../packages/ui-web/src/theme-toggle.tsx"],"sourcesContent":["// Primitive color palette for the GV Tech design system.\n// These are the raw color values. They should NOT be used directly in components —\n// use semantic tokens from `theme.ts` instead.\n\nexport const palette = {\n brand: {\n blue: 'hsl(225 73% 57%)', // Royal Blue (Intellect)\n green: 'hsl(151 66% 27%)', // #177245 (Stability)\n floralWhite: 'hsl(40 100% 97%)', // Light Neutral / Floral White\n },\n neutral: {\n white: 'hsl(0 0% 100%)',\n black: 'hsl(0 0% 0%)', // Pure Black\n gray50: 'hsl(0 0% 96%)', // White Smoke\n gray100: 'hsl(0 0% 92%)', // Gainsboro\n gray200: 'hsl(0 0% 89%)', // Light Gray\n gray300: 'hsl(0 0% 88%)', // French Gray\n gray400: 'hsl(0 0% 70%)', // Silver\n gray500: 'hsl(215 16% 47%)', // Steel Blue\n gray600: 'hsl(222 47% 11%)', // Oxford Blue\n gray700: 'hsl(0 0% 18%)', // Raisin Black\n gray800: 'hsl(0 0% 15%)', // Jet\n gray900: 'hsl(0 0% 14%)', // Eerie Black\n gray950: 'hsl(0 0% 11%)', // Night (alt)\n gray975: 'hsl(0 0% 9%)', // Night\n gray990: 'hsl(0 0% 6%)', // Black (almost)\n },\n semantic: {\n success: 'hsl(93 28% 54%)', // Asparagus / Pistachio\n successDark: 'hsl(96 44% 61%)',\n destructive: 'hsl(0 84.2% 60.2%)', // Vivid Red\n destructiveDark: 'hsl(0 62.8% 30.6%)', // Blood Red\n },\n} as const;\n\nexport type PaletteTokens = typeof palette;\n","// Semantic theme tokens for the GV Tech design system.\n// These map primitive palette values to semantic roles (background, foreground, etc.)\n// for both light and dark modes. Components should reference these tokens, not palette directly.\n\nimport { palette } from './palette';\n\nexport const theme = {\n light: {\n background: palette.neutral.gray50,\n foreground: palette.neutral.gray600,\n card: palette.neutral.white,\n cardForeground: palette.neutral.gray600,\n popover: palette.neutral.white,\n popoverForeground: palette.neutral.gray600,\n primary: palette.brand.blue,\n primaryForeground: palette.neutral.white,\n secondary: palette.semantic.success,\n secondaryForeground: palette.neutral.white,\n muted: palette.neutral.gray100,\n mutedForeground: palette.neutral.gray500,\n accent: palette.neutral.gray300,\n accentForeground: palette.neutral.gray600,\n destructive: palette.semantic.destructive,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray200,\n input: palette.neutral.gray200,\n ring: palette.neutral.gray600,\n radius: '0.5rem',\n },\n dark: {\n background: palette.neutral.gray975,\n foreground: palette.neutral.white,\n card: palette.neutral.gray900,\n cardForeground: palette.neutral.white,\n popover: palette.neutral.gray950,\n popoverForeground: palette.neutral.white,\n primary: 'hsl(227 96% 71%)', // Keeping as specific HSL to match original\n primaryForeground: palette.neutral.gray975,\n secondary: palette.semantic.successDark,\n secondaryForeground: palette.neutral.gray975,\n muted: palette.neutral.gray990,\n mutedForeground: palette.neutral.gray400,\n accent: palette.neutral.gray800,\n accentForeground: palette.neutral.white,\n destructive: palette.semantic.destructiveDark,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray700,\n input: palette.neutral.gray700,\n ring: 'hsl(0 0% 90%)', // Platinum\n radius: '0.5rem',\n },\n} as const;\n\nexport type ThemeTokens = typeof theme.light;\n","import { theme } from '@gv-tech/design-tokens';\nimport { useTheme as useNextTheme } from 'next-themes';\n\nexport function useTheme() {\n const context = useNextTheme();\n const { resolvedTheme } = context;\n\n // Default to light theme tokens if resolvedTheme is undefined or invalid\n const activeTokens = resolvedTheme === 'dark' ? theme.dark : theme.light;\n\n return {\n ...context,\n tokens: activeTokens,\n };\n}\n","'use client';\n\nimport { ThemeToggleBaseProps } from '@gv-tech/ui-core';\nimport { Moon, Sun, SunMoon } from 'lucide-react';\nimport { Button } from './button';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';\nimport { useTheme } from './hooks/use-theme';\nimport { cn } from './lib/utils';\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\nexport function ThemeToggle({ variant = 'binary', onThemeChange, customTheme, className }: ThemeToggleProps) {\n const { theme: nextTheme, setTheme: setNextTheme, resolvedTheme } = useTheme();\n\n // Use customTheme if provided, otherwise fallback to next-themes\n const currentTheme = customTheme ?? nextTheme;\n\n // Determine the effective theme for icon rendering\n const effectiveTheme = customTheme ? customTheme : resolvedTheme;\n const isDark = effectiveTheme === 'dark';\n const isSystem = currentTheme === 'system';\n\n const handleThemeChange = (newTheme: string) => {\n if (onThemeChange) {\n onThemeChange(newTheme);\n } else {\n setNextTheme(newTheme);\n }\n };\n\n const IconToggle = () => (\n <>\n <Sun\n className={cn(\n 'h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && !isDark ? 'scale-100 rotate-0' : 'scale-0 -rotate-90',\n )}\n />\n <Moon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && isDark ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <SunMoon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n isSystem ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <span className=\"sr-only\">Toggle theme</span>\n </>\n );\n\n if (variant === 'ternary') {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className={cn('relative h-9 w-9', className)}>\n <IconToggle />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => handleThemeChange('light')}>\n <Sun className=\"mr-2 h-4 w-4\" />\n <span>Light</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('dark')}>\n <Moon className=\"mr-2 h-4 w-4\" />\n <span>Dark</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('system')}>\n <SunMoon className=\"mr-2 h-4 w-4\" />\n <span>System</span>\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n }\n\n return (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn('relative h-9 w-9', className)}\n onClick={() => handleThemeChange(currentTheme === 'dark' ? 'light' : 'dark')}\n aria-label=\"Toggle theme\"\n >\n <IconToggle />\n </Button>\n );\n}\n"],"names":["palette","theme","useTheme","context","useNextTheme","resolvedTheme","activeTokens","ThemeToggle","variant","onThemeChange","customTheme","className","nextTheme","setNextTheme","currentTheme","isDark","isSystem","handleThemeChange","newTheme","IconToggle","jsxs","Fragment","jsx","Sun","cn","Moon","SunMoon","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":"0KAIaA,EAAU,CACrB,MAAO,CACL,KAAM,mBACN,MAAO,mBACP,YAAa,kBAAA,EAEf,QAAS,CACP,MAAO,iBACP,MAAO,eACP,OAAQ,gBACR,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,mBACT,QAAS,mBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,gBACT,QAAS,eACT,QAAS,cAAA,EAEX,SAAU,CACR,QAAS,kBACT,YAAa,kBACb,YAAa,qBACb,gBAAiB,oBAAA,CAErB,EC3BaC,EAAQ,CACnB,MAAO,CACL,WAAYD,EAAQ,QAAQ,OAC5B,WAAYA,EAAQ,QAAQ,QAC5B,KAAMA,EAAQ,QAAQ,MACtB,eAAgBA,EAAQ,QAAQ,QAChC,QAASA,EAAQ,QAAQ,MACzB,kBAAmBA,EAAQ,QAAQ,QACnC,QAASA,EAAQ,MAAM,KACvB,kBAAmBA,EAAQ,QAAQ,MACnC,UAAWA,EAAQ,SAAS,QAC5B,oBAAqBA,EAAQ,QAAQ,MACrC,MAAOA,EAAQ,QAAQ,QACvB,gBAAiBA,EAAQ,QAAQ,QACjC,OAAQA,EAAQ,QAAQ,QACxB,iBAAkBA,EAAQ,QAAQ,QAClC,YAAaA,EAAQ,SAAS,YAC9B,sBAAuBA,EAAQ,QAAQ,MACvC,OAAQA,EAAQ,QAAQ,QACxB,MAAOA,EAAQ,QAAQ,QACvB,KAAMA,EAAQ,QAAQ,QACtB,OAAQ,QAAA,EAEV,KAAM,CACJ,WAAYA,EAAQ,QAAQ,QAC5B,WAAYA,EAAQ,QAAQ,MAC5B,KAAMA,EAAQ,QAAQ,QACtB,eAAgBA,EAAQ,QAAQ,MAChC,QAASA,EAAQ,QAAQ,QACzB,kBAAmBA,EAAQ,QAAQ,MACnC,QAAS,mBACT,kBAAmBA,EAAQ,QAAQ,QACnC,UAAWA,EAAQ,SAAS,YAC5B,oBAAqBA,EAAQ,QAAQ,QACrC,MAAOA,EAAQ,QAAQ,QACvB,gBAAiBA,EAAQ,QAAQ,QACjC,OAAQA,EAAQ,QAAQ,QACxB,iBAAkBA,EAAQ,QAAQ,MAClC,YAAaA,EAAQ,SAAS,gBAC9B,sBAAuBA,EAAQ,QAAQ,MACvC,OAAQA,EAAQ,QAAQ,QACxB,MAAOA,EAAQ,QAAQ,QACvB,KAAM,gBACN,OAAQ,QAAA,CAEZ,EChDO,SAASE,GAAW,CACzB,MAAMC,EAAUC,EAAAA,SAAA,EACV,CAAE,cAAAC,GAAkBF,EAGpBG,EAAeD,IAAkB,OAASJ,EAAM,KAAOA,EAAM,MAEnE,MAAO,CACL,GAAGE,EACH,OAAQG,CAAA,CAEZ,CCHO,SAASC,EAAY,CAAE,QAAAC,EAAU,SAAU,cAAAC,EAAe,YAAAC,EAAa,UAAAC,GAA+B,CAC3G,KAAM,CAAE,MAAOC,EAAW,SAAUC,EAAc,cAAAR,CAAA,EAAkBH,EAAA,EAG9DY,EAAeJ,GAAeE,EAI9BG,GADiBL,GAA4BL,KACjB,OAC5BW,EAAWF,IAAiB,SAE5BG,EAAqBC,GAAqB,CAC1CT,EACFA,EAAcS,CAAQ,EAEtBL,EAAaK,CAAQ,CAEzB,EAEMC,EAAa,IACjBC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CACE,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CACC,UAAWC,EAAAA,GACT,uCACA,CAACR,GAAY,CAACD,EAAS,qBAAuB,oBAAA,CAChD,CAAA,EAEFO,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CACC,UAAWD,EAAAA,GACT,gDACA,CAACR,GAAYD,EAAS,qBAAuB,mBAAA,CAC/C,CAAA,EAEFO,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CACC,UAAWF,EAAAA,GACT,gDACAR,EAAW,qBAAuB,mBAAA,CACpC,CAAA,EAEFM,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,cAAA,CAAY,CAAA,EACxC,EAGF,OAAId,IAAY,mCAEXmB,eAAA,CACC,SAAA,CAAAL,EAAAA,kBAAAA,IAACM,EAAAA,qBAAoB,QAAO,GAC1B,SAAAN,EAAAA,kBAAAA,IAACO,SAAA,CAAO,QAAQ,QAAQ,KAAK,OAAO,UAAWL,EAAAA,GAAG,mBAAoBb,CAAS,EAC7E,SAAAW,EAAAA,kBAAAA,IAACH,EAAA,CAAA,CAAW,EACd,EACF,EACAC,EAAAA,kBAAAA,KAACU,EAAAA,oBAAA,CAAoB,MAAM,MACzB,SAAA,CAAAV,EAAAA,kBAAAA,KAACW,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,OAAO,EACxD,SAAA,CAAAK,EAAAA,kBAAAA,IAACC,EAAAA,IAAA,CAAI,UAAU,cAAA,CAAe,EAC9BD,EAAAA,kBAAAA,IAAC,QAAK,SAAA,OAAA,CAAK,CAAA,EACb,2BACCS,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,MAAM,EACvD,SAAA,CAAAK,EAAAA,kBAAAA,IAACG,EAAAA,KAAA,CAAK,UAAU,cAAA,CAAe,EAC/BH,EAAAA,kBAAAA,IAAC,QAAK,SAAA,MAAA,CAAI,CAAA,EACZ,2BACCS,EAAAA,iBAAA,CAAiB,QAAS,IAAMd,EAAkB,QAAQ,EACzD,SAAA,CAAAK,EAAAA,kBAAAA,IAACI,EAAAA,QAAA,CAAQ,UAAU,cAAA,CAAe,EAClCJ,EAAAA,kBAAAA,IAAC,QAAK,SAAA,QAAA,CAAM,CAAA,CAAA,CACd,CAAA,CAAA,CACF,CAAA,EACF,EAKFA,EAAAA,kBAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,KAAK,OACL,UAAWL,EAAAA,GAAG,mBAAoBb,CAAS,EAC3C,QAAS,IAAMM,EAAkBH,IAAiB,OAAS,QAAU,MAAM,EAC3E,aAAW,eAEX,iCAACK,EAAA,CAAA,CAAW,CAAA,CAAA,CAGlB"}
|
|
@@ -2,7 +2,7 @@ import { j as r, bW as m, bX as y, bY as p } from "./vendor-DxBXMLEx.mjs";
|
|
|
2
2
|
import { Button as x } from "./button.mjs";
|
|
3
3
|
import { DropdownMenu as b, DropdownMenuTrigger as f, DropdownMenuContent as T, DropdownMenuItem as c } from "./dropdown-menu.mjs";
|
|
4
4
|
import { useTheme as F } from "next-themes";
|
|
5
|
-
import { c as s } from "./utils-
|
|
5
|
+
import { c as s } from "./utils-CgPEtJt0.mjs";
|
|
6
6
|
const e = {
|
|
7
7
|
brand: {
|
|
8
8
|
blue: "hsl(225 73% 57%)",
|
|
@@ -174,4 +174,4 @@ export {
|
|
|
174
174
|
j as t,
|
|
175
175
|
D as u
|
|
176
176
|
};
|
|
177
|
-
//# sourceMappingURL=theme-toggle-
|
|
177
|
+
//# sourceMappingURL=theme-toggle-BUU8zhDg.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-toggle-B1DHy3Aq.mjs","sources":["../packages/design-tokens/src/palette.ts","../packages/design-tokens/src/theme.ts","../packages/ui-web/src/hooks/use-theme.ts","../packages/ui-web/src/theme-toggle.tsx"],"sourcesContent":["// Primitive color palette for the GV Tech design system.\n// These are the raw color values. They should NOT be used directly in components —\n// use semantic tokens from `theme.ts` instead.\n\nexport const palette = {\n brand: {\n blue: 'hsl(225 73% 57%)', // Royal Blue (Intellect)\n green: 'hsl(151 66% 27%)', // #177245 (Stability)\n floralWhite: 'hsl(40 100% 97%)', // Light Neutral / Floral White\n },\n neutral: {\n white: 'hsl(0 0% 100%)',\n black: 'hsl(0 0% 0%)', // Pure Black\n gray50: 'hsl(0 0% 96%)', // White Smoke\n gray100: 'hsl(0 0% 92%)', // Gainsboro\n gray200: 'hsl(0 0% 89%)', // Light Gray\n gray300: 'hsl(0 0% 88%)', // French Gray\n gray400: 'hsl(0 0% 70%)', // Silver\n gray500: 'hsl(215 16% 47%)', // Steel Blue\n gray600: 'hsl(222 47% 11%)', // Oxford Blue\n gray700: 'hsl(0 0% 18%)', // Raisin Black\n gray800: 'hsl(0 0% 15%)', // Jet\n gray900: 'hsl(0 0% 14%)', // Eerie Black\n gray950: 'hsl(0 0% 11%)', // Night (alt)\n gray975: 'hsl(0 0% 9%)', // Night\n gray990: 'hsl(0 0% 6%)', // Black (almost)\n },\n semantic: {\n success: 'hsl(93 28% 54%)', // Asparagus / Pistachio\n successDark: 'hsl(96 44% 61%)',\n destructive: 'hsl(0 84.2% 60.2%)', // Vivid Red\n destructiveDark: 'hsl(0 62.8% 30.6%)', // Blood Red\n },\n} as const;\n\nexport type PaletteTokens = typeof palette;\n","// Semantic theme tokens for the GV Tech design system.\n// These map primitive palette values to semantic roles (background, foreground, etc.)\n// for both light and dark modes. Components should reference these tokens, not palette directly.\n\nimport { palette } from './palette';\n\nexport const theme = {\n light: {\n background: palette.neutral.gray50,\n foreground: palette.neutral.gray600,\n card: palette.neutral.white,\n cardForeground: palette.neutral.gray600,\n popover: palette.neutral.white,\n popoverForeground: palette.neutral.gray600,\n primary: palette.brand.blue,\n primaryForeground: palette.neutral.white,\n secondary: palette.semantic.success,\n secondaryForeground: palette.neutral.white,\n muted: palette.neutral.gray100,\n mutedForeground: palette.neutral.gray500,\n accent: palette.neutral.gray300,\n accentForeground: palette.neutral.gray600,\n destructive: palette.semantic.destructive,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray200,\n input: palette.neutral.gray200,\n ring: palette.neutral.gray600,\n radius: '0.5rem',\n },\n dark: {\n background: palette.neutral.gray975,\n foreground: palette.neutral.white,\n card: palette.neutral.gray900,\n cardForeground: palette.neutral.white,\n popover: palette.neutral.gray950,\n popoverForeground: palette.neutral.white,\n primary: 'hsl(227 96% 71%)', // Keeping as specific HSL to match original\n primaryForeground: palette.neutral.gray975,\n secondary: palette.semantic.successDark,\n secondaryForeground: palette.neutral.gray975,\n muted: palette.neutral.gray990,\n mutedForeground: palette.neutral.gray400,\n accent: palette.neutral.gray800,\n accentForeground: palette.neutral.white,\n destructive: palette.semantic.destructiveDark,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray700,\n input: palette.neutral.gray700,\n ring: 'hsl(0 0% 90%)', // Platinum\n radius: '0.5rem',\n },\n} as const;\n\nexport type ThemeTokens = typeof theme.light;\n","import { theme } from '@gv-tech/design-tokens';\nimport { useTheme as useNextTheme } from 'next-themes';\n\nexport function useTheme() {\n const context = useNextTheme();\n const { resolvedTheme } = context;\n\n // Default to light theme tokens if resolvedTheme is undefined or invalid\n const activeTokens = resolvedTheme === 'dark' ? theme.dark : theme.light;\n\n return {\n ...context,\n tokens: activeTokens,\n };\n}\n","'use client';\n\nimport { ThemeToggleBaseProps } from '@gv-tech/ui-core';\nimport { Moon, Sun, SunMoon } from 'lucide-react';\nimport { Button } from './button';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';\nimport { useTheme } from './hooks/use-theme';\nimport { cn } from './lib/utils';\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\nexport function ThemeToggle({ variant = 'binary', onThemeChange, customTheme, className }: ThemeToggleProps) {\n const { theme: nextTheme, setTheme: setNextTheme, resolvedTheme } = useTheme();\n\n // Use customTheme if provided, otherwise fallback to next-themes\n const currentTheme = customTheme ?? nextTheme;\n\n // Determine the effective theme for icon rendering\n const effectiveTheme = customTheme ? customTheme : resolvedTheme;\n const isDark = effectiveTheme === 'dark';\n const isSystem = currentTheme === 'system';\n\n const handleThemeChange = (newTheme: string) => {\n if (onThemeChange) {\n onThemeChange(newTheme);\n } else {\n setNextTheme(newTheme);\n }\n };\n\n const IconToggle = () => (\n <>\n <Sun\n className={cn(\n 'h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && !isDark ? 'scale-100 rotate-0' : 'scale-0 -rotate-90',\n )}\n />\n <Moon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && isDark ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <SunMoon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n isSystem ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <span className=\"sr-only\">Toggle theme</span>\n </>\n );\n\n if (variant === 'ternary') {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className={cn('relative h-9 w-9', className)}>\n <IconToggle />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => handleThemeChange('light')}>\n <Sun className=\"mr-2 h-4 w-4\" />\n <span>Light</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('dark')}>\n <Moon className=\"mr-2 h-4 w-4\" />\n <span>Dark</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('system')}>\n <SunMoon className=\"mr-2 h-4 w-4\" />\n <span>System</span>\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n }\n\n return (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn('relative h-9 w-9', className)}\n onClick={() => handleThemeChange(currentTheme === 'dark' ? 'light' : 'dark')}\n aria-label=\"Toggle theme\"\n >\n <IconToggle />\n </Button>\n );\n}\n"],"names":["palette","theme","useTheme","context","useNextTheme","resolvedTheme","activeTokens","ThemeToggle","variant","onThemeChange","customTheme","className","nextTheme","setNextTheme","currentTheme","isDark","isSystem","handleThemeChange","newTheme","IconToggle","jsxs","Fragment","jsx","Sun","cn","Moon","SunMoon","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"theme-toggle-BUU8zhDg.mjs","sources":["../packages/design-tokens/src/palette.ts","../packages/design-tokens/src/theme.ts","../packages/ui-web/src/hooks/use-theme.ts","../packages/ui-web/src/theme-toggle.tsx"],"sourcesContent":["// Primitive color palette for the GV Tech design system.\n// These are the raw color values. They should NOT be used directly in components —\n// use semantic tokens from `theme.ts` instead.\n\nexport const palette = {\n brand: {\n blue: 'hsl(225 73% 57%)', // Royal Blue (Intellect)\n green: 'hsl(151 66% 27%)', // #177245 (Stability)\n floralWhite: 'hsl(40 100% 97%)', // Light Neutral / Floral White\n },\n neutral: {\n white: 'hsl(0 0% 100%)',\n black: 'hsl(0 0% 0%)', // Pure Black\n gray50: 'hsl(0 0% 96%)', // White Smoke\n gray100: 'hsl(0 0% 92%)', // Gainsboro\n gray200: 'hsl(0 0% 89%)', // Light Gray\n gray300: 'hsl(0 0% 88%)', // French Gray\n gray400: 'hsl(0 0% 70%)', // Silver\n gray500: 'hsl(215 16% 47%)', // Steel Blue\n gray600: 'hsl(222 47% 11%)', // Oxford Blue\n gray700: 'hsl(0 0% 18%)', // Raisin Black\n gray800: 'hsl(0 0% 15%)', // Jet\n gray900: 'hsl(0 0% 14%)', // Eerie Black\n gray950: 'hsl(0 0% 11%)', // Night (alt)\n gray975: 'hsl(0 0% 9%)', // Night\n gray990: 'hsl(0 0% 6%)', // Black (almost)\n },\n semantic: {\n success: 'hsl(93 28% 54%)', // Asparagus / Pistachio\n successDark: 'hsl(96 44% 61%)',\n destructive: 'hsl(0 84.2% 60.2%)', // Vivid Red\n destructiveDark: 'hsl(0 62.8% 30.6%)', // Blood Red\n },\n} as const;\n\nexport type PaletteTokens = typeof palette;\n","// Semantic theme tokens for the GV Tech design system.\n// These map primitive palette values to semantic roles (background, foreground, etc.)\n// for both light and dark modes. Components should reference these tokens, not palette directly.\n\nimport { palette } from './palette';\n\nexport const theme = {\n light: {\n background: palette.neutral.gray50,\n foreground: palette.neutral.gray600,\n card: palette.neutral.white,\n cardForeground: palette.neutral.gray600,\n popover: palette.neutral.white,\n popoverForeground: palette.neutral.gray600,\n primary: palette.brand.blue,\n primaryForeground: palette.neutral.white,\n secondary: palette.semantic.success,\n secondaryForeground: palette.neutral.white,\n muted: palette.neutral.gray100,\n mutedForeground: palette.neutral.gray500,\n accent: palette.neutral.gray300,\n accentForeground: palette.neutral.gray600,\n destructive: palette.semantic.destructive,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray200,\n input: palette.neutral.gray200,\n ring: palette.neutral.gray600,\n radius: '0.5rem',\n },\n dark: {\n background: palette.neutral.gray975,\n foreground: palette.neutral.white,\n card: palette.neutral.gray900,\n cardForeground: palette.neutral.white,\n popover: palette.neutral.gray950,\n popoverForeground: palette.neutral.white,\n primary: 'hsl(227 96% 71%)', // Keeping as specific HSL to match original\n primaryForeground: palette.neutral.gray975,\n secondary: palette.semantic.successDark,\n secondaryForeground: palette.neutral.gray975,\n muted: palette.neutral.gray990,\n mutedForeground: palette.neutral.gray400,\n accent: palette.neutral.gray800,\n accentForeground: palette.neutral.white,\n destructive: palette.semantic.destructiveDark,\n destructiveForeground: palette.neutral.white,\n border: palette.neutral.gray700,\n input: palette.neutral.gray700,\n ring: 'hsl(0 0% 90%)', // Platinum\n radius: '0.5rem',\n },\n} as const;\n\nexport type ThemeTokens = typeof theme.light;\n","import { theme } from '@gv-tech/design-tokens';\nimport { useTheme as useNextTheme } from 'next-themes';\n\nexport function useTheme() {\n const context = useNextTheme();\n const { resolvedTheme } = context;\n\n // Default to light theme tokens if resolvedTheme is undefined or invalid\n const activeTokens = resolvedTheme === 'dark' ? theme.dark : theme.light;\n\n return {\n ...context,\n tokens: activeTokens,\n };\n}\n","'use client';\n\nimport { ThemeToggleBaseProps } from '@gv-tech/ui-core';\nimport { Moon, Sun, SunMoon } from 'lucide-react';\nimport { Button } from './button';\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from './dropdown-menu';\nimport { useTheme } from './hooks/use-theme';\nimport { cn } from './lib/utils';\n\nexport type ThemeToggleProps = ThemeToggleBaseProps;\n\nexport function ThemeToggle({ variant = 'binary', onThemeChange, customTheme, className }: ThemeToggleProps) {\n const { theme: nextTheme, setTheme: setNextTheme, resolvedTheme } = useTheme();\n\n // Use customTheme if provided, otherwise fallback to next-themes\n const currentTheme = customTheme ?? nextTheme;\n\n // Determine the effective theme for icon rendering\n const effectiveTheme = customTheme ? customTheme : resolvedTheme;\n const isDark = effectiveTheme === 'dark';\n const isSystem = currentTheme === 'system';\n\n const handleThemeChange = (newTheme: string) => {\n if (onThemeChange) {\n onThemeChange(newTheme);\n } else {\n setNextTheme(newTheme);\n }\n };\n\n const IconToggle = () => (\n <>\n <Sun\n className={cn(\n 'h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && !isDark ? 'scale-100 rotate-0' : 'scale-0 -rotate-90',\n )}\n />\n <Moon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n !isSystem && isDark ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <SunMoon\n className={cn(\n 'absolute h-[1.2rem] w-[1.2rem] transition-all',\n isSystem ? 'scale-100 rotate-0' : 'scale-0 rotate-90',\n )}\n />\n <span className=\"sr-only\">Toggle theme</span>\n </>\n );\n\n if (variant === 'ternary') {\n return (\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <Button variant=\"ghost\" size=\"icon\" className={cn('relative h-9 w-9', className)}>\n <IconToggle />\n </Button>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => handleThemeChange('light')}>\n <Sun className=\"mr-2 h-4 w-4\" />\n <span>Light</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('dark')}>\n <Moon className=\"mr-2 h-4 w-4\" />\n <span>Dark</span>\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => handleThemeChange('system')}>\n <SunMoon className=\"mr-2 h-4 w-4\" />\n <span>System</span>\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n );\n }\n\n return (\n <Button\n variant=\"ghost\"\n size=\"icon\"\n className={cn('relative h-9 w-9', className)}\n onClick={() => handleThemeChange(currentTheme === 'dark' ? 'light' : 'dark')}\n aria-label=\"Toggle theme\"\n >\n <IconToggle />\n </Button>\n );\n}\n"],"names":["palette","theme","useTheme","context","useNextTheme","resolvedTheme","activeTokens","ThemeToggle","variant","onThemeChange","customTheme","className","nextTheme","setNextTheme","currentTheme","isDark","isSystem","handleThemeChange","newTheme","IconToggle","jsxs","Fragment","jsx","Sun","cn","Moon","SunMoon","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":"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"}
|
package/dist/theme-toggle.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./vendor-DQFuDa7q.js");require("./button.cjs");require("./dropdown-menu.cjs");const e=require("./theme-toggle-
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./vendor-DQFuDa7q.js");require("./button.cjs");require("./dropdown-menu.cjs");const e=require("./theme-toggle-B3z50t2s.js");require("./utils--qajXu5A.js");exports.ThemeToggle=e.ThemeToggle;
|
|
2
2
|
//# sourceMappingURL=theme-toggle.cjs.map
|
package/dist/theme-toggle.mjs
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import "./vendor-DxBXMLEx.mjs";
|
|
3
3
|
import "./button.mjs";
|
|
4
4
|
import "./dropdown-menu.mjs";
|
|
5
|
-
import { T as p } from "./theme-toggle-
|
|
6
|
-
import "./utils-
|
|
5
|
+
import { T as p } from "./theme-toggle-BUU8zhDg.mjs";
|
|
6
|
+
import "./utils-CgPEtJt0.mjs";
|
|
7
7
|
export {
|
|
8
8
|
p as ThemeToggle
|
|
9
9
|
};
|
package/dist/toast.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-DQFuDa7q.js"),m=require("react"),r=require("./utils
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-DQFuDa7q.js"),m=require("react"),r=require("./utils--qajXu5A.js");function f(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(s,o,i.get?i:{enumerable:!0,get:()=>t[o]})}}return s.default=t,Object.freeze(s)}const a=f(m),x=e.Provider$1,n=a.forwardRef(({className:t,...s},o)=>e.jsxRuntimeExports.jsx(e.Viewport$3,{ref:o,className:r.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]",t),...s}));n.displayName=e.Viewport$3?.displayName||"ToastViewport";const v=e.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),d=a.forwardRef(({className:t,variant:s,...o},i)=>e.jsxRuntimeExports.jsx(e.Root2$11,{ref:i,className:r.cn(v({variant:s}),t),...o}));d.displayName=e.Root2$11?.displayName||"Toast";const c=a.forwardRef(({className:t,...s},o)=>e.jsxRuntimeExports.jsx(e.Action$1,{ref:o,className:r.cn("hover:bg-secondary focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:ring-1 focus:outline-none disabled:pointer-events-none disabled:opacity-50",t),...s}));c.displayName=e.Action$1?.displayName||"ToastAction";const u=a.forwardRef(({className:t,...s},o)=>e.jsxRuntimeExports.jsx(e.Close$1,{ref:o,className:r.cn("text-foreground/50 hover:text-foreground absolute top-1 right-1 rounded-md p-1 opacity-0 transition-opacity group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 focus:opacity-100 focus:ring-1 focus:outline-none group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",t),"toast-close":"",...s,children:e.jsxRuntimeExports.jsx(e.X,{className:"h-4 w-4"})}));u.displayName=e.Close$1?.displayName||"ToastClose";const l=a.forwardRef(({className:t,...s},o)=>e.jsxRuntimeExports.jsx(e.Title$1,{ref:o,className:r.cn("text-sm font-semibold [&+div]:text-xs",t),...s}));l.displayName=e.Title$1?.displayName||"ToastTitle";const p=a.forwardRef(({className:t,...s},o)=>e.jsxRuntimeExports.jsx(e.Description$1,{ref:o,className:r.cn("text-sm opacity-90",t),...s}));p.displayName=e.Description$1?.displayName||"ToastDescription";exports.Toast=d;exports.ToastAction=c;exports.ToastClose=u;exports.ToastDescription=p;exports.ToastProvider=x;exports.ToastTitle=l;exports.ToastViewport=n;
|
|
2
2
|
//# sourceMappingURL=toast.cjs.map
|