npm - @hirely/ui - Versions diffs - 0.1.6 → 0.1.8 - Mend

@hirely/ui 0.1.6 → 0.1.8

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 (1673) hide show

package/dist/components/ui/item.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"item.es.js","names":[],"sources":["../../../src/components/ui/item.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Separator } from \"./separator\"\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n role=\"list\"\n data-slot=\"item-group\"\n className={cn(\n \"group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Separator>) {\n return (\n <Separator\n data-slot=\"item-separator\"\n orientation=\"horizontal\"\n className={cn(\"my-2\", className)}\n {...props}\n />\n )\n}\n\nconst itemVariants = cva(\n \"group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted\",\n {\n variants: {\n variant: {\n default: \"border-transparent\",\n outline: \"border-border\",\n muted: \"border-transparent bg-muted/50\",\n },\n size: {\n default: \"gap-2.5 px-3 py-2.5\",\n sm: \"gap-2.5 px-3 py-2.5\",\n xs: \"gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Item({\n className,\n variant = \"default\",\n size = \"default\",\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof itemVariants>) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(itemVariants({ variant, size, className })),\n },\n props\n ),\n render,\n state: {\n slot: \"item\",\n variant,\n size,\n },\n })\n}\n\nconst itemMediaVariants = cva(\n \"flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n icon: \"[&_svg:not([class*='size-'])]:size-4\",\n image:\n \"size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction ItemMedia({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n return (\n <div\n data-slot=\"item-media\"\n data-variant={variant}\n className={cn(itemMediaVariants({ variant, className }))}\n {...props}\n />\n )\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-content\"\n className={cn(\n \"flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-title\"\n className={cn(\n \"line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n return (\n <p\n data-slot=\"item-description\"\n className={cn(\n \"line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-actions\"\n className={cn(\"flex items-center gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-header\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"item-footer\"\n className={cn(\n \"flex basis-full items-center justify-between gap-2\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Item,\n ItemMedia,\n ItemContent,\n ItemActions,\n ItemGroup,\n ItemSeparator,\n ItemTitle,\n ItemDescription,\n ItemHeader,\n ItemFooter,\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,EACT,mGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,GAAG,KACsC;CACzC,OACE,kBAAC,GAAD;EACE,aAAU;EACV,aAAY;EACZ,WAAW,EAAG,QAAQ,CAAS;EAC/B,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAe,EACnB,8OACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACT,OAAO;EACT;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAK,EACZ,cACA,aAAU,WACV,UAAO,WACP,WACA,GAAG,KACmE;CACtE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAa;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC,EAC1D,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;GACA;EACF;CACF,CAAC;AACH;AAEA,IAAM,IAAoB,EACxB,kMACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACN,OACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAU,EACjB,cACA,aAAU,WACV,GAAG,KACoE;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,EAAG,EAAkB;GAAE;GAAS;EAAU,CAAC,CAAC;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,qGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAsC;CACvE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kGACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAoC;CAC3E,OACE,kBAAC,KAAD;EACE,aAAU;EACV,WAAW,EACT,uLACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/kbd.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({className:e,...r}){return(0,n.jsx)(`kbd`,{"data-slot":`kbd`,className:t.cn(`pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3`,e),...r})}function a({className:e,...r}){return(0,n.jsx)(`kbd`,{"data-slot":`kbd-group`,className:t.cn(`inline-flex items-center gap-1`,e),...r})}exports.Kbd=i,exports.KbdGroup=a;
2	+ //# sourceMappingURL=kbd.cjs.js.map

package/dist/components/ui/kbd.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kbd.cjs.js","names":[],"sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd-group\"\n className={cn(\"inline-flex items-center gap-1\", className)}\n {...props}\n />\n )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":"0NAIA,SAAS,EAAI,CAAE,YAAW,GAAG,GAAsC,CACjE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,MACV,UAAW,EAAA,GACT,wWACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,YACV,UAAW,EAAA,GAAG,iCAAkC,CAAS,EACzD,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/kbd.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
-declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react").JSX.Element;
-declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
+import * as React from "react";
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
 export { Kbd, KbdGroup };

package/dist/components/ui/kbd.es.js ADDED Viewed

@@ -0,0 +1,22 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/ui/kbd.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd",
+		className: e("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", n),
+		...r
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("kbd", {
+		"data-slot": "kbd-group",
+		className: e("inline-flex items-center gap-1", n),
+		...r
+	});
+}
+//#endregion
+export { n as Kbd, r as KbdGroup };
+//# sourceMappingURL=kbd.es.js.map

package/dist/components/ui/kbd.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kbd.es.js","names":[],"sources":["../../../src/components/ui/kbd.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd\"\n className={cn(\n \"pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"kbd\">) {\n return (\n <kbd\n data-slot=\"kbd-group\"\n className={cn(\"inline-flex items-center gap-1\", className)}\n {...props}\n />\n )\n}\n\nexport { Kbd, KbdGroup }\n"],"mappings":";;;;AAIA,SAAS,EAAI,EAAE,cAAW,GAAG,KAAsC;CACjE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,yWACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAsC;CACtE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,kCAAkC,CAAS;EACzD,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/label.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({className:e,...r}){return(0,n.jsx)(`label`,{"data-slot":`label`,className:t.cn(`flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50`,e),...r})}exports.Label=i;
2	+ //# sourceMappingURL=label.cjs.js.map

package/dist/components/ui/label.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"label.cjs.js","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n return (\n <label\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"mappings":"uOAMA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GACT,sNACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/label.es.js ADDED Viewed

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/ui/label.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("label", {
+		"data-slot": "label",
+		className: e("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
+		...r
+	});
+}
+//#endregion
+export { n as Label };
+//# sourceMappingURL=label.es.js.map

package/dist/components/ui/label.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"label.es.js","names":[],"sources":["../../../src/components/ui/label.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n return (\n <label\n data-slot=\"label\"\n className={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Label }\n"],"mappings":";;;;;AAMA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,uNACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/marker.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs.js");let r=require("react/jsx-runtime"),i=require("react");i=e.__toESM(i,1);let a=require("@base-ui/react/merge-props"),o=require("@base-ui/react/use-render");var s=n.cva(`group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground`,{variants:{variant:{default:``,separator:`before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border`,border:`border-b border-border pb-2`}}});function c({className:e,variant:n=`default`,render:r,...i}){return(0,o.useRender)({defaultTagName:`div`,props:(0,a.mergeProps)({className:t.cn(s({variant:n,className:e}))},i),render:r,state:{slot:`marker`,variant:n}})}function l({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`marker-icon`,"aria-hidden":`true`,className:t.cn(`size-4 shrink-0 [&_svg:not([class='size-'])]:size-4`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`marker-content`,className:t.cn(`min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center :[a]:underline :[a]:underline-offset-3 *:[a]:hover:text-foreground`,e),...n})}exports.Marker=c,exports.MarkerContent=u,exports.MarkerIcon=l,exports.markerVariants=s;
2	+ //# sourceMappingURL=marker.cjs.js.map

package/dist/components/ui/marker.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"marker.cjs.js","names":[],"sources":["../../../src/components/ui/marker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst markerVariants = cva(\n \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n {\n variants: {\n variant: {\n default: \"\",\n separator:\n \"before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n border: \"border-b border-border pb-2\",\n },\n },\n }\n)\n\nfunction Marker({\n className,\n variant = \"default\",\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(markerVariants({ variant, className })),\n },\n props\n ),\n render,\n state: {\n slot: \"marker\",\n variant,\n },\n })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"marker-icon\"\n aria-hidden=\"true\"\n className={cn(\n \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"marker-content\"\n className={cn(\n \"min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n"],"mappings":"yaAOA,IAAM,EAAiB,EAAA,IACrB,2MACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,UACE,yIACF,OAAQ,6BACV,CACF,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UAAU,UACV,SACA,GAAG,GACqE,CACxE,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,MAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GAAG,EAAe,CAAE,UAAS,WAAU,CAAC,CAAC,CACtD,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,SACN,SACF,CACF,CAAC,CACH,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAuC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,cACV,cAAY,OACZ,UAAW,EAAA,GACT,uDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAuC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,iBACV,UAAW,EAAA,GACT,iMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/marker.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
-import { useRender } from "@base-ui/react/use-render";
-import { type VariantProps } from "class-variance-authority";
 declare const markerVariants: (props?: ({
     variant?: "separator" | "default" | "border" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Marker({ className, variant, render, ...props }: useRender.ComponentProps<"div"> & VariantProps<typeof markerVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare function MarkerIcon({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
 declare function MarkerContent({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;

package/dist/components/ui/marker.es.js ADDED Viewed

@@ -0,0 +1,45 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { mergeProps as r } from "@base-ui/react/merge-props";
+import { useRender as i } from "@base-ui/react/use-render";
+//#region src/components/ui/marker.tsx
+var a = t("group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground", { variants: { variant: {
+	default: "",
+	separator: "before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border",
+	border: "border-b border-border pb-2"
+} } });
+function o({ className: t, variant: n = "default", render: o, ...s }) {
+	return i({
+		defaultTagName: "div",
+		props: r({ className: e(a({
+			variant: n,
+			className: t
+		})) }, s),
+		render: o,
+		state: {
+			slot: "marker",
+			variant: n
+		}
+	});
+}
+function s({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "marker-icon",
+		"aria-hidden": "true",
+		className: e("size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...r
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "marker-content",
+		className: e("min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { o as Marker, c as MarkerContent, s as MarkerIcon, a as markerVariants };
+//# sourceMappingURL=marker.es.js.map

package/dist/components/ui/marker.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"marker.es.js","names":[],"sources":["../../../src/components/ui/marker.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst markerVariants = cva(\n \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n {\n variants: {\n variant: {\n default: \"\",\n separator:\n \"before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-border after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-border\",\n border: \"border-b border-border pb-2\",\n },\n },\n }\n)\n\nfunction Marker({\n className,\n variant = \"default\",\n render,\n ...props\n}: useRender.ComponentProps<\"div\"> & VariantProps<typeof markerVariants>) {\n return useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(markerVariants({ variant, className })),\n },\n props\n ),\n render,\n state: {\n slot: \"marker\",\n variant,\n },\n })\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"marker-icon\"\n aria-hidden=\"true\"\n className={cn(\n \"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"marker-content\"\n className={cn(\n \"min-w-0 wrap-break-word group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Marker, MarkerIcon, MarkerContent, markerVariants }\n"],"mappings":";;;;;;;AAOA,IAAM,IAAiB,EACrB,4MACA,EACE,UAAU,EACR,SAAS;CACP,SAAS;CACT,WACE;CACF,QAAQ;AACV,EACF,EACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,WACA,GAAG,KACqE;CACxE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAe;GAAE;GAAS;EAAU,CAAC,CAAC,EACtD,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;EACF;CACF,CAAC;AACH;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAuC;CACzE,OACE,kBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,EACT,wDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAAuC;CAC5E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,WAAW,EACT,kMACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/menubar.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("./dropdown-menu.cjs.js");let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@base-ui/react/menu"),s=require("@base-ui/react/menubar");function c({className:e,...n}){return(0,i.jsx)(s.Menubar,{"data-slot":`menubar`,className:t.cn(`flex h-8 items-center gap-0.5 rounded-lg border p-[3px]`,e),...n})}function l({...e}){return(0,i.jsx)(n.DropdownMenu,{"data-slot":`menubar-menu`,...e})}function u({...e}){return(0,i.jsx)(n.DropdownMenuGroup,{"data-slot":`menubar-group`,...e})}function d({...e}){return(0,i.jsx)(n.DropdownMenuPortal,{"data-slot":`menubar-portal`,...e})}function f({className:e,...r}){return(0,i.jsx)(n.DropdownMenuTrigger,{"data-slot":`menubar-trigger`,className:t.cn(`flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted`,e),...r})}function p({className:e,align:r=`start`,alignOffset:a=-4,sideOffset:o=8,...s}){return(0,i.jsx)(n.DropdownMenuContent,{"data-slot":`menubar-content`,align:r,alignOffset:a,sideOffset:o,className:t.cn(`min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95`,e),...s})}function m({className:e,inset:r,variant:a=`default`,...o}){return(0,i.jsx)(n.DropdownMenuItem,{"data-slot":`menubar-item`,"data-inset":r,"data-variant":a,className:t.cn(`group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:*:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class='size-'])]:size-4 data-[variant=destructive]::[svg]:text-destructive!`,e),...o})}function h({className:e,children:n,checked:a,inset:s,...c}){return(0,i.jsxs)(o.Menu.CheckboxItem,{"data-slot":`menubar-checkbox-item`,"data-inset":s,className:t.cn(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus::text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,e),checked:a,...c,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class='size-'])]:size-4`,children:(0,i.jsx)(o.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function g({...e}){return(0,i.jsx)(n.DropdownMenuRadioGroup,{"data-slot":`menubar-radio-group`,...e})}function _({className:e,children:n,inset:a,...s}){return(0,i.jsxs)(o.Menu.RadioItem,{"data-slot":`menubar-radio-item`,"data-inset":a,className:t.cn(`relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:*:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4`,e),...s,children:[(0,i.jsx)(`span`,{className:`pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class='size-'])]:size-4`,children:(0,i.jsx)(o.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{})})}),n]})}function v({className:e,inset:r,...a}){return(0,i.jsx)(n.DropdownMenuLabel,{"data-slot":`menubar-label`,"data-inset":r,className:t.cn(`px-1.5 py-1 text-sm font-medium data-inset:pl-7`,e),...a})}function y({className:e,...r}){return(0,i.jsx)(n.DropdownMenuSeparator,{"data-slot":`menubar-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border`,e),...r})}function b({className:e,...r}){return(0,i.jsx)(n.DropdownMenuShortcut,{"data-slot":`menubar-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground`,e),...r})}function x({...e}){return(0,i.jsx)(n.DropdownMenuSub,{"data-slot":`menubar-sub`,...e})}function S({className:e,inset:r,...a}){return(0,i.jsx)(n.DropdownMenuSubTrigger,{"data-slot":`menubar-sub-trigger`,"data-inset":r,className:t.cn(`gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class='size-'])]:size-4`,e),...a})}function C({className:e,...r}){return(0,i.jsx)(n.DropdownMenuSubContent,{"data-slot":`menubar-sub-content`,className:t.cn(`min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...r})}exports.Menubar=c,exports.MenubarCheckboxItem=h,exports.MenubarContent=p,exports.MenubarGroup=u,exports.MenubarItem=m,exports.MenubarLabel=v,exports.MenubarMenu=l,exports.MenubarPortal=d,exports.MenubarRadioGroup=g,exports.MenubarRadioItem=_,exports.MenubarSeparator=y,exports.MenubarShortcut=b,exports.MenubarSub=x,exports.MenubarSubContent=C,exports.MenubarSubTrigger=S,exports.MenubarTrigger=f;
2	+ //# sourceMappingURL=menubar.cjs.js.map

package/dist/components/ui/menubar.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menubar.cjs.js","names":[],"sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"./dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n <MenubarPrimitive\n data-slot=\"menubar\"\n className={cn(\n \"flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n return (\n <DropdownMenuTrigger\n data-slot=\"menubar-trigger\"\n className={cn(\n \"flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n return (\n <DropdownMenuContent\n data-slot=\"menubar-content\"\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\"min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n {...props}\n />\n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n return (\n <DropdownMenuItem\n data-slot=\"menubar-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"menubar-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"menubar-radio-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuLabel\n data-slot=\"menubar-label\"\n data-inset={inset}\n className={cn(\n \"px-1.5 py-1 text-sm font-medium data-inset:pl-7\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n return (\n <DropdownMenuSeparator\n data-slot=\"menubar-separator\"\n className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n {...props}\n />\n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n return (\n <DropdownMenuShortcut\n data-slot=\"menubar-shortcut\"\n className={cn(\n \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuSubTrigger\n data-slot=\"menubar-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n return (\n <DropdownMenuSubContent\n data-slot=\"menubar-sub-content\"\n className={cn(\"min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n {...props}\n />\n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n"],"mappings":"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"}

package/dist/components/ui/menubar.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu';
 import * as React from "react";
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu";
 declare function Menubar({ className, ...props }: MenubarPrimitive.Props): React.JSX.Element;
 declare function MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>): React.JSX.Element;
 declare function MenubarGroup({ ...props }: React.ComponentProps<typeof DropdownMenuGroup>): React.JSX.Element;

package/dist/components/ui/menubar.es.js ADDED Viewed

@@ -0,0 +1,137 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuPortal as o, DropdownMenuRadioGroup as s, DropdownMenuSeparator as c, DropdownMenuShortcut as l, DropdownMenuSub as u, DropdownMenuSubContent as d, DropdownMenuSubTrigger as f, DropdownMenuTrigger as p } from "./dropdown-menu.es.js";
+import { CheckIcon as m } from "lucide-react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import "react";
+import { Menu as _ } from "@base-ui/react/menu";
+import { Menubar as v } from "@base-ui/react/menubar";
+//#region src/components/ui/menubar.tsx
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ h(v, {
+		"data-slot": "menubar",
+		className: e("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", t),
+		...n
+	});
+}
+function b({ ...e }) {
+	return /* @__PURE__ */ h(t, {
+		"data-slot": "menubar-menu",
+		...e
+	});
+}
+function x({ ...e }) {
+	return /* @__PURE__ */ h(r, {
+		"data-slot": "menubar-group",
+		...e
+	});
+}
+function S({ ...e }) {
+	return /* @__PURE__ */ h(o, {
+		"data-slot": "menubar-portal",
+		...e
+	});
+}
+function C({ className: t, ...n }) {
+	return /* @__PURE__ */ h(p, {
+		"data-slot": "menubar-trigger",
+		className: e("flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", t),
+		...n
+	});
+}
+function w({ className: t, align: r = "start", alignOffset: i = -4, sideOffset: a = 8, ...o }) {
+	return /* @__PURE__ */ h(n, {
+		"data-slot": "menubar-content",
+		align: r,
+		alignOffset: i,
+		sideOffset: a,
+		className: e("min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", t),
+		...o
+	});
+}
+function T({ className: t, inset: n, variant: r = "default", ...a }) {
+	return /* @__PURE__ */ h(i, {
+		"data-slot": "menubar-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", t),
+		...a
+	});
+}
+function E({ className: t, children: n, checked: r, inset: i, ...a }) {
+	return /* @__PURE__ */ g(_.CheckboxItem, {
+		"data-slot": "menubar-checkbox-item",
+		"data-inset": i,
+		className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
+		checked: r,
+		...a,
+		children: [/* @__PURE__ */ h("span", {
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ h(_.CheckboxItemIndicator, { children: /* @__PURE__ */ h(m, {}) })
+		}), n]
+	});
+}
+function D({ ...e }) {
+	return /* @__PURE__ */ h(s, {
+		"data-slot": "menubar-radio-group",
+		...e
+	});
+}
+function O({ className: t, children: n, inset: r, ...i }) {
+	return /* @__PURE__ */ g(_.RadioItem, {
+		"data-slot": "menubar-radio-item",
+		"data-inset": r,
+		className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...i,
+		children: [/* @__PURE__ */ h("span", {
+			className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+			children: /* @__PURE__ */ h(_.RadioItemIndicator, { children: /* @__PURE__ */ h(m, {}) })
+		}), n]
+	});
+}
+function k({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ h(a, {
+		"data-slot": "menubar-label",
+		"data-inset": n,
+		className: e("px-1.5 py-1 text-sm font-medium data-inset:pl-7", t),
+		...r
+	});
+}
+function A({ className: t, ...n }) {
+	return /* @__PURE__ */ h(c, {
+		"data-slot": "menubar-separator",
+		className: e("-mx-1 my-1 h-px bg-border", t),
+		...n
+	});
+}
+function j({ className: t, ...n }) {
+	return /* @__PURE__ */ h(l, {
+		"data-slot": "menubar-shortcut",
+		className: e("ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", t),
+		...n
+	});
+}
+function M({ ...e }) {
+	return /* @__PURE__ */ h(u, {
+		"data-slot": "menubar-sub",
+		...e
+	});
+}
+function N({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ h(f, {
+		"data-slot": "menubar-sub-trigger",
+		"data-inset": n,
+		className: e("gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", t),
+		...r
+	});
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ h(d, {
+		"data-slot": "menubar-sub-content",
+		className: e("min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
+		...n
+	});
+}
+//#endregion
+export { y as Menubar, E as MenubarCheckboxItem, w as MenubarContent, x as MenubarGroup, T as MenubarItem, k as MenubarLabel, b as MenubarMenu, S as MenubarPortal, D as MenubarRadioGroup, O as MenubarRadioItem, A as MenubarSeparator, j as MenubarShortcut, M as MenubarSub, P as MenubarSubContent, N as MenubarSubTrigger, C as MenubarTrigger };
+//# sourceMappingURL=menubar.es.js.map

package/dist/components/ui/menubar.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menubar.es.js","names":[],"sources":["../../../src/components/ui/menubar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"../../lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"./dropdown-menu\"\nimport { CheckIcon } from \"lucide-react\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n <MenubarPrimitive\n data-slot=\"menubar\"\n className={cn(\n \"flex h-8 items-center gap-0.5 rounded-lg border p-[3px]\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps<typeof DropdownMenu>) {\n return <DropdownMenu data-slot=\"menubar-menu\" {...props} />\n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuGroup>) {\n return <DropdownMenuGroup data-slot=\"menubar-group\" {...props} />\n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPortal>) {\n return <DropdownMenuPortal data-slot=\"menubar-portal\" {...props} />\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuTrigger>) {\n return (\n <DropdownMenuTrigger\n data-slot=\"menubar-trigger\"\n className={cn(\n \"flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n return (\n <DropdownMenuContent\n data-slot=\"menubar-content\"\n align={align}\n alignOffset={alignOffset}\n sideOffset={sideOffset}\n className={cn(\"min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\", className )}\n {...props}\n />\n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof DropdownMenuItem>) {\n return (\n <DropdownMenuItem\n data-slot=\"menubar-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"menubar-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n <MenuPrimitive.CheckboxItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuRadioGroup>) {\n return <DropdownMenuRadioGroup data-slot=\"menubar-radio-group\" {...props} />\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"menubar-radio-item\"\n data-inset={inset}\n className={cn(\n \"relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4\">\n <MenuPrimitive.RadioItemIndicator>\n <CheckIcon\n />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuLabel> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuLabel\n data-slot=\"menubar-label\"\n data-inset={inset}\n className={cn(\n \"px-1.5 py-1 text-sm font-medium data-inset:pl-7\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSeparator>) {\n return (\n <DropdownMenuSeparator\n data-slot=\"menubar-separator\"\n className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n {...props}\n />\n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuShortcut>) {\n return (\n <DropdownMenuShortcut\n data-slot=\"menubar-shortcut\"\n className={cn(\n \"ml-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuSub>) {\n return <DropdownMenuSub data-slot=\"menubar-sub\" {...props} />\n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuSubTrigger\n data-slot=\"menubar-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuSubContent>) {\n return (\n <DropdownMenuSubContent\n data-slot=\"menubar-sub-content\"\n className={cn(\"min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\", className )}\n {...props}\n />\n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n"],"mappings":"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"}

package/dist/components/ui/message-scroller.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),n=require("./button.cjs.js");let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("react");a=e.__toESM(a,1);let o=require("@shadcn/react/message-scroller");function s(e){return(0,i.jsx)(o.MessageScroller.Provider,{...e})}function c({className:e,...n}){return(0,i.jsx)(o.MessageScroller.Root,{"data-slot":`message-scroller`,className:t.cn(`group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden`,e),...n})}function l({className:e,...n}){return(0,i.jsx)(o.MessageScroller.Viewport,{"data-slot":`message-scroller-viewport`,className:t.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`,e),...n})}function u({className:e,...n}){return(0,i.jsx)(o.MessageScroller.Content,{"data-slot":`message-scroller-content`,className:t.cn(`flex h-max min-h-full flex-col gap-6`,e),...n})}function d({className:e,scrollAnchor:n=!1,...r}){return(0,i.jsx)(o.MessageScroller.Item,{"data-slot":`message-scroller-item`,scrollAnchor:n,className:t.cn(`min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]`,e),...r})}function f({direction:e=`end`,className:a,children:s,render:c,variant:l=`secondary`,size:u=`icon-sm`,...d}){return(0,i.jsx)(o.MessageScroller.Button,{"data-slot":`message-scroller-button`,"data-direction":e,"data-variant":l,"data-size":u,direction:e,className:t.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`,a),render:c??(0,i.jsx)(n.Button,{variant:l,size:u}),...d,children:s??(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ArrowDownIcon,{}),(0,i.jsx)(`span`,{className:`sr-only`,children:e===`end`?`Scroll to end`:`Scroll to start`})]})})}exports.MessageScroller=c,exports.MessageScrollerButton=f,exports.MessageScrollerContent=u,exports.MessageScrollerItem=d,exports.MessageScrollerProvider=s,exports.MessageScrollerViewport=l,exports.useMessageScroller=o.useMessageScroller,exports.useMessageScrollerScrollable=o.useMessageScrollerScrollable,exports.useMessageScrollerVisibility=o.useMessageScrollerVisibility;
2	+ //# sourceMappingURL=message-scroller.cjs.js.map

package/dist/components/ui/message-scroller.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"message-scroller.cjs.js","names":[],"sources":["../../../src/components/ui/message-scroller.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n MessageScroller as MessageScrollerPrimitive,\n useMessageScroller,\n useMessageScrollerScrollable,\n useMessageScrollerVisibility,\n} from \"@shadcn/react/message-scroller\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./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\",\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":"8UAcA,SAAS,EACP,EACA,CACA,OAAO,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,SAA1B,CAAmC,GAAI,CAAQ,CAAA,CACxD,CAEA,SAAS,EAAgB,CACvB,YACA,GAAG,GAC0D,CAC7D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,KAA1B,CACE,YAAU,mBACV,UAAW,EAAA,GACT,kFACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAwB,CAC/B,YACA,GAAG,GAC8D,CACjE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,SAA1B,CACE,YAAU,4BACV,UAAW,EAAA,GACT,kOACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,YACA,GAAG,GAC6D,CAChE,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,QAA1B,CACE,YAAU,2BACV,UAAW,EAAA,GAAG,uCAAwC,CAAS,EAC/D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAoB,CAC3B,YACA,eAAe,GACf,GAAG,GAC0D,CAC7D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,KAA1B,CACE,YAAU,wBACI,eACd,UAAW,EAAA,GACT,iFACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAsB,CAC7B,YAAY,MACZ,YACA,WACA,SACA,UAAU,YACV,OAAO,UACP,GAAG,GAE4D,CAC/D,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,gBAAyB,OAA1B,CACE,YAAU,0BACV,iBAAgB,EAChB,eAAc,EACd,YAAW,EACA,YACX,UAAW,EAAA,GACT,wuBACA,CACF,EACA,OAAQ,IAAU,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAiB,UAAe,MAAO,CAAA,EACzD,GAAI,WAEH,IACC,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,cAAD,CACC,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBACb,IAAc,MAAQ,gBAAkB,iBACrC,CAAA,CACN,CAAA,CAAA,CAE2B,CAAA,CAErC"}

package/dist/components/ui/message-scroller.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
+import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
+import { Button } from './button';
 import * as React from "react";
-import { MessageScroller as MessageScrollerPrimitive, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";
-import { Button } from "./button";
 declare function MessageScrollerProvider(props: React.ComponentProps<typeof MessageScrollerPrimitive.Provider>): React.JSX.Element;
 declare function MessageScroller({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Root>): React.JSX.Element;
 declare function MessageScrollerViewport({ className, ...props }: React.ComponentProps<typeof MessageScrollerPrimitive.Viewport>): React.JSX.Element;

package/dist/components/ui/message-scroller.es.js ADDED Viewed

@@ -0,0 +1,63 @@
+"use client";
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { Button as t } from "./button.es.js";
+import { ArrowDownIcon as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import "react";
+import { MessageScroller as o, useMessageScroller as s, useMessageScrollerScrollable as c, useMessageScrollerVisibility as l } from "@shadcn/react/message-scroller";
+//#region src/components/ui/message-scroller.tsx
+function u(e) {
+	return /* @__PURE__ */ i(o.Provider, { ...e });
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "message-scroller",
+		className: e("group/message-scroller relative flex size-full min-h-0 flex-col overflow-hidden", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Viewport, {
+		"data-slot": "message-scroller-viewport",
+		className: e("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", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ i(o.Content, {
+		"data-slot": "message-scroller-content",
+		className: e("flex h-max min-h-full flex-col gap-6", t),
+		...n
+	});
+}
+function m({ className: t, scrollAnchor: n = !1, ...r }) {
+	return /* @__PURE__ */ i(o.Item, {
+		"data-slot": "message-scroller-item",
+		scrollAnchor: n,
+		className: e("min-w-0 shrink-0 [contain-intrinsic-size:auto_10rem] [content-visibility:auto]", t),
+		...r
+	});
+}
+function h({ direction: s = "end", className: c, children: l, render: u, variant: d = "secondary", size: f = "icon-sm", ...p }) {
+	return /* @__PURE__ */ i(o.Button, {
+		"data-slot": "message-scroller-button",
+		"data-direction": s,
+		"data-variant": d,
+		"data-size": f,
+		direction: s,
+		className: e("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", c),
+		render: u ?? /* @__PURE__ */ i(t, {
+			variant: d,
+			size: f
+		}),
+		...p,
+		children: l ?? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, {}), /* @__PURE__ */ i("span", {
+			className: "sr-only",
+			children: s === "end" ? "Scroll to end" : "Scroll to start"
+		})] })
+	});
+}
+//#endregion
+export { d as MessageScroller, h as MessageScrollerButton, p as MessageScrollerContent, m as MessageScrollerItem, u as MessageScrollerProvider, f as MessageScrollerViewport, s as useMessageScroller, c as useMessageScrollerScrollable, l as useMessageScrollerVisibility };
+//# sourceMappingURL=message-scroller.es.js.map

package/dist/components/ui/message-scroller.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"message-scroller.es.js","names":[],"sources":["../../../src/components/ui/message-scroller.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n MessageScroller as MessageScrollerPrimitive,\n useMessageScroller,\n useMessageScrollerScrollable,\n useMessageScrollerVisibility,\n} from \"@shadcn/react/message-scroller\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./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\",\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":";;;;;;;;AAcA,SAAS,EACP,GACA;CACA,OAAO,kBAAC,EAAyB,UAA1B,EAAmC,GAAI,EAAQ,CAAA;AACxD;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAyB,MAA1B;EACE,aAAU;EACV,WAAW,EACT,mFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAwB,EAC/B,cACA,GAAG,KAC8D;CACjE,OACE,kBAAC,EAAyB,UAA1B;EACE,aAAU;EACV,WAAW,EACT,mOACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,kBAAC,EAAyB,SAA1B;EACE,aAAU;EACV,WAAW,EAAG,wCAAwC,CAAS;EAC/D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAoB,EAC3B,cACA,kBAAe,IACf,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAyB,MAA1B;EACE,aAAU;EACI;EACd,WAAW,EACT,kFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAsB,EAC7B,eAAY,OACZ,cACA,aACA,WACA,aAAU,aACV,UAAO,WACP,GAAG,KAE4D;CAC/D,OACE,kBAAC,EAAyB,QAA1B;EACE,aAAU;EACV,kBAAgB;EAChB,gBAAc;EACd,aAAW;EACA;EACX,WAAW,EACT,yuBACA,CACF;EACA,QAAQ,KAAU,kBAAC,GAAD;GAAiB;GAAe;EAAO,CAAA;EACzD,GAAI;YAEH,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,CACC,CAAA,GACD,kBAAC,QAAD;GAAM,WAAU;aACb,MAAc,QAAQ,kBAAkB;EACrC,CAAA,CACN,EAAA,CAAA;CAE2B,CAAA;AAErC"}

package/dist/components/ui/message.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js");let n=require("react/jsx-runtime"),r=require("react");r=e.__toESM(r,1);function i({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`message-group`,className:t.cn(`flex min-w-0 flex-col gap-2`,e),...r})}function a({className:e,align:r=`start`,...i}){return(0,n.jsx)(`div`,{"data-slot":`message`,"data-align":r,className:t.cn(`group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse`,e),...i})}function o({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`message-avatar`,className:t.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`,e),...r})}function s({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`message-content`,className:t.cn(`flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end`,e),...r})}function c({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`message-header`,className:t.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`,e),...r})}function l({className:e,...r}){return(0,n.jsx)(`div`,{"data-slot":`message-footer`,className:t.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`,e),...r})}exports.Message=a,exports.MessageAvatar=o,exports.MessageContent=s,exports.MessageFooter=l,exports.MessageGroup=i,exports.MessageHeader=c;
2	+ //# sourceMappingURL=message.cjs.js.map

package/dist/components/ui/message.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"message.cjs.js","names":[],"sources":["../../../src/components/ui/message.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\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":"0NAIA,SAAS,EAAa,CAAE,YAAW,GAAG,GAAsC,CAC1E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CACf,YACA,QAAQ,QACR,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,UACV,aAAY,EACZ,UAAW,EAAA,GACT,6FACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,GACT,qKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,kBACV,UAAW,EAAA,GACT,2GACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,GACT,kIACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAsC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,iBACV,UAAW,EAAA,GACT,6KACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/message.es.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/components/ui/message.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message-group",
+		className: e("flex min-w-0 flex-col gap-2", n),
+		...r
+	});
+}
+function r({ className: n, align: r = "start", ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message",
+		"data-align": r,
+		className: e("group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse", n),
+		...i
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message-avatar",
+		className: e("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),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message-content",
+		className: e("flex w-full min-w-0 flex-col gap-2.5 wrap-break-word group-data-[align=end]/message:*:data-slot:self-end", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message-header",
+		className: e("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),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "message-footer",
+		className: e("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),
+		...r
+	});
+}
+//#endregion
+export { r as Message, i as MessageAvatar, a as MessageContent, s as MessageFooter, n as MessageGroup, o as MessageHeader };
+//# sourceMappingURL=message.es.js.map