@neut/ui 0.0.16 → 0.0.18

package/dist/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.js

@@ -7,9 +7,14 @@ var o = /*#__PURE__*/ i("<span role=link data-slot=breadcrumb-page tabindex=0 ar
 	let [s, c] = a(i, ["class", "classList"]);
 	return (() => {
 		var i = o();
-		return r(i, n({ get class() {
-			return e(t, s.class);
-		} }, c), !1, !1), i;
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
 	})();
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbPage.js","names":["splitProps","BreadcrumbPageProps","classes","clsx","BreadcrumbPage","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","BreadcrumbPage","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbPageProps } from \"./BreadcrumbPage.types\";\nimport { classes } from \"./BreadcrumbPage.styles\";\nimport { clsx } from \"~/utils\";\n\nexport const BreadcrumbPage = (props: BreadcrumbPageProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      role=\"link\"\n      data-slot=\"breadcrumb-page\"\n      tabIndex={0}\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;uHAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAOWpB,EAAKD,GAASI,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"BreadcrumbPage.js","names":["splitProps","BreadcrumbPageProps","classes","clsx","BreadcrumbPage","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","BreadcrumbPage","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../../src/components/breadcrumb/BreadcrumbPage/BreadcrumbPage.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { BreadcrumbPageProps } from \"./BreadcrumbPage.types\";\nimport { classes } from \"./BreadcrumbPage.styles\";\nimport { clsx } from \"~/utils\";\n\nexport const BreadcrumbPage = (props: BreadcrumbPageProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <span\n      role=\"link\"\n      data-slot=\"breadcrumb-page\"\n      tabIndex={0}\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;uHAKaI,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAAa,QAAA;IAAA,OAOWrB,EAAKD,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.js

@@ -12,9 +12,14 @@ var u = /*#__PURE__*/ o("<li data-slot=breadcrumb-separator role=presentation ar
 	]);
 	return (() => {
 		var o = u();
-		return a(o, i({ get class() {
-			return e(t, d.class);
-		} }, f), !1, !0), r(o, n(s, {
+		return a(o, i({
+			get class() {
+				return e(t, d.class);
+			},
+			get classList() {
+				return d.classList;
+			}
+		}, f), !1, !0), r(o, n(s, {
 			get when() {
 				return d.children;
 			},

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

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$insert","_$createComponent","when","children","fallback","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Show","ChevronRight"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;mGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAYqB,OAZrBC,EAAAF,GAAAG,EAAA,EAAA,IAAAkB,QAAA;GAAA,OAKW3B,EAAKD,GAASK,EAAMM,KAAK;EAAC,EAAA,GAC7BL,CAAM,GAAA,IAAA,EAAA,GAAAM,EAAAL,GAAAM,EAEThB,GAAI;GAAA,IACHiB,OAAI;IAAA,OAAET,EAAMU;GAAQ;GAAA,IACpBC,WAAQ;IAAA,OAAAH,EAAGX,GAAY,EAAA0B,OAAA,cAAA,CAAA;GAAA;GAAA,IAAAb,WAAA;IAAA,OAEtBV,EAAMU;GAAQ;EAAA,CAAA,CAAA,GAAAR;CAAA,EAAA,CAAA;AAIvB"}
+{"version":3,"file":"BreadcrumbSeparator.js","names":["Show","splitProps","BreadcrumbSeparatorProps","classes","clsx","ChevronRight","BreadcrumbSeparator","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$insert","_$createComponent","when","children","fallback","_$mergeProps","_$createComponent","_tmpl$","BreadcrumbSeparator","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","classes","insert","createComponent","Show","ChevronRight"],"sources":["../../../../src/components/breadcrumb/BreadcrumbSeparator/BreadcrumbSeparator.tsx"],"sourcesContent":["import { Show, splitProps } from \"solid-js\";\nimport type { BreadcrumbSeparatorProps } from \"./BreadcrumbSeparator.types\";\nimport { classes } from \"./BreadcrumbSeparator.styles\";\nimport { clsx } from \"~/utils\";\nimport { ChevronRight } from \"lucide-solid\";\n\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\", \"children\"]);\n\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    >\n      <Show\n        when={local.children}\n        fallback={<ChevronRight class=\"cn-rtl-flip\" />}\n      >\n        {local.children}\n      </Show>\n    </li>\n  );\n};\n"],"mappings":";;;;;;mGAMaM,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE5E,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAaqB,OAbrBC,EAAAF,GAAAG,EAAA;GAAA,IAAAmB,QAAA;IAAA,OAKW5B,EAAKD,GAASK,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAO,EAAAN,GAAAO,EAETjB,GAAI;GAAA,IACHkB,OAAI;IAAA,OAAEV,EAAMW;GAAQ;GAAA,IACpBC,WAAQ;IAAA,OAAAH,EAAGZ,GAAY,EAAA2B,OAAA,cAAA,CAAA;GAAA;GAAA,IAAAb,WAAA;IAAA,OAEtBX,EAAMW;GAAQ;EAAA,CAAA,CAAA,GAAAT;CAAA,EAAA,CAAA;AAIvB"}

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

@@ -0,0 +1,3 @@
+import { BubbleProps } from './Bubble.types';
+/** 对话气泡根容器：驱动变体与对齐（气泡内的内容放在直接子级 BubbleContent） */
+export declare function Bubble(props: BubbleProps): import('solid-js').JSX.Element;

package/dist/components/bubble/Bubble/Bubble.js

@@ -0,0 +1,39 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { bubbleVariants as t } from "./Bubble.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/bubble/Bubble/Bubble.tsx
+var s = /*#__PURE__*/ i("<div>");
+function c(i) {
+	let c = a({
+		variant: "default",
+		align: "start"
+	}, i), [l, u] = o(c, [
+		"variant",
+		"align",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var i = s();
+		return r(i, n(u, {
+			"data-slot": "bubble",
+			get "data-variant"() {
+				return l.variant;
+			},
+			get "data-align"() {
+				return l.align;
+			},
+			get class() {
+				return e(t({ variant: l.variant }), l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}), !1, !1), i;
+	})();
+}
+//#endregion
+export { c as Bubble };
+
+//# sourceMappingURL=Bubble.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.js","names":["mergeProps","splitProps","clsx","bubbleVariants","BubbleProps","Bubble","props","merged","variant","align","const","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","data-align","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Bubble","merged","props","local","rest","splitProps","_el$","spread","mergeProps","\"class\"","clsx","bubbleVariants"],"sources":["../../../../src/components/bubble/Bubble/Bubble.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { bubbleVariants } from \"./Bubble.styles\";\nimport type { BubbleProps } from \"./Bubble.types\";\n\n/** 对话气泡根容器：驱动变体与对齐（气泡内的内容放在直接子级 BubbleContent） */\nexport function Bubble(props: BubbleProps) {\n  const merged = mergeProps(\n    { variant: \"default\", align: \"start\" } as const,\n    props,\n  );\n  const [local, rest] = splitProps(merged, [\n    \"variant\",\n    \"align\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"bubble\"\n      data-variant={local.variant}\n      data-align={local.align}\n      class={clsx(bubbleVariants({ variant: local.variant }), local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgBK,EAAOC,GAAoB;CACzC,IAAMC,IAASP,EACb;EAAEQ,SAAS;EAAWC,OAAO;CAAQ,GACrCH,CACF,GACM,CAACK,GAAOC,KAAQX,EAAWM,GAAQ;EACvC;EACA;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAO8B,OAP9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAQ,IAAA,iBAAA;IAAA,OACJD,EAAMH;GAAO;GAAA,IAAA,eAAA;IAAA,OACfG,EAAMF;GAAK;GAAA,IAAAyB,QAAA;IAAA,OAChBhC,EAAKC,EAAe,EAAEK,SAASG,EAAMH,QAAQ,CAAC,GAAGG,EAAMQ,KAAK;GAAC;GAAA,IACpEC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAP;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/bubble/Bubble/Bubble.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 对齐 shadcn base 版 `bubble.tsx`。`*:data-[slot=bubble-content]:*` 会命中直接子级
+ * BubbleContent，因此 BubbleContent 必须是 Bubble 的直接子元素。
+ */
+export declare const bubbleVariants: (props?: ({
+    variant?: "outline" | "destructive" | "secondary" | "ghost" | "default" | "muted" | "tinted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/bubble/Bubble/Bubble.styles.js

@@ -0,0 +1,18 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/bubble/Bubble/Bubble.styles.ts
+var t = e("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" }
+});
+//#endregion
+export { t as bubbleVariants };
+
+//# sourceMappingURL=Bubble.styles.js.map

package/dist/components/bubble/Bubble/Bubble.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bubble.styles.js","names":["bubbleVariants","cva"],"sources":["../../../../src/components/bubble/Bubble/Bubble.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * 对齐 shadcn base 版 `bubble.tsx`。`*:data-[slot=bubble-content]:*` 会命中直接子级\n * BubbleContent，因此 BubbleContent 必须是 Bubble 的直接子元素。\n */\nexport const 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: { variant: \"default\" },\n  },\n);\n"],"mappings":";;AAMA,IAAaA,IAAiBC,EAC5B,yKACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,WACE;EACF,OACE;EACF,QACE;EACF,SACE;EACF,OACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF"}

package/dist/components/bubble/Bubble/Bubble.types.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { bubbleVariants } from './Bubble.styles';
+export type BubbleAlign = "start" | "end";
+export type BubbleProps = PolymorphicProps<"div", BaseProps & VariantProps<typeof bubbleVariants> & {
+    /** 气泡的行内对齐，默认 "start" */
+    align?: BubbleAlign;
+}, false>;

package/dist/components/bubble/Bubble/index.d.ts

@@ -0,0 +1,2 @@
+export { Bubble } from './Bubble';
+export type { BubbleProps, BubbleAlign } from './Bubble.types';

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

@@ -0,0 +1,7 @@
+import { ValidComponent } from 'solid-js';
+import { BubbleContentProps } from './BubbleContent.types';
+/**
+ * 气泡内容，默认渲染 div，可用 `component` 换成 button / a 等交互元素
+ * （变体样式通过 `[button,a]` 变体命中，并自带 focus ring）。
+ */
+export declare const BubbleContent: <T extends ValidComponent = "div">(props: BubbleContentProps<T>) => import('solid-js').JSX.Element;

package/dist/components/bubble/BubbleContent/BubbleContent.js

@@ -0,0 +1,28 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { bubbleContentClasses as t } from "./BubbleContent.styles.js";
+import { Dynamic as n, createComponent as r, mergeProps as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
+//#region src/components/bubble/BubbleContent/BubbleContent.tsx
+var o = (o) => {
+	let [s, c] = a(o, [
+		"component",
+		"class",
+		"classList"
+	]);
+	return r(n, i(c, {
+		get component() {
+			return s.component ?? "div";
+		},
+		"data-slot": "bubble-content",
+		get class() {
+			return e(t, s.class);
+		},
+		get classList() {
+			return s.classList;
+		}
+	}));
+};
+//#endregion
+export { o as BubbleContent };
+
+//# sourceMappingURL=BubbleContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleContent.js","names":["splitProps","ValidComponent","Dynamic","clsx","bubbleContentClasses","BubbleContentProps","BubbleContent","props","T","local","others","_$createComponent","_$mergeProps","component","class","classList","_$createComponent","_$mergeProps","BubbleContent","local","others","splitProps","props","createComponent","Dynamic","mergeProps","\"class\"","clsx","bubbleContentClasses"],"sources":["../../../../src/components/bubble/BubbleContent/BubbleContent.tsx"],"sourcesContent":["import { splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx } from \"~/utils\";\nimport { bubbleContentClasses } from \"./BubbleContent.styles\";\nimport type { BubbleContentProps } from \"./BubbleContent.types\";\n\n/**\n * 气泡内容，默认渲染 div，可用 `component` 换成 button / a 等交互元素\n * （变体样式通过 `[button,a]` 变体命中，并自带 focus ring）。\n */\nexport const BubbleContent = <T extends ValidComponent = \"div\">(\n  props: BubbleContentProps<T>,\n) => {\n  // class / classList 必须显式摘出来并一起传给 Dynamic：\n  // `{...props}` 之后再写显式 `class=` 会用 node.className 覆盖掉 classList\n  const [local, others] = splitProps(props as BubbleContentProps, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      {...others}\n      component={(local.component as ValidComponent) ?? \"div\"}\n      data-slot=\"bubble-content\"\n      class={clsx(bubbleContentClasses, local.class)}\n      classList={local.classList}\n    />\n  );\n};\n"],"mappings":";;;;;AAUA,IAAaM,KACXC,MACG;CAGH,IAAM,CAACE,GAAOC,KAAUV,EAAWO,GAA6B;EAC9D;EACA;EACA;CAAW,CACZ;CAED,OAAAI,EACGT,GAAOU,EACFF,GAAM;EAAA,IACVG,YAAS;GAAA,OAAGJ,EAAMI,aAAgC;EAAK;EAAA,aAAA;EAAA,IAAAa,QAAA;GAAA,OAEhDvB,EAAKC,GAAsBK,EAAMK,KAAK;EAAC;EAAA,IAC9CC,YAAS;GAAA,OAAEN,EAAMM;EAAS;CAAA,CAAA,CAAA;AAGhC"}

package/dist/components/bubble/BubbleContent/BubbleContent.styles.d.ts

@@ -0,0 +1 @@
+export declare const bubbleContentClasses = "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed break-words 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";

package/dist/components/bubble/BubbleContent/BubbleContent.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/bubble/BubbleContent/BubbleContent.styles.ts
+var e = "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed break-words 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";
+//#endregion
+export { e as bubbleContentClasses };
+
+//# sourceMappingURL=BubbleContent.styles.js.map

package/dist/components/bubble/BubbleContent/BubbleContent.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleContent.styles.js","names":["bubbleContentClasses"],"sources":["../../../../src/components/bubble/BubbleContent/BubbleContent.styles.ts"],"sourcesContent":["export const bubbleContentClasses =\n  \"w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed break-words 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"],"mappings":";AAAA,IAAaA,IACX"}

package/dist/components/bubble/BubbleContent/BubbleContent.types.d.ts

@@ -0,0 +1,3 @@
+import { ValidComponent } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BubbleContentProps<T extends ValidComponent = "div"> = PolymorphicProps<T, BaseProps>;

package/dist/components/bubble/BubbleContent/index.d.ts

@@ -0,0 +1,2 @@
+export { BubbleContent } from './BubbleContent';
+export type { BubbleContentProps } from './BubbleContent.types';

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

@@ -0,0 +1,3 @@
+import { BubbleGroupProps } from './BubbleGroup.types';
+/** 把同一发送者的连续气泡分组 */
+export declare function BubbleGroup(props: BubbleGroupProps): import('solid-js').JSX.Element;

package/dist/components/bubble/BubbleGroup/BubbleGroup.js

@@ -0,0 +1,24 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { mergeProps as t, spread as n, template as r } from "solid-js/web";
+import { splitProps as i } from "solid-js";
+//#region src/components/bubble/BubbleGroup/BubbleGroup.tsx
+var a = /*#__PURE__*/ r("<div>");
+function o(r) {
+	let [o, s] = i(r, ["class", "classList"]);
+	return (() => {
+		var r = a();
+		return n(r, t(s, {
+			"data-slot": "bubble-group",
+			get class() {
+				return e("flex min-w-0 flex-col gap-2", o.class);
+			},
+			get classList() {
+				return o.classList;
+			}
+		}), !1, !1), r;
+	})();
+}
+//#endregion
+export { o as BubbleGroup };
+
+//# sourceMappingURL=BubbleGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleGroup.js","names":["splitProps","clsx","BubbleGroupProps","BubbleGroup","props","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","_tmpl$","BubbleGroup","local","rest","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/bubble/BubbleGroup/BubbleGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport type { BubbleGroupProps } from \"./BubbleGroup.types\";\n\n/** 把同一发送者的连续气泡分组 */\nexport function BubbleGroup(props: BubbleGroupProps) {\n  const [local, rest] = splitProps(props, [\"class\", \"classList\"]);\n  return (\n    <div\n      {...rest}\n      data-slot=\"bubble-group\"\n      class={clsx(\"flex min-w-0 flex-col gap-2\", local.class)}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBG,EAAYC,GAAyB;CACnD,IAAM,CAACC,GAAOC,KAAQN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAC9D,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAK8B,OAL9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAc,IAAAiB,QAAA;IAAA,OACjBtB,EAAK,+BAA+BI,EAAMM,KAAK;GAAC;GAAA,IACvDC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAL;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/bubble/BubbleGroup/BubbleGroup.types.d.ts

@@ -0,0 +1,2 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type BubbleGroupProps = PolymorphicProps<"div", BaseProps, false>;

package/dist/components/bubble/BubbleGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { BubbleGroup } from './BubbleGroup';
+export type { BubbleGroupProps } from './BubbleGroup.types';

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

@@ -0,0 +1,6 @@
+import { BubbleReactionsProps } from './BubbleReactions.types';
+/**
+ * 贴在气泡边缘的回复/反应行。展示型 emoji 建议加 `role="img"` + `aria-label`，
+ * 交互型则渲染 Button 并给纯图标按钮 aria-label。
+ */
+export declare function BubbleReactions(props: BubbleReactionsProps): import('solid-js').JSX.Element;

package/dist/components/bubble/BubbleReactions/BubbleReactions.js

@@ -0,0 +1,42 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { bubbleReactionsVariants as t } from "./BubbleReactions.styles.js";
+import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { mergeProps as a, splitProps as o } from "solid-js";
+//#region src/components/bubble/BubbleReactions/BubbleReactions.tsx
+var s = /*#__PURE__*/ i("<div>");
+function c(i) {
+	let c = a({
+		side: "bottom",
+		align: "end"
+	}, i), [l, u] = o(c, [
+		"side",
+		"align",
+		"class",
+		"classList"
+	]);
+	return (() => {
+		var i = s();
+		return r(i, n(u, {
+			"data-slot": "bubble-reactions",
+			get "data-align"() {
+				return l.align;
+			},
+			get "data-side"() {
+				return l.side;
+			},
+			get class() {
+				return e(t({
+					side: l.side,
+					align: l.align
+				}), l.class);
+			},
+			get classList() {
+				return l.classList;
+			}
+		}), !1, !1), i;
+	})();
+}
+//#endregion
+export { c as BubbleReactions };
+
+//# sourceMappingURL=BubbleReactions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleReactions.js","names":["mergeProps","splitProps","clsx","bubbleReactionsVariants","BubbleReactionsProps","BubbleReactions","props","merged","side","align","const","local","rest","_el$","_tmpl$","_$spread","_$mergeProps","data-align","data-side","class","classList","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","BubbleReactions","merged","props","local","rest","splitProps","_el$","spread","mergeProps","\"class\"","clsx","bubbleReactionsVariants"],"sources":["../../../../src/components/bubble/BubbleReactions/BubbleReactions.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { bubbleReactionsVariants } from \"./BubbleReactions.styles\";\nimport type { BubbleReactionsProps } from \"./BubbleReactions.types\";\n\n/**\n * 贴在气泡边缘的回复/反应行。展示型 emoji 建议加 `role=\"img\"` + `aria-label`，\n * 交互型则渲染 Button 并给纯图标按钮 aria-label。\n */\nexport function BubbleReactions(props: BubbleReactionsProps) {\n  const merged = mergeProps({ side: \"bottom\", align: \"end\" } as const, props);\n  const [local, rest] = splitProps(merged, [\n    \"side\",\n    \"align\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      {...rest}\n      data-slot=\"bubble-reactions\"\n      data-align={local.align}\n      data-side={local.side}\n      class={clsx(\n        bubbleReactionsVariants({ side: local.side, align: local.align }),\n        local.class,\n      )}\n      classList={local.classList}\n    />\n  );\n}\n"],"mappings":";;;;;;AASA,SAAgBK,EAAgBC,GAA6B;CAC3D,IAAMC,IAASP,EAAW;EAAEQ,MAAM;EAAUC,OAAO;CAAM,GAAYH,CAAK,GACpE,CAACK,GAAOC,KAAQX,EAAWM,GAAQ;EACvC;EACA;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EAU8B,OAV9BC,EAAAF,GAAAG,EAEQJ,GAAI;GAAA,aACE;GAAkB,IAAA,eAAA;IAAA,OAChBD,EAAMF;GAAK;GAAA,IAAA,cAAA;IAAA,OACZE,EAAMH;GAAI;GAAA,IAAA0B,QAAA;IAAA,OACdhC,EACLC,EAAwB;KAAEK,MAAMG,EAAMH;KAAMC,OAAOE,EAAMF;IAAM,CAAC,GAChEE,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,CAAA,GAAA,IAAA,EAAA,GAAAP;CAAA,EAAA,CAAA;AAGhC"}

package/dist/components/bubble/BubbleReactions/BubbleReactions.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const bubbleReactionsVariants: (props?: ({
+    side?: "top" | "bottom" | null | undefined;
+    align?: "start" | "end" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/bubble/BubbleReactions/BubbleReactions.styles.js

@@ -0,0 +1,22 @@
+import { cva as e } from "class-variance-authority";
+//#region src/components/bubble/BubbleReactions/BubbleReactions.styles.ts
+var t = e("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"
+	}
+});
+//#endregion
+export { t as bubbleReactionsVariants };
+
+//# sourceMappingURL=BubbleReactions.styles.js.map

package/dist/components/bubble/BubbleReactions/BubbleReactions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleReactions.styles.js","names":["bubbleReactionsVariants","cva"],"sources":["../../../../src/components/bubble/BubbleReactions/BubbleReactions.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const 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: { side: \"bottom\", align: \"end\" },\n  },\n);\n"],"mappings":";;AAEA,IAAaA,IAA0BC,EACrC,qJACA;CACE,UAAU;EACR,MAAM;GACJ,KAAK;GACL,QAAQ;EACV;EACA,OAAO;GACL,OAAO;GACP,KAAK;EACP;CACF;CACA,iBAAiB;EAAE,MAAM;EAAU,OAAO;CAAM;AAClD,CACF"}

package/dist/components/bubble/BubbleReactions/BubbleReactions.types.d.ts

@@ -0,0 +1,4 @@
+import { VariantProps } from 'class-variance-authority';
+import { BaseProps, PolymorphicProps } from '../../../types';
+import { bubbleReactionsVariants } from './BubbleReactions.styles';
+export type BubbleReactionsProps = PolymorphicProps<"div", BaseProps & VariantProps<typeof bubbleReactionsVariants>, false>;

package/dist/components/bubble/BubbleReactions/index.d.ts

@@ -0,0 +1,2 @@
+export { BubbleReactions } from './BubbleReactions';
+export type { BubbleReactionsProps } from './BubbleReactions.types';

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

@@ -0,0 +1,8 @@
+export { BubbleGroup } from './BubbleGroup';
+export type { BubbleGroupProps } from './BubbleGroup';
+export { Bubble } from './Bubble';
+export type { BubbleProps, BubbleAlign } from './Bubble';
+export { BubbleContent } from './BubbleContent';
+export type { BubbleContentProps } from './BubbleContent';
+export { BubbleReactions } from './BubbleReactions';
+export type { BubbleReactionsProps } from './BubbleReactions';

package/dist/components/bubble/index.js

@@ -0,0 +1,5 @@
+import { BubbleGroup as e } from "./BubbleGroup/BubbleGroup.js";
+import { Bubble as t } from "./Bubble/Bubble.js";
+import { BubbleContent as n } from "./BubbleContent/BubbleContent.js";
+import { BubbleReactions as r } from "./BubbleReactions/BubbleReactions.js";
+export { t as Bubble, n as BubbleContent, e as BubbleGroup, r as BubbleReactions };

package/dist/components/button/Button.js

@@ -50,6 +50,9 @@ var _ = (t) => {
 				size: y() ? void 0 : _.size,
 				iconSize: y() ? _.size : void 0
 			}), _.class);
+		},
+		get classList() {
+			return _.classList;
 		}
 	}, v, { get children() {
 		return x();

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","ValidComponent","Dynamic","clsx","logger","s","ButtonProps","ButtonValidElement","log","child","Button","props","T","merged","variant","size","component","id","const","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","import","meta","env","DEV","warn","_$memo","_el$2","_tmpl$2","iconPosition","_$createComponent","_$mergeProps","type","undefined","onClick","class","iconSize","mergeProps","_$memo","_$createComponent","_$mergeProps","s","Button_styles_default","mergeProps$1","_tmpl$","_tmpl$2","logger","Button","merged","createUniqueId","props","local","others","splitProps","iconOnly","createMemo","iconWithAttr","_el$","setAttribute","position","insert","icon","resolved","children","memo","_el$2","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, logger } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type { ButtonProps, ButtonValidElement } from \"./Button.types\";\n\nconst log = logger.child(\"Button\");\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      component: \"button\",\n      id: createUniqueId(),\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() => {\n    if (import.meta.env.DEV && iconOnly() && !others[\"aria-label\"]) {\n      log.warn(\"icon-only button must have an aria-label\");\n    }\n\n    return local.icon ? (\n      iconOnly() ? (\n        <>\n          {local.icon}\n          <span class=\"sr-only\">{others[\"aria-label\"]}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    );\n  });\n\n  return (\n    <Dynamic\n      data-slot=\"button\"\n      component={local.component as ValidComponent}\n      type={\n        local.component === \"button\" ? (others.type ?? \"button\") : undefined\n      }\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      {...others}\n    >\n      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;;;AAcYS,EAAOK,MAAM,QAAQ;AAEjC,IAAaC,KACXC,MACG;CACH,IAAME,IAASd,EACb;EACEe,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,IAAIpB,EAAe;CACrB,GACAc,CACF,GAEM,CAACQ,GAAOC,KAAUpB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKQ,IAAWzB,QAAiB,CAAC,CAACuB,EAAMG,QAAQ,CAACH,EAAMxB,QAAQ,GAE3D4B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,EAAA;EACJ,OADIC,EAAAF,GAAA,aACnBD,CAAQ,GAAAI,EAAAH,GAAGH,CAAI,GAAAG;CAAA,EAAA,CAAA,GAE/BI,IAAWlC,QAKRwB,EAAMG,OACXD,EAAS,IAAC,CAAAc,QAELhB,EAAMG,IAAI,UAAA;EAAA,IAAAc,IAAAC,EAAA;EACgC,OADhCT,EAAAQ,SACYhB,EAAO,aAAa,GAAAgB;CAAA,EAAA,CAAA,CAAA,IAAA;EAAAD,QAI1CA,QAAA,EAAEhB,EAAMmB,gBAAgBnB,EAAMmB,iBAAiB,OAAM,CAAA,CAAA,KACpDf,EAAaJ,EAAMG,MAAM,cAAc,CAAC;EAAAa,QACzChB,EAAMxB,QAAQ;EAAAwC,QACdA,QAAAhB,EAAMmB,iBAAiB,OAAO,CAAA,CAAA,KAC7Bf,EAAaJ,EAAMG,MAAM,YAAY,CAAC;CAAA,IAI5CH,EAAMxB,QAET;CAED,OAAA4C,EACGrC,GAAOsC,EAAA;EAAA,aAAA;EAAA,IAENxB,YAAS;GAAA,OAAEG,EAAMH;EAA2B;EAAA,IAC5CyB,OAAI;GAAA,OACFN,QAAAhB,EAAMH,cAAc,QAAQ,CAAA,CAAA,IAAII,EAAOqB,QAAQ,WAAYC,KAAAA;EAAS;EAAA,IAEtEC,UAAO;GAAA,OAAExB,EAAMwB;EAAO;EAAA,IAAAmC,QAAA;GAAA,OACf3E,EACLE,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,EAAS,IAAIqB,KAAAA,IAAYvB,EAAMJ;IACrC8B,UAAUxB,EAAS,IAAIF,EAAMJ,OAAO2B,KAAAA;GACtC,CAAC,GACDvB,EAAMyB,KACR;EAAC;CAAA,GACGxB,GAAM,EAAA,IAAAzB,WAAA;EAAA,OAETkC,EAAS;CAAC,EAAA,CAAA,CAAA;AAGjB"}
+{"version":3,"file":"Button.js","names":["children","createMemo","createUniqueId","JSXElement","mergeProps","splitProps","ValidComponent","Dynamic","clsx","logger","s","ButtonProps","ButtonValidElement","log","child","Button","props","T","merged","variant","size","component","id","const","local","others","iconOnly","icon","iconWithAttr","position","_el$","_tmpl$","_$setAttribute","_$insert","resolved","import","meta","env","DEV","warn","_$memo","_el$2","_tmpl$2","iconPosition","_$createComponent","_$mergeProps","type","undefined","onClick","class","iconSize","classList","mergeProps","_$memo","_$createComponent","_$mergeProps","s","Button_styles_default","mergeProps$1","_tmpl$","_tmpl$2","logger","Button","merged","createUniqueId","props","local","others","splitProps","iconOnly","createMemo","iconWithAttr","_el$","setAttribute","position","insert","icon","resolved","children","memo","_el$2","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n  children,\n  createMemo,\n  createUniqueId,\n  type JSXElement,\n  mergeProps,\n  splitProps,\n  type ValidComponent,\n} from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { clsx, logger } from \"~/utils\";\nimport s from \"./Button.styles\";\nimport type { ButtonProps, ButtonValidElement } from \"./Button.types\";\n\nconst log = logger.child(\"Button\");\n\nexport const Button = <T extends ButtonValidElement = \"button\">(\n  props: ButtonProps<T>,\n) => {\n  const merged = mergeProps(\n    {\n      variant: \"primary\",\n      size: \"md\",\n      component: \"button\",\n      id: createUniqueId(),\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"variant\",\n    \"size\",\n    \"icon\",\n    \"iconPosition\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"onClick\",\n  ]);\n\n  const iconOnly = createMemo(() => !!local.icon && !local.children);\n\n  const iconWithAttr = (\n    icon: JSXElement,\n    position: \"inline-start\" | \"inline-end\",\n  ) => <span data-icon={position}>{icon}</span>;\n\n  const resolved = children(() => {\n    if (import.meta.env.DEV && iconOnly() && !others[\"aria-label\"]) {\n      log.warn(\"icon-only button must have an aria-label\");\n    }\n\n    return local.icon ? (\n      iconOnly() ? (\n        <>\n          {local.icon}\n          <span class=\"sr-only\">{others[\"aria-label\"]}</span>\n        </>\n      ) : (\n        <>\n          {(!local.iconPosition || local.iconPosition === \"left\") &&\n            iconWithAttr(local.icon, \"inline-start\")}\n          {local.children}\n          {local.iconPosition === \"right\" &&\n            iconWithAttr(local.icon, \"inline-end\")}\n        </>\n      )\n    ) : (\n      local.children\n    );\n  });\n\n  return (\n    <Dynamic\n      data-slot=\"button\"\n      component={local.component as ValidComponent}\n      type={\n        local.component === \"button\" ? (others.type ?? \"button\") : undefined\n      }\n      onClick={local.onClick}\n      class={clsx(\n        s({\n          variant: local.variant,\n          size: iconOnly() ? undefined : local.size,\n          iconSize: iconOnly() ? local.size : undefined,\n        }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    >\n      {resolved()}\n    </Dynamic>\n  );\n};\n"],"mappings":";;;;;;;AAcYS,EAAOK,MAAM,QAAQ;AAEjC,IAAaC,KACXC,MACG;CACH,IAAME,IAASd,EACb;EACEe,SAAS;EACTC,MAAM;EACNC,WAAW;EACXC,IAAIpB,EAAe;CACrB,GACAc,CACF,GAEM,CAACQ,GAAOC,KAAUpB,EAAWa,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAS,CACV,GAEKQ,IAAWzB,QAAiB,CAAC,CAACuB,EAAMG,QAAQ,CAACH,EAAMxB,QAAQ,GAE3D4B,KACJD,GACAE,aAAuC;EAAA,IAAAC,IAAAC,EAAA;EACJ,OADIC,EAAAF,GAAA,aACnBD,CAAQ,GAAAI,EAAAH,GAAGH,CAAI,GAAAG;CAAA,EAAA,CAAA,GAE/BI,IAAWlC,QAKRwB,EAAMG,OACXD,EAAS,IAAC,CAAAc,QAELhB,EAAMG,IAAI,UAAA;EAAA,IAAAc,IAAAC,EAAA;EACgC,OADhCT,EAAAQ,SACYhB,EAAO,aAAa,GAAAgB;CAAA,EAAA,CAAA,CAAA,IAAA;EAAAD,QAI1CA,QAAA,EAAEhB,EAAMmB,gBAAgBnB,EAAMmB,iBAAiB,OAAM,CAAA,CAAA,KACpDf,EAAaJ,EAAMG,MAAM,cAAc,CAAC;EAAAa,QACzChB,EAAMxB,QAAQ;EAAAwC,QACdA,QAAAhB,EAAMmB,iBAAiB,OAAO,CAAA,CAAA,KAC7Bf,EAAaJ,EAAMG,MAAM,YAAY,CAAC;CAAA,IAI5CH,EAAMxB,QAET;CAED,OAAA4C,EACGrC,GAAOsC,EAAA;EAAA,aAAA;EAAA,IAENxB,YAAS;GAAA,OAAEG,EAAMH;EAA2B;EAAA,IAC5CyB,OAAI;GAAA,OACFN,QAAAhB,EAAMH,cAAc,QAAQ,CAAA,CAAA,IAAII,EAAOqB,QAAQ,WAAYC,KAAAA;EAAS;EAAA,IAEtEC,UAAO;GAAA,OAAExB,EAAMwB;EAAO;EAAA,IAAAoC,QAAA;GAAA,OACf5E,EACLE,EAAE;IACAS,SAASK,EAAML;IACfC,MAAMM,EAAS,IAAIqB,KAAAA,IAAYvB,EAAMJ;IACrC8B,UAAUxB,EAAS,IAAIF,EAAMJ,OAAO2B,KAAAA;GACtC,CAAC,GACDvB,EAAMyB,KACR;EAAC;EAAA,IACDE,YAAS;GAAA,OAAE3B,EAAM2B;EAAS;CAAA,GACtB1B,GAAM,EAAA,IAAAzB,WAAA;EAAA,OAETkC,EAAS;CAAC,EAAA,CAAA,CAAA;AAGjB"}

package/dist/components/button-group/ButtonGroup/ButtonGroup.js

@@ -17,6 +17,9 @@ var o = /*#__PURE__*/ i("<fieldset data-slot=button-group>"), s = (i) => {
 			},
 			get class() {
 				return e(t({ orientation: s.orientation }), s.class);
+			},
+			get classList() {
+				return s.classList;
 			}
 		}, c), !1, !1), i;
 	})();

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","names":["splitProps","clsx","buttonGroupVariants","ButtonGroupProps","ButtonGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class","_$mergeProps","_tmpl$","ButtonGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","buttonGroupVariants"],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { buttonGroupVariants } from \"./ButtonGroup.styles\";\nimport type { ButtonGroupProps } from \"./ButtonGroup.types\";\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n  return (\n    <fieldset\n      data-slot=\"button-group\"\n      data-orientation={local.orientation}\n      class={clsx(\n        buttonGroupVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;CAAW,CACZ;CACD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMO;GAAW;GAAA,IAAAY,QAAA;IAAA,OAC5BxB,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,YAAY,CAAC,GACtDP,EAAMQ,KACR;GAAC;EAAA,GACGP,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"ButtonGroup.js","names":["splitProps","clsx","buttonGroupVariants","ButtonGroupProps","ButtonGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","orientation","class","classList","_$mergeProps","_tmpl$","ButtonGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx","buttonGroupVariants"],"sources":["../../../../src/components/button-group/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { buttonGroupVariants } from \"./ButtonGroup.styles\";\nimport type { ButtonGroupProps } from \"./ButtonGroup.types\";\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n  return (\n    <fieldset\n      data-slot=\"button-group\"\n      data-orientation={local.orientation}\n      class={clsx(\n        buttonGroupVariants({ orientation: local.orientation }),\n        local.class,\n      )}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO;EACxC;EACA;EACA;CAAW,CACZ;CACD,cAAA;EAAA,IAAAG,IAAAC,EAAA;EASc,OATdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMO;GAAW;GAAA,IAAAa,QAAA;IAAA,OAC5BzB,EACLC,EAAoB,EAAEW,aAAaP,EAAMO,YAAY,CAAC,GACtDP,EAAMQ,KACR;GAAC;GAAA,IACDC,YAAS;IAAA,OAAET,EAAMS;GAAS;EAAA,GACtBR,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/button-group/ButtonGroupText/ButtonGroupText.js

@@ -1,14 +1,23 @@
 import { clsx as e } from "../../../utils/clsx.js";
 import t from "./ButtonGroupText.styles.js";
 import { mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { splitProps as a } from "solid-js";
 //#region src/components/button-group/ButtonGroupText/ButtonGroupText.tsx
-var a = /*#__PURE__*/ i("<div data-slot=button-group-text>"), o = (i) => (() => {
-	var o = a();
-	return r(o, n({ get class() {
-		return e(t, i.class);
-	} }, i), !1, !1), o;
-})();
+var o = /*#__PURE__*/ i("<div data-slot=button-group-text>"), s = (i) => {
+	let [s, c] = a(i, ["class", "classList"]);
+	return (() => {
+		var i = o();
+		return r(i, n({
+			get class() {
+				return e(t, s.class);
+			},
+			get classList() {
+				return s.classList;
+			}
+		}, c), !1, !1), i;
+	})();
+};
 //#endregion
-export { o as ButtonGroupText };
+export { s as ButtonGroupText };
 
 //# sourceMappingURL=ButtonGroupText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroupText.js","names":["clsx","classes","ButtonGroupTextProps","ButtonGroupText","props","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","classes","_tmpl$","ButtonGroupText","_el$","spread","mergeProps","\"class\"","clsx","props"],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport classes from \"./ButtonGroupText.styles\";\nimport type { ButtonGroupTextProps } from \"./ButtonGroupText.types\";\n\nexport const ButtonGroupText = (props: ButtonGroupTextProps) => {\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={clsx(classes, props.class)}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;8DAIaG,KAAmBC,aAC9B;CAAA,IAAAC,IAAAC,EAAA;CAIa,OAJbC,EAAAF,GAAAG,EAAA,EAAA,IAAAS,QAAA;EAAA,OAGWjB,EAAKC,GAASG,EAAMK,KAAK;CAAC,EAAA,GAC7BL,CAAK,GAAA,IAAA,EAAA,GAAAC;AAAA,EAAA,CAAA"}
+{"version":3,"file":"ButtonGroupText.js","names":["splitProps","clsx","classes","ButtonGroupTextProps","ButtonGroupText","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","classList","_$mergeProps","classes","_tmpl$","ButtonGroupText","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/button-group/ButtonGroupText/ButtonGroupText.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport classes from \"./ButtonGroupText.styles\";\nimport type { ButtonGroupTextProps } from \"./ButtonGroupText.types\";\n\nexport const ButtonGroupText = (props: ButtonGroupTextProps) => {\n  // class / classList 必须摘出来：`class=` 写在 `{...props}` 之前时，\n  // Solid 的 spread 会用 node.className 重设类名，把内置样式整体覆盖掉\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"button-group-text\"\n      class={clsx(classes, local.class)}\n      classList={local.classList}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;8DAKaI,KAAmBC,MAAgC;CAG9D,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA;GAAA,IAAAc,QAAA;IAAA,OAGWxB,EAAKC,GAASI,EAAMM,KAAK;GAAC;GAAA,IACjCC,YAAS;IAAA,OAAEP,EAAMO;GAAS;EAAA,GACtBN,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/calendar/Calendar/Calendar.d.ts

@@ -1,10 +1,9 @@
 import { JSX } from 'solid-js';
-import { CalendarClassNames, CalendarProps } from './Calendar.types';
-declare const defaultClassNames: Record<keyof CalendarClassNames, string>;
+import { CalendarProps } from './Calendar.types';
 /**
  * 日历组件：react-day-picker 的 SolidJS 移植，覆盖 shadcn Base UI 版本
  * Calendar 中使用到的核心 props（mode/selected/onSelect/month/classNames 等）。
  * 支持 single、multiple、range 三种模式，以及 label/dropdown 两种标题布局。
  */
 export declare function Calendar(props: CalendarProps): JSX.Element;
-export { defaultClassNames as calendarClassNames };
+export { calendarClassNames } from './Calendar.styles';