@neut/ui 0.0.16 → 0.0.17

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,17 @@
+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";
+//#region src/components/bubble/BubbleContent/BubbleContent.tsx
+var a = (a) => r(n, i(a, {
+	get component() {
+		return a.component ?? "div";
+	},
+	"data-slot": "bubble-content",
+	get class() {
+		return e(t, a.class);
+	}
+}));
+//#endregion
+export { a as BubbleContent };
+
+//# sourceMappingURL=BubbleContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleContent.js","names":["ValidComponent","Dynamic","clsx","bubbleContentClasses","BubbleContentProps","BubbleContent","props","T","_$createComponent","_$mergeProps","component","class","_$createComponent","_$mergeProps","BubbleContent","createComponent","Dynamic","mergeProps","props","\"class\"","clsx","bubbleContentClasses"],"sources":["../../../../src/components/bubble/BubbleContent/BubbleContent.tsx"],"sourcesContent":["import 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  <Dynamic\n    {...props}\n    component={(props.component as ValidComponent) ?? \"div\"}\n    data-slot=\"bubble-content\"\n    class={clsx(bubbleContentClasses, props.class)}\n  />\n);\n"],"mappings":";;;;AAUA,IAAaK,KACXC,MAA4BE,EAE3BP,GAAOQ,EACFH,GAAK;CAAA,IACTI,YAAS;EAAA,OAAGJ,EAAMI,aAAgC;CAAK;CAAA,aAAA;CAAA,IAAAS,QAAA;EAAA,OAEhDjB,EAAKC,GAAsBG,EAAMK,KAAK;CAAC;AAAA,CAAA,CAAA"}

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/drawer/Drawer/Drawer.context.d.ts

@@ -0,0 +1,3 @@
+import { DrawerContextValue } from './Drawer.types';
+export declare const DrawerContext: import('solid-js').Context<DrawerContextValue | undefined>;
+export declare function useDrawerContext(component: string): DrawerContextValue;

package/dist/components/drawer/Drawer/Drawer.context.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/drawer/Drawer/Drawer.context.ts
+var n = e();
+function r(e) {
+	let r = t(n);
+	if (!r) throw Error(`<${e}> 必须渲染在 <Drawer> 内部`);
+	return r;
+}
+//#endregion
+export { n as DrawerContext, r as useDrawerContext };
+
+//# sourceMappingURL=Drawer.context.js.map

package/dist/components/drawer/Drawer/Drawer.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.context.js","names":["DrawerContext","createContext","useDrawerContext","ctx","useContext","component"],"sources":["../../../../src/components/drawer/Drawer/Drawer.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport type { DrawerContextValue } from \"./Drawer.types\";\n\nexport const DrawerContext = createContext<DrawerContextValue>();\n\nexport function useDrawerContext(component: string): DrawerContextValue {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <Drawer> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAGA,IAAaA,IAAgBC,EAAkC;AAE/D,SAAgBC,EAAiB,GAAuC;CACtE,IAAMC,IAAMC,EAAWJ,CAAa;CACpC,IAAI,CAACG,GACH,MAAU,MAAM,IAAIE,EAAU,oBAAoB;CAEpD,OAAOF;AACT"}

package/dist/components/drawer/Drawer/Drawer.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+import { DrawerProps } from './Drawer.types';
+/**
+ * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，
+ * 通过 context 驱动 Trigger/Content 等子部件。
+ */
+export declare function Drawer(props: DrawerProps): JSX.Element;

package/dist/components/drawer/Drawer/Drawer.js

@@ -0,0 +1,63 @@
+import { useScrollLock as e } from "../../../hooks/useScrollLock.js";
+import { DrawerContext as t } from "./Drawer.context.js";
+import { createDrawerChangeEventDetails as n } from "./create-change-event-details.js";
+import { createComponent as r } from "solid-js/web";
+import { createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, onCleanup as c } from "solid-js";
+//#region src/components/drawer/Drawer/Drawer.tsx
+function l(l) {
+	let [u, d] = o(l.defaultOpen ?? !1), f = a(() => l.open === void 0 ? u() : l.open), [p, m] = o(f()), h = a(() => l.modal ?? !0), g = a(() => l.swipeDirection ?? "down"), _ = a(() => l.showSwipeHandle === !0), v = a(() => l.disablePointerDismissal === !0), [y, b] = o(), [x, S] = o(), [C, w] = o(), [T, E] = o(), D = `drawer-content-${s()}`;
+	i(() => {
+		f() && m(!0);
+	});
+	let O = () => {
+		let e = y();
+		e && typeof e.focus == "function" && e.focus({ preventScroll: !0 });
+	}, k = (e, t, r) => {
+		if (e === f() && e) return;
+		let i = n(t, r, y());
+		l.open === void 0 && d(e), l.onOpenChange?.(e, i);
+	};
+	e(() => f() && h(), { allowedSelector: "[data-slot=\"drawer-popup\"]" }), i(() => {
+		if (!f()) return;
+		let e = (e) => {
+			e.defaultPrevented || e.key === "Escape" && (e.preventDefault(), k(!1, "escape-key", e));
+		}, t = (e) => {
+			if (v()) return;
+			let t = e.target;
+			x()?.contains(t) || y()?.contains(t) || k(!1, "outside-press", e);
+		};
+		document.addEventListener("keydown", e), document.addEventListener("pointerdown", t, !0), c(() => {
+			document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t, !0);
+		});
+	});
+	let A = {
+		open: f,
+		setOpen: k,
+		show: p,
+		setShow: m,
+		modal: h,
+		swipeDirection: g,
+		showSwipeHandle: _,
+		disablePointerDismissal: v,
+		trigger: y,
+		setTrigger: b,
+		popup: x,
+		setPopup: S,
+		contentId: D,
+		titleId: C,
+		setTitleId: w,
+		descriptionId: T,
+		setDescriptionId: E,
+		restoreFocus: O
+	};
+	return r(t.Provider, {
+		value: A,
+		get children() {
+			return l.children;
+		}
+	});
+}
+//#endregion
+export { l as Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/dist/components/drawer/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["createEffect","createMemo","createSignal","createUniqueId","onCleanup","JSX","useScrollLock","DrawerContext","createDrawerChangeEventDetails","DrawerProps","Drawer","props","Element","internalOpen","setInternalOpen","defaultOpen","open","undefined","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","HTMLElement","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","restoreFocus","el","focus","preventScroll","setOpen","next","reason","Parameters","event","Event","details","onOpenChange","allowedSelector","onKeyDown","e","KeyboardEvent","defaultPrevented","key","preventDefault","onPointerDown","PointerEvent","target","Node","contains","document","addEventListener","removeEventListener","ctx","_$createComponent","Provider","value","children","_$createComponent","Drawer","internalOpen","setInternalOpen","createSignal","props","open","createMemo","show","setShow","modal","swipeDirection","showSwipeHandle","disablePointerDismissal","trigger","setTrigger","popup","setPopup","titleId","setTitleId","descriptionId","setDescriptionId","contentId","createUniqueId","restoreFocus","el","setOpen","next","details","createDrawerChangeEventDetails","reason","event","useScrollLock","createEffect","onKeyDown","onPointerDown","target","onCleanup","ctx","createComponent","DrawerContext"],"sources":["../../../../src/components/drawer/Drawer/Drawer.tsx"],"sourcesContent":["import {\n  createEffect,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { useScrollLock } from \"~/hooks\";\nimport { DrawerContext } from \"./Drawer.context\";\nimport { createDrawerChangeEventDetails } from \"./create-change-event-details\";\nimport type { DrawerProps } from \"./Drawer.types\";\n\n/**\n * Drawer 根组件：不渲染 DOM，负责开关状态、modal 锁滚动与外部交互，\n * 通过 context 驱动 Trigger/Content 等子部件。\n */\nexport function Drawer(props: DrawerProps): JSX.Element {\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const [show, setShow] = createSignal(open());\n\n  const modal = createMemo(() => props.modal ?? true);\n  const swipeDirection = createMemo(() => props.swipeDirection ?? \"down\");\n  const showSwipeHandle = createMemo(() => props.showSwipeHandle === true);\n  const disablePointerDismissal = createMemo(\n    () => props.disablePointerDismissal === true,\n  );\n\n  const [trigger, setTrigger] = createSignal<HTMLElement>();\n  const [popup, setPopup] = createSignal<HTMLElement>();\n  const [titleId, setTitleId] = createSignal<string>();\n  const [descriptionId, setDescriptionId] = createSignal<string>();\n  const contentId = `drawer-content-${createUniqueId()}`;\n\n  // 打开时立刻挂载；关闭时保留到退场动画结束（由 Content 的 transitionend 收尾）\n  createEffect(() => {\n    if (open()) setShow(true);\n  });\n\n  const restoreFocus = () => {\n    const el = trigger();\n    if (el && typeof el.focus === \"function\") {\n      el.focus({ preventScroll: true });\n    }\n  };\n\n  const setOpen = (\n    next: boolean,\n    reason: Parameters<typeof createDrawerChangeEventDetails>[0],\n    event?: Event,\n  ) => {\n    if (next === open() && next) return;\n    const details = createDrawerChangeEventDetails(reason, event, trigger());\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next, details);\n  };\n\n  // Modal 打开时锁定页面滚动，浮层内部仍可滚动\n  useScrollLock(() => open() && modal(), {\n    allowedSelector: '[data-slot=\"drawer-popup\"]',\n  });\n\n  // 打开期间：Esc 关闭 +（非 disablePointerDismissal）点击外部关闭\n  createEffect(() => {\n    if (!open()) return;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.defaultPrevented) return;\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setOpen(false, \"escape-key\", e);\n      }\n    };\n\n    const onPointerDown = (e: PointerEvent) => {\n      if (disablePointerDismissal()) return;\n      const target = e.target as Node | null;\n      if (popup()?.contains(target)) return;\n      if (trigger()?.contains(target)) return;\n      setOpen(false, \"outside-press\", e);\n    };\n\n    document.addEventListener(\"keydown\", onKeyDown);\n    document.addEventListener(\"pointerdown\", onPointerDown, true);\n    onCleanup(() => {\n      document.removeEventListener(\"keydown\", onKeyDown);\n      document.removeEventListener(\"pointerdown\", onPointerDown, true);\n    });\n  });\n\n  const ctx = {\n    open,\n    setOpen,\n    show,\n    setShow,\n    modal,\n    swipeDirection,\n    showSwipeHandle,\n    disablePointerDismissal,\n    trigger,\n    setTrigger,\n    popup,\n    setPopup,\n    contentId,\n    titleId,\n    setTitleId,\n    descriptionId,\n    setDescriptionId,\n    restoreFocus,\n  };\n\n  return (\n    <DrawerContext.Provider value={ctx}>\n      {props.children}\n    </DrawerContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAiBA,SAAgBU,EAAOC,GAAiC;CACtD,IAAM,CAACE,GAAcC,KAAmBZ,EACtCS,EAAMI,eAAe,EACvB,GACMC,IAAOf,QACXU,EAAMK,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BF,EAAMK,IACnC,GACM,CAACE,GAAMC,KAAWjB,EAAac,EAAK,CAAC,GAErCI,IAAQnB,QAAiBU,EAAMS,SAAS,EAAI,GAC5CC,IAAiBpB,QAAiBU,EAAMU,kBAAkB,MAAM,GAChEC,IAAkBrB,QAAiBU,EAAMW,oBAAoB,EAAI,GACjEC,IAA0BtB,QACxBU,EAAMY,4BAA4B,EAC1C,GAEM,CAACC,GAASC,KAAcvB,EAA0B,GAClD,CAACyB,GAAOC,KAAY1B,EAA0B,GAC9C,CAAC2B,GAASC,KAAc5B,EAAqB,GAC7C,CAAC6B,GAAeC,KAAoB9B,EAAqB,GACzD+B,IAAY,kBAAkB9B,EAAe;CAGnDH,QAAmB;EACjB,AAAIgB,EAAK,KAAGG,EAAQ,EAAI;CAC1B,CAAC;CAED,IAAMe,UAAqB;EACzB,IAAMC,IAAKX,EAAQ;EACnB,AAAIW,KAAM,OAAOA,EAAGC,SAAU,cAC5BD,EAAGC,MAAM,EAAEC,eAAe,GAAK,CAAC;CAEpC,GAEMC,KACJC,GACAC,GACAE,MACG;EACH,IAAIH,MAASvB,EAAK,KAAKuB,GAAM;EAC7B,IAAMK,IAAUpC,EAA+BgC,GAAQE,GAAOlB,EAAQ,CAAC;EAEvEb,AADIA,EAAMK,SAASC,KAAAA,KAAWH,EAAgByB,CAAI,GAClD5B,EAAMkC,eAAeN,GAAMK,CAAO;CACpC;CAQA5C,AALAM,QAAoBU,EAAK,KAAKI,EAAM,GAAG,EACrC0B,iBAAiB,+BACnB,CAAC,GAGD9C,QAAmB;EACjB,IAAI,CAACgB,EAAK,GAAG;EAEb,IAAM+B,KAAaC,MAAqB;GACtC,AAAIA,EAAEE,oBACFF,EAAEG,QAAQ,aACZH,EAAEI,eAAe,GACjBd,EAAQ,IAAO,cAAcU,CAAC;EAElC,GAEMK,KAAiBL,MAAoB;GACzC,IAAIzB,EAAwB,GAAG;GAC/B,IAAMgC,IAASP,EAAEO;GACjB,AAAI5B,EAAM,CAAC,EAAE8B,SAASF,CAAM,KACxB/B,EAAQ,CAAC,EAAEiC,SAASF,CAAM,KAC9BjB,EAAQ,IAAO,iBAAiBU,CAAC;EACnC;EAIA5C,AAFAsD,SAASC,iBAAiB,WAAWZ,CAAS,GAC9CW,SAASC,iBAAiB,eAAeN,GAAe,EAAI,GAC5DjD,QAAgB;GAEdsD,AADAA,SAASE,oBAAoB,WAAWb,CAAS,GACjDW,SAASE,oBAAoB,eAAeP,GAAe,EAAI;EACjE,CAAC;CACH,CAAC;CAED,IAAMQ,IAAM;EACV7C;EACAsB;EACApB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAC;EACAE;EACAC;EACAK;EACAJ;EACAC;EACAC;EACAC;EACAE;CACF;CAEA,OAAA4B,EACGvD,EAAcwD,UAAQ;EAACC,OAAOH;EAAG,IAAAI,WAAA;GAAA,OAC/BtD,EAAMsD;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/drawer/Drawer/Drawer.types.d.ts

@@ -0,0 +1,50 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type DrawerSwipeDirection = "up" | "down" | "left" | "right";
+export type DrawerChangeReason = "trigger-press" | "close-press" | "outside-press" | "escape-key" | "swipe" | "none";
+export interface DrawerChangeEventDetails {
+    reason: DrawerChangeReason;
+    event?: Event;
+    trigger?: Element;
+    cancel: () => void;
+    allowPropagation: () => void;
+    readonly isCanceled: boolean;
+    readonly isPropagationAllowed: boolean;
+}
+export interface DrawerProps extends ParentProps {
+    /** 受控打开状态；不传则内部自管理 */
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean, eventDetails: DrawerChangeEventDetails) => void;
+    /** 是否模态：显示遮罩、锁滚动、点击外部关闭，默认 true */
+    modal?: boolean;
+    /** 从哪一侧滑出，默认 down */
+    swipeDirection?: DrawerSwipeDirection;
+    /** 是否显示顶部的拖拽把手，默认 false */
+    showSwipeHandle?: boolean;
+    /** 是否禁止点击遮罩/外部关闭，默认 false */
+    disablePointerDismissal?: boolean;
+}
+export interface DrawerContextValue {
+    open: Accessor<boolean>;
+    setOpen: (open: boolean, reason: DrawerChangeReason, event?: Event) => void;
+    /** 关闭时保留挂载直到退场动画结束 */
+    show: Accessor<boolean>;
+    setShow: (show: boolean) => void;
+    modal: Accessor<boolean>;
+    swipeDirection: Accessor<DrawerSwipeDirection>;
+    showSwipeHandle: Accessor<boolean>;
+    disablePointerDismissal: Accessor<boolean>;
+    trigger: Accessor<HTMLElement | undefined>;
+    setTrigger: (el: HTMLElement | undefined) => void;
+    popup: Accessor<HTMLElement | undefined>;
+    setPopup: (el: HTMLElement | undefined) => void;
+    contentId: string;
+    titleId: Accessor<string | undefined>;
+    setTitleId: (id: string | undefined) => void;
+    descriptionId: Accessor<string | undefined>;
+    setDescriptionId: (id: string | undefined) => void;
+    restoreFocus: () => void;
+}
+export type DrawerTriggerProps<T extends import('solid-js').ValidComponent = "button"> = PolymorphicProps<T, BaseProps>;
+export type DrawerCloseProps<T extends import('solid-js').ValidComponent = "button"> = PolymorphicProps<T, BaseProps>;

package/dist/components/drawer/Drawer/create-change-event-details.d.ts

@@ -0,0 +1,3 @@
+import { DrawerChangeEventDetails, DrawerChangeReason } from './Drawer.types';
+/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */
+export declare function createDrawerChangeEventDetails(reason: DrawerChangeReason, event?: Event, trigger?: Element): DrawerChangeEventDetails;

package/dist/components/drawer/Drawer/create-change-event-details.js

@@ -0,0 +1,25 @@
+//#region src/components/drawer/Drawer/create-change-event-details.ts
+function e(e, t, n) {
+	let r = !1, i = !1;
+	return {
+		reason: e,
+		event: t,
+		trigger: n,
+		cancel: () => {
+			r = !0;
+		},
+		allowPropagation: () => {
+			i = !0;
+		},
+		get isCanceled() {
+			return r;
+		},
+		get isPropagationAllowed() {
+			return i;
+		}
+	};
+}
+//#endregion
+export { e as createDrawerChangeEventDetails };
+
+//# sourceMappingURL=create-change-event-details.js.map

package/dist/components/drawer/Drawer/create-change-event-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-change-event-details.js","names":["createDrawerChangeEventDetails","canceled","propagationAllowed"],"sources":["../../../../src/components/drawer/Drawer/create-change-event-details.ts"],"sourcesContent":["import type {\n  DrawerChangeEventDetails,\n  DrawerChangeReason,\n} from \"./Drawer.types\";\n\n/** 构造 onOpenChange 的第二个参数（对齐仓库既有 ChangeEventDetails 语义） */\nexport function createDrawerChangeEventDetails(\n  reason: DrawerChangeReason,\n  event?: Event,\n  trigger?: Element,\n): DrawerChangeEventDetails {\n  let canceled = false;\n  let propagationAllowed = false;\n  return {\n    reason,\n    event,\n    trigger,\n    cancel: () => {\n      canceled = true;\n    },\n    allowPropagation: () => {\n      propagationAllowed = true;\n    },\n    get isCanceled() {\n      return canceled;\n    },\n    get isPropagationAllowed() {\n      return propagationAllowed;\n    },\n  };\n}\n"],"mappings":";AAMA,SAAgBA,EACd,GACA,GACA,GAC0B;CAC1B,IAAIC,IAAW,IACXC,IAAqB;CACzB,OAAO;EACL;EACA;EACA;EACA,cAAc;GACZ,IAAW;EACb;EACA,wBAAwB;GACtB,IAAqB;EACvB;EACA,IAAI,aAAa;GACf,OAAOD;EACT;EACA,IAAI,uBAAuB;GACzB,OAAOC;EACT;CACF;AACF"}

package/dist/components/drawer/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { Drawer } from './Drawer';
+export { useDrawerContext } from './Drawer.context';
+export type { DrawerProps, DrawerContextValue, DrawerSwipeDirection, DrawerChangeReason, DrawerChangeEventDetails, DrawerTriggerProps, DrawerCloseProps, } from './Drawer.types';

package/dist/components/drawer/DrawerClose/DrawerClose.d.ts

@@ -0,0 +1,5 @@
+import { ValidComponent } from 'solid-js';
+import { Button } from '../../button';
+import { DrawerCloseProps } from '../Drawer/Drawer.types';
+/** 关闭抽屉的按钮，默认渲染 Button */
+export declare const DrawerClose: <T extends ValidComponent = typeof Button<"button">>(props: DrawerCloseProps<T>) => import('solid-js').JSX.Element;

package/dist/components/drawer/DrawerClose/DrawerClose.js

@@ -0,0 +1,26 @@
+import { mergeRefs as e } from "../../../utils/ref.js";
+import { Button as t } from "../../button/Button.js";
+import { useDrawerContext as n } from "../Drawer/Drawer.context.js";
+import { Dynamic as r, createComponent as i, mergeProps as a } from "solid-js/web";
+import { onCleanup as o } from "solid-js";
+//#region src/components/drawer/DrawerClose/DrawerClose.tsx
+var s = (s) => {
+	let c = n("DrawerClose"), l = (e) => {
+		let t = () => c.setOpen(!1, "close-press");
+		e.addEventListener("click", t), o(() => e.removeEventListener("click", t));
+	};
+	return i(r, a(s, {
+		get component() {
+			return s.component ?? t;
+		},
+		ref(t) {
+			var n = e(s.ref, l);
+			typeof n == "function" && n(t);
+		},
+		"data-slot": "drawer-close"
+	}));
+};
+//#endregion
+export { s as DrawerClose };
+
+//# sourceMappingURL=DrawerClose.js.map

package/dist/components/drawer/DrawerClose/DrawerClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerClose.js","names":["onCleanup","ValidComponent","Dynamic","Button","mergeRefs","useDrawerContext","DrawerCloseProps","DrawerClose","props","T","ctx","attach","el","Element","onClick","setOpen","addEventListener","removeEventListener","_$createComponent","_$mergeProps","component","ref","r$","_ref$","_$createComponent","_$mergeProps","DrawerClose","ctx","useDrawerContext","attach","onClick","el","onCleanup","createComponent","Dynamic","mergeProps","props","Button","_ref$","mergeRefs","r$"],"sources":["../../../../src/components/drawer/DrawerClose/DrawerClose.tsx"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { Button } from \"~/components/button\";\nimport { mergeRefs } from \"~/utils\";\nimport { useDrawerContext } from \"../Drawer/Drawer.context\";\nimport type { DrawerCloseProps } from \"../Drawer/Drawer.types\";\n\n/** 关闭抽屉的按钮，默认渲染 Button */\nexport const DrawerClose = <T extends ValidComponent = typeof Button<\"button\">>(\n  props: DrawerCloseProps<T>,\n) => {\n  const ctx = useDrawerContext(\"DrawerClose\");\n\n  const attach = (el: Element) => {\n    const onClick = () => ctx.setOpen(false, \"close-press\");\n    el.addEventListener(\"click\", onClick);\n    onCleanup(() => el.removeEventListener(\"click\", onClick));\n  };\n\n  return (\n    <Dynamic\n      {...props}\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      ref={mergeRefs(props.ref, attach)}\n      data-slot=\"drawer-close\"\n    />\n  );\n};\n"],"mappings":";;;;;;AAQA,IAAaO,KACXC,MACG;CACH,IAAME,IAAML,EAAiB,aAAa,GAEpCM,KAAUC,MAAgB;EAC9B,IAAME,UAAgBJ,EAAIK,QAAQ,IAAO,aAAa;EAEtDf,AADAY,EAAGI,iBAAiB,SAASF,CAAO,GACpCd,QAAgBY,EAAGK,oBAAoB,SAASH,CAAO,CAAC;CAC1D;CAEA,OAAAI,EACGhB,GAAOiB,EACFX,GAAK;EAAA,IACTY,YAAS;GAAA,OAAGZ,EAAMY,aAAgCjB;EAAgB;EAAAkB,IAAAC,GAAA;GAAA,IAAAC,IAC7DnB,EAAUI,EAAMa,KAAKV,CAAM;GAAC,OAAAY,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAAA,aAAA;CAAA,CAAA,CAAA;AAIvC"}

package/dist/components/drawer/DrawerClose/index.d.ts

@@ -0,0 +1 @@
+export { DrawerClose } from './DrawerClose';

package/dist/components/drawer/DrawerContent/DrawerContent.d.ts

@@ -0,0 +1,6 @@
+import { DrawerContentProps } from './DrawerContent.types';
+/**
+ * DrawerContent：组合 Portal + Overlay + Viewport + Popup + Content。
+ * 打开/关闭用 transform 过渡（按方向把面板移出视口），拖拽期间改用位移。
+ */
+export declare function DrawerContent(props: DrawerContentProps): import('solid-js').JSX.Element;