@neut/ui 0.0.4 → 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/progress/Progress/Progress.context.d.ts

@@ -0,0 +1,6 @@
+interface ProgressContextValue {
+    value: () => number;
+}
+export declare const ProgressContext: import('solid-js').Context<ProgressContextValue | undefined>;
+export declare const useProgressContext: () => ProgressContextValue;
+export {};

package/dist/components/progress/Progress/Progress.context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t } from "solid-js";
+//#region src/components/progress/Progress/Progress.context.ts
+var n = e(), r = () => {
+	let e = t(n);
+	if (!e) throw Error("useProgressContext must be used within a ProgressProvider");
+	return e;
+};
+//#endregion
+export { n as ProgressContext, r as useProgressContext };
+
+//# sourceMappingURL=Progress.context.js.map

package/dist/components/progress/Progress/Progress.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.context.js","names":[],"sources":["../../../../src/components/progress/Progress/Progress.context.ts"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\n\ninterface ProgressContextValue {\n  value: () => number;\n}\n\nexport const ProgressContext = createContext<ProgressContextValue>();\n\nexport const useProgressContext = () => {\n  const context = useContext(ProgressContext);\n  if (!context) {\n    throw new Error(\n      \"useProgressContext must be used within a ProgressProvider\",\n    );\n  }\n  return context;\n};\n"],"mappings":";;AAMA,IAAa,IAAkB,GAAqC,EAEvD,UAA2B;CACtC,IAAM,IAAU,EAAW,EAAgB;AAC3C,KAAI,CAAC,EACH,OAAU,MACR,4DACD;AAEH,QAAO"}

package/dist/components/progress/Progress/Progress.d.ts

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

package/dist/components/progress/Progress/Progress.js

@@ -0,0 +1,44 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./Progress.styles.js";
+import { ProgressTrack as n } from "../ProgressTrack/ProgressTrack.js";
+import { ProgressIndicator as r } from "../ProgressIndicator/ProgressIndicator.js";
+import { ProgressContext as i } from "./Progress.context.js";
+import { createComponent as a, insert as o, memo as s, mergeProps as c, spread as l, template as u } from "solid-js/web";
+import { splitProps as d } from "solid-js";
+//#region src/components/progress/Progress/Progress.tsx
+var f = /* @__PURE__ */ u("<div data-slot=progress aria-valuemax=100 aria-valuemin=0 role=progressbar><span role=presentation class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\">x"), p = (u) => {
+	let [p, m] = d(u, [
+		"value",
+		"class",
+		"classList",
+		"children"
+	]), h = () => p.value;
+	return (() => {
+		var u = f(), d = u.firstChild;
+		return l(u, c({
+			get "aria-valuenow"() {
+				return p.value;
+			},
+			get "aria-valuetext"() {
+				return `${p.value}%`;
+			},
+			get "data-progressing"() {
+				return s(() => p.value > 0)() && p.value < 100;
+			},
+			get class() {
+				return e(t, p.class);
+			}
+		}, m), !1, !0), o(u, a(i.Provider, {
+			value: { value: h },
+			get children() {
+				return [s(() => p.children), a(n, { get children() {
+					return a(r, {});
+				} })];
+			}
+		}), d), u;
+	})();
+};
+//#endregion
+export { p as Progress };
+
+//# sourceMappingURL=Progress.js.map

package/dist/components/progress/Progress/Progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","names":["splitProps","ProgressProps","clsx","classes","ProgressTrack","ProgressIndicator","ProgressContext","Progress","props","local","others","value","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","aria-valuenow","aria-valuetext","data-progressing","_$memo","class","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/progress/Progress/Progress.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressProps } from \"./Progress.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Progress.styles\";\nimport { ProgressTrack } from \"../ProgressTrack\";\nimport { ProgressIndicator } from \"../ProgressIndicator\";\nimport { ProgressContext } from \"./Progress.context\";\n\nexport const Progress = (props: ProgressProps) => {\n  const [local, others] = splitProps(props, [\n    \"value\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  const value = () => local.value;\n\n  return (\n    <div\n      data-slot=\"progress\"\n      aria-valuemax=\"100\"\n      aria-valuemin=\"0\"\n      aria-valuenow={local.value}\n      aria-valuetext={`${local.value}%`}\n      role=\"progressbar\"\n      data-progressing={local.value > 0 && local.value < 100}\n      class={clsx(classes, local.class)}\n      {...others}\n    >\n      <ProgressContext.Provider\n        value={{\n          value,\n        }}\n      >\n        {local.children}\n        <ProgressTrack>\n          <ProgressIndicator />\n        </ProgressTrack>\n      </ProgressContext.Provider>\n      <span\n        role=\"presentation\"\n        class=\"[clip-path:inset(50%)] overflow-hidden whitespace-nowrap border-0 p-0 size-px -m-px fixed top-0 left-0\"\n      >\n        x\n      </span>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;oPAQaO,KAAYC,MAAyB;CAChD,IAAM,CAACC,GAAOC,KAAUV,EAAWQ,GAAO;EACxC;EACA;EACA;EACA;EACD,CAAC,EAEIG,UAAcF,EAAME;AAE1B,eAAA;EAAA,IAAAC,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAmB0B,SAnB1BC,EAAAJ,GAAAK,EAAA;GAAA,IAAA,kBAAA;AAAA,WAKmBR,EAAME;;GAAK,IAAA,mBAAA;AAAA,WACV,GAAGF,EAAME,MAAK;;GAAG,IAAA,qBAAA;AAAA,WAEfU,QAAAZ,EAAME,QAAQ,EAAC,EAAA,IAAIF,EAAME,QAAQ;;GAAG,IAAA,QAAA;AAAA,WAC/CT,EAAKC,GAASM,EAAMa,MAAM;;GAAA,EAC7BZ,EAAM,EAAA,IAAA,GAAA,EAAAa,EAAAX,GAAAY,EAETlB,EAAgBmB,UAAQ;GACvBd,OAAO,EACLA,UACD;GAAA,IAAAe,WAAA;AAAA,WAAA,CAAAL,QAEAZ,EAAMiB,SAAQ,EAAAF,EACdpB,GAAa,EAAA,IAAAsB,WAAA;AAAA,YAAAF,EACXnB,GAAiB,EAAA,CAAA;OAAA,CAAA,CAAA;;GAAA,CAAA,EAAAS,EAAA,EAAAF;KAAA"}

package/dist/components/progress/Progress/Progress.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "flex flex-wrap gap-3";

package/dist/components/progress/Progress/Progress.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/progress/Progress/Progress.styles.ts
+var e = "flex flex-wrap gap-3";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=Progress.styles.js.map

package/dist/components/progress/Progress/Progress.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.styles.js","names":[],"sources":["../../../../src/components/progress/Progress/Progress.styles.ts"],"sourcesContent":["export const classes = \"flex flex-wrap gap-3\";\n"],"mappings":";AAAA,IAAa,IAAU"}

package/dist/components/progress/Progress/Progress.types.d.ts

@@ -0,0 +1,4 @@
+import { BaseProps, PolymorphicProps } from '../../../types';
+export type ProgressProps = PolymorphicProps<"div", BaseProps & {
+    value: number;
+}, false>;

package/dist/components/progress/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export { ProgressContext, useProgressContext } from './Progress.context';

package/dist/components/progress/ProgressIndicator/ProgressIndicator.d.ts

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

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js

@@ -0,0 +1,27 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { classes as t } from "./ProgressIndicator.styles.js";
+import { useProgressContext as n } from "../Progress/Progress.context.js";
+import { memo as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { splitProps as s } from "solid-js";
+//#region src/components/progress/ProgressIndicator/ProgressIndicator.tsx
+var c = /* @__PURE__ */ o("<div data-slot=progress-indicator>"), l = (o) => {
+	let { value: l } = n(), [u, d] = s(o, ["class", "classList"]);
+	return (() => {
+		var n = c();
+		return a(n, i({
+			get class() {
+				return e(t, "inset-s-0 h-[inherit]", u.class);
+			},
+			get "data-progressing"() {
+				return r(() => l() > 0)() && l() < 100;
+			},
+			get style() {
+				return { width: `${l()}%` };
+			}
+		}, d), !1, !1), n;
+	})();
+};
+//#endregion
+export { l as ProgressIndicator };
+
+//# sourceMappingURL=ProgressIndicator.js.map

package/dist/components/progress/ProgressIndicator/ProgressIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressIndicator.js","names":["splitProps","ProgressIndicatorProps","clsx","classes","useProgressContext","ProgressIndicator","props","value","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","data-progressing","_$memo","style","width"],"sources":["../../../../src/components/progress/ProgressIndicator/ProgressIndicator.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { ProgressIndicatorProps } from \"./ProgressIndicator.types\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./ProgressIndicator.styles\";\nimport { useProgressContext } from \"../Progress\";\n\nexport const ProgressIndicator = (props: ProgressIndicatorProps) => {\n  const { value } = useProgressContext();\n\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"progress-indicator\"\n      class={clsx(classes, \"inset-s-0 h-[inherit]\", local.class)}\n      data-progressing={value() > 0 && value() < 100}\n      style={{ width: `${value()}%` }}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;iEAMaK,KAAqBC,MAAkC;CAClE,IAAM,EAAEC,aAAUH,GAAoB,EAEhC,CAACI,GAAOC,KAAUT,EAAWM,GAAO,CAAC,SAAS,YAAY,CAAC;AAEjE,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAMc,SANdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;AAAA,WAGWX,EAAKC,GAAS,yBAAyBK,EAAMM,MAAM;;GAAA,IAAA,qBAAA;AAAA,WACxCE,QAAAT,GAAO,GAAG,EAAC,EAAA,IAAIA,GAAO,GAAG;;GAAG,IAC9CU,QAAK;AAAA,WAAE,EAAEC,OAAO,GAAGX,GAAO,CAAA,IAAK;;GAAA,EAC3BE,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA"}

package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.d.ts

@@ -0,0 +1 @@
+export declare const classes = "h-full bg-neutral-900 dark:bg-neutral-200 transition-all";

package/dist/components/progress/ProgressIndicator/ProgressIndicator.styles.js

@@ -0,0 +1,6 @@
+//#region src/components/progress/ProgressIndicator/ProgressIndicator.styles.ts
+var e = "h-full bg-neutral-900 dark:bg-neutral-200 transition-all";
+//#endregion
+export { e as classes };
+
+//# sourceMappingURL=ProgressIndicator.styles.js.map