@neut/ui 0.0.5 → 0.0.6

package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogFooter.js","names":["splitProps","AlertDialogFooterProps","clsx","classes","AlertDialogFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogFooterProps } from \"./AlertDialogFooter.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogFooter.styles\";\n\nexport const AlertDialogFooter = (props: AlertDialogFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;kEAKaI,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end";

package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.ts
+var e = "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=AlertDialogFooter.styles.js.map

package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogFooter.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.styles.ts"],"sourcesContent":["export const classes =\n  \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-neutral-100/50 dark:bg-neutral-800/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/alert-dialog/AlertDialogFooter/AlertDialogFooter.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogFooter/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogHeaderProps } from './AlertDialogHeader.types';
+export declare const AlertDialogHeader: (props: AlertDialogHeaderProps) => import("solid-js").JSX.Element;

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./AlertDialogHeader.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/alert-dialog/AlertDialogHeader/AlertDialogHeader.tsx
+var o = /* @__PURE__ */ i("<div data-slot=alert-dialog-header>"), s = (i) => {
+	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;
+	})();
+};
+//#endregion
+export { s as AlertDialogHeader };
+
+//# sourceMappingURL=AlertDialogHeader.js.map

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogHeader.js","names":["splitProps","AlertDialogHeaderProps","clsx","classes","AlertDialogHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogHeaderProps } from \"./AlertDialogHeader.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogHeader.styles\";\n\nexport const AlertDialogHeader = (props: AlertDialogHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;kEAKaI,KAAqBC,MAAkC;CAClE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]";

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.ts
+var e = "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=AlertDialogHeader.styles.js.map

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogHeader.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.styles.ts"],"sourcesContent":["export const classes =\n  \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/alert-dialog/AlertDialogHeader/AlertDialogHeader.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogHeader/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogMediaProps } from './AlertDialogMedia.types';
+export declare const AlertDialogMedia: (props: AlertDialogMediaProps) => import("solid-js").JSX.Element;

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js

@@ -0,0 +1,18 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./AlertDialogMedia.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/alert-dialog/AlertDialogMedia/AlertDialogMedia.tsx
+var o = /* @__PURE__ */ i("<div data-slot=alert-dialog-media>"), s = (i) => {
+	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;
+	})();
+};
+//#endregion
+export { s as AlertDialogMedia };
+
+//# sourceMappingURL=AlertDialogMedia.js.map

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogMedia.js","names":["splitProps","AlertDialogMediaProps","clsx","classes","AlertDialogMedia","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogMediaProps } from \"./AlertDialogMedia.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogMedia.styles\";\n\nexport const AlertDialogMedia = (props: AlertDialogMediaProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;iEAKaI,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAIc,SAJdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWT,EAAKC,GAASG,EAAMM,MAAM;KAAA,EAC7BL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-neutral-100 dark:bg-neutral-800 sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6";

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.ts
+var e = "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-neutral-100 dark:bg-neutral-800 sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=AlertDialogMedia.styles.js.map

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogMedia.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.styles.ts"],"sourcesContent":["export const classes =\n  \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-neutral-100 dark:bg-neutral-800 sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/alert-dialog/AlertDialogMedia/AlertDialogMedia.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogMedia/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogOverlayProps } from './AlertDialogOverlay.types';
+export declare const AlertDialogOverlay: (props: AlertDialogOverlayProps) => import("solid-js").JSX.Element;

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.js

@@ -0,0 +1,26 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useAlertDialogContext as t } from "../AlertDialog/AlertDialog.context.js";
+import { classes as n } from "./AlertDialogOverlay.styles.js";
+import { mergeProps as r, spread as i, template as a } from "solid-js/web";
+import { splitProps as o } from "solid-js";
+//#region src/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.tsx
+var s = /* @__PURE__ */ a("<div data-slot=alert-dialog-overlay role=presentation aria-hidden=true>"), c = (a) => {
+	let { open: c, setShow: l } = t(), [u, d] = o(a, ["class", "classList"]);
+	return (() => {
+		var t = s();
+		return t.addEventListener("animationend", () => {
+			c() || l(!1);
+		}), i(t, r({
+			get "data-open"() {
+				return c();
+			},
+			get class() {
+				return e(n, u.class);
+			}
+		}, d), !1, !1), t;
+	})();
+};
+//#endregion
+export { c as AlertDialogOverlay };
+
+//# sourceMappingURL=AlertDialogOverlay.js.map

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogOverlay.js","names":["splitProps","AlertDialogOverlayProps","clsx","classes","useAlertDialogContext","AlertDialogOverlay","props","open","setShow","local","others","_el$","_tmpl$","addEventListener","_$spread","_$mergeProps","data-open","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { AlertDialogOverlayProps } from \"./AlertDialogOverlay.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogOverlay.styles\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const AlertDialogOverlay = (props: AlertDialogOverlayProps) => {\n  const { open, setShow } = useAlertDialogContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"alert-dialog-overlay\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-open={open()}\n      class={clsx(classes, local.class)}\n      onAnimationEnd={() => {\n        if (open()) return;\n        setShow(false);\n      }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;sGAMaK,KAAsBC,MAAmC;CACpE,IAAM,EAAEC,SAAMC,eAAYJ,GAAuB,EAE3C,CAACK,GAAOC,KAAUV,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAK,IAAAC,GAAA;AAWc,SAXdD,EAAAE,iBAAA,sBAO0B;AAChBN,MAAM,IACVC,EAAQ,GAAM;IACf,EAAAM,EAAAH,GAAAI,EAAA;GAAA,IAAA,cAAA;AAAA,WALUR,GAAM;;GAAA,IAAA,QAAA;AAAA,WACVL,EAAKC,GAASM,EAAMQ,MAAM;;GAAA,EAK7BP,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none";

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.ts
+var e = "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=AlertDialogOverlay.styles.js.map

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogOverlay.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.styles.ts"],"sourcesContent":["export const classes =\n  \"fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-[open=true]:animate-in data-[open=true]:fade-in-0 data-[open=false]:animate-out data-[open=false]:fade-out-0 select-none\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/alert-dialog/AlertDialogOverlay/AlertDialogOverlay.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogOverlay/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogPortalProps } from './AlertDialogPortal.types';
+export declare const AlertDialogPortal: (props: AlertDialogPortalProps) => import("solid-js").JSX.Element;

package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.js

@@ -0,0 +1,10 @@
+import { Portal as e, createComponent as t, spread as n, template as r } from "solid-js/web";
+//#region src/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.tsx
+var i = /* @__PURE__ */ r("<div data-slot=alert-dialog-portal>"), a = (r) => t(e, { get children() {
+	var e = i();
+	return n(e, r, !1, !1), e;
+} });
+//#endregion
+export { a as AlertDialogPortal };
+
+//# sourceMappingURL=AlertDialogPortal.js.map

package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogPortal.js","names":["AlertDialogPortalProps","Portal","AlertDialogPortal","props","_$createComponent","children","_el$","_tmpl$","_$spread"],"sources":["../../../../src/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.tsx"],"sourcesContent":["import type { AlertDialogPortalProps } from \"./AlertDialogPortal.types\";\nimport { Portal } from \"solid-js/web\";\n\nexport const AlertDialogPortal = (props: AlertDialogPortalProps) => {\n  return (\n    <Portal>\n      <div data-slot=\"alert-dialog-portal\" {...props} />\n    </Portal>\n  );\n};\n"],"mappings":";;kEAGaE,KAAqBC,MAChCC,EACGH,GAAM,EAAA,IAAAI,WAAA;CAAA,IAAAC,IAAAC,GAAA;AACyC,QADzCC,EAAAF,GACoCH,GAAK,IAAA,GAAA,EAAAG;GAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogPortal/AlertDialogPortal.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogPortal/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialogTitleProps } from './AlertDialogTitle.types';
+export declare const AlertDialogTitle: (props: AlertDialogTitleProps) => import("solid-js").JSX.Element;

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js

@@ -0,0 +1,21 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { useAlertDialogContentContext as t } from "../AlertDialogContent/AlertDialogContent.context.js";
+import { classes as n } from "./AlertDialogTitle.styles.js";
+import { mergeProps as r, setAttribute as i, spread as a, template as o } from "solid-js/web";
+import { createUniqueId as s, onMount as c, splitProps as l } from "solid-js";
+//#region src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.tsx
+var u = /* @__PURE__ */ o("<h2 data-slot=alert-dialog-title>"), d = (o) => {
+	let { setTitleID: d } = t(), [f, p] = l(o, ["class", "classList"]), m = s();
+	return c(() => {
+		d(m);
+	}), (() => {
+		var t = u();
+		return i(t, "id", m), a(t, r({ get class() {
+			return e(n, f.class);
+		} }, p), !1, !1), t;
+	})();
+};
+//#endregion
+export { d as AlertDialogTitle };
+
+//# sourceMappingURL=AlertDialogTitle.js.map

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTitle.js","names":["createUniqueId","onMount","splitProps","AlertDialogTitleProps","clsx","classes","useAlertDialogContentContext","AlertDialogTitle","props","setTitleID","local","others","id","_el$","_tmpl$","_$setAttribute","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.tsx"],"sourcesContent":["import { createUniqueId, onMount, splitProps } from \"solid-js\";\nimport type { AlertDialogTitleProps } from \"./AlertDialogTitle.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./AlertDialogTitle.styles\";\nimport { useAlertDialogContentContext } from \"../AlertDialogContent\";\n\nexport const AlertDialogTitle = (props: AlertDialogTitleProps) => {\n  const { setTitleID } = useAlertDialogContentContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  const id = createUniqueId();\n\n  onMount(() => {\n    setTitleID(id);\n  });\n\n  return (\n    <h2\n      id={id}\n      data-slot=\"alert-dialog-title\"\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;gEAMaO,KAAoBC,MAAiC;CAChE,IAAM,EAAEC,kBAAeH,GAA8B,EAE/C,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC,EAE3DI,IAAKZ,GAAgB;AAM3B,QAJAC,QAAc;AACZQ,IAAWG,EAAG;GACd,SAEF;EAAA,IAAAC,IAAAC,GAAA;AAKc,SALdC,EAAAF,GAAA,MAEQD,EAAE,EAAAI,EAAAH,GAAAI,EAAA,EAAA,IAAA,QAAA;AAAA,UAECb,EAAKC,GAASK,EAAMQ,MAAM;KAAA,EAC7BP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA"}

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "cn-font-heading text-base font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2";

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.ts
+var e = "cn-font-heading text-base font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=AlertDialogTitle.styles.js.map

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTitle.styles.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.styles.ts"],"sourcesContent":["export const classes =\n  \"cn-font-heading text-base font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\";\n"],"mappings":";AAAA,IAAa,IACX"}

package/dist/components/alert-dialog/AlertDialogTitle/AlertDialogTitle.types.d.ts

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

package/dist/components/alert-dialog/AlertDialogTitle/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.d.ts

@@ -0,0 +1,2 @@
+import { JSXElement, ParentProps } from 'solid-js';
+export declare const AlertDialogTrigger: (props: ParentProps) => JSXElement;

package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.js

@@ -0,0 +1,11 @@
+import { useAlertDialogTrigger as e } from "./useAlertDialogTrigger.js";
+import { children as t, untrack as n } from "solid-js";
+//#region src/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.tsx
+var r = (r) => {
+	let i = t(() => n(() => r.children));
+	return e(i), i;
+};
+//#endregion
+export { r as AlertDialogTrigger };
+
+//# sourceMappingURL=AlertDialogTrigger.js.map

package/dist/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialogTrigger.js","names":["children","untrack","JSXElement","ParentProps","useAlertDialogTrigger","AlertDialogTrigger","props","resolved"],"sources":["../../../../src/components/alert-dialog/AlertDialogTrigger/AlertDialogTrigger.tsx"],"sourcesContent":["import { children, untrack, type JSXElement, type ParentProps } from \"solid-js\";\nimport { useAlertDialogTrigger } from \"./useAlertDialogTrigger\";\n\nexport const AlertDialogTrigger = (props: ParentProps) => {\n  const resolved = children(() => untrack(() => props.children));\n  useAlertDialogTrigger(resolved);\n\n  return resolved as unknown as JSXElement;\n};\n"],"mappings":";;;AAGA,IAAaK,KAAsBC,MAAuB;CACxD,IAAMC,IAAWP,QAAeC,QAAcK,EAAMN,SAAS,CAAC;AAG9D,QAFAI,EAAsBG,EAAS,EAExBA"}

package/dist/components/alert-dialog/AlertDialogTrigger/index.d.ts

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

package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.d.ts

@@ -0,0 +1,2 @@
+import { ChildrenReturn } from 'solid-js';
+export declare const useAlertDialogTrigger: (resolved: ChildrenReturn) => void;

package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.js

@@ -0,0 +1,26 @@
+import { useAlertDialogContext as e } from "../AlertDialog/AlertDialog.context.js";
+import { onCleanup as t, onMount as n } from "solid-js";
+//#region src/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.ts
+var r = (r) => {
+	let { setShow: i, setOpen: a } = e(), o = (e) => {
+		console.log("点击", e.type), a(!0), i(!0);
+	};
+	n(() => {
+		let e = r.toArray();
+		e.length !== 1 && console.warn("[AlertDialog] AlertDialogTrigger should have exactly one child");
+		let n = e[0];
+		if (n) {
+			if (!(n instanceof HTMLElement)) {
+				console.error("[AlertDialog] AlertDialogTrigger child should be an HTMLElement");
+				return;
+			}
+			n.addEventListener("click", o), t(() => {
+				n && n.removeEventListener("click", o);
+			});
+		}
+	});
+};
+//#endregion
+export { r as useAlertDialogTrigger };
+
+//# sourceMappingURL=useAlertDialogTrigger.js.map

package/dist/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertDialogTrigger.js","names":[],"sources":["../../../../src/components/alert-dialog/AlertDialogTrigger/useAlertDialogTrigger.ts"],"sourcesContent":["import { onCleanup, onMount, type ChildrenReturn } from \"solid-js\";\nimport { useAlertDialogContext } from \"../AlertDialog\";\n\nexport const useAlertDialogTrigger = (resolved: ChildrenReturn) => {\n  const { setShow, setOpen } = useAlertDialogContext();\n\n  const handleClick = (ev: PointerEvent) => {\n    console.log(\"点击\", ev.type);\n    setOpen(true);\n    setShow(true);\n  };\n\n  onMount(() => {\n    const trigger = resolved.toArray();\n    if (trigger.length !== 1) {\n      console.warn(\n        \"[AlertDialog] AlertDialogTrigger should have exactly one child\",\n      );\n    }\n\n    const el = trigger[0] as HTMLElement | undefined;\n\n    if (!el) return;\n\n    if (!(el instanceof HTMLElement)) {\n      console.error(\n        \"[AlertDialog] AlertDialogTrigger child should be an HTMLElement\",\n      );\n      return;\n    }\n\n    el.addEventListener(\"click\", handleClick);\n\n    onCleanup(() => {\n      if (!el) return;\n      el.removeEventListener(\"click\", handleClick);\n    });\n  });\n};\n"],"mappings":";;;AAGA,IAAa,KAAyB,MAA6B;CACjE,IAAM,EAAE,YAAS,eAAY,GAAuB,EAE9C,KAAe,MAAqB;AAGxC,EAFA,QAAQ,IAAI,MAAM,EAAG,KAAK,EAC1B,EAAQ,GAAK,EACb,EAAQ,GAAK;;AAGf,SAAc;EACZ,IAAM,IAAU,EAAS,SAAS;AAClC,EAAI,EAAQ,WAAW,KACrB,QAAQ,KACN,iEACD;EAGH,IAAM,IAAK,EAAQ;AAEd,SAEL;OAAI,EAAE,aAAc,cAAc;AAChC,YAAQ,MACN,kEACD;AACD;;AAKF,GAFA,EAAG,iBAAiB,SAAS,EAAY,EAEzC,QAAgB;AACT,SACL,EAAG,oBAAoB,SAAS,EAAY;KAC5C;;GACF"}

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,12 @@
+export * from './AlertDialog';
+export * from './AlertDialogAction';
+export * from './AlertDialogCancel';
+export * from './AlertDialogContent';
+export * from './AlertDialogDescription';
+export * from './AlertDialogFooter';
+export * from './AlertDialogHeader';
+export * from './AlertDialogMedia';
+export * from './AlertDialogOverlay';
+export * from './AlertDialogPortal';
+export * from './AlertDialogTitle';
+export * from './AlertDialogTrigger';

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,15 @@
+import { useAlertDialogContext as e } from "./AlertDialog/AlertDialog.context.js";
+import { AlertDialog as t } from "./AlertDialog/AlertDialog.js";
+import { AlertDialogAction as n } from "./AlertDialogAction/AlertDialogAction.js";
+import { AlertDialogCancel as r } from "./AlertDialogCancel/AlertDialogCancel.js";
+import { AlertDialogPortal as i } from "./AlertDialogPortal/AlertDialogPortal.js";
+import { AlertDialogOverlay as a } from "./AlertDialogOverlay/AlertDialogOverlay.js";
+import { useAlertDialogContentContext as o } from "./AlertDialogContent/AlertDialogContent.context.js";
+import { AlertDialogContent as s } from "./AlertDialogContent/AlertDialogContent.js";
+import { AlertDialogDescription as c } from "./AlertDialogDescription/AlertDialogDescription.js";
+import { AlertDialogFooter as l } from "./AlertDialogFooter/AlertDialogFooter.js";
+import { AlertDialogHeader as u } from "./AlertDialogHeader/AlertDialogHeader.js";
+import { AlertDialogMedia as d } from "./AlertDialogMedia/AlertDialogMedia.js";
+import { AlertDialogTitle as f } from "./AlertDialogTitle/AlertDialogTitle.js";
+import { AlertDialogTrigger as p } from "./AlertDialogTrigger/AlertDialogTrigger.js";
+export { t as AlertDialog, n as AlertDialogAction, r as AlertDialogCancel, s as AlertDialogContent, c as AlertDialogDescription, l as AlertDialogFooter, u as AlertDialogHeader, d as AlertDialogMedia, a as AlertDialogOverlay, i as AlertDialogPortal, f as AlertDialogTitle, p as AlertDialogTrigger, o as useAlertDialogContentContext, e as useAlertDialogContext };

package/dist/components/badge/Badge.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const badgeVariants: (props?: ({
-    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "outline" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/button/Button.styles.d.ts

@@ -1,7 +1,7 @@
 export declare const base = "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-neutral-400 focus-visible:ring-3 focus-visible:ring-neutral-400/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-red-600 aria-invalid:ring-3 aria-invalid:ring-red-600/20 dark:aria-invalid:border-red-600/50 dark:aria-invalid:ring-red-600/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
 declare const _default: (props?: ({
-    variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
-    size?: "md" | "sm" | "lg" | "xs" | null | undefined;
-    iconSize?: "md" | "sm" | "lg" | "xs" | null | undefined;
+    variant?: "link" | "outline" | "destructive" | "primary" | "secondary" | "ghost" | null | undefined;
+    size?: "md" | "xs" | "sm" | "lg" | null | undefined;
+    iconSize?: "md" | "xs" | "sm" | "lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export default _default;

package/dist/components/input-group/InputGroupAddon/InputGroupAddon.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const inputGroupAddonVariants: (props?: ({
-    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
+    align?: "inline-start" | "inline-end" | "block-end" | "block-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/input-group/InputGroupButton/InputGroupButton.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "xs" | null | undefined;
-    iconSize?: "sm" | "xs" | null | undefined;
+    size?: "xs" | "sm" | null | undefined;
+    iconSize?: "xs" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/item/Item/Item.styles.d.ts

@@ -1,4 +1,4 @@
 export declare const itemVariants: (props?: ({
     variant?: "outline" | "ghost" | "muted" | null | undefined;
-    size?: "sm" | "xs" | null | undefined;
+    size?: "xs" | "sm" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/item/ItemMedia/ItemMedia.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "icon" | "ghost" | null | undefined;
+    variant?: "image" | "ghost" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/scroll-area/ScrollArea/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollArea.js","names":["createEffect","createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createEffect, createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;qIAOaU,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACK,GAAUC,KAAehB,EAAa,GAAM,EAC7C,CAACiB,GAAUC,KAAelB,EAE9B,KAAK,EAED,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EACb,CAAC,EACI,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EAEhB,CAAC;CAED,SAASG,EAAcC,GAAiB;AAItCF,EAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,aACnD,CAAC,EACDN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,YACnD,CAAC;;CAGH,SAASC,EAAMR,GAAoB;AAGjCD,EAFAf,IAAcgB,GAEdD,EAAcC,EAAG;EAEjB,IAAMS,UAAeV,EAAcC,EAAG,EAEhCU,IAAK,IAAIC,eAAeF,EAAO;AASrCnC,EARAoC,EAAGE,QAAQZ,EAAG,EAEVA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,kBAAkB,EAGlCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,IAAM,CAAC,EAExDzC,QAAgB;AAEd0B,GADAU,EAAGM,YAAY,EACfhB,EAAGiB,oBAAoB,UAAUR,EAAO;IACxC;;AAGJ,eAAA;EAAA,IAAAS,IAAAC,GAAA;AA2C+C,SA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,GAAM,CAAA,EAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,GAAK,CAAA,EAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAD9B3C,EAAK,YAAYQ,EAAMoC,MAAM;KAAA,EAGhCnC,EAAM,EAAA,IAAA,GAAA,EAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;IACb;GAAA,IAAAgC,WAAA;AAAA,WAAA,QAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAGMxB;AAoBJ,YApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,SAAQ,EAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,4CAEA,wDAEA,oDACA,4EAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,kBACP;AAAA,aAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,EAAA,EAAAF;QAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAb;QAAA,EAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;AAAA,YAAEpD,EAAMoD;OAAW,CAAA,CAAA;;GAAA,CAAA,CAAA,EAAApB;KAAA"}
+{"version":3,"file":"ScrollArea.js","names":["createSignal","onCleanup","splitProps","ScrollAreaProps","ScrollMetrics","clsx","ScrollBar","ScrollAreaContext","computeMetrics","ScrollArea","props","viewportRef","HTMLDivElement","local","others","hovering","setHovering","dragging","setDragging","verticalMetrics","setVerticalMetrics","thumbRatio","thumbOffset","scrollable","horizontalMetrics","setHorizontalMetrics","updateMetrics","el","HTMLElement","clientHeight","scrollTop","scrollHeight","clientWidth","scrollLeft","scrollWidth","setup","update","ro","ResizeObserver","observe","firstElementChild","addEventListener","passive","disconnect","removeEventListener","_el$","_tmpl$2","_$spread","_$mergeProps","class","_$insert","_$createComponent","Provider","value","vertical","horizontal","children","_el$2","_tmpl$","_ref$","_$use","_$effect","_p$","_v$","_v$2","orientation","e","_$setAttribute","t","_$className","undefined"],"sources":["../../../../src/components/scroll-area/ScrollArea/ScrollArea.tsx"],"sourcesContent":["import { createSignal, onCleanup, splitProps } from \"solid-js\";\nimport type { ScrollAreaProps, ScrollMetrics } from \"./ScrollArea.types\";\nimport { clsx } from \"~/utils\";\nimport { ScrollBar } from \"../ScrollBar\";\nimport { ScrollAreaContext } from \"./ScrollArea.context\";\nimport { computeMetrics } from \"./ScrollArea.utils\";\n\nexport const ScrollArea = (props: ScrollAreaProps) => {\n  let viewportRef: HTMLDivElement | undefined;\n\n  const [local, others] = splitProps(props, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n    \"children\",\n    \"aria-label\",\n  ]);\n\n  const [hovering, setHovering] = createSignal(false);\n  const [dragging, setDragging] = createSignal<\n    \"vertical\" | \"horizontal\" | null\n  >(null);\n\n  const [verticalMetrics, setVerticalMetrics] = createSignal<ScrollMetrics>({\n    thumbRatio: 1,\n    thumbOffset: 0,\n    scrollable: false,\n  });\n  const [horizontalMetrics, setHorizontalMetrics] = createSignal<ScrollMetrics>(\n    {\n      thumbRatio: 1,\n      thumbOffset: 0,\n      scrollable: false,\n    },\n  );\n\n  function updateMetrics(el: HTMLElement) {\n    setVerticalMetrics(\n      computeMetrics(el.clientHeight, el.scrollTop, el.scrollHeight),\n    );\n    setHorizontalMetrics(\n      computeMetrics(el.clientWidth, el.scrollLeft, el.scrollWidth),\n    );\n  }\n\n  function setup(el: HTMLDivElement) {\n    viewportRef = el; // ref 赋值\n\n    updateMetrics(el);\n\n    const update = () => updateMetrics(el);\n\n    const ro = new ResizeObserver(update);\n    ro.observe(el);\n\n    if (el.firstElementChild) {\n      ro.observe(el.firstElementChild);\n    }\n\n    el.addEventListener(\"scroll\", update, { passive: true });\n\n    onCleanup(() => {\n      ro.disconnect();\n      el.removeEventListener(\"scroll\", update);\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"scroll-area\"\n      class={clsx(\"relative\", local.class)}\n      onMouseEnter={() => setHovering(true)}\n      onMouseLeave={() => setHovering(false)}\n      {...others}\n    >\n      <ScrollAreaContext.Provider\n        value={{\n          hovering,\n          viewportRef: () => viewportRef,\n          dragging,\n          setDragging,\n          vertical: verticalMetrics,\n          horizontal: horizontalMetrics,\n        }}\n      >\n        <div\n          ref={setup}\n          data-slot=\"scroll-area-viewport\"\n          role=\"region\"\n          aria-label={local[\"aria-label\"] ?? \"Scrollable content\"}\n          class={clsx(\n            // \"size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-400/50 dark:focus-visible:ring-neutral-500/50 focus-visible:outline-1\",\n            // \"overflow-scroll\",\n            // \"[scrollbar-width:none]\",\n            \"size-full rounded-[inherit] outline-none\",\n            // Native scrollbars hidden via CSS; custom ones provided below\n            \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden\",\n            // Focus ring — meets WCAG 2.4.7\n            \"focus-visible:ring-2 focus-visible:ring-offset-1\",\n            \"focus-visible:ring-neutral-400/70 dark:focus-visible:ring-neutral-500/70\",\n            // Overflow based on which scrollbars are active\n            local.orientation === \"vertical\"\n              ? \"overflow-y-scroll overflow-x-hidden\"\n              : local.orientation === \"horizontal\"\n                ? \"overflow-x-scroll overflow-y-hidden\"\n                : \"overflow-scroll\",\n          )}\n        >\n          {local.children}\n        </div>\n        <ScrollBar orientation={local.orientation} />\n      </ScrollAreaContext.Provider>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;qIAOaS,KAAcC,MAA2B;CACpD,IAAIC,GAEE,CAACE,GAAOC,KAAUZ,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACA;EACD,CAAC,EAEI,CAACK,GAAUC,KAAehB,EAAa,GAAM,EAC7C,CAACiB,GAAUC,KAAelB,EAE9B,KAAK,EAED,CAACmB,GAAiBC,KAAsBpB,EAA4B;EACxEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EACb,CAAC,EACI,CAACC,GAAmBC,KAAwBzB,EAChD;EACEqB,YAAY;EACZC,aAAa;EACbC,YAAY;EAEhB,CAAC;CAED,SAASG,EAAcC,GAAiB;AAItCF,EAHAL,EACEZ,EAAemB,EAAGE,cAAcF,EAAGG,WAAWH,EAAGI,aACnD,CAAC,EACDN,EACEjB,EAAemB,EAAGK,aAAaL,EAAGM,YAAYN,EAAGO,YACnD,CAAC;;CAGH,SAASC,EAAMR,GAAoB;AAGjCD,EAFAf,IAAcgB,GAEdD,EAAcC,EAAG;EAEjB,IAAMS,UAAeV,EAAcC,EAAG,EAEhCU,IAAK,IAAIC,eAAeF,EAAO;AASrCnC,EARAoC,EAAGE,QAAQZ,EAAG,EAEVA,EAAGa,qBACLH,EAAGE,QAAQZ,EAAGa,kBAAkB,EAGlCb,EAAGc,iBAAiB,UAAUL,GAAQ,EAAEM,SAAS,IAAM,CAAC,EAExDzC,QAAgB;AAEd0B,GADAU,EAAGM,YAAY,EACfhB,EAAGiB,oBAAoB,UAAUR,EAAO;IACxC;;AAGJ,eAAA;EAAA,IAAAS,IAAAC,GAAA;AA2C+C,SA3C/CD,EAAAJ,iBAAA,oBAKwBzB,EAAY,GAAM,CAAA,EAAA6B,EAAAJ,iBAAA,oBADlBzB,EAAY,GAAK,CAAA,EAAA+B,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAD9B3C,EAAK,YAAYQ,EAAMoC,MAAM;KAAA,EAGhCnC,EAAM,EAAA,IAAA,GAAA,EAAAoC,EAAAL,GAAAM,EAET5C,EAAkB6C,UAAQ;GACzBC,OAAO;IACLtC;IACAJ,mBAAmBA;IACnBM;IACAC;IACAoC,UAAUnC;IACVoC,YAAY/B;IACb;GAAA,IAAAgC,WAAA;AAAA,WAAA,QAAA;KAAA,IAAAC,IAAAC,GAAA,EAAAC,IAGMxB;AAoBJ,YApBS,OAAAwB,KAAA,aAAAC,EAAAD,GAAAF,EAAA,GAALtB,IAAKsB,GAAAP,EAAAO,SAsBT5C,EAAM2C,SAAQ,EAAAK,GAAAC,MAAA;MAAA,IAAAC,IAnBHlD,EAAM,iBAAiB,sBAAoBmD,IAChD3D,EAIL,4CAEA,wDAEA,oDACA,4EAEAQ,EAAMoD,gBAAgB,aAClB,wCACApD,EAAMoD,gBAAgB,eACpB,wCACA,kBACP;AAAA,aAAAF,MAAAD,EAAAI,KAAAC,EAAAV,GAAA,cAAAK,EAAAI,IAAAH,EAAA,EAAAC,MAAAF,EAAAM,KAAAC,EAAAZ,GAAAK,EAAAM,IAAAJ,EAAA,EAAAF;QAAA;MAAAI,GAAAI,KAAAA;MAAAF,GAAAE,KAAAA;MAAA,CAAA,EAAAb;QAAA,EAAAN,EAIF7C,GAAS,EAAA,IAAC2D,cAAW;AAAA,YAAEpD,EAAMoD;OAAW,CAAA,CAAA;;GAAA,CAAA,CAAA,EAAApB;KAAA"}

package/dist/components/tooltip/TooltipContent/TooltipContent.utils.d.ts

@@ -2,5 +2,5 @@ export declare function computePosition(trigger: HTMLElement, content: HTMLEleme
     top: number;
     left: number;
     side: "left" | "right" | "bottom" | "top";
-    align: "center" | "end" | "start";
+    align: "center" | "start" | "end";
 };

package/dist/components/tooltip/TooltipContent/useTooltipContent.d.ts

@@ -5,6 +5,6 @@ export declare const useTooltipContent: (ref: () => HTMLDivElement | undefined,
         top: number;
         left: number;
         side: "left" | "right" | "bottom" | "top";
-        align: "center" | "end" | "start";
+        align: "center" | "start" | "end";
     };
 };

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './components/accordion';
+export * from './components/alert';
+export * from './components/alert-dialog';
 export * from './components/aspect-ratio';
 export * from './components/avatar';
 export * from './components/badge';