@bergetai/ui 0.15.0 → 0.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (239) hide show
  1. package/dist/components/alert/Alert.d.cts +1 -1
  2. package/dist/components/alert/Alert.d.mts +1 -1
  3. package/dist/components/alert-dialog/AlertDialog.cjs +26 -5
  4. package/dist/components/alert-dialog/AlertDialog.cjs.map +1 -1
  5. package/dist/components/alert-dialog/AlertDialog.d.cts.map +1 -1
  6. package/dist/components/alert-dialog/AlertDialog.d.mts.map +1 -1
  7. package/dist/components/alert-dialog/AlertDialog.mjs +26 -5
  8. package/dist/components/alert-dialog/AlertDialog.mjs.map +1 -1
  9. package/dist/components/badge/Badge.cjs +12 -3
  10. package/dist/components/badge/Badge.cjs.map +1 -1
  11. package/dist/components/badge/Badge.d.cts +1 -1
  12. package/dist/components/badge/Badge.d.cts.map +1 -1
  13. package/dist/components/badge/Badge.d.mts +1 -1
  14. package/dist/components/badge/Badge.d.mts.map +1 -1
  15. package/dist/components/badge/Badge.mjs +12 -3
  16. package/dist/components/badge/Badge.mjs.map +1 -1
  17. package/dist/components/box/Box.cjs +3 -1
  18. package/dist/components/box/Box.cjs.map +1 -1
  19. package/dist/components/box/Box.d.cts +2 -2
  20. package/dist/components/box/Box.d.mts +2 -2
  21. package/dist/components/box/Box.mjs +3 -1
  22. package/dist/components/box/Box.mjs.map +1 -1
  23. package/dist/components/bubble/index.d.cts +2 -0
  24. package/dist/components/bubble/index.d.mts +2 -0
  25. package/dist/components/button/Button.cjs +40 -6
  26. package/dist/components/button/Button.cjs.map +1 -1
  27. package/dist/components/button/Button.d.cts.map +1 -1
  28. package/dist/components/button/Button.d.mts.map +1 -1
  29. package/dist/components/button/Button.mjs +40 -6
  30. package/dist/components/button/Button.mjs.map +1 -1
  31. package/dist/components/card/Card.cjs +2 -2
  32. package/dist/components/card/Card.cjs.map +1 -1
  33. package/dist/components/card/Card.mjs +2 -2
  34. package/dist/components/card/Card.mjs.map +1 -1
  35. package/dist/components/checkbox/Checkbox.cjs +28 -11
  36. package/dist/components/checkbox/Checkbox.cjs.map +1 -1
  37. package/dist/components/checkbox/Checkbox.d.cts.map +1 -1
  38. package/dist/components/checkbox/Checkbox.d.mts.map +1 -1
  39. package/dist/components/checkbox/Checkbox.mjs +28 -11
  40. package/dist/components/checkbox/Checkbox.mjs.map +1 -1
  41. package/dist/components/code-block/CodeBlock.cjs +10 -7
  42. package/dist/components/code-block/CodeBlock.cjs.map +1 -1
  43. package/dist/components/code-block/CodeBlock.mjs +10 -7
  44. package/dist/components/code-block/CodeBlock.mjs.map +1 -1
  45. package/dist/components/container/Container.cjs +16 -5
  46. package/dist/components/container/Container.cjs.map +1 -1
  47. package/dist/components/container/Container.d.cts.map +1 -1
  48. package/dist/components/container/Container.d.mts.map +1 -1
  49. package/dist/components/container/Container.mjs +16 -5
  50. package/dist/components/container/Container.mjs.map +1 -1
  51. package/dist/components/country-select/CountrySelect.cjs +22 -13
  52. package/dist/components/country-select/CountrySelect.cjs.map +1 -1
  53. package/dist/components/country-select/CountrySelect.mjs +22 -13
  54. package/dist/components/country-select/CountrySelect.mjs.map +1 -1
  55. package/dist/components/dialog/Dialog.cjs +23 -5
  56. package/dist/components/dialog/Dialog.cjs.map +1 -1
  57. package/dist/components/dialog/Dialog.d.cts.map +1 -1
  58. package/dist/components/dialog/Dialog.d.mts.map +1 -1
  59. package/dist/components/dialog/Dialog.mjs +23 -5
  60. package/dist/components/dialog/Dialog.mjs.map +1 -1
  61. package/dist/components/divider/Divider.cjs +5 -5
  62. package/dist/components/divider/Divider.cjs.map +1 -1
  63. package/dist/components/divider/Divider.mjs +5 -5
  64. package/dist/components/divider/Divider.mjs.map +1 -1
  65. package/dist/components/dropdown-menu/DropdownMenu.cjs +8 -2
  66. package/dist/components/dropdown-menu/DropdownMenu.cjs.map +1 -1
  67. package/dist/components/dropdown-menu/DropdownMenu.d.cts +2 -2
  68. package/dist/components/dropdown-menu/DropdownMenu.d.cts.map +1 -1
  69. package/dist/components/dropdown-menu/DropdownMenu.d.mts +2 -2
  70. package/dist/components/dropdown-menu/DropdownMenu.d.mts.map +1 -1
  71. package/dist/components/dropdown-menu/DropdownMenu.mjs +8 -2
  72. package/dist/components/dropdown-menu/DropdownMenu.mjs.map +1 -1
  73. package/dist/components/empty/Empty.cjs +4 -1
  74. package/dist/components/empty/Empty.cjs.map +1 -1
  75. package/dist/components/empty/Empty.d.cts.map +1 -1
  76. package/dist/components/empty/Empty.d.mts.map +1 -1
  77. package/dist/components/empty/Empty.mjs +4 -1
  78. package/dist/components/empty/Empty.mjs.map +1 -1
  79. package/dist/components/grid/Grid.cjs +11 -1
  80. package/dist/components/grid/Grid.cjs.map +1 -1
  81. package/dist/components/grid/Grid.d.cts +2 -2
  82. package/dist/components/grid/Grid.d.mts +2 -2
  83. package/dist/components/grid/Grid.mjs +11 -1
  84. package/dist/components/grid/Grid.mjs.map +1 -1
  85. package/dist/components/input-group/InputGroup.cjs +50 -0
  86. package/dist/components/input-group/InputGroup.cjs.map +1 -0
  87. package/dist/components/input-group/InputGroup.d.cts +33 -0
  88. package/dist/components/input-group/InputGroup.d.cts.map +1 -0
  89. package/dist/components/input-group/InputGroup.d.mts +33 -0
  90. package/dist/components/input-group/InputGroup.d.mts.map +1 -0
  91. package/dist/components/input-group/InputGroup.mjs +45 -0
  92. package/dist/components/input-group/InputGroup.mjs.map +1 -0
  93. package/dist/components/input-group/index.d.cts +3 -0
  94. package/dist/components/input-group/index.d.mts +3 -0
  95. package/dist/components/item/Item.cjs +4 -1
  96. package/dist/components/item/Item.cjs.map +1 -1
  97. package/dist/components/item/Item.d.cts.map +1 -1
  98. package/dist/components/item/Item.d.mts.map +1 -1
  99. package/dist/components/item/Item.mjs +4 -1
  100. package/dist/components/item/Item.mjs.map +1 -1
  101. package/dist/components/link/Link.cjs +32 -8
  102. package/dist/components/link/Link.cjs.map +1 -1
  103. package/dist/components/link/Link.d.cts +1 -1
  104. package/dist/components/link/Link.d.cts.map +1 -1
  105. package/dist/components/link/Link.d.mts +1 -1
  106. package/dist/components/link/Link.d.mts.map +1 -1
  107. package/dist/components/link/Link.mjs +32 -8
  108. package/dist/components/link/Link.mjs.map +1 -1
  109. package/dist/components/list/List.cjs +15 -6
  110. package/dist/components/list/List.cjs.map +1 -1
  111. package/dist/components/list/List.d.cts.map +1 -1
  112. package/dist/components/list/List.d.mts.map +1 -1
  113. package/dist/components/list/List.mjs +15 -6
  114. package/dist/components/list/List.mjs.map +1 -1
  115. package/dist/components/message/index.d.cts +2 -0
  116. package/dist/components/message/index.d.mts +2 -0
  117. package/dist/components/message-scroller/index.d.cts +2 -0
  118. package/dist/components/message-scroller/index.d.mts +2 -0
  119. package/dist/components/model-card/ModelCard.cjs +12 -9
  120. package/dist/components/model-card/ModelCard.cjs.map +1 -1
  121. package/dist/components/model-card/ModelCard.mjs +12 -9
  122. package/dist/components/model-card/ModelCard.mjs.map +1 -1
  123. package/dist/components/navigation-menu/NavigationMenu.cjs +43 -7
  124. package/dist/components/navigation-menu/NavigationMenu.cjs.map +1 -1
  125. package/dist/components/navigation-menu/NavigationMenu.d.cts.map +1 -1
  126. package/dist/components/navigation-menu/NavigationMenu.d.mts.map +1 -1
  127. package/dist/components/navigation-menu/NavigationMenu.mjs +43 -7
  128. package/dist/components/navigation-menu/NavigationMenu.mjs.map +1 -1
  129. package/dist/components/progress/Progress.cjs +4 -1
  130. package/dist/components/progress/Progress.cjs.map +1 -1
  131. package/dist/components/progress/Progress.mjs +4 -1
  132. package/dist/components/progress/Progress.mjs.map +1 -1
  133. package/dist/components/search-input/SearchInput.cjs +1 -1
  134. package/dist/components/search-input/SearchInput.cjs.map +1 -1
  135. package/dist/components/search-input/SearchInput.mjs +1 -1
  136. package/dist/components/search-input/SearchInput.mjs.map +1 -1
  137. package/dist/components/sidebar/Sidebar.cjs +15 -6
  138. package/dist/components/sidebar/Sidebar.cjs.map +1 -1
  139. package/dist/components/sidebar/Sidebar.d.cts.map +1 -1
  140. package/dist/components/sidebar/Sidebar.d.mts.map +1 -1
  141. package/dist/components/sidebar/Sidebar.mjs +15 -6
  142. package/dist/components/sidebar/Sidebar.mjs.map +1 -1
  143. package/dist/components/slider/Slider.cjs +23 -0
  144. package/dist/components/slider/Slider.cjs.map +1 -0
  145. package/dist/components/slider/Slider.d.cts +20 -0
  146. package/dist/components/slider/Slider.d.cts.map +1 -0
  147. package/dist/components/slider/Slider.d.mts +20 -0
  148. package/dist/components/slider/Slider.d.mts.map +1 -0
  149. package/dist/components/slider/Slider.mjs +23 -0
  150. package/dist/components/slider/Slider.mjs.map +1 -0
  151. package/dist/components/slider/index.d.cts +2 -0
  152. package/dist/components/slider/index.d.mts +2 -0
  153. package/dist/components/switch/Switch.cjs +42 -11
  154. package/dist/components/switch/Switch.cjs.map +1 -1
  155. package/dist/components/switch/Switch.d.cts.map +1 -1
  156. package/dist/components/switch/Switch.d.mts.map +1 -1
  157. package/dist/components/switch/Switch.mjs +42 -11
  158. package/dist/components/switch/Switch.mjs.map +1 -1
  159. package/dist/components/table/Table.cjs +22 -5
  160. package/dist/components/table/Table.cjs.map +1 -1
  161. package/dist/components/table/Table.d.cts.map +1 -1
  162. package/dist/components/table/Table.d.mts.map +1 -1
  163. package/dist/components/table/Table.mjs +22 -5
  164. package/dist/components/table/Table.mjs.map +1 -1
  165. package/dist/components/theme-provider/ThemeToggle.cjs +9 -3
  166. package/dist/components/theme-provider/ThemeToggle.cjs.map +1 -1
  167. package/dist/components/theme-provider/ThemeToggle.mjs +9 -3
  168. package/dist/components/theme-provider/ThemeToggle.mjs.map +1 -1
  169. package/dist/components/tooltip/Tooltip.d.cts +1 -1
  170. package/dist/components/tooltip/Tooltip.d.mts +1 -1
  171. package/dist/components/typography/Typography.cjs +19 -13
  172. package/dist/components/typography/Typography.cjs.map +1 -1
  173. package/dist/components/typography/Typography.d.cts.map +1 -1
  174. package/dist/components/typography/Typography.d.mts.map +1 -1
  175. package/dist/components/typography/Typography.mjs +19 -13
  176. package/dist/components/typography/Typography.mjs.map +1 -1
  177. package/dist/components/window-frame/WindowFrame.cjs +18 -8
  178. package/dist/components/window-frame/WindowFrame.cjs.map +1 -1
  179. package/dist/components/window-frame/WindowFrame.mjs +18 -8
  180. package/dist/components/window-frame/WindowFrame.mjs.map +1 -1
  181. package/dist/index.cjs +49 -1
  182. package/dist/index.d.cts +12 -1
  183. package/dist/index.d.mts +12 -1
  184. package/dist/index.mjs +8 -2
  185. package/dist/primitives/bubble.cjs +80 -0
  186. package/dist/primitives/bubble.cjs.map +1 -0
  187. package/dist/primitives/bubble.d.cts +19 -0
  188. package/dist/primitives/bubble.d.cts.map +1 -0
  189. package/dist/primitives/bubble.d.mts +19 -0
  190. package/dist/primitives/bubble.d.mts.map +1 -0
  191. package/dist/primitives/bubble.mjs +75 -0
  192. package/dist/primitives/bubble.mjs.map +1 -0
  193. package/dist/primitives/button.cjs +1 -2
  194. package/dist/primitives/button.cjs.map +1 -1
  195. package/dist/primitives/button.d.cts +2 -2
  196. package/dist/primitives/button.d.cts.map +1 -1
  197. package/dist/primitives/button.d.mts +2 -2
  198. package/dist/primitives/button.d.mts.map +1 -1
  199. package/dist/primitives/button.mjs +1 -2
  200. package/dist/primitives/button.mjs.map +1 -1
  201. package/dist/primitives/field.d.cts +1 -1
  202. package/dist/primitives/field.d.mts +1 -1
  203. package/dist/primitives/input-group.cjs +37 -1
  204. package/dist/primitives/input-group.cjs.map +1 -1
  205. package/dist/primitives/input-group.d.cts +21 -0
  206. package/dist/primitives/input-group.d.cts.map +1 -0
  207. package/dist/primitives/input-group.d.mts +21 -0
  208. package/dist/primitives/input-group.d.mts.map +1 -0
  209. package/dist/primitives/input-group.mjs +34 -2
  210. package/dist/primitives/input-group.mjs.map +1 -1
  211. package/dist/primitives/item.d.cts +1 -1
  212. package/dist/primitives/item.d.mts +1 -1
  213. package/dist/primitives/message-scroller.cjs +69 -0
  214. package/dist/primitives/message-scroller.cjs.map +1 -0
  215. package/dist/primitives/message-scroller.d.cts +13 -0
  216. package/dist/primitives/message-scroller.d.cts.map +1 -0
  217. package/dist/primitives/message-scroller.d.mts +13 -0
  218. package/dist/primitives/message-scroller.d.mts.map +1 -0
  219. package/dist/primitives/message-scroller.mjs +62 -0
  220. package/dist/primitives/message-scroller.mjs.map +1 -0
  221. package/dist/primitives/message.cjs +58 -0
  222. package/dist/primitives/message.cjs.map +1 -0
  223. package/dist/primitives/message.d.cts +13 -0
  224. package/dist/primitives/message.d.cts.map +1 -0
  225. package/dist/primitives/message.d.mts +13 -0
  226. package/dist/primitives/message.d.mts.map +1 -0
  227. package/dist/primitives/message.mjs +51 -0
  228. package/dist/primitives/message.mjs.map +1 -0
  229. package/dist/primitives/sidebar.cjs +1 -1
  230. package/dist/primitives/sidebar.mjs +1 -1
  231. package/dist/primitives/slider.cjs +35 -0
  232. package/dist/primitives/slider.cjs.map +1 -0
  233. package/dist/primitives/slider.d.cts +6 -0
  234. package/dist/primitives/slider.d.cts.map +1 -0
  235. package/dist/primitives/slider.d.mts +6 -0
  236. package/dist/primitives/slider.d.mts.map +1 -0
  237. package/dist/primitives/slider.mjs +35 -0
  238. package/dist/primitives/slider.mjs.map +1 -0
  239. package/package.json +2 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-scroller.d.cts","names":["MessageScrollerPrimitive","MessageScroller"],"sources":["../../src/primitives/message-scroller.tsx"],"mappings":";;;;iBAYS,wBACP,OAAO,MAAM,sBAAsBA,gBAAyB,wCAAS,IAAA;iBAK9DC,oBACP,cACG,SACF,MAAM,sBAAsBD,gBAAyB,oCAAK,IAAA;iBAapD,0BACP,cACG,SACF,MAAM,sBAAsBA,gBAAyB,wCAAS,IAAA;iBAaxD,yBACP,cACG,SACF,MAAM,sBAAsBA,gBAAyB,uCAAQ,IAAA;iBAUvD,sBACP,WACA,iBACG,SACF,MAAM,sBAAsBA,gBAAyB,oCAAK,IAAA;iBAcpD,wBACP,WACA,WACA,UACA,QACA,SACA,SACG,SACF,MAAM,sBAAsBA,gBAAyB,UACtD,KAAK,MAAM,sBAAsB,2DAA4B,IAAA"}
@@ -0,0 +1,13 @@
1
+ import { Button } from "./button.mjs";
2
+ import * as React from "react";
3
+ import { MessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
4
+ //#region src/primitives/message-scroller.d.ts
5
+ declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScroller.Provider>): import("react/jsx-runtime").JSX.Element;
6
+ declare function MessageScroller$1({ className, ...props }: React.ComponentProps<typeof MessageScroller.Root>): import("react/jsx-runtime").JSX.Element;
7
+ declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScroller.Viewport>): import("react/jsx-runtime").JSX.Element;
8
+ declare function MessageScrollerContent({ className, ...props }: React.ComponentProps<typeof MessageScroller.Content>): import("react/jsx-runtime").JSX.Element;
9
+ declare function MessageScrollerItem({ className, scrollAnchor, ...props }: React.ComponentProps<typeof MessageScroller.Item>): import("react/jsx-runtime").JSX.Element;
10
+ declare function MessageScrollerButton({ direction, className, children, render, variant, size, ...props }: React.ComponentProps<typeof MessageScroller.Button> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
11
+ //#endregion
12
+ export { MessageScroller$1 as MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };
13
+ //# sourceMappingURL=message-scroller.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-scroller.d.mts","names":["MessageScrollerPrimitive","MessageScroller"],"sources":["../../src/primitives/message-scroller.tsx"],"mappings":";;;;iBAYS,wBACP,OAAO,MAAM,sBAAsBA,gBAAyB,wCAAS,IAAA;iBAK9DC,oBACP,cACG,SACF,MAAM,sBAAsBD,gBAAyB,oCAAK,IAAA;iBAapD,0BACP,cACG,SACF,MAAM,sBAAsBA,gBAAyB,wCAAS,IAAA;iBAaxD,yBACP,cACG,SACF,MAAM,sBAAsBA,gBAAyB,uCAAQ,IAAA;iBAUvD,sBACP,WACA,iBACG,SACF,MAAM,sBAAsBA,gBAAyB,oCAAK,IAAA;iBAcpD,wBACP,WACA,WACA,UACA,QACA,SACA,SACG,SACF,MAAM,sBAAsBA,gBAAyB,UACtD,KAAK,MAAM,sBAAsB,2DAA4B,IAAA"}
@@ -0,0 +1,62 @@
1
+ import { Button } from "./button.mjs";
2
+ import "react";
3
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
+ import { cn } from "cn";
5
+ import { MessageScroller, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
6
+ import { ArrowDownIcon } from "lucide-react";
7
+ //#region src/primitives/message-scroller.tsx
8
+ function MessageScrollerProvider(props) {
9
+ return /* @__PURE__ */ jsx(MessageScroller.Provider, { ...props });
10
+ }
11
+ function MessageScroller$1({ className, ...props }) {
12
+ return /* @__PURE__ */ jsx(MessageScroller.Root, {
13
+ "data-slot": "message-scroller",
14
+ className: cn("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", className),
15
+ ...props
16
+ });
17
+ }
18
+ function MessageScrollerViewport({ className, ...props }) {
19
+ return /* @__PURE__ */ jsx(MessageScroller.Viewport, {
20
+ "data-slot": "message-scroller-viewport",
21
+ className: cn("size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible", className),
22
+ ...props
23
+ });
24
+ }
25
+ function MessageScrollerContent({ className, ...props }) {
26
+ return /* @__PURE__ */ jsx(MessageScroller.Content, {
27
+ "data-slot": "message-scroller-content",
28
+ className: cn("flex h-max min-h-full flex-col gap-6", className),
29
+ ...props
30
+ });
31
+ }
32
+ function MessageScrollerItem({ className, scrollAnchor = false, ...props }) {
33
+ return /* @__PURE__ */ jsx(MessageScroller.Item, {
34
+ "data-slot": "message-scroller-item",
35
+ scrollAnchor,
36
+ className: cn("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", className),
37
+ ...props
38
+ });
39
+ }
40
+ function MessageScrollerButton({ direction = "end", className, children, render, variant = "secondary", size = "icon-sm", ...props }) {
41
+ return /* @__PURE__ */ jsx(MessageScroller.Button, {
42
+ "data-slot": "message-scroller-button",
43
+ "data-direction": direction,
44
+ "data-variant": variant,
45
+ "data-size": size,
46
+ direction,
47
+ className: cn("absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180", className),
48
+ render: render ?? /* @__PURE__ */ jsx(Button, {
49
+ variant,
50
+ size
51
+ }),
52
+ ...props,
53
+ children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ArrowDownIcon, {}), /* @__PURE__ */ jsx("span", {
54
+ className: "sr-only",
55
+ children: direction === "end" ? "Scroll to end" : "Scroll to start"
56
+ })] })
57
+ });
58
+ }
59
+ //#endregion
60
+ export { MessageScroller$1 as MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility };
61
+
62
+ //# sourceMappingURL=message-scroller.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message-scroller.mjs","names":["MessageScrollerPrimitive","MessageScroller"],"sources":["../../src/primitives/message-scroller.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n MessageScroller as MessageScrollerPrimitive,\n useMessageScroller,\n useMessageScrollerScrollable,\n useMessageScrollerVisibility,\n} from \"@shadcn/react/message-scroller\"\nimport { cn } from \"cn\"\n\nimport { Button } from \"@/primitives/button\"\nimport { ArrowDownIcon } from \"lucide-react\"\n\nfunction MessageScrollerProvider(\n props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>\n) {\n return <MessageScrollerPrimitive.Provider {...props} />\n}\n\nfunction MessageScroller({\n className,\n ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Root>) {\n return (\n <MessageScrollerPrimitive.Root\n data-slot=\"message-scroller\"\n className={cn(\n \"group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageScrollerViewport({\n className,\n ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>) {\n return (\n <MessageScrollerPrimitive.Viewport\n data-slot=\"message-scroller-viewport\"\n className={cn(\n \"size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageScrollerContent({\n className,\n ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Content>) {\n return (\n <MessageScrollerPrimitive.Content\n data-slot=\"message-scroller-content\"\n className={cn(\"flex h-max min-h-full flex-col gap-6\", className)}\n {...props}\n />\n )\n}\n\nfunction MessageScrollerItem({\n className,\n scrollAnchor = false,\n ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Item>) {\n return (\n <MessageScrollerPrimitive.Item\n data-slot=\"message-scroller-item\"\n scrollAnchor={scrollAnchor}\n className={cn(\n \"min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageScrollerButton({\n direction = \"end\",\n className,\n children,\n render,\n variant = \"secondary\",\n size = \"icon-sm\",\n ...props\n}: React.ComponentProps<typeof MessageScrollerPrimitive.Button> &\n Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n return (\n <MessageScrollerPrimitive.Button\n data-slot=\"message-scroller-button\"\n data-direction={direction}\n data-variant={variant}\n data-size={size}\n direction={direction}\n className={cn(\n \"absolute inset-s-1/2 -translate-x-1/2 border-border bg-background text-foreground transition-[translate,scale,opacity] duration-200 hover:bg-muted hover:text-foreground data-[active=false]:pointer-events-none data-[active=false]:scale-95 data-[active=false]:opacity-0 data-[active=false]:duration-400 data-[active=false]:ease-[cubic-bezier(0.7,0,0.84,0)] data-[active=true]:translate-y-0 data-[active=true]:scale-100 data-[active=true]:opacity-100 data-[active=true]:ease-[cubic-bezier(0.23,1,0.32,1)] data-[direction=end]:bottom-4 data-[direction=end]:data-[active=false]:translate-y-full data-[direction=start]:top-4 data-[direction=start]:data-[active=false]:-translate-y-full rtl:translate-x-1/2 data-[direction=start]:[&_svg]:rotate-180\",\n className\n )}\n render={render ?? <Button variant={variant} size={size} />}\n {...props}\n >\n {children ?? (\n <>\n <ArrowDownIcon\n />\n <span className=\"sr-only\">\n {direction === \"end\" ? \"Scroll to end\" : \"Scroll to start\"}\n </span>\n </>\n )}\n </MessageScrollerPrimitive.Button>\n )\n}\n\nexport {\n MessageScrollerProvider,\n MessageScroller,\n MessageScrollerViewport,\n MessageScrollerContent,\n MessageScrollerItem,\n MessageScrollerButton,\n useMessageScroller,\n useMessageScrollerScrollable,\n useMessageScrollerVisibility,\n}\n"],"mappings":";;;;;;;AAYA,SAAS,wBACP,OACA;CACA,OAAO,oBAACA,gBAAyB,UAA1B,EAAmC,GAAI,MAAQ,CAAA;AACxD;AAEA,SAASC,kBAAgB,EACvB,WACA,GAAG,SAC0D;CAC7D,OACE,oBAACD,gBAAyB,MAA1B;EACE,aAAU;EACV,WAAW,GACT,mFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;CACjE,OACE,oBAACA,gBAAyB,UAA1B;EACE,aAAU;EACV,WAAW,GACT,iQACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,OACE,oBAACA,gBAAyB,SAA1B;EACE,aAAU;EACV,WAAW,GAAG,wCAAwC,SAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,oBAAoB,EAC3B,WACA,eAAe,OACf,GAAG,SAC0D;CAC7D,OACE,oBAACA,gBAAyB,MAA1B;EACE,aAAU;EACI;EACd,WAAW,GACT,kFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,sBAAsB,EAC7B,YAAY,OACZ,WACA,UACA,QACA,UAAU,aACV,OAAO,WACP,GAAG,SAE4D;CAC/D,OACE,oBAACA,gBAAyB,QAA1B;EACE,aAAU;EACV,kBAAgB;EAChB,gBAAc;EACd,aAAW;EACA;EACX,WAAW,GACT,yuBACA,SACF;EACA,QAAQ,UAAU,oBAAC,QAAD;GAAiB;GAAe;EAAO,CAAA;EACzD,GAAI;EAEH,UAAA,YACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,eAAD,CACC,CAAA,GACD,oBAAC,QAAD;GAAM,WAAU;GACb,UAAA,cAAc,QAAQ,kBAAkB;EACrC,CAAA,CACN,EAAA,CAAA;CAE2B,CAAA;AAErC"}
@@ -0,0 +1,58 @@
1
+ const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
2
+ let react = require("react");
3
+ react = require_runtime.__toESM(react, 1);
4
+ let react_jsx_runtime = require("react/jsx-runtime");
5
+ let cn = require("cn");
6
+ //#region src/primitives/message.tsx
7
+ function MessageGroup({ className, ...props }) {
8
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
9
+ "data-slot": "message-group",
10
+ className: (0, cn.cn)("flex min-w-0 flex-col gap-2", className),
11
+ ...props
12
+ });
13
+ }
14
+ function Message({ className, align = "start", ...props }) {
15
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
16
+ "data-slot": "message",
17
+ "data-align": align,
18
+ className: (0, cn.cn)("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
19
+ ...props
20
+ });
21
+ }
22
+ function MessageAvatar({ className, ...props }) {
23
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
24
+ "data-slot": "message-avatar",
25
+ className: (0, cn.cn)("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className),
26
+ ...props
27
+ });
28
+ }
29
+ function MessageContent({ className, ...props }) {
30
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
31
+ "data-slot": "message-content",
32
+ className: (0, cn.cn)("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
33
+ ...props
34
+ });
35
+ }
36
+ function MessageHeader({ className, ...props }) {
37
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
38
+ "data-slot": "message-header",
39
+ className: (0, cn.cn)("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
40
+ ...props
41
+ });
42
+ }
43
+ function MessageFooter({ className, ...props }) {
44
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
45
+ "data-slot": "message-footer",
46
+ className: (0, cn.cn)("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className),
47
+ ...props
48
+ });
49
+ }
50
+ //#endregion
51
+ exports.Message = Message;
52
+ exports.MessageAvatar = MessageAvatar;
53
+ exports.MessageContent = MessageContent;
54
+ exports.MessageFooter = MessageFooter;
55
+ exports.MessageGroup = MessageGroup;
56
+ exports.MessageHeader = MessageHeader;
57
+
58
+ //# sourceMappingURL=message.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.cjs","names":[],"sources":["../../src/primitives/message.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction MessageGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-group\"\n className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction Message({\n className,\n align = \"start\",\n ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n return (\n <div\n data-slot=\"message\"\n data-align={align}\n className={cn(\n \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-avatar\"\n className={cn(\n \"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-content\"\n className={cn(\n \"flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-header\"\n className={cn(\n \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-footer\"\n className={cn(\n \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n MessageGroup,\n Message,\n MessageAvatar,\n MessageContent,\n MessageFooter,\n MessageHeader,\n}\n"],"mappings":";;;;;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,QAAQ,EACf,WACA,QAAQ,SACR,GAAG,SACyD;CAC5D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,YAAA,GAAW,GAAA,GAAA,CACT,8FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,sKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,4GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,mIACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,aAAU;EACV,YAAA,GAAW,GAAA,GAAA,CACT,8KACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ //#region src/primitives/message.d.ts
3
+ declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
4
+ declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
5
+ align?: "start" | "end";
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
+ declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
+ declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
+ declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
11
+ //#endregion
12
+ export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
13
+ //# sourceMappingURL=message.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.d.cts","names":[],"sources":["../../src/primitives/message.tsx"],"mappings":";;iBAGS,eAAe,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAUjE,UACP,WACA,UACG,SACF,MAAM;EAA0B;gCAAyB,IAAA;iBAcnD,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAalE,iBAAiB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAanE,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAalE,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA"}
@@ -0,0 +1,13 @@
1
+ import * as React from "react";
2
+ //#region src/primitives/message.d.ts
3
+ declare function MessageGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
4
+ declare function Message({ className, align, ...props }: React.ComponentProps<"div"> & {
5
+ align?: "start" | "end";
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ declare function MessageAvatar({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
+ declare function MessageContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
+ declare function MessageHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
+ declare function MessageFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
11
+ //#endregion
12
+ export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
13
+ //# sourceMappingURL=message.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.d.mts","names":[],"sources":["../../src/primitives/message.tsx"],"mappings":";;iBAGS,eAAe,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAUjE,UACP,WACA,UACG,SACF,MAAM;EAA0B;gCAAyB,IAAA;iBAcnD,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAalE,iBAAiB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAanE,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA;iBAalE,gBAAgB,cAAc,SAAS,MAAM,oDAAqB,IAAA"}
@@ -0,0 +1,51 @@
1
+ import "react";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cn } from "cn";
4
+ //#region src/primitives/message.tsx
5
+ function MessageGroup({ className, ...props }) {
6
+ return /* @__PURE__ */ jsx("div", {
7
+ "data-slot": "message-group",
8
+ className: cn("flex min-w-0 flex-col gap-2", className),
9
+ ...props
10
+ });
11
+ }
12
+ function Message({ className, align = "start", ...props }) {
13
+ return /* @__PURE__ */ jsx("div", {
14
+ "data-slot": "message",
15
+ "data-align": align,
16
+ className: cn("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", className),
17
+ ...props
18
+ });
19
+ }
20
+ function MessageAvatar({ className, ...props }) {
21
+ return /* @__PURE__ */ jsx("div", {
22
+ "data-slot": "message-avatar",
23
+ className: cn("flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8", className),
24
+ ...props
25
+ });
26
+ }
27
+ function MessageContent({ className, ...props }) {
28
+ return /* @__PURE__ */ jsx("div", {
29
+ "data-slot": "message-content",
30
+ className: cn("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", className),
31
+ ...props
32
+ });
33
+ }
34
+ function MessageHeader({ className, ...props }) {
35
+ return /* @__PURE__ */ jsx("div", {
36
+ "data-slot": "message-header",
37
+ className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0", className),
38
+ ...props
39
+ });
40
+ }
41
+ function MessageFooter({ className, ...props }) {
42
+ return /* @__PURE__ */ jsx("div", {
43
+ "data-slot": "message-footer",
44
+ className: cn("flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end", className),
45
+ ...props
46
+ });
47
+ }
48
+ //#endregion
49
+ export { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader };
50
+
51
+ //# sourceMappingURL=message.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.mjs","names":[],"sources":["../../src/primitives/message.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cn } from \"cn\"\n\nfunction MessageGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-group\"\n className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction Message({\n className,\n align = \"start\",\n ...props\n}: React.ComponentProps<\"div\"> & { align?: \"start\" | \"end\" }) {\n return (\n <div\n data-slot=\"message\"\n data-align={align}\n className={cn(\n \"group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageAvatar({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-avatar\"\n className={cn(\n \"flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-muted group-has-data-[slot=message-footer]/message:-translate-y-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-content\"\n className={cn(\n \"flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-header\"\n className={cn(\n \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MessageFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"message-footer\"\n className={cn(\n \"flex max-w-full min-w-0 items-center px-3 text-xs font-medium text-muted-foreground group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n MessageGroup,\n Message,\n MessageAvatar,\n MessageContent,\n MessageFooter,\n MessageHeader,\n}\n"],"mappings":";;;;AAGA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,QAAQ,EACf,WACA,QAAQ,SACR,GAAG,SACyD;CAC5D,OACE,oBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,WAAW,GACT,8FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,sKACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,4GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,mIACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,SAAsC;CAC3E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,8KACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
@@ -12,9 +12,9 @@ react = require_runtime.__toESM(react, 1);
12
12
  let react_jsx_runtime = require("react/jsx-runtime");
13
13
  let class_variance_authority = require("class-variance-authority");
14
14
  let cn = require("cn");
15
- let lucide_react = require("lucide-react");
16
15
  let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
17
16
  let _base_ui_react_use_render = require("@base-ui/react/use-render");
17
+ let lucide_react = require("lucide-react");
18
18
  //#region src/primitives/sidebar.tsx
19
19
  const SIDEBAR_COOKIE_NAME = "sidebar_state";
20
20
  const SIDEBAR_COOKIE_MAX_AGE = 604800;
@@ -10,9 +10,9 @@ import * as React from "react";
10
10
  import { jsx, jsxs } from "react/jsx-runtime";
11
11
  import { cva } from "class-variance-authority";
12
12
  import { cn } from "cn";
13
- import { PanelLeftIcon } from "lucide-react";
14
13
  import { mergeProps } from "@base-ui/react/merge-props";
15
14
  import { useRender } from "@base-ui/react/use-render";
15
+ import { PanelLeftIcon } from "lucide-react";
16
16
  //#region src/primitives/sidebar.tsx
17
17
  const SIDEBAR_COOKIE_NAME = "sidebar_state";
18
18
  const SIDEBAR_COOKIE_MAX_AGE = 604800;
@@ -0,0 +1,35 @@
1
+ let react_jsx_runtime = require("react/jsx-runtime");
2
+ let cn = require("cn");
3
+ let _base_ui_react_slider = require("@base-ui/react/slider");
4
+ //#region src/primitives/slider.tsx
5
+ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
6
+ const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
7
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Root, {
8
+ className: (0, cn.cn)("data-horizontal:w-full data-vertical:h-full", className),
9
+ "data-slot": "slider",
10
+ defaultValue,
11
+ value,
12
+ min,
13
+ max,
14
+ thumbAlignment: "edge",
15
+ ...props,
16
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_slider.Slider.Control, {
17
+ className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
18
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Track, {
19
+ "data-slot": "slider-track",
20
+ className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
21
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Indicator, {
22
+ "data-slot": "slider-range",
23
+ className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
24
+ })
25
+ }), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_slider.Slider.Thumb, {
26
+ "data-slot": "slider-thumb",
27
+ className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
28
+ }, index))]
29
+ })
30
+ });
31
+ }
32
+ //#endregion
33
+ exports.Slider = Slider;
34
+
35
+ //# sourceMappingURL=slider.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.cjs","names":["SliderPrimitive"],"sources":["../../src/primitives/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\nimport { cn } from \"cn\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n <SliderPrimitive.Root\n className={cn(\"data-horizontal:w-full data-vertical:h-full\", className)}\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n thumbAlignment=\"edge\"\n {...props}\n >\n <SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\">\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Indicator\n data-slot=\"slider-range\"\n className=\"bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Control>\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"mappings":";;;;AAGA,SAAS,OAAO,EACd,WACA,cACA,OACA,MAAM,GACN,MAAM,KACN,GAAG,SAC0B;CAC7B,MAAM,UAAU,MAAM,QAAQ,KAAK,IAC/B,QACA,MAAM,QAAQ,YAAY,IACxB,eACA,CAAC,KAAK,GAAG;CAEf,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,MAAjB;EACE,YAAA,GAAW,GAAA,GAAA,CAAG,+CAA+C,SAAS;EACtE,aAAU;EACI;EACP;EACF;EACA;EACL,gBAAe;EACf,GAAI;EAEJ,UAAA,iBAAA,GAAA,kBAAA,KAAA,CAACA,sBAAAA,OAAgB,SAAjB;GAAyB,WAAU;GAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,OAAjB;IACE,aAAU;IACV,WAAU;IAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,WAAjB;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQ,QAAQ,OAAO,IAAI,GAAG,UAC1C,iBAAA,GAAA,kBAAA,IAAA,CAACA,sBAAAA,OAAgB,OAAjB;IACE,aAAU;IAEV,WAAU;GACX,GAFM,KAEN,CACF,CACsB;;CACL,CAAA;AAE1B"}
@@ -0,0 +1,6 @@
1
+ import { Slider } from "@base-ui/react/slider";
2
+ //#region src/primitives/slider.d.ts
3
+ declare function Slider$1({ className, defaultValue, value, min, max, ...props }: Slider.Root.Props): import("react/jsx-runtime").JSX.Element;
4
+ //#endregion
5
+ export { Slider$1 as Slider };
6
+ //# sourceMappingURL=slider.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.cts","names":["Slider","SliderPrimitive"],"sources":["../../src/primitives/slider.tsx"],"mappings":";;iBAGSA,WACP,WACA,cACA,OACA,KACA,QACG,SACFC,OAAgB,KAAK,oCAAK,IAAA"}
@@ -0,0 +1,6 @@
1
+ import { Slider } from "@base-ui/react/slider";
2
+ //#region src/primitives/slider.d.ts
3
+ declare function Slider$1({ className, defaultValue, value, min, max, ...props }: Slider.Root.Props): import("react/jsx-runtime").JSX.Element;
4
+ //#endregion
5
+ export { Slider$1 as Slider };
6
+ //# sourceMappingURL=slider.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.d.mts","names":["Slider","SliderPrimitive"],"sources":["../../src/primitives/slider.tsx"],"mappings":";;iBAGSA,WACP,WACA,cACA,OACA,KACA,QACG,SACFC,OAAgB,KAAK,oCAAK,IAAA"}
@@ -0,0 +1,35 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import { cn } from "cn";
3
+ import { Slider } from "@base-ui/react/slider";
4
+ //#region src/primitives/slider.tsx
5
+ function Slider$1({ className, defaultValue, value, min = 0, max = 100, ...props }) {
6
+ const _values = Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max];
7
+ return /* @__PURE__ */ jsx(Slider.Root, {
8
+ className: cn("data-horizontal:w-full data-vertical:h-full", className),
9
+ "data-slot": "slider",
10
+ defaultValue,
11
+ value,
12
+ min,
13
+ max,
14
+ thumbAlignment: "edge",
15
+ ...props,
16
+ children: /* @__PURE__ */ jsxs(Slider.Control, {
17
+ className: "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
18
+ children: [/* @__PURE__ */ jsx(Slider.Track, {
19
+ "data-slot": "slider-track",
20
+ className: "relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
21
+ children: /* @__PURE__ */ jsx(Slider.Indicator, {
22
+ "data-slot": "slider-range",
23
+ className: "bg-primary select-none data-horizontal:h-full data-vertical:w-full"
24
+ })
25
+ }), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider.Thumb, {
26
+ "data-slot": "slider-thumb",
27
+ className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50"
28
+ }, index))]
29
+ })
30
+ });
31
+ }
32
+ //#endregion
33
+ export { Slider$1 as Slider };
34
+
35
+ //# sourceMappingURL=slider.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"slider.mjs","names":["Slider","SliderPrimitive"],"sources":["../../src/primitives/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\nimport { cn } from \"cn\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n <SliderPrimitive.Root\n className={cn(\"data-horizontal:w-full data-vertical:h-full\", className)}\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n thumbAlignment=\"edge\"\n {...props}\n >\n <SliderPrimitive.Control className=\"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\">\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted select-none data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Indicator\n data-slot=\"slider-range\"\n className=\"bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] select-none after:absolute after:-inset-2 hover:ring-3 focus-visible:ring-3 focus-visible:outline-hidden active:ring-3 disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Control>\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"mappings":";;;;AAGA,SAASA,SAAO,EACd,WACA,cACA,OACA,MAAM,GACN,MAAM,KACN,GAAG,SAC0B;CAC7B,MAAM,UAAU,MAAM,QAAQ,KAAK,IAC/B,QACA,MAAM,QAAQ,YAAY,IACxB,eACA,CAAC,KAAK,GAAG;CAEf,OACE,oBAACC,OAAgB,MAAjB;EACE,WAAW,GAAG,+CAA+C,SAAS;EACtE,aAAU;EACI;EACP;EACF;EACA;EACL,gBAAe;EACf,GAAI;EAEJ,UAAA,qBAACA,OAAgB,SAAjB;GAAyB,WAAU;GAAnC,UAAA,CACE,oBAACA,OAAgB,OAAjB;IACE,aAAU;IACV,WAAU;IAEV,UAAA,oBAACA,OAAgB,WAAjB;KACE,aAAU;KACV,WAAU;IACX,CAAA;GACoB,CAAA,GACtB,MAAM,KAAK,EAAE,QAAQ,QAAQ,OAAO,IAAI,GAAG,UAC1C,oBAACA,OAAgB,OAAjB;IACE,aAAU;IAEV,WAAU;GACX,GAFM,KAEN,CACF,CACsB;;CACL,CAAA;AAE1B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bergetai/ui",
3
- "version": "0.15.0",
3
+ "version": "0.16.1",
4
4
  "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -47,6 +47,7 @@
47
47
  },
48
48
  "dependencies": {
49
49
  "@base-ui/react": "^1.8.0",
50
+ "@shadcn/react": "^0.3.1",
50
51
  "class-variance-authority": "^0.7.1",
51
52
  "clsx": "^2.1.1",
52
53
  "cmdk": "^1.1.1",