@manafishrov/ui 1.4.5 → 1.5.0

package/dist/components/Button.js

@@ -1,117 +1,112 @@
-import { spread as s, mergeProps as n, insert as l, createComponent as i, template as d } from "solid-js/web";
-import { splitProps as o, Show as g } from "solid-js";
-import { tv as u, cn as c } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { Separator as p } from "./Separator.js";
-import { Spinner as v } from "./Spinner.js";
-var b = /* @__PURE__ */ d("<button data-slot=button>"), h = /* @__PURE__ */ d("<div role=group data-slot=button-group>"), m = /* @__PURE__ */ d("<div data-slot=button-group-text>");
-const f = u({
-  base: "pointer-cursor text-sm font-medium [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  defaultVariants: {
-    size: "default",
-    variant: "default"
-  },
-  variants: {
-    size: {
-      default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-      icon: "size-8",
-      "icon-lg": "size-9",
-      "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-      "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
-      lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-      sm: "h-7 gap-1 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem] in-data-[slot=button-group]:rounded-lg",
-      xs: "h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg"
-    },
-    variant: {
-      default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-      destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-      ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-      link: "text-primary underline-offset-4 hover:underline",
-      outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground"
-    }
-  }
-}), $ = (r) => {
-  const [t, a] = o(r, ["class", "size", "variant", "loading", "children"]);
-  return (() => {
-    var e = b();
-    return s(e, n({
-      get class() {
-        return f({
-          class: t.class,
-          size: t.size,
-          variant: t.variant
-        });
-      },
-      get disabled() {
-        return t.loading;
-      },
-      get "data-loading"() {
-        return t.loading;
-      }
-    }, a), !1, !0), l(e, i(g, {
-      get when() {
-        return t.loading;
-      },
-      get children() {
-        return i(v, {});
-      }
-    }), null), l(e, () => t.children, null), e;
-  })();
-}, x = u({
-  base: "has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
-  variants: {
-    orientation: {
-      horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
-      vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-}), B = (r) => {
-  const [t, a] = o(r, ["class", "orientation"]);
-  return (() => {
-    var e = h();
-    return s(e, n({
-      get "data-orientation"() {
-        return t.orientation ?? "horizontal";
-      },
-      get class() {
-        return x({
-          orientation: t.orientation,
-          class: t.class
-        });
-      }
-    }, a), !1, !1), e;
-  })();
-}, G = (r) => {
-  const [t, a] = o(r, ["class"]);
-  return (() => {
-    var e = m();
-    return s(e, n({
-      get class() {
-        return c("gap-2 px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center rounded-lg border bg-muted [&_svg]:pointer-events-none", t.class);
-      }
-    }, a), !1, !1), e;
-  })();
-}, S = (r) => {
-  const [t, a] = o(r, ["class", "orientation"]);
-  return i(p, n({
-    "data-slot": "button-group-separator",
-    get orientation() {
-      return t.orientation ?? "vertical";
-    },
-    get class() {
-      return c("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", t.class);
-    }
-  }, a));
+import { cn as e, tv as t } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { Separator as n } from "./Separator.js";
+import { Spinner as r } from "./Spinner.js";
+import { createComponent as i, insert as a, mergeProps as o, spread as s, template as c } from "solid-js/web";
+import { Show as l, splitProps as u } from "solid-js";
+//#region src/components/Button.tsx
+var d = /* @__PURE__ */ c("<button data-slot=button>"), f = /* @__PURE__ */ c("<div role=group data-slot=button-group>"), p = /* @__PURE__ */ c("<div data-slot=button-group-text>"), m = t({
+	base: "pointer-cursor text-sm font-medium [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	defaultVariants: {
+		size: "default",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-lg": "size-9",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+			sm: "h-7 gap-1 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem] in-data-[slot=button-group]:rounded-lg",
+			xs: "h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			link: "text-primary underline-offset-4 hover:underline",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground"
+		}
+	}
+}), h = (e) => {
+	let [t, n] = u(e, [
+		"class",
+		"size",
+		"variant",
+		"loading",
+		"children"
+	]);
+	return (() => {
+		var e = d();
+		return s(e, o({
+			get class() {
+				return m({
+					class: t.class,
+					size: t.size,
+					variant: t.variant
+				});
+			},
+			get disabled() {
+				return t.loading;
+			},
+			get "data-loading"() {
+				return t.loading;
+			}
+		}, n), !1, !0), a(e, i(l, {
+			get when() {
+				return t.loading;
+			},
+			get children() {
+				return i(r, {});
+			}
+		}), null), a(e, () => t.children, null), e;
+	})();
+}, g = t({
+	base: "has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+	variants: { orientation: {
+		horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+}), _ = (e) => {
+	let [t, n] = u(e, ["class", "orientation"]);
+	return (() => {
+		var e = f();
+		return s(e, o({
+			get "data-orientation"() {
+				return t.orientation ?? "horizontal";
+			},
+			get class() {
+				return g({
+					orientation: t.orientation,
+					class: t.class
+				});
+			}
+		}, n), !1, !1), e;
+	})();
+}, v = (t) => {
+	let [n, r] = u(t, ["class"]);
+	return (() => {
+		var t = p();
+		return s(t, o({ get class() {
+			return e("gap-2 px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center rounded-lg border bg-muted [&_svg]:pointer-events-none", n.class);
+		} }, r), !1, !1), t;
+	})();
+}, y = (t) => {
+	let [r, a] = u(t, ["class", "orientation"]);
+	return i(n, o({
+		"data-slot": "button-group-separator",
+		get orientation() {
+			return r.orientation ?? "vertical";
+		},
+		get class() {
+			return e("relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", r.class);
+		}
+	}, a));
 };
-export {
-  $ as Button,
-  B as ButtonGroup,
-  S as ButtonGroupSeparator,
-  G as ButtonGroupText,
-  x as buttonGroupVariants,
-  f as buttonVariants
-};
-//# sourceMappingURL=Button.js.map
+//#endregion
+export { h as Button, _ as ButtonGroup, y as ButtonGroupSeparator, v as ButtonGroupText, g as buttonGroupVariants, m as buttonVariants };
+
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import { type Component, type ComponentProps, Show, splitProps } from 'solid-js';\nimport { type VariantProps, cn, tv } from 'tailwind-variants';\n\nimport { Separator } from '@/components/Separator';\nimport { Spinner } from '@/components/Spinner';\n\nexport type ButtonProps = Omit<ComponentProps<'button'>, 'size'> &\n  VariantProps<typeof buttonVariants> & {\n    loading?: boolean;\n  };\n\nexport const buttonVariants = tv({\n  base: \"pointer-cursor text-sm font-medium [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  defaultVariants: {\n    size: 'default',\n    variant: 'default',\n  },\n  variants: {\n    size: {\n      default:\n        'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n      icon: 'size-8',\n      'icon-lg': 'size-9',\n      'icon-sm':\n        'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n      'icon-xs':\n        \"size-6 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n      sm: \"h-7 gap-1 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem] in-data-[slot=button-group]:rounded-lg\",\n      xs: \"h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n    },\n    variant: {\n      default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n      destructive:\n        'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',\n      ghost:\n        'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',\n      link: 'text-primary underline-offset-4 hover:underline',\n      outline:\n        'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n      secondary:\n        'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n    },\n  },\n});\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport const Button: Component<ButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'variant', 'loading', 'children']);\n  return (\n    <button\n      class={buttonVariants({ class: local.class, size: local.size, variant: local.variant })}\n      disabled={local.loading}\n      data-loading={local.loading}\n      data-slot='button'\n      {...others}\n    >\n      <Show when={local.loading}>\n        <Spinner />\n      </Show>\n      {local.children}\n    </button>\n  );\n};\n\nexport const buttonGroupVariants = tv({\n  base: \"has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  variants: {\n    orientation: {\n      horizontal:\n        '*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0',\n      vertical:\n        'flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport const ButtonGroup: Component<\n  ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation']);\n  return (\n    <div\n      role='group'\n      data-slot='button-group'\n      data-orientation={local.orientation ?? 'horizontal'}\n      class={buttonGroupVariants({ orientation: local.orientation, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport const ButtonGroupText: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='button-group-text'\n      class={cn(\n        \"gap-2 px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center rounded-lg border bg-muted [&_svg]:pointer-events-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const ButtonGroupSeparator: Component<\n  ComponentProps<typeof Separator> & { orientation?: 'horizontal' | 'vertical' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation']);\n  return (\n    <Separator\n      data-slot='button-group-separator'\n      orientation={local.orientation ?? 'vertical'}\n      class={cn(\n        'relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["buttonVariants","tv","base","defaultVariants","size","variant","variants","default","icon","lg","sm","xs","destructive","ghost","link","outline","secondary","Button","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","disabled","loading","_$insert","_$createComponent","Show","when","children","Spinner","buttonGroupVariants","orientation","horizontal","vertical","ButtonGroup","_el$2","_tmpl$2","ButtonGroupText","_el$3","_tmpl$3","cn","ButtonGroupSeparator","Separator"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["Component","ComponentProps","Show","splitProps","VariantProps","cn","tv","Separator","Spinner","ButtonProps","Omit","buttonVariants","loading","base","defaultVariants","size","variant","variants","default","icon","lg","sm","xs","destructive","ghost","link","outline","secondary","ButtonVariantProps","Button","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","disabled","data-loading","_$insert","_$createComponent","when","children","buttonGroupVariants","orientation","horizontal","vertical","ButtonGroup","_el$2","_tmpl$2","data-orientation","ButtonGroupText","_el$3","_tmpl$3","ButtonGroupSeparator"],"sources":["../../src/components/Button.tsx"],"sourcesContent":["import { type Component, type ComponentProps, Show, splitProps } from 'solid-js';\nimport { type VariantProps, cn, tv } from 'tailwind-variants';\n\nimport { Separator } from '@/components/Separator';\nimport { Spinner } from '@/components/Spinner';\n\nexport type ButtonProps = Omit<ComponentProps<'button'>, 'size'> &\n  VariantProps<typeof buttonVariants> & {\n    loading?: boolean;\n  };\n\nexport const buttonVariants = tv({\n  base: \"pointer-cursor text-sm font-medium [&_svg:not([class*='size-'])]:size-4 group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-[invalid=true]:border-destructive data-[invalid=true]:ring-[3px] data-[invalid=true]:ring-destructive/20 dark:data-[invalid=true]:border-destructive/50 dark:data-[invalid=true]:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  defaultVariants: {\n    size: 'default',\n    variant: 'default',\n  },\n  variants: {\n    size: {\n      default:\n        'h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2',\n      icon: 'size-8',\n      'icon-lg': 'size-9',\n      'icon-sm':\n        'size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg',\n      'icon-xs':\n        \"size-6 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      lg: 'h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3',\n      sm: \"h-7 gap-1 px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5 rounded-[min(var(--radius-md),12px)] text-[0.8rem] in-data-[slot=button-group]:rounded-lg\",\n      xs: \"h-6 gap-1 px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n    },\n    variant: {\n      default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n      destructive:\n        'bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40',\n      ghost:\n        'hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50',\n      link: 'text-primary underline-offset-4 hover:underline',\n      outline:\n        'border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',\n      secondary:\n        'bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground',\n    },\n  },\n});\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport const Button: Component<ButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'variant', 'loading', 'children']);\n  return (\n    <button\n      class={buttonVariants({ class: local.class, size: local.size, variant: local.variant })}\n      disabled={local.loading}\n      data-loading={local.loading}\n      data-slot='button'\n      {...others}\n    >\n      <Show when={local.loading}>\n        <Spinner />\n      </Show>\n      {local.children}\n    </button>\n  );\n};\n\nexport const buttonGroupVariants = tv({\n  base: \"has-[>[data-slot=button-group]]:gap-2 flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  variants: {\n    orientation: {\n      horizontal:\n        '*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0',\n      vertical:\n        'flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport const ButtonGroup: Component<\n  ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation']);\n  return (\n    <div\n      role='group'\n      data-slot='button-group'\n      data-orientation={local.orientation ?? 'horizontal'}\n      class={buttonGroupVariants({ orientation: local.orientation, class: local.class })}\n      {...others}\n    />\n  );\n};\n\nexport const ButtonGroupText: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='button-group-text'\n      class={cn(\n        \"gap-2 px-2.5 text-sm font-medium [&_svg:not([class*='size-'])]:size-4 flex items-center rounded-lg border bg-muted [&_svg]:pointer-events-none\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const ButtonGroupSeparator: Component<\n  ComponentProps<typeof Separator> & { orientation?: 'horizontal' | 'vertical' }\n> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'orientation']);\n  return (\n    <Separator\n      data-slot='button-group-separator'\n      orientation={local.orientation ?? 'vertical'}\n      class={cn(\n        'relative self-stretch bg-input data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;;sLAWaW,IAAiBL,EAAG;CAC/BO,MAAM;CACNC,iBAAiB;EACfC,MAAM;EACNC,SAAS;EACV;CACDC,UAAU;EACRF,MAAM;GACJG,SACE;GACFC,MAAM;GACN,WAAW;GACX,WACE;GACF,WACE;GACFC,IAAI;GACJC,IAAI;GACJC,IAAI;GACL;EACDN,SAAS;GACPE,SAAS;GACTK,aACE;GACFC,OACE;GACFC,MAAM;GACNC,SACE;GACFC,WACE;;;CAGP,CAAC,EAIWE,KAAkCC,MAAU;CACvD,IAAM,CAACC,GAAOC,KAAU7B,EAAW2B,GAAO;EAAC;EAAS;EAAQ;EAAW;EAAW;EAAW,CAAC;AAC9F,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAWmB,SAXnBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,QAAA;AAAA,WAEWzB,EAAe;KAAE0B,OAAON,EAAMM;KAAOtB,MAAMgB,EAAMhB;KAAMC,SAASe,EAAMf;KAAS,CAAC;;GAAA,IACvFsB,WAAQ;AAAA,WAAEP,EAAMnB;;GAAO,IAAA,iBAAA;AAAA,WACTmB,EAAMnB;;GAAO,EAEvBoB,EAAM,EAAA,IAAA,GAAA,EAAAQ,EAAAP,GAAAQ,EAETvC,GAAI;GAAA,IAACwC,OAAI;AAAA,WAAEX,EAAMnB;;GAAO,IAAA+B,WAAA;AAAA,WAAAF,EACtBjC,GAAO,EAAA,CAAA;;GAAA,CAAA,EAAA,KAAA,EAAAgC,EAAAP,SAETF,EAAMY,UAAQ,KAAA,EAAAV;KAAA;GAKRW,IAAsBtC,EAAG;CACpCO,MAAM;CACNI,UAAU,EACR4B,aAAa;EACXC,YACE;EACFC,UACE;EACJ,EACD;CACDjC,iBAAiB,EACf+B,aAAa,cAAA;CAEhB,CAAC,EAEWG,KAERlB,MAAU;CACb,IAAM,CAACC,GAAOC,KAAU7B,EAAW2B,GAAO,CAAC,SAAS,cAAc,CAAC;AACnE,eAAA;EAAA,IAAAmB,IAAAC,GAAA;AAMc,SANdf,EAAAc,GAAAb,EAAA;GAAA,IAAA,qBAAA;AAAA,WAIsBL,EAAMc,eAAe;;GAAY,IAAA,QAAA;AAAA,WAC5CD,EAAoB;KAAEC,aAAad,EAAMc;KAAaR,OAAON,EAAMM;KAAO,CAAC;;GAAA,EAC9EL,EAAM,EAAA,IAAA,GAAA,EAAAiB;KAAA;GAKHG,KAAqDtB,MAAU;CAC1E,IAAM,CAACC,GAAOC,KAAU7B,EAAW2B,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAuB,IAAAC,GAAA;AAOc,SAPdnB,EAAAkB,GAAAjB,EAAA,EAAA,IAAA,QAAA;AAAA,UAGW/B,EACL,kJACA0B,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAqB;KAAA;GAKHE,KAERzB,MAAU;CACb,IAAM,CAACC,GAAOC,KAAU7B,EAAW2B,GAAO,CAAC,SAAS,cAAc,CAAC;AACnE,QAAAW,EACGlC,GAAS6B,EAAA;EAAA,aAAA;EAAA,IAERS,cAAW;AAAA,UAAEd,EAAMc,eAAe;;EAAU,IAAA,QAAA;AAAA,UACrCxC,EACL,gLACA0B,EAAMM,MACP;;EAAA,EACGL,EAAM,CAAA"}

package/dist/components/Card.js

@@ -1,88 +1,70 @@
-import { spread as e, mergeProps as o, template as l } from "solid-js/web";
-import { cn as d } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { splitProps as c } from "solid-js";
-var n = /* @__PURE__ */ l("<div data-slot=card>"), i = /* @__PURE__ */ l("<div data-slot=card-header>"), u = /* @__PURE__ */ l("<div data-slot=card-title>"), p = /* @__PURE__ */ l("<p data-slot=card-description>"), m = /* @__PURE__ */ l("<div data-slot=card-action>"), f = /* @__PURE__ */ l("<div data-slot=card-content>"), g = /* @__PURE__ */ l("<div data-slot=card-footer>");
-const v = (a) => {
-  const [r, s] = c(a, ["class", "size"]);
-  return (() => {
-    var t = n();
-    return e(t, o({
-      get "data-size"() {
-        return r.size ?? "default";
-      },
-      get class() {
-        return d("gap-4 py-4 text-sm group/card flex flex-col overflow-hidden rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10", "has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0", "data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0", "*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, b = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = i();
-    return e(t, o({
-      get class() {
-        return d("gap-1 px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header has-data-[slot=card-description]grid-rows-[auto_auto] @container/card-header grid auto-rows-min items-start rounded-t-xl has-data-[slot=card-action]:grid-cols-[1fr_auto]", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, $ = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = u();
-    return e(t, o({
-      get class() {
-        return d("text-base font-medium leading-snug group-data-[size=sm]/card:text-sm", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, z = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = p();
-    return e(t, o({
-      get class() {
-        return d("text-sm text-muted-foreground", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, C = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = m();
-    return e(t, o({
-      get class() {
-        return d("col-start-2 row-span-2 row-start-1 self-start justify-self-end", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, w = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = f();
-    return e(t, o({
-      get class() {
-        return d("px-4 group-data-[size=sm]/card:px-3", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
-}, y = (a) => {
-  const [r, s] = c(a, ["class"]);
-  return (() => {
-    var t = g();
-    return e(t, o({
-      get class() {
-        return d("p-4 group-data-[size=sm]/card:p-3 flex items-center rounded-b-xl border-t bg-muted/50", r.class);
-      }
-    }, s), !1, !1), t;
-  })();
+import { cn as e } from "../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.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/Card.tsx
+var a = /* @__PURE__ */ r("<div data-slot=card>"), o = /* @__PURE__ */ r("<div data-slot=card-header>"), s = /* @__PURE__ */ r("<div data-slot=card-title>"), c = /* @__PURE__ */ r("<p data-slot=card-description>"), l = /* @__PURE__ */ r("<div data-slot=card-action>"), u = /* @__PURE__ */ r("<div data-slot=card-content>"), d = /* @__PURE__ */ r("<div data-slot=card-footer>"), f = (r) => {
+	let [o, s] = i(r, ["class", "size"]);
+	return (() => {
+		var r = a();
+		return n(r, t({
+			get "data-size"() {
+				return o.size ?? "default";
+			},
+			get class() {
+				return e("gap-4 py-4 text-sm group/card flex flex-col overflow-hidden rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10", "has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0", "data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0", "*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", o.class);
+			}
+		}, s), !1, !1), r;
+	})();
+}, p = (r) => {
+	let [a, s] = i(r, ["class"]);
+	return (() => {
+		var r = o();
+		return n(r, t({ get class() {
+			return e("gap-1 px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header has-data-[slot=card-description]grid-rows-[auto_auto] @container/card-header grid auto-rows-min items-start rounded-t-xl has-data-[slot=card-action]:grid-cols-[1fr_auto]", a.class);
+		} }, s), !1, !1), r;
+	})();
+}, m = (r) => {
+	let [a, o] = i(r, ["class"]);
+	return (() => {
+		var r = s();
+		return n(r, t({ get class() {
+			return e("text-base font-medium leading-snug group-data-[size=sm]/card:text-sm", a.class);
+		} }, o), !1, !1), r;
+	})();
+}, h = (r) => {
+	let [a, o] = i(r, ["class"]);
+	return (() => {
+		var r = c();
+		return n(r, t({ get class() {
+			return e("text-sm text-muted-foreground", a.class);
+		} }, o), !1, !1), r;
+	})();
+}, g = (r) => {
+	let [a, o] = i(r, ["class"]);
+	return (() => {
+		var r = l();
+		return n(r, t({ get class() {
+			return e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", a.class);
+		} }, o), !1, !1), r;
+	})();
+}, _ = (r) => {
+	let [a, o] = i(r, ["class"]);
+	return (() => {
+		var r = u();
+		return n(r, t({ get class() {
+			return e("px-4 group-data-[size=sm]/card:px-3", a.class);
+		} }, o), !1, !1), r;
+	})();
+}, v = (r) => {
+	let [a, o] = i(r, ["class"]);
+	return (() => {
+		var r = d();
+		return n(r, t({ get class() {
+			return e("p-4 group-data-[size=sm]/card:p-3 flex items-center rounded-b-xl border-t bg-muted/50", a.class);
+		} }, o), !1, !1), r;
+	})();
 };
-export {
-  v as Card,
-  C as CardAction,
-  w as CardContent,
-  z as CardDescription,
-  y as CardFooter,
-  b as CardHeader,
-  $ as CardTitle
-};
-//# sourceMappingURL=Card.js.map
+//#endregion
+export { f as Card, g as CardAction, _ as CardContent, h as CardDescription, v as CardFooter, p as CardHeader, m as CardTitle };
+
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../src/components/Card.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\n\nexport type CardProps = ComponentProps<'div'> & {\n  size?: 'default' | 'sm';\n};\n\nexport const Card: Component<CardProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n\n  return (\n    <div\n      data-slot='card'\n      data-size={local.size ?? 'default'}\n      class={cn(\n        'gap-4 py-4 text-sm group/card flex flex-col overflow-hidden rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10',\n        'has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0',\n        'data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0',\n        '*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-header'\n      class={cn(\n        'gap-1 px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header has-data-[slot=card-description]grid-rows-[auto_auto] @container/card-header grid auto-rows-min items-start rounded-t-xl has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardTitle: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-title'\n      class={cn(\n        'text-base font-medium leading-snug group-data-[size=sm]/card:text-sm',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardDescription: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <p\n      data-slot='card-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardAction: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-action'\n      class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-content'\n      class={cn('px-4 group-data-[size=sm]/card:px-3', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-footer'\n      class={cn(\n        'p-4 group-data-[size=sm]/card:p-3 flex items-center rounded-b-xl border-t bg-muted/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"names":["Card","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","size","cn","class","CardHeader","_el$2","_tmpl$2","CardTitle","_el$3","_tmpl$3","CardDescription","_el$4","_tmpl$4","CardAction","_el$5","_tmpl$5","CardContent","_el$6","_tmpl$6","CardFooter","_el$7","_tmpl$7"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["Component","ComponentProps","cn","CardProps","size","Card","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","data-size","class","CardHeader","_el$2","_tmpl$2","CardTitle","_el$3","_tmpl$3","CardDescription","_el$4","_tmpl$4","CardAction","_el$5","_tmpl$5","CardContent","_el$6","_tmpl$6","CardFooter","_el$7","_tmpl$7"],"sources":["../../src/components/Card.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\n\nexport type CardProps = ComponentProps<'div'> & {\n  size?: 'default' | 'sm';\n};\n\nexport const Card: Component<CardProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size']);\n\n  return (\n    <div\n      data-slot='card'\n      data-size={local.size ?? 'default'}\n      class={cn(\n        'gap-4 py-4 text-sm group/card flex flex-col overflow-hidden rounded-xl bg-card text-card-foreground ring-1 ring-foreground/10',\n        'has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0',\n        'data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0',\n        '*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-header'\n      class={cn(\n        'gap-1 px-4 group-data-[size=sm]/card:px-3 [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3 group/card-header has-data-[slot=card-description]grid-rows-[auto_auto] @container/card-header grid auto-rows-min items-start rounded-t-xl has-data-[slot=card-action]:grid-cols-[1fr_auto]',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardTitle: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-title'\n      class={cn(\n        'text-base font-medium leading-snug group-data-[size=sm]/card:text-sm',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const CardDescription: Component<ComponentProps<'p'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <p\n      data-slot='card-description'\n      class={cn('text-sm text-muted-foreground', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardAction: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-action'\n      class={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-content'\n      class={cn('px-4 group-data-[size=sm]/card:px-3', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const CardFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='card-footer'\n      class={cn(\n        'p-4 group-data-[size=sm]/card:p-3 flex items-center rounded-b-xl border-t bg-muted/50',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0XAQaK,KAA8BC,MAAU;CACnD,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,SAAS,OAAO,CAAC;AAE5D,eAAA;EAAA,IAAAI,IAAAC,GAAA;AAWc,SAXdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,cAAA;AAAA,WAGeN,EAAMH,QAAQ;;GAAS,IAAA,QAAA;AAAA,WAC3BF,EACL,iIACA,gEACA,4FACA,oEACAK,EAAMQ,MACP;;GAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAE;KAAA;GAKHM,KAAgDV,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAW,IAAAC,GAAA;AAOc,SAPdN,EAAAK,GAAAJ,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EACL,qSACAK,EAAMQ,MACP;KAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAS;KAAA;GAKHE,KAA+Cb,MAAU;CACpE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAc,IAAAC,GAAA;AAOc,SAPdT,EAAAQ,GAAAP,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EACL,wEACAK,EAAMQ,MACP;KAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAY;KAAA;GAKHE,KAAmDhB,MAAU;CACxE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAiB,IAAAC,GAAA;AAIc,SAJdZ,EAAAW,GAAAV,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EAAG,iCAAiCK,EAAMQ,MAAM;KAAA,EACnDP,EAAM,EAAA,IAAA,GAAA,EAAAe;KAAA;GAKHE,KAAgDnB,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAoB,IAAAC,GAAA;AAIc,SAJdf,EAAAc,GAAAb,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EAAG,kEAAkEK,EAAMQ,MAAM;KAAA,EACpFP,EAAM,EAAA,IAAA,GAAA,EAAAkB;KAAA;GAKHE,KAAiDtB,MAAU;CACtE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAuB,IAAAC,GAAA;AAIc,SAJdlB,EAAAiB,GAAAhB,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EAAG,uCAAuCK,EAAMQ,MAAM;KAAA,EACzDP,EAAM,EAAA,IAAA,GAAA,EAAAqB;KAAA;GAKHE,KAAgDzB,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAA0B,IAAAC,GAAA;AAOc,SAPdrB,EAAAoB,GAAAnB,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWX,EACL,yFACAK,EAAMQ,MACP;KAAA,EACGP,EAAM,EAAA,IAAA,GAAA,EAAAwB;KAAA"}