@hirely/ui 0.1.8 → 1.0.0

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

@@ -0,0 +1,148 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { EASE_OUT as t } from "../../lib/ease.js";
+import { ChevronDown as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { useCallback as a, useId as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { motion as u, useReducedMotion as d } from "motion/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: t
+}, g = {
+	type: "spring",
+	duration: .42,
+	bounce: .28
+};
+function _({ value: e, defaultValue: t, onValueChange: n }) {
+	let [r, i] = l(t ?? null), o = e !== void 0;
+	return [e ?? r, a((e) => {
+		o || i(e), n?.(e);
+	}, [o, n])];
+}
+function v({ item: t, open: a, startsGroup: o, endsGroup: d, separatedFromPrevious: _, contentId: v, triggerId: y, reduce: b, classNames: x, onToggle: S }) {
+	let C = c(null), [w, T] = l(0);
+	return s(() => {
+		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__ */ r(u.div, {
+		initial: !1,
+		animate: { marginTop: _ ? 12 : 0 },
+		transition: b ? { duration: 0 } : f,
+		children: /* @__PURE__ */ i(u.div, {
+			"data-state": a ? "open" : "closed",
+			initial: !1,
+			animate: {
+				borderTopLeftRadius: o ? 28 : 0,
+				borderTopRightRadius: o ? 28 : 0,
+				borderBottomLeftRadius: d ? 28 : 0,
+				borderBottomRightRadius: d ? 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__ */ i("button", {
+				id: y,
+				type: "button",
+				disabled: t.disabled,
+				"aria-expanded": a,
+				"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__ */ r("span", {
+						className: e("grid h-7 w-7 shrink-0 place-items-center text-muted-foreground", x?.icon),
+						children: t.icon
+					}) : null,
+					/* @__PURE__ */ r("span", {
+						className: e("min-w-0 flex-1 truncate text-[15px] font-medium text-foreground", x?.title),
+						children: t.title
+					}),
+					/* @__PURE__ */ r(u.span, {
+						"aria-hidden": !0,
+						animate: { rotate: a ? 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__ */ r(n, { className: "h-4 w-4" })
+					})
+				]
+			}), /* @__PURE__ */ r(u.div, {
+				id: v,
+				role: "region",
+				"aria-labelledby": y,
+				"aria-hidden": !a,
+				initial: !1,
+				animate: { height: a && t.description ? w : 0 },
+				transition: b ? { duration: 0 } : a ? p : m,
+				className: e("overflow-hidden", x?.content),
+				children: /* @__PURE__ */ r(u.div, {
+					ref: C,
+					animate: { opacity: +!!a },
+					transition: b ? { duration: 0 } : h,
+					className: "px-5 pb-5",
+					children: /* @__PURE__ */ r("div", {
+						className: e("text-[15px] leading-6 text-muted-foreground", x?.description),
+						children: t.description
+					})
+				})
+			})]
+		})
+	});
+}
+function y({ items: t, value: n, defaultValue: i = null, onValueChange: s, collapsible: c = !0, className: l, classNames: u }) {
+	let f = d(), p = o(), [m, h] = _({
+		value: n,
+		defaultValue: i,
+		onValueChange: s
+	}), g = t.findIndex((e) => e.id === m), y = a((e) => {
+		if (m === e) {
+			c && h(null);
+			return;
+		}
+		h(e);
+	}, [
+		m,
+		c,
+		h
+	]);
+	return /* @__PURE__ */ r("div", {
+		className: e("w-full", l, u?.root),
+		children: t.map((e, n) => {
+			let i = m === e.id, a = g === n - 1, o = g === n + 1;
+			return /* @__PURE__ */ r(v, {
+				item: e,
+				open: i,
+				startsGroup: i || n === 0 || a,
+				endsGroup: i || n === t.length - 1 || o,
+				separatedFromPrevious: n > 0 && (i || a),
+				contentId: `${p}-${e.id}-content`,
+				triggerId: `${p}-${e.id}-trigger`,
+				reduce: f,
+				classNames: u,
+				onToggle: () => y(e.id)
+			}, e.id);
+		})
+	});
+}
+//#endregion
+export { y as BouncyAccordion };
+
+//# sourceMappingURL=bouncy-accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bouncy-accordion.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.js

@@ -0,0 +1,74 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.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.js

@@ -0,0 +1,75 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bubble.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.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Separator as n } from "./separator.js";
+import { jsx as r } from "react/jsx-runtime";
+import { mergeProps as i } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+//#region src/components/ui/button-group.tsx
+var o = t("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 /* @__PURE__ */ r("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": n,
+		className: e(o({ orientation: n }), t),
+		...i
+	});
+}
+function c({ className: t, render: n, ...r }) {
+	return a({
+		defaultTagName: "div",
+		props: i({ className: e("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 /* @__PURE__ */ r(n, {
+		"data-slot": "button-group-separator",
+		orientation: i,
+		className: e("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", t),
+		...a
+	});
+}
+//#endregion
+export { s as ButtonGroup, l as ButtonGroupSeparator, c as ButtonGroupText, o as buttonGroupVariants };
+
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.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":";;;;;;;AAOA,IAAM,IAAsB,EAC1B,4RACA;CACE,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;CACJ,EACF;CACA,iBAAiB,EACf,aAAa,aACf;AACF,CACF;AAEA,SAAS,EAAY,EACnB,cACA,gBACA,GAAG,KACsE;CACzE,OACE,kBAAC,OAAD;EACE,MAAK;EACL,aAAU;EACV,oBAAkB;EAClB,WAAW,EAAG,EAAoB,EAAE,eAAY,CAAC,GAAG,CAAS;EAC7D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EACvB,cACA,WACA,GAAG,KAC+B;CAClC,OAAO,EAAU;EACf,gBAAgB;EAChB,OAAO,EACL,EACE,WAAW,EACT,kJACA,CACF,EACF,GACA,CACF;EACA;EACA,OAAO,EACL,MAAM,oBACR;CACF,CAAC;AACH;AAEA,SAAS,EAAqB,EAC5B,cACA,iBAAc,YACd,GAAG,KACsC;CACzC,OACE,kBAAC,GAAD;EACE,aAAU;EACG;EACb,WAAW,EACT,wHACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/button.js

@@ -0,0 +1,46 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { cva as t } from "../../node_modules/.bun/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r } from "@base-ui/react/button";
+//#region src/components/ui/button.tsx
+var i = t("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function a({ className: t, variant: a = "default", size: o = "default", ...s }) {
+	return /* @__PURE__ */ n(r, {
+		"data-slot": "button",
+		className: e(i({
+			variant: a,
+			size: o,
+			className: t
+		})),
+		...s
+	});
+}
+//#endregion
+export { a as Button, i as buttonVariants };
+
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        icon: \"size-8\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n"],"mappings":";;;;;AAKA,IAAM,IAAiB,EACrB,8lBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,GAAG,KAC2D;CAC9D,OACE,kBAAC,GAAD;EACE,aAAU;EACV,WAAW,EAAG,EAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/calendar.js

@@ -0,0 +1,93 @@
+import { cn as e } from "../../node_modules/.bun/cnfast@0.0.8/node_modules/cnfast/dist/index.js";
+import { Button as t, buttonVariants as n } from "./button.js";
+import { ChevronDownIcon as r, ChevronLeftIcon as i, ChevronRightIcon as a } from "lucide-react";
+import { jsx as o } from "react/jsx-runtime";
+import * as s from "react";
+import { DayPicker as c, getDefaultClassNames as l } from "react-day-picker";
+//#region src/components/ui/calendar.tsx
+function u({ className: t, classNames: s, showOutsideDays: u = !0, captionLayout: f = "label", buttonVariant: p = "ghost", locale: m, formatters: h, components: g, ..._ }) {
+	let v = l();
+	return /* @__PURE__ */ o(c, {
+		showOutsideDays: u,
+		className: e("group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, t),
+		captionLayout: f,
+		locale: m,
+		formatters: {
+			formatMonthDropdown: (e) => e.toLocaleString(m?.code, { month: "short" }),
+			...h
+		},
+		classNames: {
+			root: e("w-fit", v.root),
+			months: e("relative flex flex-col gap-4 md:flex-row", v.months),
+			month: e("flex w-full flex-col gap-4", v.month),
+			nav: e("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", v.nav),
+			button_previous: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_previous),
+			button_next: e(n({ variant: p }), "size-(--cell-size) p-0 select-none aria-disabled:opacity-50", v.button_next),
+			month_caption: e("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)", v.month_caption),
+			dropdowns: e("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium", v.dropdowns),
+			dropdown_root: e("relative rounded-(--cell-radius)", v.dropdown_root),
+			dropdown: e("absolute inset-0 bg-popover opacity-0", v.dropdown),
+			caption_label: e("font-medium select-none", f === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground", v.caption_label),
+			month_grid: e("w-full border-collapse", v.month_grid),
+			weekdays: e("flex", v.weekdays),
+			weekday: e("flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none", v.weekday),
+			week: e("mt-2 flex w-full", v.week),
+			week_number_header: e("w-(--cell-size) select-none", v.week_number_header),
+			week_number: e("text-[0.8rem] text-muted-foreground select-none", v.week_number),
+			day: e("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)", _.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", v.day),
+			range_start: e("relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted", v.range_start),
+			range_middle: e("rounded-none", v.range_middle),
+			range_end: e("relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted", v.range_end),
+			today: e("rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none", v.today),
+			outside: e("text-muted-foreground aria-selected:text-muted-foreground", v.outside),
+			disabled: e("text-muted-foreground opacity-50", v.disabled),
+			hidden: e("invisible", v.hidden),
+			...s
+		},
+		components: {
+			Root: ({ className: t, rootRef: n, ...r }) => /* @__PURE__ */ o("div", {
+				"data-slot": "calendar",
+				ref: n,
+				className: e(t),
+				...r
+			}),
+			Chevron: ({ className: t, orientation: n, ...s }) => o(n === "left" ? i : n === "right" ? a : r, {
+				className: e("size-4", t),
+				...s
+			}),
+			DayButton: ({ ...e }) => /* @__PURE__ */ o(d, {
+				locale: m,
+				...e
+			}),
+			WeekNumber: ({ children: e, ...t }) => /* @__PURE__ */ o("td", {
+				...t,
+				children: /* @__PURE__ */ o("div", {
+					className: "flex size-(--cell-size) items-center justify-center text-center",
+					children: e
+				})
+			}),
+			...g
+		},
+		..._
+	});
+}
+function d({ className: n, day: r, modifiers: i, locale: a, ...c }) {
+	let u = l(), d = s.useRef(null);
+	return s.useEffect(() => {
+		i.focused && d.current?.focus();
+	}, [i.focused]), /* @__PURE__ */ o(t, {
+		variant: "ghost",
+		size: "icon",
+		"data-day": r.date.toLocaleDateString(a?.code),
+		"data-selected-single": i.selected && !i.range_start && !i.range_end && !i.range_middle,
+		"data-range-start": i.range_start,
+		"data-range-end": i.range_end,
+		"data-range-middle": i.range_middle,
+		className: e("relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70", u.day, n),
+		...c
+	});
+}
+//#endregion
+export { u as Calendar, d as CalendarDayButton };
+
+//# sourceMappingURL=calendar.js.map

package/dist/components/ui/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","names":[],"sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport {\n  DayPicker,\n  getDefaultClassNames,\n  type DayButton,\n  type Locale,\n} from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Button, buttonVariants } from \"./button\"\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from \"lucide-react\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  locale,\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"group/calendar bg-background p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      locale={locale}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(locale?.code, { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"relative flex flex-col gap-4 md:flex-row\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex w-full flex-col gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) p-0 select-none aria-disabled:opacity-50\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative rounded-(--cell-radius)\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute inset-0 bg-popover opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"font-medium select-none\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground\",\n          defaultClassNames.caption_label\n        ),\n        month_grid: cn(\"w-full border-collapse\", defaultClassNames.month_grid),\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"mt-2 flex w-full\", defaultClassNames.week),\n        week_number_header: cn(\n          \"w-(--cell-size) select-none\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] text-muted-foreground select-none\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)\",\n          props.showWeekNumber\n            ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)\"\n            : \"[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\n          \"relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted\",\n          defaultClassNames.range_end\n        ),\n        today: cn(\n          \"rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: ({ ...props }) => (\n          <CalendarDayButton locale={locale} {...props} />\n        ),\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  locale,\n  ...props\n}: React.ComponentProps<typeof DayButton> & { locale?: Partial<Locale> }) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString(locale?.code)}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":";;;;;;;AAYA,SAAS,EAAS,EAChB,cACA,eACA,qBAAkB,IAClB,mBAAgB,SAChB,mBAAgB,SAChB,WACA,eACA,eACA,GAAG,KAGF;CACD,IAAM,IAAoB,EAAqB;CAE/C,OACE,kBAAC,GAAD;EACmB;EACjB,WAAW,EACT,yLACA,OAAO,GAAG,6CACV,OAAO,GAAG,iDACV,CACF;EACe;EACP;EACR,YAAY;GACV,sBAAsB,MACpB,EAAK,eAAe,GAAQ,MAAM,EAAE,OAAO,QAAQ,CAAC;GACtD,GAAG;EACL;EACA,YAAY;GACV,MAAM,EAAG,SAAS,EAAkB,IAAI;GACxC,QAAQ,EACN,4CACA,EAAkB,MACpB;GACA,OAAO,EAAG,8BAA8B,EAAkB,KAAK;GAC/D,KAAK,EACH,2EACA,EAAkB,GACpB;GACA,iBAAiB,EACf,EAAe,EAAE,SAAS,EAAc,CAAC,GACzC,+DACA,EAAkB,eACpB;GACA,aAAa,EACX,EAAe,EAAE,SAAS,EAAc,CAAC,GACzC,+DACA,EAAkB,WACpB;GACA,eAAe,EACb,4EACA,EAAkB,aACpB;GACA,WAAW,EACT,uFACA,EAAkB,SACpB;GACA,eAAe,EACb,oCACA,EAAkB,aACpB;GACA,UAAU,EACR,yCACA,EAAkB,QACpB;GACA,eAAe,EACb,2BACA,MAAkB,UACd,YACA,0GACJ,EAAkB,aACpB;GACA,YAAY,EAAG,0BAA0B,EAAkB,UAAU;GACrE,UAAU,EAAG,QAAQ,EAAkB,QAAQ;GAC/C,SAAS,EACP,8FACA,EAAkB,OACpB;GACA,MAAM,EAAG,oBAAoB,EAAkB,IAAI;GACnD,oBAAoB,EAClB,+BACA,EAAkB,kBACpB;GACA,aAAa,EACX,mDACA,EAAkB,WACpB;GACA,KAAK,EACH,0KACA,EAAM,iBACF,0EACA,wEACJ,EAAkB,GACpB;GACA,aAAa,EACX,iIACA,EAAkB,WACpB;GACA,cAAc,EAAG,gBAAgB,EAAkB,YAAY;GAC/D,WAAW,EACT,gIACA,EAAkB,SACpB;GACA,OAAO,EACL,sFACA,EAAkB,KACpB;GACA,SAAS,EACP,6DACA,EAAkB,OACpB;GACA,UAAU,EACR,oCACA,EAAkB,QACpB;GACA,QAAQ,EAAG,aAAa,EAAkB,MAAM;GAChD,GAAG;EACL;EACA,YAAY;GACV,OAAO,EAAE,cAAW,YAAS,GAAG,QAE5B,kBAAC,OAAD;IACE,aAAU;IACV,KAAK;IACL,WAAW,EAAG,CAAS;IACvB,GAAI;GACL,CAAA;GAGL,UAAU,EAAE,cAAW,gBAAa,GAAG,QAGjC,EAFA,MAAgB,SAEf,IAID,MAAgB,UAEf,IAKF,GAXC;IAAiB,WAAW,EAAG,UAAU,CAAS;IAAG,GAAI;GAAQ,CAAA;GAcvE,YAAY,EAAE,GAAG,QACf,kBAAC,GAAD;IAA2B;IAAQ,GAAI;GAAQ,CAAA;GAEjD,aAAa,EAAE,aAAU,GAAG,QAExB,kBAAC,MAAD;IAAI,GAAI;cACN,kBAAC,OAAD;KAAK,WAAU;KACZ;IACE,CAAA;GACH,CAAA;GAGR,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EACzB,cACA,QACA,cACA,WACA,GAAG,KACqE;CACxE,IAAM,IAAoB,EAAqB,GAEzC,IAAM,EAAM,OAA0B,IAAI;CAKhD,OAJA,EAAM,gBAAgB;EACpB,AAAI,EAAU,WAAS,EAAI,SAAS,MAAM;CAC5C,GAAG,CAAC,EAAU,OAAO,CAAC,GAGpB,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,YAAU,EAAI,KAAK,mBAAmB,GAAQ,IAAI;EAClD,wBACE,EAAU,YACV,CAAC,EAAU,eACX,CAAC,EAAU,aACX,CAAC,EAAU;EAEb,oBAAkB,EAAU;EAC5B,kBAAgB,EAAU;EAC1B,qBAAmB,EAAU;EAC7B,WAAW,EACT,w7BACA,EAAkB,KAClB,CACF;EACA,GAAI;CACL,CAAA;AAEL"}