@hirely/ui 0.1.6 → 0.1.8

package/dist/components/ui/badge.es.js

@@ -0,0 +1,31 @@
+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 { mergeProps as n } from "@base-ui/react/merge-props";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/components/ui/badge.tsx
+var i = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function a({ className: t, variant: a = "default", render: o, ...s }) {
+	return r({
+		defaultTagName: "span",
+		props: n({ className: e(i({ variant: a }), t) }, s),
+		render: o,
+		state: {
+			slot: "badge",
+			variant: a
+		}
+	});
+}
+//#endregion
+export { a as Badge, i as badgeVariants };
+
+//# sourceMappingURL=badge.es.js.map

package/dist/components/ui/badge.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.es.js","names":[],"sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import { 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 badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"mappings":";;;;;AAMA,IAAM,IAAgB,EACpB,8eACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WACE;EACF,aACE;EACF,SACE;EACF,OACE;EACF,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,aAAU,WACV,WACA,GAAG,KACqE;CACxE,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS,EACrD,GACA,CACF;EACA;EACA,OAAO;GACL,MAAM;GACN;EACF;CACF,CAAC;AACH"}

package/dist/components/ui/bouncy-accordion.cjs.js

@@ -0,0 +1,2 @@
+require("../../_virtual/_rolldown/runtime.cjs.js");const e=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),t=require("../../node_modules/.bun/framer-motion@12.42.2_7492c01c6988791b/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.cjs.js"),n=require("../../node_modules/.bun/motion@12.42.2_7492c01c6988791b/node_modules/motion/dist/es/react.cjs.js"),r=require("../../lib/ease.cjs.js");let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("react");var s={type:`spring`,duration:.55,bounce:.38},c={type:`spring`,duration:.58,bounce:.32},l={type:`spring`,duration:.46,bounce:.26},u={duration:.18,ease:r.EASE_OUT},d={type:`spring`,duration:.42,bounce:.28};function f({value:e,defaultValue:t,onValueChange:n}){let[r,i]=(0,o.useState)(t??null),a=e!==void 0;return[e??r,(0,o.useCallback)(e=>{a||i(e),n?.(e)},[a,n])]}function p({item:t,open:r,startsGroup:f,endsGroup:p,separatedFromPrevious:m,contentId:h,triggerId:g,reduce:_,classNames:v,onToggle:y}){let b=(0,o.useRef)(null),[x,S]=(0,o.useState)(0);return(0,o.useLayoutEffect)(()=>{let e=b.current;if(!e)return;let t=()=>{S(e.offsetHeight)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[]),(0,a.jsx)(n.motion.div,{initial:!1,animate:{marginTop:m?12:0},transition:_?{duration:0}:s,children:(0,a.jsxs)(n.motion.div,{"data-state":r?`open`:`closed`,initial:!1,animate:{borderTopLeftRadius:f?28:0,borderTopRightRadius:f?28:0,borderBottomLeftRadius:p?28:0,borderBottomRightRadius:p?28:0},transition:_?{duration:0}:s,className:e.cn(`overflow-hidden bg-muted/60 dark:bg-card text-card-foreground`,t.disabled&&`opacity-50`,v?.item),children:[(0,a.jsxs)(`button`,{id:g,type:`button`,disabled:t.disabled,"aria-expanded":r,"aria-controls":h,onClick:y,className:e.cn(`flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200`,`hover:bg-muted/30 focus-visible:bg-muted/30`,`disabled:pointer-events-none`,v?.trigger),children:[t.icon?(0,a.jsx)(`span`,{className:e.cn(`grid h-7 w-7 shrink-0 place-items-center text-muted-foreground`,v?.icon),children:t.icon}):null,(0,a.jsx)(`span`,{className:e.cn(`min-w-0 flex-1 truncate text-[15px] font-medium text-foreground`,v?.title),children:t.title}),(0,a.jsx)(n.motion.span,{"aria-hidden":!0,animate:{rotate:r?180:0},transition:_?{duration:0}:d,className:e.cn(`grid h-6 w-6 shrink-0 place-items-center text-muted-foreground`,v?.chevron),children:(0,a.jsx)(i.ChevronDown,{className:`h-4 w-4`})})]}),(0,a.jsx)(n.motion.div,{id:h,role:`region`,"aria-labelledby":g,"aria-hidden":!r,initial:!1,animate:{height:r&&t.description?x:0},transition:_?{duration:0}:r?c:l,className:e.cn(`overflow-hidden`,v?.content),children:(0,a.jsx)(n.motion.div,{ref:b,animate:{opacity:+!!r},transition:_?{duration:0}:u,className:`px-5 pb-5`,children:(0,a.jsx)(`div`,{className:e.cn(`text-[15px] leading-6 text-muted-foreground`,v?.description),children:t.description})})})]})})}function m({items:n,value:r,defaultValue:i=null,onValueChange:s,collapsible:c=!0,className:l,classNames:u}){let d=t.useReducedMotion(),m=(0,o.useId)(),[h,g]=f({value:r,defaultValue:i,onValueChange:s}),_=n.findIndex(e=>e.id===h),v=(0,o.useCallback)(e=>{if(h===e){c&&g(null);return}g(e)},[h,c,g]);return(0,a.jsx)(`div`,{className:e.cn(`w-full`,l,u?.root),children:n.map((e,t)=>{let r=h===e.id,i=_===t-1,o=_===t+1;return(0,a.jsx)(p,{item:e,open:r,startsGroup:r||t===0||i,endsGroup:r||t===n.length-1||o,separatedFromPrevious:t>0&&(r||i),contentId:`${m}-${e.id}-content`,triggerId:`${m}-${e.id}-trigger`,reduce:d,classNames:u,onToggle:()=>v(e.id)},e.id)})})}exports.BouncyAccordion=m;
+//# sourceMappingURL=bouncy-accordion.cjs.js.map

package/dist/components/ui/bouncy-accordion.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bouncy-accordion.cjs.js","names":[],"sources":["../../../src/components/ui/bouncy-accordion.tsx"],"sourcesContent":["import {\n    motion,\n    useReducedMotion,\n    type Transition,\n} from \"motion/react\";\nimport { ChevronDown } from \"lucide-react\";\nimport {\n    useCallback,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type ReactNode,\n} from \"react\";\nimport { EASE_OUT } from \"../../lib/ease\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BouncyAccordionItem = {\n    id: string;\n    title: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    disabled?: boolean;\n};\n\nexport type BouncyAccordionClassNames = {\n    root?: string;\n    item?: string;\n    trigger?: string;\n    icon?: string;\n    title?: string;\n    chevron?: string;\n    content?: string;\n    description?: string;\n};\n\nexport interface BouncyAccordionProps {\n    items: BouncyAccordionItem[];\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    collapsible?: boolean;\n    className?: string;\n    classNames?: BouncyAccordionClassNames;\n}\n\n// Local springs keep the accordion's connected groups moving together while\n// avoiding scale projection on text-heavy row contents.\n// Gap spring: must not overshoot y — positive y overshoot drifts items below\n// their mt-3 resting point and briefly overlaps the next item.\nconst ROW_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.55,\n    bounce: 0.38,\n};\n\nconst CONTENT_OPEN_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.58,\n    bounce: 0.32,\n};\n\nconst CONTENT_CLOSE_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.46,\n    bounce: 0.26,\n};\n\nconst DESCRIPTION_TRANSITION: Transition = {\n    duration: 0.18,\n    ease: EASE_OUT,\n};\n\nconst CHEVRON_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.42,\n    bounce: 0.28,\n};\n\n\nfunction useControllableAccordionValue({\n    value,\n    defaultValue,\n    onValueChange,\n}: {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n}) {\n    const [internalValue, setInternalValue] = useState(defaultValue ?? null);\n    const isControlled = value !== undefined;\n    const currentValue = value ?? internalValue;\n\n    const setValue = useCallback(\n        (next: string | null) => {\n            if (!isControlled) {\n                setInternalValue(next);\n            }\n\n            onValueChange?.(next);\n        },\n        [isControlled, onValueChange],\n    );\n\n    return [currentValue, setValue] as const;\n}\n\nfunction BouncyAccordionRow({\n    item,\n    open,\n    startsGroup,\n    endsGroup,\n    separatedFromPrevious,\n    contentId,\n    triggerId,\n    reduce,\n    classNames,\n    onToggle,\n}: {\n    item: BouncyAccordionItem;\n    open: boolean;\n    startsGroup: boolean;\n    endsGroup: boolean;\n    separatedFromPrevious: boolean;\n    contentId: string;\n    triggerId: string;\n    reduce: boolean | null;\n    classNames?: BouncyAccordionClassNames;\n    onToggle: () => void;\n}) {\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    useLayoutEffect(() => {\n        const node = contentRef.current;\n        if (!node) return;\n\n        const updateHeight = () => {\n            setContentHeight(node.offsetHeight);\n        };\n\n        updateHeight();\n\n        const observer = new ResizeObserver(updateHeight);\n        observer.observe(node);\n\n        return () => {\n            observer.disconnect();\n        };\n    }, []);\n\n    return (\n        <motion.div\n            initial={false}\n            animate={{ marginTop: separatedFromPrevious ? 12 : 0 }}\n            transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n        >\n            <motion.div\n                data-state={open ? \"open\" : \"closed\"}\n                initial={false}\n                animate={{\n                    borderTopLeftRadius: startsGroup ? 28 : 0,\n                    borderTopRightRadius: startsGroup ? 28 : 0,\n                    borderBottomLeftRadius: endsGroup ? 28 : 0,\n                    borderBottomRightRadius: endsGroup ? 28 : 0,\n                }}\n                transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n                className={cn(\n                    \"overflow-hidden bg-muted/60 dark:bg-card text-card-foreground\",\n                    item.disabled && \"opacity-50\",\n                    classNames?.item,\n                )}\n            >\n                <button\n                    id={triggerId}\n                    type=\"button\"\n                    disabled={item.disabled}\n                    aria-expanded={open}\n                    aria-controls={contentId}\n                    onClick={onToggle}\n                    className={cn(\n                        \"flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200\",\n                        \"hover:bg-muted/30 focus-visible:bg-muted/30\",\n                        \"disabled:pointer-events-none\",\n                        classNames?.trigger,\n                    )}\n                >\n                    {item.icon ? (\n                        <span\n                            className={cn(\n                                \"grid h-7 w-7 shrink-0 place-items-center text-muted-foreground\",\n                                classNames?.icon,\n                            )}\n                        >\n                            {item.icon}\n                        </span>\n                    ) : null}\n                    <span\n                        className={cn(\n                            \"min-w-0 flex-1 truncate text-[15px] font-medium text-foreground\",\n                            classNames?.title,\n                        )}\n                    >\n                        {item.title}\n                    </span>\n                    <motion.span\n                        aria-hidden\n                        animate={{ rotate: open ? 180 : 0 }}\n                        transition={reduce ? { duration: 0 } : CHEVRON_TRANSITION}\n                        className={cn(\n                            \"grid h-6 w-6 shrink-0 place-items-center text-muted-foreground\",\n                            classNames?.chevron,\n                        )}\n                    >\n                        <ChevronDown className=\"h-4 w-4\" />\n                    </motion.span>\n                </button>\n\n                <motion.div\n                    id={contentId}\n                    role=\"region\"\n                    aria-labelledby={triggerId}\n                    aria-hidden={!open}\n                    initial={false}\n                    animate={{\n                        height: open && item.description ? contentHeight : 0,\n                    }}\n                    transition={\n                        reduce\n                            ? { duration: 0 }\n                            : open\n                                ? CONTENT_OPEN_TRANSITION\n                                : CONTENT_CLOSE_TRANSITION\n                    }\n                    className={cn(\"overflow-hidden\", classNames?.content)}\n                >\n                    <motion.div\n                        ref={contentRef}\n                        animate={{\n                            opacity: open ? 1 : 0,\n                        }}\n                        transition={reduce ? { duration: 0 } : DESCRIPTION_TRANSITION}\n                        className=\"px-5 pb-5\"\n                    >\n                        <div\n                            className={cn(\n                                \"text-[15px] leading-6 text-muted-foreground\",\n                                classNames?.description,\n                            )}\n                        >\n                            {item.description}\n                        </div>\n                    </motion.div>\n                </motion.div>\n            </motion.div>\n        </motion.div>\n    );\n}\n\nexport function BouncyAccordion({\n    items,\n    value,\n    defaultValue = null,\n    onValueChange,\n    collapsible = true,\n    className,\n    classNames,\n}: BouncyAccordionProps) {\n    const reduce = useReducedMotion();\n    const baseId = useId();\n    const [activeValue, setActiveValue] = useControllableAccordionValue({\n        value,\n        defaultValue,\n        onValueChange,\n    });\n    const activeIndex = items.findIndex((item) => item.id === activeValue);\n\n    const toggleItem = useCallback(\n        (id: string) => {\n            if (activeValue === id) {\n                if (collapsible) {\n                    setActiveValue(null);\n                }\n                return;\n            }\n\n            setActiveValue(id);\n        },\n        [activeValue, collapsible, setActiveValue],\n    );\n\n    return (\n        <div className={cn(\"w-full\", className, classNames?.root)}>\n            {items.map((item, index) => {\n                const open = activeValue === item.id;\n                const previousIsOpen = activeIndex === index - 1;\n                const nextIsOpen = activeIndex === index + 1;\n                const startsGroup = open || index === 0 || previousIsOpen;\n                const endsGroup = open || index === items.length - 1 || nextIsOpen;\n                const separatedFromPrevious = index > 0 && (open || previousIsOpen);\n                const contentId = `${baseId}-${item.id}-content`;\n                const triggerId = `${baseId}-${item.id}-trigger`;\n\n                return (\n                    <BouncyAccordionRow\n                        key={item.id}\n                        item={item}\n                        open={open}\n                        startsGroup={startsGroup}\n                        endsGroup={endsGroup}\n                        separatedFromPrevious={separatedFromPrevious}\n                        contentId={contentId}\n                        triggerId={triggerId}\n                        reduce={reduce}\n                        classNames={classNames}\n                        onToggle={() => toggleItem(item.id)}\n                    />\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/ui/bouncy-accordion.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+export type BouncyAccordionItem = {
+    id: string;
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+};
+export type BouncyAccordionClassNames = {
+    root?: string;
+    item?: string;
+    trigger?: string;
+    icon?: string;
+    title?: string;
+    chevron?: string;
+    content?: string;
+    description?: string;
+};
+export interface BouncyAccordionProps {
+    items: BouncyAccordionItem[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    collapsible?: boolean;
+    className?: string;
+    classNames?: BouncyAccordionClassNames;
+}
+export declare function BouncyAccordion({ items, value, defaultValue, onValueChange, collapsible, className, classNames, }: BouncyAccordionProps): import("react").JSX.Element;

package/dist/components/ui/bouncy-accordion.es.js

@@ -0,0 +1,149 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { useReducedMotion as t } from "../../node_modules/.bun/framer-motion@12.42.2_7492c01c6988791b/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.es.js";
+import { motion as n } from "../../node_modules/.bun/motion@12.42.2_7492c01c6988791b/node_modules/motion/dist/es/react.es.js";
+import { EASE_OUT as r } from "../../lib/ease.es.js";
+import { ChevronDown as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useCallback as s, useId as c, useLayoutEffect as l, useRef as u, useState as d } from "react";
+//#region src/components/ui/bouncy-accordion.tsx
+var f = {
+	type: "spring",
+	duration: .55,
+	bounce: .38
+}, p = {
+	type: "spring",
+	duration: .58,
+	bounce: .32
+}, m = {
+	type: "spring",
+	duration: .46,
+	bounce: .26
+}, h = {
+	duration: .18,
+	ease: r
+}, g = {
+	type: "spring",
+	duration: .42,
+	bounce: .28
+};
+function _({ value: e, defaultValue: t, onValueChange: n }) {
+	let [r, i] = d(t ?? null), a = e !== void 0;
+	return [e ?? r, s((e) => {
+		a || i(e), n?.(e);
+	}, [a, n])];
+}
+function v({ item: t, open: r, startsGroup: s, endsGroup: c, separatedFromPrevious: _, contentId: v, triggerId: y, reduce: b, classNames: x, onToggle: S }) {
+	let C = u(null), [w, T] = d(0);
+	return l(() => {
+		let e = C.current;
+		if (!e) return;
+		let t = () => {
+			T(e.offsetHeight);
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => {
+			n.disconnect();
+		};
+	}, []), /* @__PURE__ */ a(n.div, {
+		initial: !1,
+		animate: { marginTop: _ ? 12 : 0 },
+		transition: b ? { duration: 0 } : f,
+		children: /* @__PURE__ */ o(n.div, {
+			"data-state": r ? "open" : "closed",
+			initial: !1,
+			animate: {
+				borderTopLeftRadius: s ? 28 : 0,
+				borderTopRightRadius: s ? 28 : 0,
+				borderBottomLeftRadius: c ? 28 : 0,
+				borderBottomRightRadius: c ? 28 : 0
+			},
+			transition: b ? { duration: 0 } : f,
+			className: e("overflow-hidden bg-muted/60 dark:bg-card text-card-foreground", t.disabled && "opacity-50", x?.item),
+			children: [/* @__PURE__ */ o("button", {
+				id: y,
+				type: "button",
+				disabled: t.disabled,
+				"aria-expanded": r,
+				"aria-controls": v,
+				onClick: S,
+				className: e("flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200", "hover:bg-muted/30 focus-visible:bg-muted/30", "disabled:pointer-events-none", x?.trigger),
+				children: [
+					t.icon ? /* @__PURE__ */ a("span", {
+						className: e("grid h-7 w-7 shrink-0 place-items-center text-muted-foreground", x?.icon),
+						children: t.icon
+					}) : null,
+					/* @__PURE__ */ a("span", {
+						className: e("min-w-0 flex-1 truncate text-[15px] font-medium text-foreground", x?.title),
+						children: t.title
+					}),
+					/* @__PURE__ */ a(n.span, {
+						"aria-hidden": !0,
+						animate: { rotate: r ? 180 : 0 },
+						transition: b ? { duration: 0 } : g,
+						className: e("grid h-6 w-6 shrink-0 place-items-center text-muted-foreground", x?.chevron),
+						children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
+					})
+				]
+			}), /* @__PURE__ */ a(n.div, {
+				id: v,
+				role: "region",
+				"aria-labelledby": y,
+				"aria-hidden": !r,
+				initial: !1,
+				animate: { height: r && t.description ? w : 0 },
+				transition: b ? { duration: 0 } : r ? p : m,
+				className: e("overflow-hidden", x?.content),
+				children: /* @__PURE__ */ a(n.div, {
+					ref: C,
+					animate: { opacity: +!!r },
+					transition: b ? { duration: 0 } : h,
+					className: "px-5 pb-5",
+					children: /* @__PURE__ */ a("div", {
+						className: e("text-[15px] leading-6 text-muted-foreground", x?.description),
+						children: t.description
+					})
+				})
+			})]
+		})
+	});
+}
+function y({ items: n, value: r, defaultValue: i = null, onValueChange: o, collapsible: l = !0, className: u, classNames: d }) {
+	let f = t(), p = c(), [m, h] = _({
+		value: r,
+		defaultValue: i,
+		onValueChange: o
+	}), g = n.findIndex((e) => e.id === m), y = s((e) => {
+		if (m === e) {
+			l && h(null);
+			return;
+		}
+		h(e);
+	}, [
+		m,
+		l,
+		h
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: e("w-full", u, d?.root),
+		children: n.map((e, t) => {
+			let r = m === e.id, i = g === t - 1, o = g === t + 1;
+			return /* @__PURE__ */ a(v, {
+				item: e,
+				open: r,
+				startsGroup: r || t === 0 || i,
+				endsGroup: r || t === n.length - 1 || o,
+				separatedFromPrevious: t > 0 && (r || i),
+				contentId: `${p}-${e.id}-content`,
+				triggerId: `${p}-${e.id}-trigger`,
+				reduce: f,
+				classNames: d,
+				onToggle: () => y(e.id)
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { y as BouncyAccordion };
+
+//# sourceMappingURL=bouncy-accordion.es.js.map

package/dist/components/ui/bouncy-accordion.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bouncy-accordion.es.js","names":[],"sources":["../../../src/components/ui/bouncy-accordion.tsx"],"sourcesContent":["import {\n    motion,\n    useReducedMotion,\n    type Transition,\n} from \"motion/react\";\nimport { ChevronDown } from \"lucide-react\";\nimport {\n    useCallback,\n    useId,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type ReactNode,\n} from \"react\";\nimport { EASE_OUT } from \"../../lib/ease\";\nimport { cn } from \"../../lib/utils\";\n\nexport type BouncyAccordionItem = {\n    id: string;\n    title: ReactNode;\n    description?: ReactNode;\n    icon?: ReactNode;\n    disabled?: boolean;\n};\n\nexport type BouncyAccordionClassNames = {\n    root?: string;\n    item?: string;\n    trigger?: string;\n    icon?: string;\n    title?: string;\n    chevron?: string;\n    content?: string;\n    description?: string;\n};\n\nexport interface BouncyAccordionProps {\n    items: BouncyAccordionItem[];\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n    collapsible?: boolean;\n    className?: string;\n    classNames?: BouncyAccordionClassNames;\n}\n\n// Local springs keep the accordion's connected groups moving together while\n// avoiding scale projection on text-heavy row contents.\n// Gap spring: must not overshoot y — positive y overshoot drifts items below\n// their mt-3 resting point and briefly overlaps the next item.\nconst ROW_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.55,\n    bounce: 0.38,\n};\n\nconst CONTENT_OPEN_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.58,\n    bounce: 0.32,\n};\n\nconst CONTENT_CLOSE_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.46,\n    bounce: 0.26,\n};\n\nconst DESCRIPTION_TRANSITION: Transition = {\n    duration: 0.18,\n    ease: EASE_OUT,\n};\n\nconst CHEVRON_TRANSITION: Transition = {\n    type: \"spring\",\n    duration: 0.42,\n    bounce: 0.28,\n};\n\n\nfunction useControllableAccordionValue({\n    value,\n    defaultValue,\n    onValueChange,\n}: {\n    value?: string | null;\n    defaultValue?: string | null;\n    onValueChange?: (value: string | null) => void;\n}) {\n    const [internalValue, setInternalValue] = useState(defaultValue ?? null);\n    const isControlled = value !== undefined;\n    const currentValue = value ?? internalValue;\n\n    const setValue = useCallback(\n        (next: string | null) => {\n            if (!isControlled) {\n                setInternalValue(next);\n            }\n\n            onValueChange?.(next);\n        },\n        [isControlled, onValueChange],\n    );\n\n    return [currentValue, setValue] as const;\n}\n\nfunction BouncyAccordionRow({\n    item,\n    open,\n    startsGroup,\n    endsGroup,\n    separatedFromPrevious,\n    contentId,\n    triggerId,\n    reduce,\n    classNames,\n    onToggle,\n}: {\n    item: BouncyAccordionItem;\n    open: boolean;\n    startsGroup: boolean;\n    endsGroup: boolean;\n    separatedFromPrevious: boolean;\n    contentId: string;\n    triggerId: string;\n    reduce: boolean | null;\n    classNames?: BouncyAccordionClassNames;\n    onToggle: () => void;\n}) {\n    const contentRef = useRef<HTMLDivElement>(null);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    useLayoutEffect(() => {\n        const node = contentRef.current;\n        if (!node) return;\n\n        const updateHeight = () => {\n            setContentHeight(node.offsetHeight);\n        };\n\n        updateHeight();\n\n        const observer = new ResizeObserver(updateHeight);\n        observer.observe(node);\n\n        return () => {\n            observer.disconnect();\n        };\n    }, []);\n\n    return (\n        <motion.div\n            initial={false}\n            animate={{ marginTop: separatedFromPrevious ? 12 : 0 }}\n            transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n        >\n            <motion.div\n                data-state={open ? \"open\" : \"closed\"}\n                initial={false}\n                animate={{\n                    borderTopLeftRadius: startsGroup ? 28 : 0,\n                    borderTopRightRadius: startsGroup ? 28 : 0,\n                    borderBottomLeftRadius: endsGroup ? 28 : 0,\n                    borderBottomRightRadius: endsGroup ? 28 : 0,\n                }}\n                transition={reduce ? { duration: 0 } : ROW_TRANSITION}\n                className={cn(\n                    \"overflow-hidden bg-muted/60 dark:bg-card text-card-foreground\",\n                    item.disabled && \"opacity-50\",\n                    classNames?.item,\n                )}\n            >\n                <button\n                    id={triggerId}\n                    type=\"button\"\n                    disabled={item.disabled}\n                    aria-expanded={open}\n                    aria-controls={contentId}\n                    onClick={onToggle}\n                    className={cn(\n                        \"flex min-h-[54px] w-full items-center gap-4 px-5 text-left outline-none transition-all duration-200\",\n                        \"hover:bg-muted/30 focus-visible:bg-muted/30\",\n                        \"disabled:pointer-events-none\",\n                        classNames?.trigger,\n                    )}\n                >\n                    {item.icon ? (\n                        <span\n                            className={cn(\n                                \"grid h-7 w-7 shrink-0 place-items-center text-muted-foreground\",\n                                classNames?.icon,\n                            )}\n                        >\n                            {item.icon}\n                        </span>\n                    ) : null}\n                    <span\n                        className={cn(\n                            \"min-w-0 flex-1 truncate text-[15px] font-medium text-foreground\",\n                            classNames?.title,\n                        )}\n                    >\n                        {item.title}\n                    </span>\n                    <motion.span\n                        aria-hidden\n                        animate={{ rotate: open ? 180 : 0 }}\n                        transition={reduce ? { duration: 0 } : CHEVRON_TRANSITION}\n                        className={cn(\n                            \"grid h-6 w-6 shrink-0 place-items-center text-muted-foreground\",\n                            classNames?.chevron,\n                        )}\n                    >\n                        <ChevronDown className=\"h-4 w-4\" />\n                    </motion.span>\n                </button>\n\n                <motion.div\n                    id={contentId}\n                    role=\"region\"\n                    aria-labelledby={triggerId}\n                    aria-hidden={!open}\n                    initial={false}\n                    animate={{\n                        height: open && item.description ? contentHeight : 0,\n                    }}\n                    transition={\n                        reduce\n                            ? { duration: 0 }\n                            : open\n                                ? CONTENT_OPEN_TRANSITION\n                                : CONTENT_CLOSE_TRANSITION\n                    }\n                    className={cn(\"overflow-hidden\", classNames?.content)}\n                >\n                    <motion.div\n                        ref={contentRef}\n                        animate={{\n                            opacity: open ? 1 : 0,\n                        }}\n                        transition={reduce ? { duration: 0 } : DESCRIPTION_TRANSITION}\n                        className=\"px-5 pb-5\"\n                    >\n                        <div\n                            className={cn(\n                                \"text-[15px] leading-6 text-muted-foreground\",\n                                classNames?.description,\n                            )}\n                        >\n                            {item.description}\n                        </div>\n                    </motion.div>\n                </motion.div>\n            </motion.div>\n        </motion.div>\n    );\n}\n\nexport function BouncyAccordion({\n    items,\n    value,\n    defaultValue = null,\n    onValueChange,\n    collapsible = true,\n    className,\n    classNames,\n}: BouncyAccordionProps) {\n    const reduce = useReducedMotion();\n    const baseId = useId();\n    const [activeValue, setActiveValue] = useControllableAccordionValue({\n        value,\n        defaultValue,\n        onValueChange,\n    });\n    const activeIndex = items.findIndex((item) => item.id === activeValue);\n\n    const toggleItem = useCallback(\n        (id: string) => {\n            if (activeValue === id) {\n                if (collapsible) {\n                    setActiveValue(null);\n                }\n                return;\n            }\n\n            setActiveValue(id);\n        },\n        [activeValue, collapsible, setActiveValue],\n    );\n\n    return (\n        <div className={cn(\"w-full\", className, classNames?.root)}>\n            {items.map((item, index) => {\n                const open = activeValue === item.id;\n                const previousIsOpen = activeIndex === index - 1;\n                const nextIsOpen = activeIndex === index + 1;\n                const startsGroup = open || index === 0 || previousIsOpen;\n                const endsGroup = open || index === items.length - 1 || nextIsOpen;\n                const separatedFromPrevious = index > 0 && (open || previousIsOpen);\n                const contentId = `${baseId}-${item.id}-content`;\n                const triggerId = `${baseId}-${item.id}-trigger`;\n\n                return (\n                    <BouncyAccordionRow\n                        key={item.id}\n                        item={item}\n                        open={open}\n                        startsGroup={startsGroup}\n                        endsGroup={endsGroup}\n                        separatedFromPrevious={separatedFromPrevious}\n                        contentId={contentId}\n                        triggerId={triggerId}\n                        reduce={reduce}\n                        classNames={classNames}\n                        onToggle={() => toggleItem(item.id)}\n                    />\n                );\n            })}\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/components/ui/breadcrumb.cjs.js

@@ -0,0 +1,2 @@
+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("lucide-react"),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");function s({className:e,...n}){return(0,r.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,className:t.cn(e),...n})}function c({className:e,...n}){return(0,r.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:t.cn(`flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:t.cn(`inline-flex items-center gap-1`,e),...n})}function u({className:e,render:n,...r}){return(0,o.useRender)({defaultTagName:`a`,props:(0,a.mergeProps)({className:t.cn(`transition-colors hover:text-foreground`,e)},r),render:n,state:{slot:`breadcrumb-link`}})}function d({className:e,...n}){return(0,r.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:t.cn(`font-normal text-foreground`,e),...n})}function f({children:e,className:i,...a}){return(0,r.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`[&>svg]:size-3.5`,i),...a,children:e??(0,r.jsx)(n.ChevronRightIcon,{})})}function p({className:e,...i}){return(0,r.jsxs)(`span`,{"data-slot":`breadcrumb-ellipsis`,role:`presentation`,"aria-hidden":`true`,className:t.cn(`flex size-5 items-center justify-center [&>svg]:size-4`,e),...i,children:[(0,r.jsx)(n.MoreHorizontalIcon,{}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More`})]})}exports.Breadcrumb=s,exports.BreadcrumbEllipsis=p,exports.BreadcrumbItem=l,exports.BreadcrumbLink=u,exports.BreadcrumbList=c,exports.BreadcrumbPage=d,exports.BreadcrumbSeparator=f;
+//# sourceMappingURL=breadcrumb.cjs.js.map

package/dist/components/ui/breadcrumb.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.cjs.js","names":[],"sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\"transition-colors hover:text-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":"uUAOA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,aAAW,aACX,YAAU,aACV,UAAW,EAAA,GAAG,CAAS,EACvB,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,kBACV,UAAW,EAAA,GACT,oFACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAqC,CAC3E,OACE,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,kBACV,UAAW,EAAA,GAAG,iCAAkC,CAAS,EACzD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAe,CACtB,YACA,SACA,GAAG,GAC6B,CAChC,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,IAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GAAG,0CAA2C,CAAS,CACpE,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,iBACR,CACF,CAAC,CACH,CAEA,SAAS,EAAe,CAAE,YAAW,GAAG,GAAuC,CAC7E,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,kBACV,KAAK,OACL,gBAAc,OACd,eAAa,OACb,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAoB,CAC3B,WACA,YACA,GAAG,GAC0B,CAC7B,OACE,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,uBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAA,GAAG,mBAAoB,CAAS,EAC3C,GAAI,WAEH,IACC,EAAA,EAAA,IAAA,CAAC,EAAA,iBAAD,CAAmB,CAAA,CAEnB,CAAA,CAER,CAEA,SAAS,EAAmB,CAC1B,YACA,GAAG,GAC4B,CAC/B,OACE,EAAA,EAAA,KAAA,CAAC,OAAD,CACE,YAAU,sBACV,KAAK,eACL,cAAY,OACZ,UAAW,EAAA,GACT,yDACA,CACF,EACA,GAAI,WARN,EAUE,EAAA,EAAA,IAAA,CAAC,EAAA,mBAAD,CACC,CAAA,GACD,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,UAAU,mBAAU,MAAU,CAAA,CAChC,GAEV"}

package/dist/components/ui/breadcrumb.d.ts

@@ -1,5 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
 import * as React from "react";
-import { useRender } from "@base-ui/react/use-render";
 declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;

package/dist/components/ui/breadcrumb.es.js

@@ -0,0 +1,74 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.es.js";
+import { ChevronRightIcon as t, MoreHorizontalIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { mergeProps as a } from "@base-ui/react/merge-props";
+import { useRender as o } from "@base-ui/react/use-render";
+//#region src/components/ui/breadcrumb.tsx
+function s({ className: t, ...n }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		className: e(t),
+		...n
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r("ol", {
+		"data-slot": "breadcrumb-list",
+		className: e("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", t),
+		...n
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-item",
+		className: e("inline-flex items-center gap-1", t),
+		...n
+	});
+}
+function u({ className: t, render: n, ...r }) {
+	return o({
+		defaultTagName: "a",
+		props: a({ className: e("transition-colors hover:text-foreground", t) }, r),
+		render: n,
+		state: { slot: "breadcrumb-link" }
+	});
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: e("font-normal text-foreground", t),
+		...n
+	});
+}
+function f({ children: n, className: i, ...a }) {
+	return /* @__PURE__ */ r("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("[&>svg]:size-3.5", i),
+		...a,
+		children: n ?? /* @__PURE__ */ r(t, {})
+	});
+}
+function p({ className: t, ...a }) {
+	return /* @__PURE__ */ i("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: e("flex size-5 items-center justify-center [&>svg]:size-4", t),
+		...a,
+		children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ r("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { s as Breadcrumb, p as BreadcrumbEllipsis, l as BreadcrumbItem, u as BreadcrumbLink, c as BreadcrumbList, d as BreadcrumbPage, f as BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb.es.js.map

package/dist/components/ui/breadcrumb.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.es.js","names":[],"sources":["../../../src/components/ui/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\n\nimport { cn } from \"../../lib/utils\"\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\"transition-colors hover:text-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,cAAW;EACX,aAAU;EACV,WAAW,EAAG,CAAS;EACvB,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,qFACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAqC;CAC3E,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,kCAAkC,CAAS;EACzD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAe,EACtB,cACA,WACA,GAAG,KAC6B;CAChC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EAAG,2CAA2C,CAAS,EACpE,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,kBACR;CACF,CAAC;AACH;AAEA,SAAS,EAAe,EAAE,cAAW,GAAG,KAAuC;CAC7E,OACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAoB,EAC3B,aACA,cACA,GAAG,KAC0B;CAC7B,OACE,kBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,EAAG,oBAAoB,CAAS;EAC3C,GAAI;YAEH,KACC,kBAAC,GAAD,CAAmB,CAAA;CAEnB,CAAA;AAER;AAEA,SAAS,EAAmB,EAC1B,cACA,GAAG,KAC4B;CAC/B,OACE,kBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,EACT,0DACA,CACF;EACA,GAAI;YARN,CAUE,kBAAC,GAAD,CACC,CAAA,GACD,kBAAC,QAAD;GAAM,WAAU;aAAU;EAAU,CAAA,CAChC;;AAEV"}

package/dist/components/ui/bubble.cjs.js

@@ -0,0 +1,2 @@
+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");function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`bubble-group`,className:t.cn(`flex min-w-0 flex-col gap-2`,e),...n})}var c=n.cva(`group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full`,{variants:{variant:{default:`*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80`,secondary:`*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]`,muted:`*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]`,tinted:`*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]`,outline:`*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30`,ghost:`border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50`,destructive:`*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30`}},defaultVariants:{variant:`default`}});function l({variant:e=`default`,align:n=`start`,className:i,...a}){return(0,r.jsx)(`div`,{"data-slot":`bubble`,"data-variant":e,"data-align":n,className:t.cn(c({variant:e}),i),...a})}function u({className:e,render:n,...r}){return(0,o.useRender)({defaultTagName:`div`,props:(0,a.mergeProps)({className:t.cn(`w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50`,e)},r),render:n,state:{slot:`bubble-content`}})}var d=n.cva(`absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0`,{variants:{side:{top:`top-0 -translate-y-3/4`,bottom:`bottom-0 translate-y-3/4`},align:{start:`left-3`,end:`right-3`}},defaultVariants:{side:`bottom`,align:`end`}});function f({side:e=`bottom`,align:n=`end`,className:i,...a}){return(0,r.jsx)(`div`,{"data-slot":`bubble-reactions`,"data-align":n,"data-side":e,className:t.cn(d({side:e,align:n}),i),...a})}exports.Bubble=l,exports.BubbleContent=u,exports.BubbleGroup=s,exports.BubbleReactions=f;
+//# sourceMappingURL=bubble.cjs.js.map

package/dist/components/ui/bubble.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.cjs.js","names":[],"sources":["../../../src/components/ui/bubble.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\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80\",\n        secondary:\n          \"*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\",\n        muted:\n          \"*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]\",\n        tinted:\n          \"*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]\",\n        outline:\n          \"*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30\",\n        ghost:\n          \"border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50\",\n        destructive:\n          \"*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0\",\n  {\n    variants: {\n      side: {\n        top: \"top-0 -translate-y-3/4\",\n        bottom: \"bottom-0 translate-y-3/4\",\n      },\n      align: {\n        start: \"left-3\",\n        end: \"right-3\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n"],"mappings":"yaAOA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,IAAM,EAAiB,EAAA,IACrB,wKACA,CACE,SAAU,CACR,QAAS,CACP,QACE,+JACF,UACE,oNACF,MACE,qJACF,OACE,kaACF,QACE,wRACF,MACE,qUACF,YACE,+RACJ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAO,CACd,UAAU,UACV,QAAQ,QACR,YACA,GAAG,GAIA,CACH,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,SACV,eAAc,EACd,aAAY,EACZ,UAAW,EAAA,GAAG,EAAe,CAAE,SAAQ,CAAC,EAAG,CAAS,EACpD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CACrB,YACA,SACA,GAAG,GAC+B,CAClC,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,MAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GACT,4VACA,CACF,CACF,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,gBACR,CACF,CAAC,CACH,CAEA,IAAM,EAA0B,EAAA,IAC9B,oJACA,CACE,SAAU,CACR,KAAM,CACJ,IAAK,yBACL,OAAQ,0BACV,EACA,MAAO,CACL,MAAO,SACP,IAAK,SACP,CACF,EACA,gBAAiB,CACf,KAAM,SACN,MAAO,KACT,CACF,CACF,EAEA,SAAS,EAAgB,CACvB,OAAO,SACP,QAAQ,MACR,YACA,GAAG,GAIF,CACD,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,YAAU,mBACV,aAAY,EACZ,YAAW,EACX,UAAW,EAAA,GAAG,EAAwB,CAAE,OAAM,OAAM,CAAC,EAAG,CAAS,EACjE,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/bubble.d.ts

@@ -1,10 +1,10 @@
+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 function BubbleGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 declare const bubbleVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "muted" | "tinted" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "muted" | "tinted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Bubble({ variant, align, className, ...props }: React.ComponentProps<"div"> & VariantProps<typeof bubbleVariants> & {
     align?: "start" | "end";
 }): React.JSX.Element;

package/dist/components/ui/bubble.es.js

@@ -0,0 +1,75 @@
+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/bubble.tsx
+function a({ className: t, ...r }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble-group",
+		className: e("flex min-w-0 flex-col gap-2", t),
+		...r
+	});
+}
+var o = t("group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full", {
+	variants: { variant: {
+		default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+		secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+		muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+		tinted: "*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]",
+		outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+		ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+		destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function s({ variant: t = "default", align: r = "start", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble",
+		"data-variant": t,
+		"data-align": r,
+		className: e(o({ variant: t }), i),
+		...a
+	});
+}
+function c({ className: t, render: n, ...a }) {
+	return i({
+		defaultTagName: "div",
+		props: r({ className: e("w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50", t) }, a),
+		render: n,
+		state: { slot: "bubble-content" }
+	});
+}
+var l = t("absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0", {
+	variants: {
+		side: {
+			top: "top-0 -translate-y-3/4",
+			bottom: "bottom-0 translate-y-3/4"
+		},
+		align: {
+			start: "left-3",
+			end: "right-3"
+		}
+	},
+	defaultVariants: {
+		side: "bottom",
+		align: "end"
+	}
+});
+function u({ side: t = "bottom", align: r = "end", className: i, ...a }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "bubble-reactions",
+		"data-align": r,
+		"data-side": t,
+		className: e(l({
+			side: t,
+			align: r
+		}), i),
+		...a
+	});
+}
+//#endregion
+export { s as Bubble, c as BubbleContent, a as BubbleGroup, u as BubbleReactions };
+
+//# sourceMappingURL=bubble.es.js.map

package/dist/components/ui/bubble.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.es.js","names":[],"sources":["../../../src/components/ui/bubble.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\nfunction BubbleGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"bubble-group\"\n      className={cn(\"flex min-w-0 flex-col gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nconst bubbleVariants = cva(\n  \"group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80\",\n        secondary:\n          \"*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]\",\n        muted:\n          \"*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]\",\n        tinted:\n          \"*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.93_calc(c*0.4)_h)] *:data-[slot=bubble-content]:text-foreground dark:*:data-[slot=bubble-content]:bg-[oklch(from_var(--primary)_0.3_calc(c*0.4)_h)] [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.88_calc(c*0.5)_h)] dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-[oklch(from_var(--primary)_0.35_calc(c*0.5)_h)]\",\n        outline:\n          \"*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-background [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30\",\n        ghost:\n          \"border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50\",\n        destructive:\n          \"*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Bubble({\n  variant = \"default\",\n  align = \"start\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof bubbleVariants> & {\n    align?: \"start\" | \"end\"\n  }) {\n  return (\n    <div\n      data-slot=\"bubble\"\n      data-variant={variant}\n      data-align={align}\n      className={cn(bubbleVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction BubbleContent({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"bubble-content\",\n    },\n  })\n}\n\nconst bubbleReactionsVariants = cva(\n  \"absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0\",\n  {\n    variants: {\n      side: {\n        top: \"top-0 -translate-y-3/4\",\n        bottom: \"bottom-0 translate-y-3/4\",\n      },\n      align: {\n        start: \"left-3\",\n        end: \"right-3\",\n      },\n    },\n    defaultVariants: {\n      side: \"bottom\",\n      align: \"end\",\n    },\n  }\n)\n\nfunction BubbleReactions({\n  side = \"bottom\",\n  align = \"end\",\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  align?: \"start\" | \"end\"\n  side?: \"top\" | \"bottom\"\n}) {\n  return (\n    <div\n      data-slot=\"bubble-reactions\"\n      data-align={align}\n      data-side={side}\n      className={cn(bubbleReactionsVariants({ side, align }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { BubbleGroup, Bubble, BubbleContent, BubbleReactions }\n"],"mappings":";;;;;;;AAOA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAiB,EACrB,yKACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,OACE;EACF,QACE;EACF,SACE;EACF,OACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAO,EACd,aAAU,WACV,WAAQ,SACR,cACA,GAAG,KAIA;CACH,OACE,kBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,cAAY;EACZ,WAAW,EAAG,EAAe,EAAE,WAAQ,CAAC,GAAG,CAAS;EACpD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EACrB,cACA,WACA,GAAG,KAC+B;CAClC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,6VACA,CACF,EACF,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,iBACR;CACF,CAAC;AACH;AAEA,IAAM,IAA0B,EAC9B,qJACA;CACE,UAAU;EACR,MAAM;GACJ,KAAK;GACL,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,KAAK;EACP;CACF;CACA,iBAAiB;EACf,MAAM;EACN,OAAO;CACT;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,UAAO,UACP,WAAQ,OACR,cACA,GAAG,KAIF;CACD,OACE,kBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,aAAW;EACX,WAAW,EAAG,EAAwB;GAAE;GAAM;EAAM,CAAC,GAAG,CAAS;EACjE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/button-group.cjs.js

@@ -0,0 +1,2 @@
+require("../../_virtual/_rolldown/runtime.cjs.js");const e=require("../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.cjs.js"),t=require("../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs.js"),n=require("./separator.cjs.js");let r=require("react/jsx-runtime"),i=require("@base-ui/react/merge-props"),a=require("@base-ui/react/use-render");var o=t.cva(`flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0`,vertical:`flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0`}},defaultVariants:{orientation:`horizontal`}});function s({className:t,orientation:n,...i}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":n,className:e.cn(o({orientation:n}),t),...i})}function c({className:t,render:n,...r}){return(0,a.useRender)({defaultTagName:`div`,props:(0,i.mergeProps)({className:e.cn(`flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4`,t)},r),render:n,state:{slot:`button-group-text`}})}function l({className:t,orientation:i=`vertical`,...a}){return(0,r.jsx)(n.Separator,{"data-slot":`button-group-separator`,orientation:i,className:e.cn(`relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto`,t),...a})}exports.ButtonGroup=s,exports.ButtonGroupSeparator=l,exports.ButtonGroupText=c,exports.buttonGroupVariants=o;
+//# sourceMappingURL=button-group.cjs.js.map

package/dist/components/ui/button-group.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.cjs.js","names":[],"sources":["../../../src/components/ui/button-group.tsx"],"sourcesContent":["import { 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\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n        vertical:\n          \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n      },\n    },\n    defaultVariants: {\n      orientation: \"horizontal\",\n    },\n  }\n)\n\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction ButtonGroupText({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"div\">) {\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"button-group-text\",\n    },\n  })\n}\n\nfunction ButtonGroupSeparator({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        \"relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n}\n"],"mappings":"+ZAOA,IAAM,EAAsB,EAAA,IAC1B,2RACA,CACE,SAAU,CACR,YAAa,CACX,WACE,qKACF,SACE,6KACJ,CACF,EACA,gBAAiB,CACf,YAAa,YACf,CACF,CACF,EAEA,SAAS,EAAY,CACnB,YACA,cACA,GAAG,GACsE,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,KAAK,QACL,YAAU,eACV,mBAAkB,EAClB,UAAW,EAAA,GAAG,EAAoB,CAAE,aAAY,CAAC,EAAG,CAAS,EAC7D,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CACvB,YACA,SACA,GAAG,GAC+B,CAClC,OAAA,EAAA,EAAA,UAAA,CAAiB,CACf,eAAgB,MAChB,OAAA,EAAA,EAAA,WAAA,CACE,CACE,UAAW,EAAA,GACT,iJACA,CACF,CACF,EACA,CACF,EACA,SACA,MAAO,CACL,KAAM,mBACR,CACF,CAAC,CACH,CAEA,SAAS,EAAqB,CAC5B,YACA,cAAc,WACd,GAAG,GACsC,CACzC,OACE,EAAA,EAAA,IAAA,CAAC,EAAA,UAAD,CACE,YAAU,yBACG,cACb,UAAW,EAAA,GACT,uHACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/components/ui/button-group.d.ts

@@ -1,10 +1,10 @@
-import { useRender } from "@base-ui/react/use-render";
-import { type VariantProps } from "class-variance-authority";
-import { Separator } from "./separator";
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
-declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };