@gv-tech/design-system 2.15.1 → 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.
Files changed (171) hide show
  1. package/dist/accordion.cjs +1 -1
  2. package/dist/accordion.cjs.map +1 -1
  3. package/dist/accordion.mjs +11 -11
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.cjs +1 -1
  6. package/dist/alert-dialog.cjs.map +1 -1
  7. package/dist/alert-dialog.mjs +21 -21
  8. package/dist/alert-dialog.mjs.map +1 -1
  9. package/dist/alert.cjs +1 -1
  10. package/dist/alert.mjs +1 -1
  11. package/dist/avatar.cjs +1 -1
  12. package/dist/avatar.cjs.map +1 -1
  13. package/dist/avatar.mjs +12 -12
  14. package/dist/avatar.mjs.map +1 -1
  15. package/dist/badge.cjs +1 -1
  16. package/dist/badge.mjs +1 -1
  17. package/dist/breadcrumb.cjs +1 -1
  18. package/dist/breadcrumb.mjs +1 -1
  19. package/dist/button.cjs +1 -1
  20. package/dist/button.mjs +1 -1
  21. package/dist/calendar.cjs +1 -1
  22. package/dist/calendar.mjs +1 -1
  23. package/dist/card.cjs +1 -1
  24. package/dist/card.mjs +1 -1
  25. package/dist/carousel.cjs +1 -1
  26. package/dist/carousel.mjs +1 -1
  27. package/dist/chart.cjs +1 -1
  28. package/dist/chart.mjs +1 -1
  29. package/dist/checkbox.cjs +1 -1
  30. package/dist/checkbox.cjs.map +1 -1
  31. package/dist/checkbox.mjs +2 -2
  32. package/dist/checkbox.mjs.map +1 -1
  33. package/dist/command.cjs +1 -1
  34. package/dist/command.cjs.map +1 -1
  35. package/dist/command.mjs +24 -24
  36. package/dist/command.mjs.map +1 -1
  37. package/dist/context-menu.cjs +1 -1
  38. package/dist/context-menu.cjs.map +1 -1
  39. package/dist/context-menu.mjs +42 -42
  40. package/dist/context-menu.mjs.map +1 -1
  41. package/dist/design-system.css +1 -1
  42. package/dist/dialog.cjs +1 -1
  43. package/dist/dialog.cjs.map +1 -1
  44. package/dist/dialog.mjs +18 -18
  45. package/dist/dialog.mjs.map +1 -1
  46. package/dist/drawer.cjs +1 -1
  47. package/dist/drawer.cjs.map +1 -1
  48. package/dist/drawer.mjs +19 -19
  49. package/dist/drawer.mjs.map +1 -1
  50. package/dist/dropdown-menu.cjs +1 -1
  51. package/dist/dropdown-menu.cjs.map +1 -1
  52. package/dist/dropdown-menu.mjs +58 -58
  53. package/dist/dropdown-menu.mjs.map +1 -1
  54. package/dist/form.cjs +1 -1
  55. package/dist/form.mjs +1 -1
  56. package/dist/hover-card.cjs +1 -1
  57. package/dist/hover-card.cjs.map +1 -1
  58. package/dist/hover-card.mjs +4 -4
  59. package/dist/hover-card.mjs.map +1 -1
  60. package/dist/index.cjs +1 -1
  61. package/dist/index.cjs.map +1 -1
  62. package/dist/index.d.ts +65 -0
  63. package/dist/index.mjs +37 -35
  64. package/dist/index.mjs.map +1 -1
  65. package/dist/input.cjs +1 -1
  66. package/dist/input.mjs +1 -1
  67. package/dist/label.cjs +1 -1
  68. package/dist/label.cjs.map +1 -1
  69. package/dist/label.mjs +3 -3
  70. package/dist/label.mjs.map +1 -1
  71. package/dist/menubar.cjs +1 -1
  72. package/dist/menubar.cjs.map +1 -1
  73. package/dist/menubar.mjs +44 -44
  74. package/dist/menubar.mjs.map +1 -1
  75. package/dist/navigation-menu.cjs +1 -1
  76. package/dist/navigation-menu.cjs.map +1 -1
  77. package/dist/navigation-menu.mjs +21 -21
  78. package/dist/navigation-menu.mjs.map +1 -1
  79. package/dist/pagination.cjs +1 -1
  80. package/dist/pagination.mjs +1 -1
  81. package/dist/popover.cjs +1 -1
  82. package/dist/popover.cjs.map +1 -1
  83. package/dist/popover.mjs +8 -8
  84. package/dist/popover.mjs.map +1 -1
  85. package/dist/progress.cjs +1 -1
  86. package/dist/progress.cjs.map +1 -1
  87. package/dist/progress.mjs +9 -9
  88. package/dist/progress.mjs.map +1 -1
  89. package/dist/radio-group.cjs +1 -1
  90. package/dist/radio-group.cjs.map +1 -1
  91. package/dist/radio-group.mjs +8 -8
  92. package/dist/radio-group.mjs.map +1 -1
  93. package/dist/resizable.cjs +1 -1
  94. package/dist/resizable.mjs +1 -1
  95. package/dist/scroll-area.cjs +1 -1
  96. package/dist/scroll-area.cjs.map +1 -1
  97. package/dist/scroll-area.mjs +11 -11
  98. package/dist/scroll-area.mjs.map +1 -1
  99. package/dist/search.cjs +1 -1
  100. package/dist/search.cjs.map +1 -1
  101. package/dist/search.d.ts +1 -0
  102. package/dist/search.mjs +50 -37
  103. package/dist/search.mjs.map +1 -1
  104. package/dist/select.cjs +1 -1
  105. package/dist/select.cjs.map +1 -1
  106. package/dist/select.mjs +38 -38
  107. package/dist/select.mjs.map +1 -1
  108. package/dist/separator.cjs +1 -1
  109. package/dist/separator.cjs.map +1 -1
  110. package/dist/separator.mjs +7 -7
  111. package/dist/separator.mjs.map +1 -1
  112. package/dist/sheet.cjs +1 -1
  113. package/dist/sheet.cjs.map +1 -1
  114. package/dist/sheet.mjs +17 -17
  115. package/dist/sheet.mjs.map +1 -1
  116. package/dist/skeleton.cjs +1 -1
  117. package/dist/skeleton.mjs +1 -1
  118. package/dist/slider.cjs +1 -1
  119. package/dist/slider.cjs.map +1 -1
  120. package/dist/slider.mjs +2 -2
  121. package/dist/slider.mjs.map +1 -1
  122. package/dist/switch.cjs +1 -1
  123. package/dist/switch.cjs.map +1 -1
  124. package/dist/switch.mjs +7 -7
  125. package/dist/switch.mjs.map +1 -1
  126. package/dist/table-of-contents.cjs +2 -0
  127. package/dist/table-of-contents.cjs.map +1 -0
  128. package/dist/table-of-contents.d.ts +68 -0
  129. package/dist/table-of-contents.mjs +161 -0
  130. package/dist/table-of-contents.mjs.map +1 -0
  131. package/dist/table.cjs +1 -1
  132. package/dist/table.mjs +1 -1
  133. package/dist/tabs.cjs +1 -1
  134. package/dist/tabs.cjs.map +1 -1
  135. package/dist/tabs.mjs +13 -13
  136. package/dist/tabs.mjs.map +1 -1
  137. package/dist/text.cjs +1 -1
  138. package/dist/text.mjs +1 -1
  139. package/dist/textarea.cjs +1 -1
  140. package/dist/textarea.mjs +1 -1
  141. package/dist/{theme-toggle-CEOvAx_E.js → theme-toggle-B3z50t2s.js} +2 -2
  142. package/dist/{theme-toggle-CEOvAx_E.js.map → theme-toggle-B3z50t2s.js.map} +1 -1
  143. package/dist/{theme-toggle-B1DHy3Aq.mjs → theme-toggle-BUU8zhDg.mjs} +2 -2
  144. package/dist/{theme-toggle-B1DHy3Aq.mjs.map → theme-toggle-BUU8zhDg.mjs.map} +1 -1
  145. package/dist/theme-toggle.cjs +1 -1
  146. package/dist/theme-toggle.mjs +2 -2
  147. package/dist/toast.cjs +1 -1
  148. package/dist/toast.cjs.map +1 -1
  149. package/dist/toast.mjs +17 -17
  150. package/dist/toast.mjs.map +1 -1
  151. package/dist/toggle-group.cjs +1 -1
  152. package/dist/toggle-group.cjs.map +1 -1
  153. package/dist/toggle-group.mjs +18 -18
  154. package/dist/toggle-group.mjs.map +1 -1
  155. package/dist/toggle.cjs +1 -1
  156. package/dist/toggle.cjs.map +1 -1
  157. package/dist/toggle.mjs +6 -6
  158. package/dist/toggle.mjs.map +1 -1
  159. package/dist/tooltip.cjs +1 -1
  160. package/dist/tooltip.cjs.map +1 -1
  161. package/dist/tooltip.mjs +11 -11
  162. package/dist/tooltip.mjs.map +1 -1
  163. package/dist/utils--qajXu5A.js +2 -0
  164. package/dist/utils--qajXu5A.js.map +1 -0
  165. package/dist/utils-CgPEtJt0.mjs +12 -0
  166. package/dist/utils-CgPEtJt0.mjs.map +1 -0
  167. package/package.json +15 -14
  168. package/dist/utils-DKStzUzN.js +0 -2
  169. package/dist/utils-DKStzUzN.js.map +0 -1
  170. package/dist/utils-Dk-Gx69q.mjs +0 -8
  171. package/dist/utils-Dk-Gx69q.mjs.map +0 -1
package/dist/switch.mjs CHANGED
@@ -1,15 +1,15 @@
1
1
  "use client";
2
- import { j as e, bC as a, bD as i } from "./vendor-DxBXMLEx.mjs";
2
+ import { j as e, bC as t, bD as i } from "./vendor-DxBXMLEx.mjs";
3
3
  import * as n from "react";
4
- import { c as s } from "./utils-Dk-Gx69q.mjs";
5
- const c = n.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.jsx(
6
- a,
4
+ import { c as s } from "./utils-CgPEtJt0.mjs";
5
+ const c = n.forwardRef(({ className: a, ...r }, o) => /* @__PURE__ */ e.jsx(
6
+ t,
7
7
  {
8
8
  className: s(
9
9
  "peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
10
- r
10
+ a
11
11
  ),
12
- ...t,
12
+ ...r,
13
13
  ref: o,
14
14
  children: /* @__PURE__ */ e.jsx(
15
15
  i,
@@ -21,7 +21,7 @@ const c = n.forwardRef(({ className: r, ...t }, o) => /* @__PURE__ */ e.jsx(
21
21
  )
22
22
  }
23
23
  ));
24
- c.displayName = a.displayName;
24
+ c.displayName = t?.displayName || "Switch";
25
25
  export {
26
26
  c as Switch
27
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":"switch.mjs","sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n React.ElementRef<typeof SwitchPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n <SwitchPrimitives.Root\n className={cn(\n 'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n ref={ref}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n 'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n )}\n />\n </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives.Root","cn","SwitchPrimitives.Thumb"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAAA;AAAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF,CACD;AACDP,EAAO,cAAcM,EAAsB;"}
1
+ {"version":3,"file":"switch.mjs","sources":["../packages/ui-web/src/switch.tsx"],"sourcesContent":["'use client';\n\nimport * as SwitchPrimitives from '@radix-ui/react-switch';\nimport * as React from 'react';\n\nimport { SwitchBaseProps } from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst Switch = React.forwardRef<\n React.ElementRef<typeof SwitchPrimitives.Root>,\n React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> & SwitchBaseProps\n>(({ className, ...props }, ref) => (\n <SwitchPrimitives.Root\n className={cn(\n 'peer focus-visible:ring-ring focus-visible:ring-offset-background data-[state=checked]:bg-primary data-[state=unchecked]:bg-input inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n ref={ref}\n >\n <SwitchPrimitives.Thumb\n className={cn(\n 'bg-background pointer-events-none block h-4 w-4 rounded-full shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',\n )}\n />\n </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root?.displayName || 'Switch';\n\nexport { Switch };\nexport type { SwitchBaseProps as SwitchProps };\n"],"names":["Switch","React","className","props","ref","jsx","SwitchPrimitives.Root","cn","SwitchPrimitives.Thumb"],"mappings":";;;;AAQA,MAAMA,IAASC,EAAM,WAGnB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC;AAAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,IAEA,UAAAC,gBAAAA,EAAAA;AAAAA,MAACG;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF;AACF,CACD;AACDP,EAAO,cAAcM,GAAuB,eAAe;"}
@@ -0,0 +1,2 @@
1
+ "use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./vendor-DQFuDa7q.js"),O=require("react"),h=require("./utils--qajXu5A.js");function C(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(r,i,a.get?a:{enumerable:!0,get:()=>n[i]})}}return r.default=n,Object.freeze(r)}const l=C(O),E=l.createContext(null);function R(){const n=l.useContext(E);if(!n)throw new Error("TOC components must be used within a TableOfContents provider");return n}function v({children:n,className:r,activeId:i,minLevel:a=1,maxLevel:s=4,selector:x="h1, h2, h3, h4, h5, h6"}){const[u,f]=l.useState([]),[t,d]=l.useState(null),p=l.useMemo(()=>u.find(o=>o.id===t)?.text||null,[u,t]),c=l.useCallback(o=>{f(j=>JSON.stringify(j)===JSON.stringify(o)?j:o)},[]),m=l.useMemo(()=>({headings:u,activeId:i||t,activeHeadingText:p,registerHeadings:c,setActiveId:d,config:{minLevel:a,maxLevel:s,selector:x,className:r}}),[u,t,i,p,c,a,s,x,r]);return e.jsxRuntimeExports.jsx(E.Provider,{value:m,children:e.jsxRuntimeExports.jsx("div",{className:h.cn("relative",r),children:n||e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxRuntimeExports.jsx(b,{}),e.jsxRuntimeExports.jsx(g,{children:null})]})})})}function b({className:n}){const{headings:r,activeId:i,activeHeadingText:a}=R(),[s,x]=l.useState(!1);if(l.useEffect(()=>{if(!s)return;const t=()=>{x(!1)};return window.addEventListener("scroll",t,{passive:!0}),()=>window.removeEventListener("scroll",t)},[s]),r.length===0)return null;const u=Math.min(...r.map(t=>t.level)),f=e.jsxRuntimeExports.jsx("ul",{className:"m-0 list-none text-sm",children:r.map(t=>{const d=i===t.id,p=`${(t.level-u)*1}rem`;return e.jsxRuntimeExports.jsx("li",{className:"mt-0 pt-2",children:e.jsxRuntimeExports.jsx("a",{href:`#${t.id}`,onClick:()=>x(!1),className:h.cn("hover:text-foreground inline-block no-underline transition-colors",d?"text-primary font-medium":"text-muted-foreground"),style:{paddingLeft:p},children:t.text})},t.id)})});return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:h.cn("bg-background/95 sticky top-0 z-40 border-b backdrop-blur xl:hidden",n),children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>x(!s),className:"flex w-full items-center justify-between px-4 py-3 text-left",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 overflow-hidden",children:[e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground text-xs font-semibold tracking-wider uppercase",children:"On this page:"}),e.jsxRuntimeExports.jsx("span",{className:"truncate text-sm font-medium",children:a||"Overview"})]}),e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:h.cn("shrink-0 transition-transform duration-200",s&&"rotate-180"),children:e.jsxRuntimeExports.jsx("path",{d:"m6 9 6 6 6-6"})})]}),s&&e.jsxRuntimeExports.jsx("div",{className:"bg-background border-t px-4 pt-2 pb-6",children:e.jsxRuntimeExports.jsx("nav",{"aria-label":"Table of contents mobile",children:f})})]}),e.jsxRuntimeExports.jsx("nav",{className:h.cn("hidden xl:block",n),"aria-label":"Table of contents",children:f})]})}function g({children:n,className:r}){const{registerHeadings:i,setActiveId:a,config:s}=R(),x=l.useRef(null);return l.useEffect(()=>{const u=x.current;if(!u)return;const f=()=>{const c=Array.from(u.querySelectorAll(s.selector||"h1, h2, h3, h4, h5, h6")).filter(o=>{const j=parseInt(o.tagName.charAt(1),10);return j>=(s.minLevel??1)&&j<=(s.maxLevel??4)}),m=c.map(o=>(o.id||(o.id=h.slugify(o.textContent||"heading")),{id:o.id,text:o.textContent||"",level:parseInt(o.tagName.charAt(1),10)}));return i(m),c},t=f(),d=new IntersectionObserver(c=>{c.forEach(m=>{m.isIntersecting&&a(m.target.id)})},{rootMargin:"0px 0px -80% 0px",threshold:.1});t.forEach(c=>d.observe(c));const p=new MutationObserver(()=>{const c=f();d.disconnect(),c.forEach(m=>d.observe(m))});return p.observe(u,{childList:!0,subtree:!0,characterData:!0}),()=>{d.disconnect(),p.disconnect()}},[s.selector,s.minLevel,s.maxLevel,i,a]),e.jsxRuntimeExports.jsx("div",{ref:x,className:r,children:n})}v.List=b;v.Content=g;exports.TableOfContents=v;exports.TableOfContentsContent=g;exports.TableOfContentsList=b;
2
+ //# sourceMappingURL=table-of-contents.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"table-of-contents.cjs","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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"}
@@ -0,0 +1,68 @@
1
+ import { JSX } from 'react/jsx-runtime';
2
+ import * as React_2 from 'react';
3
+
4
+ /**
5
+ * Root component that provides the Table of Contents context.
6
+ * Can be used as a wrapper OR standalone.
7
+ * If used as a wrapper: <TableOfContents><List /><Content>{children}</Content></TableOfContents>
8
+ * If used standalone: <TableOfContents /> (requires container ref or defaults to document)
9
+ */
10
+ export declare function TableOfContents({ children, className, activeId: activeIdOverride, minLevel, maxLevel, selector, }: TableOfContentsProps): JSX.Element;
11
+
12
+ export declare namespace TableOfContents {
13
+ var List: typeof TableOfContentsList;
14
+ var Content: typeof TableOfContentsContent;
15
+ }
16
+
17
+ declare interface TableOfContentsBaseProps {
18
+ /**
19
+ * Optional custom class name.
20
+ */
21
+ className?: string;
22
+ /**
23
+ * Optional currently active heading ID to override the intersection observer.
24
+ */
25
+ activeId?: string;
26
+ /**
27
+ * Optional minimum heading level to include.
28
+ * Default: 1 (h1)
29
+ */
30
+ minLevel?: number;
31
+ /**
32
+ * Optional maximum heading level to include.
33
+ * Default: 3 (h3)
34
+ */
35
+ maxLevel?: number;
36
+ /**
37
+ * The selector used to query the DOM for headings.
38
+ * Default: "h1, h2, h3, h4, h5, h6"
39
+ */
40
+ selector?: string;
41
+ }
42
+
43
+ /**
44
+ * Wraps the content area and automatically detects headings within it.
45
+ */
46
+ export declare function TableOfContentsContent({ children, className }: TableOfContentsContentProps): JSX.Element;
47
+
48
+ export declare interface TableOfContentsContentProps {
49
+ children: React_2.ReactNode;
50
+ className?: string;
51
+ }
52
+
53
+ /**
54
+ * Renders the actual list of links.
55
+ */
56
+ export declare function TableOfContentsList({ className }: TableOfContentsListProps): JSX.Element | null;
57
+
58
+ export declare interface TableOfContentsListProps {
59
+ className?: string;
60
+ }
61
+
62
+ export declare type TableOfContentsProps = TableOfContentsRootBaseProps;
63
+
64
+ declare interface TableOfContentsRootBaseProps extends TableOfContentsBaseProps {
65
+ children: React_2.ReactNode;
66
+ }
67
+
68
+ export { }
@@ -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-DKStzUzN.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;
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-Dk-Gx69q.mjs";
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-DKStzUzN.js");function f(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const o=f(l),d=s.Root2$9,a=o.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}));a.displayName=s.List$1.displayName;const c=o.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;const u=o.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;exports.Tabs=d;exports.TabsContent=u;exports.TabsList=a;exports.TabsTrigger=c;
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.displayName;\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;\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;\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,EAAAA,OAAmB,YAE1C,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,EAAAA,UAAsB,YAEhD,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,EAAAA,UAAsB"}
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 n, bF as r, bG as f, bH as c } from "./vendor-DxBXMLEx.mjs";
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 o } from "./utils-Dk-Gx69q.mjs";
5
- const g = c, d = a.forwardRef(({ className: e, ...s }, i) => /* @__PURE__ */ t.jsx(
6
- n,
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: o(
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 = n.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: o(
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.displayName;
29
- const m = a.forwardRef(({ className: e, ...s }, i) => /* @__PURE__ */ t.jsx(
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: o(
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
- m.displayName = f.displayName;
40
+ b.displayName = f?.displayName || "TabsContent";
41
41
  export {
42
- g as Tabs,
43
- m as TabsContent,
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.displayName;\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;\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;\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,EAAmB;AAE1C,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,EAAsB;AAEhD,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,EAAsB;"}
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-DKStzUzN.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;
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
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { j as s, g as i } from "./vendor-DxBXMLEx.mjs";
3
3
  import * as m from "react";
4
- import { c as x } from "./utils-Dk-Gx69q.mjs";
4
+ import { c as x } from "./utils-CgPEtJt0.mjs";
5
5
  const d = i("", {
6
6
  variants: {
7
7
  variant: {
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-DKStzUzN.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;
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-Dk-Gx69q.mjs";
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-DKStzUzN.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-CEOvAx_E.js.map
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