@manafishrov/ui 1.4.5 → 1.4.6

package/dist/components/sidebar/SidebarDesktop.js

@@ -1,63 +1,71 @@
-import { insert as p, createComponent as D, mergeProps as h, effect as m, style as k, className as n, setAttribute as l, template as w, spread as I } from "solid-js/web";
-import { splitProps as S, createMemo as y } from "solid-js";
-import { cn as o } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { SIDEBAR_WIDTH_ICON as M, SIDEBAR_WIDTH as A } from "./constants.js";
-import { useSidebar as R } from "./context.js";
-var z = /* @__PURE__ */ w("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), B = /* @__PURE__ */ w("<div data-slot=sidebar><div data-slot=sidebar-gap>");
-const E = (t) => o(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), H = (t) => o("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), N = (t) => {
-  const r = {
-    "--sidebar-width": A,
-    "--sidebar-width-icon": M
-  };
-  return typeof t == "object" && t !== null ? {
-    ...r,
-    ...t
-  } : r;
-}, P = (t) => {
-  const [r, e] = S(t, ["variant", "side", "class", "children", "innerClass"]);
-  return (() => {
-    var s = z(), d = s.firstChild;
-    return I(s, h({
-      get class() {
-        return o("top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", r.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", r.variant === "floating" || r.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", r.class);
-      }
-    }, e), !1, !0), p(d, () => r.children), m(() => n(d, o("group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", r.innerClass))), s;
-  })();
-}, O = (t) => {
-  const {
-    state: r
-  } = R(), [e, s] = S(t, ["side", "variant", "collapsible", "disableMobileSidebar", "style", "class", "children"]), d = y(() => N(e.style));
-  return (() => {
-    var i = B(), x = i.firstChild;
-    return p(i, D(P, h({
-      get variant() {
-        return e.variant ?? "sidebar";
-      },
-      get side() {
-        return e.side ?? "left";
-      },
-      get class() {
-        return o(e.disableMobileSidebar === !0 ? "flex" : "md:flex hidden", e.class);
-      }
-    }, s, {
-      get children() {
-        return e.children;
-      }
-    })), null), m((a) => {
-      var C = d(), c = E(e.disableMobileSidebar), b = r(), g = r() === "collapsed" ? e.collapsible ?? "offcanvas" : "", v = e.variant ?? "sidebar", f = e.side ?? "left", u = H(e.variant);
-      return a.e = k(i, C, a.e), c !== a.t && n(i, a.t = c), b !== a.a && l(i, "data-state", a.a = b), g !== a.o && l(i, "data-collapsible", a.o = g), v !== a.i && l(i, "data-variant", a.i = v), f !== a.n && l(i, "data-side", a.n = f), u !== a.s && n(x, a.s = u), a;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0,
-      s: void 0
-    }), i;
-  })();
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { useSidebar as t } from "./context.js";
+import { SIDEBAR_WIDTH as n, SIDEBAR_WIDTH_ICON as r } from "./constants.js";
+import { className as i, createComponent as a, effect as o, insert as s, mergeProps as c, setAttribute as l, spread as u, style as d, template as f } from "solid-js/web";
+import { createMemo as p, splitProps as m } from "solid-js";
+//#region src/components/sidebar/SidebarDesktop.tsx
+var h = /* @__PURE__ */ f("<aside data-slot=sidebar-container><div data-sidebar=sidebar data-slot=sidebar-inner>"), g = /* @__PURE__ */ f("<div data-slot=sidebar><div data-slot=sidebar-gap>"), _ = (t) => e(t === !0 ? "group peer min-h-0 relative block self-stretch text-sidebar-foreground" : "group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground"), v = (t) => e("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"), y = (e) => {
+	let t = {
+		"--sidebar-width": n,
+		"--sidebar-width-icon": r
+	};
+	return typeof e == "object" && e ? {
+		...t,
+		...e
+	} : t;
+}, b = (t) => {
+	let [n, r] = m(t, [
+		"variant",
+		"side",
+		"class",
+		"children",
+		"innerClass"
+	]);
+	return (() => {
+		var t = h(), a = t.firstChild;
+		return u(t, c({ get class() {
+			return e("top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear", n.side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]", n.variant === "floating" || n.variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", n.class);
+		} }, r), !1, !0), s(a, () => n.children), o(() => i(a, e("group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border", n.innerClass))), t;
+	})();
+}, x = (n) => {
+	let { state: r } = t(), [u, f] = m(n, [
+		"side",
+		"variant",
+		"collapsible",
+		"disableMobileSidebar",
+		"style",
+		"class",
+		"children"
+	]), h = p(() => y(u.style));
+	return (() => {
+		var t = g(), n = t.firstChild;
+		return s(t, a(b, c({
+			get variant() {
+				return u.variant ?? "sidebar";
+			},
+			get side() {
+				return u.side ?? "left";
+			},
+			get class() {
+				return e(u.disableMobileSidebar === !0 ? "flex" : "md:flex hidden", u.class);
+			}
+		}, f, { get children() {
+			return u.children;
+		} })), null), o((e) => {
+			var a = h(), o = _(u.disableMobileSidebar), s = r(), c = r() === "collapsed" ? u.collapsible ?? "offcanvas" : "", f = u.variant ?? "sidebar", p = u.side ?? "left", m = v(u.variant);
+			return e.e = d(t, a, e.e), o !== e.t && i(t, e.t = o), s !== e.a && l(t, "data-state", e.a = s), c !== e.o && l(t, "data-collapsible", e.o = c), f !== e.i && l(t, "data-variant", e.i = f), p !== e.n && l(t, "data-side", e.n = p), m !== e.s && i(n, e.s = m), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
+		}), t;
+	})();
 };
-export {
-  O as SidebarDesktop
-};
-//# sourceMappingURL=SidebarDesktop.js.map
+//#endregion
+export { x as SidebarDesktop };
+
+//# sourceMappingURL=SidebarDesktop.js.map

package/dist/components/sidebar/SidebarDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarDesktop.js","sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import {\n  createMemo,\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'aside'> & {\n  innerClass?: string;\n  variant: string;\n  side: string;\n  children: JSXElement;\n};\n\nconst getSidebarDesktopRootClass = (\n  disableMobileSidebar: boolean | undefined,\n): ComponentProps<'div'>['class'] =>\n  cn(\n    disableMobileSidebar === true\n      ? 'group peer min-h-0 relative block self-stretch text-sidebar-foreground'\n      : 'group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground',\n  );\n\nconst getSidebarGapClass = (variant: SidebarProps['variant']): ComponentProps<'div'>['class'] =>\n  cn(\n    'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n    'group-data-[collapsible=offcanvas]:w-0',\n    'group-data-[side=right]:rotate-180',\n    variant === 'floating' || variant === 'inset'\n      ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]'\n      : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n  );\n\nconst getSidebarStyle = (style: SidebarProps['style']): JSX.CSSProperties => {\n  const base: JSX.CSSProperties = {\n    '--sidebar-width': SIDEBAR_WIDTH,\n    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n  };\n  return typeof style === 'object' && style !== null ? { ...base, ...style } : base;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n  const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children', 'innerClass']);\n  return (\n    <aside\n      data-slot='sidebar-container'\n      class={cn(\n        'top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n        local.side === 'left'\n          ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n          : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n        local.variant === 'floating' || local.variant === 'inset'\n          ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]'\n          : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n        local.class,\n      )}\n      {...others}\n    >\n      <div\n        data-sidebar='sidebar'\n        data-slot='sidebar-inner'\n        class={cn(\n          'group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n          local.innerClass,\n        )}\n      >\n        {local.children}\n      </div>\n    </aside>\n  );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n  const { state } = useSidebar();\n  const [local, others] = splitProps(props, [\n    'side',\n    'variant',\n    'collapsible',\n    'disableMobileSidebar',\n    'style',\n    'class',\n    'children',\n  ]);\n\n  const style = createMemo(() => getSidebarStyle(local.style));\n\n  return (\n    <div\n      style={style()}\n      class={getSidebarDesktopRootClass(local.disableMobileSidebar)}\n      data-state={state()}\n      data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n      data-variant={local.variant ?? 'sidebar'}\n      data-side={local.side ?? 'left'}\n      data-slot='sidebar'\n    >\n      <div data-slot='sidebar-gap' class={getSidebarGapClass(local.variant)} />\n      <SidebarDesktopContainer\n        variant={local.variant ?? 'sidebar'}\n        side={local.side ?? 'left'}\n        class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n        {...others}\n      >\n        {local.children}\n      </SidebarDesktopContainer>\n    </div>\n  );\n};\n"],"names":["getSidebarDesktopRootClass","disableMobileSidebar","cn","getSidebarGapClass","variant","getSidebarStyle","style","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","side","class","_$insert","children","_$effect","_$className","innerClass","SidebarDesktop","state","useSidebar","createMemo","_el$3","_tmpl$2","_el$4","_$createComponent","_p$","_v$","_v$2","_v$3","_v$4","collapsible","_v$5","_v$6","_v$7","e","_$style","t","a","_$setAttribute","o","i","n","s","undefined"],"mappings":"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"}
+{"version":3,"file":"SidebarDesktop.js","names":["createMemo","Component","ComponentProps","JSX","JSXElement","cn","SidebarProps","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","useSidebar","SidebarDesktopContainerProps","innerClass","variant","side","children","getSidebarDesktopRootClass","disableMobileSidebar","getSidebarGapClass","getSidebarStyle","style","CSSProperties","base","SidebarDesktopContainer","props","local","others","splitProps","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","class","_$insert","_$effect","_$className","SidebarDesktop","state","_el$3","_tmpl$2","_el$4","_$createComponent","_p$","_v$","_v$2","_v$3","_v$4","collapsible","_v$5","_v$6","_v$7","e","_$style","t","a","_$setAttribute","o","i","n","s","undefined"],"sources":["../../../src/components/sidebar/SidebarDesktop.tsx"],"sourcesContent":["import {\n  createMemo,\n  type Component,\n  type ComponentProps,\n  type JSX,\n  type JSXElement,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { useSidebar } from './context';\n\ntype SidebarDesktopContainerProps = ComponentProps<'aside'> & {\n  innerClass?: string;\n  variant: string;\n  side: string;\n  children: JSXElement;\n};\n\nconst getSidebarDesktopRootClass = (\n  disableMobileSidebar: boolean | undefined,\n): ComponentProps<'div'>['class'] =>\n  cn(\n    disableMobileSidebar === true\n      ? 'group peer min-h-0 relative block self-stretch text-sidebar-foreground'\n      : 'group peer md:block min-h-0 relative hidden self-stretch text-sidebar-foreground',\n  );\n\nconst getSidebarGapClass = (variant: SidebarProps['variant']): ComponentProps<'div'>['class'] =>\n  cn(\n    'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',\n    'group-data-[collapsible=offcanvas]:w-0',\n    'group-data-[side=right]:rotate-180',\n    variant === 'floating' || variant === 'inset'\n      ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem)]'\n      : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',\n  );\n\nconst getSidebarStyle = (style: SidebarProps['style']): JSX.CSSProperties => {\n  const base: JSX.CSSProperties = {\n    '--sidebar-width': SIDEBAR_WIDTH,\n    '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n  };\n  return typeof style === 'object' && style !== null ? { ...base, ...style } : base;\n};\n\nconst SidebarDesktopContainer: Component<SidebarDesktopContainerProps> = (props) => {\n  const [local, others] = splitProps(props, ['variant', 'side', 'class', 'children', 'innerClass']);\n  return (\n    <aside\n      data-slot='sidebar-container'\n      class={cn(\n        'top-0 bottom-0 md:flex absolute z-10 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear',\n        local.side === 'left'\n          ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'\n          : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',\n        local.variant === 'floating' || local.variant === 'inset'\n          ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+1rem+2px)]'\n          : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',\n        local.class,\n      )}\n      {...others}\n    >\n      <div\n        data-sidebar='sidebar'\n        data-slot='sidebar-inner'\n        class={cn(\n          'group-data-[variant=floating]:shadow-sm flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border',\n          local.innerClass,\n        )}\n      >\n        {local.children}\n      </div>\n    </aside>\n  );\n};\n\nexport const SidebarDesktop: Component<SidebarProps> = (props) => {\n  const { state } = useSidebar();\n  const [local, others] = splitProps(props, [\n    'side',\n    'variant',\n    'collapsible',\n    'disableMobileSidebar',\n    'style',\n    'class',\n    'children',\n  ]);\n\n  const style = createMemo(() => getSidebarStyle(local.style));\n\n  return (\n    <div\n      style={style()}\n      class={getSidebarDesktopRootClass(local.disableMobileSidebar)}\n      data-state={state()}\n      data-collapsible={state() === 'collapsed' ? (local.collapsible ?? 'offcanvas') : ''}\n      data-variant={local.variant ?? 'sidebar'}\n      data-side={local.side ?? 'left'}\n      data-slot='sidebar'\n    >\n      <div data-slot='sidebar-gap' class={getSidebarGapClass(local.variant)} />\n      <SidebarDesktopContainer\n        variant={local.variant ?? 'sidebar'}\n        side={local.side ?? 'left'}\n        class={cn(local.disableMobileSidebar === true ? 'flex' : 'md:flex hidden', local.class)}\n        {...others}\n      >\n        {local.children}\n      </SidebarDesktopContainer>\n    </div>\n  );\n};\n"],"mappings":";;;;;;iMAqBMe,KACJC,MAEAX,EACEW,MAAyB,KACrB,2EACA,mFACL,EAEGC,KAAsBL,MAC1BP,EACE,2FACA,0CACA,sCACAO,MAAY,cAAcA,MAAY,UAClC,2EACA,yDACL,EAEGM,KAAmBC,MAAoD;CAC3E,IAAME,IAA0B;EAC9B,mBAAmBd;EACnB,wBAAwBC;EACzB;AACD,QAAO,OAAOW,KAAU,YAAYA,IAAiB;EAAE,GAAGE;EAAM,GAAGF;EAAO,GAAGE;GAGzEC,KAAoEC,MAAU;CAClF,IAAM,CAACC,GAAOC,KAAUC,EAAWH,GAAO;EAAC;EAAW;EAAQ;EAAS;EAAY;EAAa,CAAC;AACjG,eAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;AAqBO,SArBPC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;AAAA,UAGW3B,EACL,0HACAmB,EAAMX,SAAS,SACX,mFACA,oFACJW,EAAMZ,YAAY,cAAcY,EAAMZ,YAAY,UAC9C,mFACA,2HACJY,EAAMS,MACP;KAAA,EACGR,EAAM,EAAA,IAAA,GAAA,EAAAS,EAAAL,SAUPL,EAAMV,SAAQ,EAAAqB,QAAAC,EAAAP,GALRxB,EACL,8MACAmB,EAAMb,WACP,CAAA,CAAA,EAAAgB;KAAA;GAQIU,KAA2Cd,MAAU;CAChE,IAAM,EAAEe,aAAU7B,GAAY,EACxB,CAACe,GAAOC,KAAUC,EAAWH,GAAO;EACxC;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAEIJ,IAAQnB,QAAiBkB,EAAgBM,EAAML,MAAM,CAAC;AAE5D,eAAA;EAAA,IAAAoB,IAAAC,GAAA,EAAAC,IAAAF,EAAAT;AAUyE,SAVzEI,EAAAK,GAAAG,EAWKpB,GAAuBU,EAAA;GAAA,IACtBpB,UAAO;AAAA,WAAEY,EAAMZ,WAAW;;GAAS,IACnCC,OAAI;AAAA,WAAEW,EAAMX,QAAQ;;GAAM,IAAA,QAAA;AAAA,WACnBR,EAAGmB,EAAMR,yBAAyB,KAAO,SAAS,kBAAkBQ,EAAMS,MAAM;;GAAA,EACnFR,GAAM,EAAA,IAAAX,WAAA;AAAA,UAETU,EAAMV;KAAQ,CAAA,CAAA,EAAA,KAAA,EAAAqB,GAAAQ,MAAA;GAAA,IAAAC,IAfVzB,GAAO,EAAA0B,IACP9B,EAA2BS,EAAMR,qBAAqB,EAAA8B,IACjDR,GAAO,EAAAS,IACDT,GAAO,KAAK,cAAed,EAAMwB,eAAe,cAAe,IAAEC,IACrEzB,EAAMZ,WAAW,WAASsC,IAC7B1B,EAAMX,QAAQ,QAAMsC,IAGKlC,EAAmBO,EAAMZ,QAAQ;AAAA,UAAA+B,EAAAS,IAAAC,EAAAd,GAAAK,GAAAD,EAAAS,EAAA,EAAAP,MAAAF,EAAAW,KAAAlB,EAAAG,GAAAI,EAAAW,IAAAT,EAAA,EAAAC,MAAAH,EAAAY,KAAAC,EAAAjB,GAAA,cAAAI,EAAAY,IAAAT,EAAA,EAAAC,MAAAJ,EAAAc,KAAAD,EAAAjB,GAAA,oBAAAI,EAAAc,IAAAV,EAAA,EAAAE,MAAAN,EAAAe,KAAAF,EAAAjB,GAAA,gBAAAI,EAAAe,IAAAT,EAAA,EAAAC,MAAAP,EAAAgB,KAAAH,EAAAjB,GAAA,aAAAI,EAAAgB,IAAAT,EAAA,EAAAC,MAAAR,EAAAiB,KAAAxB,EAAAK,GAAAE,EAAAiB,IAAAT,EAAA,EAAAR;KAAA;GAAAS,GAAAS,KAAAA;GAAAP,GAAAO,KAAAA;GAAAN,GAAAM,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAH,GAAAG,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;GAAA,CAAA,EAAAtB;KAAA"}

package/dist/components/sidebar/SidebarMenu.js

@@ -1,204 +1,165 @@
-import { spread as i, mergeProps as s, createComponent as n, Show as f, Portal as w, memo as z, insert as p, template as d } from "solid-js/web";
-import { ark as S } from "../../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
-import { splitProps as o, createMemo as l } from "solid-js";
-import { cn as c, tv as M } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
-import { Skeleton as m } from "../Skeleton.js";
-import { Tooltip as $, TooltipTrigger as y, TooltipPositioner as k, TooltipContent as A, TooltipArrow as T } from "../Tooltip.js";
-import { RANDOM_WIDTH_RANGE as B, RANDOM_WIDTH_BASE as P } from "./constants.js";
-import { useSidebar as C } from "./context.js";
-var D = /* @__PURE__ */ d("<ul data-slot=sidebar-menu data-sidebar=menu>"), I = /* @__PURE__ */ d("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), H = /* @__PURE__ */ d("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), O = /* @__PURE__ */ d("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), N = /* @__PURE__ */ d("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), R = /* @__PURE__ */ d("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), j = /* @__PURE__ */ d("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), E = /* @__PURE__ */ d("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>");
-const ee = (e) => {
-  const [t, r] = o(e, ["class"]);
-  return (() => {
-    var a = D();
-    return i(a, s({
-      get class() {
-        return c("gap-0 min-w-0 flex w-full flex-col", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, te = (e) => {
-  const [t, r] = o(e, ["class"]);
-  return (() => {
-    var a = I();
-    return i(a, s({
-      get class() {
-        return c("group/menu-item relative", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, V = M({
-  base: "gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate",
-  variants: {
-    variant: {
-      default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-      outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
-    },
-    size: {
-      default: "h-8 text-sm",
-      sm: "h-7 text-xs",
-      lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-}), W = (e) => typeof e == "string" || !e ? {} : e, q = (e) => typeof e == "string" ? e : e ? e.children : "", G = (e) => ({
-  "data-slot": "sidebar-menu-button",
-  "data-sidebar": "menu-button",
-  "data-size": e.size ?? "default",
-  ...e.isActive === !0 ? {
-    "data-active": !0
-  } : {},
-  class: V({
-    variant: e.variant,
-    size: e.size,
-    class: e.class
-  })
-}), U = (e) => e ? {
-  asChild: e
-} : {}, g = (e, t, r) => n(S.button, s(t, () => U(e), {
-  children: r
-})), ae = (e) => {
-  const [t, r] = o(e, ["asChild", "children", "isActive", "variant", "size", "tooltip", "class"]), {
-    isMobile: a,
-    state: u,
-    side: h
-  } = C(), v = l(() => h() === "left" ? "right" : "left"), x = l(() => !!t.tooltip && u() === "collapsed" && !a()), b = l(() => G(t));
-  return n(f, {
-    get when() {
-      return x();
-    },
-    get fallback() {
-      return g(t.asChild, {
-        ...b(),
-        ...r
-      }, t.children);
-    },
-    get children() {
-      return n($, {
-        get positioning() {
-          return {
-            placement: v()
-          };
-        },
-        openDelay: 100,
-        get children() {
-          return [n(y, s(b, r, {
-            asChild: (_) => g(t.asChild, _(), t.children)
-          })), n(w, {
-            get children() {
-              return n(k, {
-                get children() {
-                  return n(A, s(() => W(t.tooltip), {
-                    get children() {
-                      return [n(T, {}), z(() => q(t.tooltip))];
-                    }
-                  }));
-                }
-              });
-            }
-          })];
-        }
-      });
-    }
-  });
-}, re = (e) => {
-  const [t, r] = o(e, ["class", "showOnHover"]);
-  return (() => {
-    var a = H();
-    return i(a, s({
-      get class() {
-        return c("top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0", t.showOnHover === !0 && "md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, ne = (e) => {
-  const [t, r] = o(e, ["class"]);
-  return (() => {
-    var a = O();
-    return i(a, s({
-      get class() {
-        return c("right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, se = (e) => {
-  const [t, r] = o(e, ["class", "showIcon"]), a = l(() => `${Math.floor(Math.random() * B) + P}%`);
-  return (() => {
-    var u = N();
-    return i(u, s({
-      get class() {
-        return c("h-8 gap-2 px-2 flex items-center rounded-md", t.class);
-      }
-    }, r), !1, !0), p(u, n(f, {
-      get when() {
-        return t.showIcon;
-      },
-      get children() {
-        return n(m, {
-          class: "size-4 rounded-md",
-          "data-sidebar": "menu-skeleton-icon"
-        });
-      }
-    }), null), p(u, n(m, {
-      class: "h-4 max-w-(--skeleton-width) flex-1",
-      "data-sidebar": "menu-skeleton-text",
-      get style() {
-        return {
-          "--skeleton-width": a()
-        };
-      }
-    }), null), u;
-  })();
-}, oe = (e) => {
-  const [t, r] = o(e, ["class"]);
-  return (() => {
-    var a = R();
-    return i(a, s({
-      get class() {
-        return c("mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, ie = (e) => {
-  const [t, r] = o(e, ["class"]);
-  return (() => {
-    var a = j();
-    return i(a, s({
-      get class() {
-        return c("group/menu-sub-item relative", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
-}, de = (e) => {
-  const [t, r] = o(e, ["class", "size", "isActive"]);
-  return (() => {
-    var a = E();
-    return i(a, s({
-      get "data-size"() {
-        return t.size ?? "md";
-      }
-    }, () => t.isActive === !0 ? {
-      "data-active": !0
-    } : {}, {
-      get class() {
-        return c("h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", t.class);
-      }
-    }, r), !1, !1), a;
-  })();
+import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.34.1_2e1854f049906f04/node_modules/@ark-ui/solid/dist/chunk/UFYZ7HLU.js";
+import { cn as t, tv as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ac958b541464b98/node_modules/tailwind-variants/dist/index.js";
+import { useSidebar as r } from "./context.js";
+import "./constants.js";
+import { Skeleton as i } from "../Skeleton.js";
+import { Tooltip as a, TooltipArrow as o, TooltipContent as s, TooltipPositioner as c, TooltipTrigger as l } from "../Tooltip.js";
+import { Portal as u, Show as d, createComponent as f, insert as p, memo as m, mergeProps as h, spread as g, template as _ } from "solid-js/web";
+import { createMemo as v, splitProps as y } from "solid-js";
+//#region src/components/sidebar/SidebarMenu.tsx
+var b = /* @__PURE__ */ _("<ul data-slot=sidebar-menu data-sidebar=menu>"), x = /* @__PURE__ */ _("<li data-slot=sidebar-menu-item data-sidebar=menu-item>"), S = /* @__PURE__ */ _("<button data-slot=sidebar-menu-action data-sidebar=menu-action>"), C = /* @__PURE__ */ _("<div data-slot=sidebar-menu-badge data-sidebar=menu-badge>"), w = /* @__PURE__ */ _("<div data-slot=sidebar-menu-skeleton data-sidebar=menu-skeleton>"), T = /* @__PURE__ */ _("<ul data-slot=sidebar-menu-sub data-sidebar=menu-sub>"), E = /* @__PURE__ */ _("<li data-slot=sidebar-menu-sub-item data-sidebar=menu-sub-item>"), D = /* @__PURE__ */ _("<a data-slot=sidebar-menu-sub-button data-sidebar=menu-sub-button>"), O = (e) => {
+	let [n, r] = y(e, ["class"]);
+	return (() => {
+		var e = b();
+		return g(e, h({ get class() {
+			return t("gap-0 min-w-0 flex w-full flex-col", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, k = (e) => {
+	let [n, r] = y(e, ["class"]);
+	return (() => {
+		var e = x();
+		return g(e, h({ get class() {
+			return t("group/menu-item relative", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, A = n({
+	base: "gap-2 p-2 text-sm group-has-data-sidebar-menu-action/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! data-active:font-medium data-[status=active]:font-medium aria-[current=page]:font-medium peer/menu-button group/menu-button [&_svg]:size-4 flex w-full items-center overflow-hidden rounded-md text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&_svg]:shrink-0 [&>span:last-child]:truncate",
+	variants: {
+		variant: {
+			default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+			outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+		},
+		size: {
+			default: "h-8 text-sm",
+			sm: "h-7 text-xs",
+			lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), j = (e) => typeof e == "string" || !e ? {} : e, M = (e) => typeof e == "string" ? e : e ? e.children : "", N = (e) => ({
+	"data-slot": "sidebar-menu-button",
+	"data-sidebar": "menu-button",
+	"data-size": e.size ?? "default",
+	...e.isActive === !0 ? { "data-active": !0 } : {},
+	class: A({
+		variant: e.variant,
+		size: e.size,
+		class: e.class
+	})
+}), P = (e) => e ? { asChild: e } : {}, F = (t, n, r) => f(e.button, h(n, () => P(t), { children: r })), I = (e) => {
+	let [t, n] = y(e, [
+		"asChild",
+		"children",
+		"isActive",
+		"variant",
+		"size",
+		"tooltip",
+		"class"
+	]), { isMobile: i, state: p, side: g } = r(), _ = v(() => g() === "left" ? "right" : "left"), b = v(() => !!t.tooltip && p() === "collapsed" && !i()), x = v(() => N(t));
+	return f(d, {
+		get when() {
+			return b();
+		},
+		get fallback() {
+			return F(t.asChild, {
+				...x(),
+				...n
+			}, t.children);
+		},
+		get children() {
+			return f(a, {
+				get positioning() {
+					return { placement: _() };
+				},
+				openDelay: 100,
+				get children() {
+					return [f(l, h(x, n, { asChild: (e) => F(t.asChild, e(), t.children) })), f(u, { get children() {
+						return f(c, { get children() {
+							return f(s, h(() => j(t.tooltip), { get children() {
+								return [f(o, {}), m(() => M(t.tooltip))];
+							} }));
+						} });
+					} })];
+				}
+			});
+		}
+	});
+}, L = (e) => {
+	let [n, r] = y(e, ["class", "showOnHover"]);
+	return (() => {
+		var e = S();
+		return g(e, h({ get class() {
+			return t("top-1.5 right-1 w-5 p-0 peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 [&>svg]:size-4 after:-inset-2 md:after:hidden absolute flex aspect-square items-center justify-center rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0", n.showOnHover === !0 && "md:opacity-0 group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground data-open:opacity-100", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, R = (e) => {
+	let [n, r] = y(e, ["class"]);
+	return (() => {
+		var e = C();
+		return g(e, h({ get class() {
+			return t("right-1 h-5 min-w-5 px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 pointer-events-none absolute flex items-center justify-center rounded-md text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, z = (e) => {
+	let [n, r] = y(e, ["class", "showIcon"]), a = v(() => `${Math.floor(Math.random() * 40) + 50}%`);
+	return (() => {
+		var e = w();
+		return g(e, h({ get class() {
+			return t("h-8 gap-2 px-2 flex items-center rounded-md", n.class);
+		} }, r), !1, !0), p(e, f(d, {
+			get when() {
+				return n.showIcon;
+			},
+			get children() {
+				return f(i, {
+					class: "size-4 rounded-md",
+					"data-sidebar": "menu-skeleton-icon"
+				});
+			}
+		}), null), p(e, f(i, {
+			class: "h-4 max-w-(--skeleton-width) flex-1",
+			"data-sidebar": "menu-skeleton-text",
+			get style() {
+				return { "--skeleton-width": a() };
+			}
+		}), null), e;
+	})();
+}, B = (e) => {
+	let [n, r] = y(e, ["class"]);
+	return (() => {
+		var e = T();
+		return g(e, h({ get class() {
+			return t("mx-3.5 gap-1 px-2.5 py-0.5 min-w-0 flex translate-x-px flex-col border-l border-sidebar-border group-data-[collapsible=icon]:hidden", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, V = (e) => {
+	let [n, r] = y(e, ["class"]);
+	return (() => {
+		var e = E();
+		return g(e, h({ get class() {
+			return t("group/menu-sub-item relative", n.class);
+		} }, r), !1, !1), e;
+	})();
+}, H = (e) => {
+	let [n, r] = y(e, [
+		"class",
+		"size",
+		"isActive"
+	]);
+	return (() => {
+		var e = D();
+		return g(e, h({ get "data-size"() {
+			return n.size ?? "md";
+		} }, () => n.isActive === !0 ? { "data-active": !0 } : {}, { get class() {
+			return t("h-7 gap-2 px-2 data-[size=md]:text-sm data-[size=sm]:text-xs [&>svg]:size-4 min-w-0 flex -translate-x-px items-center overflow-hidden rounded-md text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-[current=page]:bg-sidebar-accent aria-[current=page]:text-sidebar-accent-foreground data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground data-[status=active]:bg-sidebar-accent data-[status=active]:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", n.class);
+		} }, r), !1, !1), e;
+	})();
 };
-export {
-  ee as SidebarMenu,
-  re as SidebarMenuAction,
-  ne as SidebarMenuBadge,
-  ae as SidebarMenuButton,
-  te as SidebarMenuItem,
-  se as SidebarMenuSkeleton,
-  oe as SidebarMenuSub,
-  de as SidebarMenuSubButton,
-  ie as SidebarMenuSubItem,
-  V as sidebarMenuButtonVariants
-};
-//# sourceMappingURL=SidebarMenu.js.map
+//#endregion
+export { O as SidebarMenu, L as SidebarMenuAction, R as SidebarMenuBadge, I as SidebarMenuButton, k as SidebarMenuItem, z as SidebarMenuSkeleton, B as SidebarMenuSub, H as SidebarMenuSubButton, V as SidebarMenuSubItem, A as sidebarMenuButtonVariants };
+
+//# sourceMappingURL=SidebarMenu.js.map