@manafishrov/ui 1.0.4 → 1.1.0

package/dist/components/sidebar/SidebarProvider.js

@@ -1,79 +1,81 @@
-import { createComponent as d, template as c, spread as b, mergeProps as m, insert as u } from "solid-js/web";
-import { splitProps as f, createMemo as g, createSignal as a, onMount as O, onCleanup as h } from "solid-js";
-import { cn as y } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import { createMediaQuery as M } from "../../primitives/createMediaQuery.js";
-import { SIDEBAR_WIDTH_ICON as C, SIDEBAR_WIDTH as w, SIDEBAR_KEYBOARD_SHORTCUT as v } from "./constants.js";
-import { SidebarContext as D } from "./context.js";
-import { setSidebarCookie as x } from "./utils.js";
-var E = /* @__PURE__ */ c("<div data-slot=sidebar-wrapper>");
-const I = (e) => {
-  const n = M("(max-width: 768px)"), [t, o] = a(!1), [i, s] = a(e.defaultOpen ?? !0), [r, p] = a("left");
+import { createComponent as m, template as f, spread as u, mergeProps as g, insert as O } from "solid-js/web";
+import { splitProps as M, createMemo as h, createSignal as r, onMount as y, onCleanup as D } from "solid-js";
+import { cn as w } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
+import { createMediaQuery as C } from "../../primitives/createMediaQuery.js";
+import { SIDEBAR_WIDTH_ICON as v, SIDEBAR_WIDTH as x, SIDEBAR_KEYBOARD_SHORTCUT as E } from "./constants.js";
+import { SidebarContext as I } from "./context.js";
+import { setSidebarCookie as _ } from "./utils.js";
+var S = /* @__PURE__ */ f("<div data-slot=sidebar-wrapper>");
+const T = (e) => {
+  const o = C("(max-width: 768px)"), [t, n] = r(!1), s = () => o() && !t(), [l, i] = r(!1), [p, d] = r(e.defaultOpen ?? !0), [b, c] = r("left");
   return {
-    isMobile: n,
-    openMobile: t,
-    setOpenMobile: o,
-    open: () => typeof e.open == "boolean" ? e.open : i(),
-    setOpen: (l) => {
-      e.onOpenChange ? e.onOpenChange(l) : s(l), x(l);
+    isMobile: s,
+    setMobileDisabled: n,
+    openMobile: l,
+    setOpenMobile: i,
+    open: () => typeof e.open == "boolean" ? e.open : p(),
+    setOpen: (a) => {
+      e.onOpenChange ? e.onOpenChange(a) : d(a), _(a);
     },
-    side: r,
-    setSide: p
+    side: b,
+    setSide: c
   };
-}, S = (e) => {
-  const n = () => {
+}, R = (e) => {
+  const o = () => {
     e.isMobile() ? e.setOpenMobile((t) => !t) : e.setOpen(!e.open());
   };
-  return O(() => {
-    const t = (o) => {
-      o.key === v && (o.metaKey || o.ctrlKey) && (o.preventDefault(), n());
+  return y(() => {
+    const t = (n) => {
+      n.key === E && (n.metaKey || n.ctrlKey) && (n.preventDefault(), o());
     };
-    globalThis.addEventListener("keydown", t), h(() => {
+    globalThis.addEventListener("keydown", t), D(() => {
       globalThis.removeEventListener("keydown", t);
     });
   }), {
-    toggle: n
+    toggle: o
   };
-}, _ = (e, n) => ({
+}, k = (e, o) => ({
   state: () => e.open() ? "expanded" : "collapsed",
   open: e.open,
   setOpen: e.setOpen,
   isMobile: e.isMobile,
+  setMobileDisabled: e.setMobileDisabled,
   openMobile: e.openMobile,
   setOpenMobile: e.setOpenMobile,
-  toggleSidebar: n,
+  toggleSidebar: o,
   side: e.side,
   setSide: e.setSide
-}), W = (e) => {
-  const [n, t] = f(e, ["defaultOpen", "open", "onOpenChange", "class", "style", "children"]), o = I(n), {
-    toggle: i
-  } = S(o), s = g(() => {
-    const r = {
-      "--sidebar-width": w,
-      "--sidebar-width-icon": C
+}), j = (e) => {
+  const [o, t] = M(e, ["defaultOpen", "open", "onOpenChange", "class", "style", "children"]), n = T(o), {
+    toggle: s
+  } = R(n), l = h(() => {
+    const i = {
+      "--sidebar-width": x,
+      "--sidebar-width-icon": v
     };
-    return typeof n.style == "object" && n.style !== null ? {
-      ...r,
-      ...n.style
-    } : r;
+    return typeof o.style == "object" && o.style !== null ? {
+      ...i,
+      ...o.style
+    } : i;
   });
-  return d(D.Provider, {
+  return m(I.Provider, {
     get value() {
-      return _(o, i);
+      return k(n, s);
     },
     get children() {
-      var r = E();
-      return b(r, m({
+      var i = S();
+      return u(i, g({
         get style() {
-          return s();
+          return l();
         },
         get class() {
-          return y("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", n.class);
+          return w("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", o.class);
         }
-      }, t), !1, !0), u(r, () => n.children), r;
+      }, t), !1, !0), O(i, () => o.children), i;
     }
   });
 };
 export {
-  W as SidebarProvider
+  j as SidebarProvider
 };
 //# sourceMappingURL=SidebarProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isMobile = createMediaQuery('(max-width: 768px)');\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return { isMobile, openMobile, setOpenMobile, open, setOpen, side, setSide };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'class',\n    'style',\n    'children',\n  ]);\n  const stateSet = useSidebarState(local);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  const style = createMemo((): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      '--sidebar-width': SIDEBAR_WIDTH,\n      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n    };\n    return typeof local.style === 'object' && local.style !== null\n      ? { ...base, ...local.style }\n      : base;\n  });\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      <div\n        data-slot='sidebar-wrapper'\n        style={style()}\n        class={cn(\n          'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["useSidebarState","props","isMobile","createMediaQuery","openMobile","setOpenMobile","createSignal","internalOpen","setInternalOpen","defaultOpen","side","setSide","open","setOpen","value","onOpenChange","setSidebarCookie","useSidebarEvents","stateSet","toggle","prev","onMount","handleKeyDown","event","key","SIDEBAR_KEYBOARD_SHORTCUT","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","onCleanup","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","local","others","splitProps","style","createMemo","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","_$createComponent","SidebarContext","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":"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"}
+{"version":3,"file":"SidebarProvider.js","sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\n  createMemo,\n  createSignal,\n  onCleanup,\n  onMount,\n  splitProps,\n  type JSX,\n} from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { SIDEBAR_KEYBOARD_SHORTCUT, SIDEBAR_WIDTH, SIDEBAR_WIDTH_ICON } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = ComponentProps<'div'> & {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n};\n\nconst useSidebarState = (\n  props: SidebarProviderProps,\n): {\n  isMobile: () => boolean;\n  setMobileDisabled: (value: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (value: boolean | ((prev: boolean) => boolean)) => void;\n  open: () => boolean;\n  setOpen: (value: boolean) => void;\n  side: () => 'left' | 'right';\n  setSide: (value: 'left' | 'right') => void;\n} => {\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n  const [mobileDisabled, setMobileDisabled] = createSignal(false);\n  const isMobile = (): boolean => isViewportMobile() && !mobileDisabled();\n  const [openMobile, setOpenMobile] = createSignal(false);\n  const [internalOpen, setInternalOpen] = createSignal(props.defaultOpen ?? true);\n  const [side, setSide] = createSignal<'left' | 'right'>('left');\n\n  const open = (): boolean => (typeof props.open === 'boolean' ? props.open : internalOpen());\n\n  const setOpen = (value: boolean): void => {\n    if (props.onOpenChange) {\n      props.onOpenChange(value);\n    } else {\n      setInternalOpen(value);\n    }\n    setSidebarCookie(value);\n  };\n\n  return {\n    isMobile,\n    setMobileDisabled,\n    openMobile,\n    setOpenMobile,\n    open,\n    setOpen,\n    side,\n    setSide,\n  };\n};\nconst useSidebarEvents = (stateSet: ReturnType<typeof useSidebarState>): { toggle: () => void } => {\n  const toggle = (): void => {\n    if (stateSet.isMobile()) {\n      stateSet.setOpenMobile((prev) => !prev);\n    } else {\n      stateSet.setOpen(!stateSet.open());\n    }\n  };\n\n  onMount(() => {\n    const handleKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {\n        event.preventDefault();\n        toggle();\n      }\n    };\n    globalThis.addEventListener('keydown', handleKeyDown);\n    onCleanup(() => {\n      globalThis.removeEventListener('keydown', handleKeyDown);\n    });\n  });\n\n  return { toggle };\n};\n\nconst createSidebarContextValue = (\n  stateSet: ReturnType<typeof useSidebarState>,\n  toggle: () => void,\n): SidebarContextProps => ({\n  state: (): 'expanded' | 'collapsed' => (stateSet.open() ? 'expanded' : 'collapsed'),\n  open: stateSet.open,\n  setOpen: stateSet.setOpen,\n  isMobile: stateSet.isMobile,\n  setMobileDisabled: stateSet.setMobileDisabled,\n  openMobile: stateSet.openMobile,\n  setOpenMobile: stateSet.setOpenMobile,\n  toggleSidebar: toggle,\n  side: stateSet.side,\n  setSide: stateSet.setSide,\n});\n\nexport const SidebarProvider: Component<SidebarProviderProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'defaultOpen',\n    'open',\n    'onOpenChange',\n    'class',\n    'style',\n    'children',\n  ]);\n  const stateSet = useSidebarState(local);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  const style = createMemo((): JSX.CSSProperties => {\n    const base: JSX.CSSProperties = {\n      '--sidebar-width': SIDEBAR_WIDTH,\n      '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,\n    };\n    return typeof local.style === 'object' && local.style !== null\n      ? { ...base, ...local.style }\n      : base;\n  });\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      <div\n        data-slot='sidebar-wrapper'\n        style={style()}\n        class={cn(\n          'group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',\n          local.class,\n        )}\n        {...others}\n      >\n        {local.children}\n      </div>\n    </SidebarContext.Provider>\n  );\n};\n"],"names":["useSidebarState","props","isViewportMobile","createMediaQuery","mobileDisabled","setMobileDisabled","createSignal","isMobile","openMobile","setOpenMobile","internalOpen","setInternalOpen","defaultOpen","side","setSide","open","setOpen","value","onOpenChange","setSidebarCookie","useSidebarEvents","stateSet","toggle","prev","onMount","handleKeyDown","event","key","SIDEBAR_KEYBOARD_SHORTCUT","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","onCleanup","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","local","others","splitProps","style","createMemo","base","SIDEBAR_WIDTH","SIDEBAR_WIDTH_ICON","_$createComponent","SidebarContext","Provider","children","_el$","_tmpl$","_$spread","_$mergeProps","cn","class","_$insert"],"mappings":"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"}

package/dist/components/sidebar/SidebarSubComponents.js

@@ -1,6 +1,6 @@
-import { createComponent as c, mergeProps as s, template as o, spread as n, memo as f, delegateEvents as g } from "solid-js/web";
+import { createComponent as c, mergeProps as s, template as o, spread as n, memo as p, delegateEvents as g } from "solid-js/web";
 import { cn as l } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import m from "../../_virtual/outline-view-sidebar.js";
+import m from "../../_virtual/side-navigation.js";
 import { Button as v } from "../Button.js";
 import { ScrollArea as h } from "../ScrollArea.js";
 import { Separator as x } from "../Separator.js";
@@ -23,8 +23,8 @@ const L = (r) => {
     get class() {
       return l(e.class);
     },
-    onClick: (p) => {
-      typeof e.onClick == "function" && e.onClick(p), a();
+    onClick: (f) => {
+      typeof e.onClick == "function" && e.onClick(f), a();
     }
   }, t, {
     get children() {
@@ -33,7 +33,7 @@ const L = (r) => {
       });
     }
   }));
-}, O = (r) => {
+}, R = (r) => {
   const [e, t] = i(r, ["class"]), {
     toggleSidebar: a
   } = u();
@@ -50,7 +50,7 @@ const L = (r) => {
       }
     }, t), !1, !1), d;
   })();
-}, R = (r) => {
+}, T = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = $();
@@ -60,7 +60,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, T = (r) => {
+}, V = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = S();
@@ -70,7 +70,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, V = (r) => {
+}, D = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = w();
@@ -80,7 +80,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, D = (r) => {
+}, J = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = k();
@@ -90,7 +90,7 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, J = (r) => {
+}, K = (r) => {
   const [e, t] = i(r, ["class"]);
   return c(x, s({
     "data-slot": "sidebar-separator",
@@ -99,13 +99,13 @@ const L = (r) => {
       return l("mx-2 w-auto bg-sidebar-border", e.class);
     }
   }, t));
-}, K = (r) => {
+}, M = (r) => {
   const [e, t] = i(r, ["class", "children", "id"]);
   return c(h, s({
     "data-slot": "sidebar-content",
     "data-sidebar": "content",
     get id() {
-      return f(() => typeof e.id == "string")() ? e.id : "sidebar-content";
+      return p(() => typeof e.id == "string")() ? e.id : "sidebar-content";
     },
     get class() {
       return l("gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden", e.class);
@@ -115,7 +115,7 @@ const L = (r) => {
       return e.children;
     }
   }));
-}, M = (r) => {
+}, N = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = y();
@@ -125,13 +125,13 @@ const L = (r) => {
       }
     }, t), !1, !1), a;
   })();
-}, N = (r) => {
+}, O = (r) => {
   const [e, t] = i(r, ["class"]);
   return (() => {
     var a = C();
     return n(a, s({
       get class() {
-        return l("h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
+        return l("h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md font-heading text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0", e.class);
       }
     }, t), !1, !1), a;
   })();
@@ -158,17 +158,17 @@ const L = (r) => {
 };
 g(["click"]);
 export {
-  K as SidebarContent,
-  D as SidebarFooter,
-  M as SidebarGroup,
+  M as SidebarContent,
+  J as SidebarFooter,
+  N as SidebarGroup,
   Q as SidebarGroupAction,
   U as SidebarGroupContent,
-  N as SidebarGroupLabel,
-  V as SidebarHeader,
-  T as SidebarInput,
-  R as SidebarInset,
-  O as SidebarRail,
-  J as SidebarSeparator,
+  O as SidebarGroupLabel,
+  D as SidebarHeader,
+  V as SidebarInput,
+  T as SidebarInset,
+  R as SidebarRail,
+  K as SidebarSeparator,
   L as SidebarTrigger
 };
 //# sourceMappingURL=SidebarSubComponents.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport OutlineViewSidebarIcon from '~icons/ic/outline-view-sidebar';\n\nimport { Button } from '@/components/Button';\nimport { ScrollArea } from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <OutlineViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        'inset-y-0 w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:inset-y-0 after:w-0.5 sm:flex absolute z-20 hidden -translate-x-1/2 transition-all ease-linear after:absolute after:left-1/2 hover:after:bg-sidebar-border',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col bg-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default',\n        'h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn(\n        'gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        'h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        'top-3.5 right-3 w-5 p-0 [&>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 after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","OutlineViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"SidebarSubComponents.js","sources":["../../../src/components/sidebar/SidebarSubComponents.tsx"],"sourcesContent":["import type { Component, ComponentProps } from 'solid-js';\n\nimport { cn } from 'tailwind-variants';\nimport ViewSidebarIcon from '~icons/material-symbols/side-navigation';\n\nimport { Button } from '@/components/Button';\nimport { ScrollArea } from '@/components/ScrollArea';\nimport { Separator } from '@/components/Separator';\nimport * as messages from '@/paraglide/messages';\n\nimport { useSidebar } from './context';\n\nexport const SidebarTrigger: Component<ComponentProps<typeof Button>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'onClick']);\n  const { toggleSidebar } = useSidebar();\n\n  const handleClick = (\n    event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element },\n  ): void => {\n    if (typeof local.onClick === 'function') {\n      local.onClick(event);\n    }\n    toggleSidebar();\n  };\n\n  return (\n    <Button\n      data-sidebar='trigger'\n      data-slot='sidebar-trigger'\n      aria-label={messages.ui_sidebar_toggle()}\n      variant='ghost'\n      size='icon-sm'\n      class={cn(local.class)}\n      onClick={handleClick}\n      {...others}\n    >\n      <ViewSidebarIcon aria-hidden='true' />\n    </Button>\n  );\n};\n\nexport const SidebarRail: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  const { toggleSidebar } = useSidebar();\n\n  return (\n    <button\n      data-sidebar='rail'\n      data-slot='sidebar-rail'\n      aria-label={messages.ui_sidebar_toggle()}\n      tabIndex={-1}\n      onClick={() => {\n        toggleSidebar();\n      }}\n      class={cn(\n        'inset-y-0 w-4 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:inset-y-0 after:w-0.5 sm:flex absolute z-20 hidden -translate-x-1/2 transition-all ease-linear after:absolute after:left-1/2 hover:after:bg-sidebar-border',\n        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',\n        '[data-side=left][data-state=collapsed]_&]:cursor-e-resize [data-side=right][data-state=collapsed]_&]:cursor-w-resize',\n        'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-sidebar',\n        '[data-side=left][data-collapsible=offcanvas]_&]:-right-2',\n        '[data-side=right][data-collapsible=offcanvas]_&]:-left-2',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInset: Component<ComponentProps<'main'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <main\n      data-slot='sidebar-inset'\n      class={cn(\n        'md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col bg-background',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarInput: Component<ComponentProps<'input'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <input\n      data-slot='sidebar-input'\n      data-sidebar='input'\n      class={cn(\n        'min-w-0 text-base md:text-sm flex w-full bg-transparent transition-colors outline-none placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 data-readonly:cursor-default',\n        'h-8 px-2.5 py-1 rounded-lg border border-input focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:bg-input/50 data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/20 data-readonly:focus-visible:border-input data-readonly:focus-visible:ring-0 dark:bg-input/30 dark:disabled:bg-input/80 dark:data-invalid:border-destructive/50 dark:data-invalid:ring-destructive/40',\n        'h-8 w-full bg-background shadow-none',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarHeader: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-header'\n      data-sidebar='header'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarFooter: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-footer'\n      data-sidebar='footer'\n      class={cn('gap-2 p-2 flex flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarSeparator: Component<ComponentProps<typeof Separator>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <Separator\n      data-slot='sidebar-separator'\n      data-sidebar='separator'\n      class={cn('mx-2 w-auto bg-sidebar-border', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'children', 'id']);\n  return (\n    <ScrollArea\n      data-slot='sidebar-content'\n      data-sidebar='content'\n      id={typeof local.id === 'string' ? local.id : 'sidebar-content'}\n      class={cn(\n        'gap-0 min-h-0 flex flex-1 flex-col group-data-[collapsible=icon]:overflow-hidden',\n        local.class,\n      )}\n      {...others}\n    >\n      {local.children}\n    </ScrollArea>\n  );\n};\n\nexport const SidebarGroup: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group'\n      data-sidebar='group'\n      class={cn('p-2 min-w-0 relative flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupLabel: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-label'\n      data-sidebar='group-label'\n      class={cn(\n        'h-8 px-2 text-xs font-medium group-data-[collapsible=icon]:-mt-8 [&>svg]:size-4 flex shrink-0 items-center rounded-md font-heading text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupAction: Component<ComponentProps<'button'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <button\n      data-slot='sidebar-group-action'\n      data-sidebar='group-action'\n      class={cn(\n        'top-3.5 right-3 w-5 p-0 [&>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 after:absolute hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:shrink-0',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarGroupContent: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-group-content'\n      data-sidebar='group-content'\n      class={cn('text-sm w-full', local.class)}\n      {...others}\n    />\n  );\n};\n"],"names":["SidebarTrigger","props","local","others","splitProps","toggleSidebar","useSidebar","_$createComponent","Button","_$mergeProps","messages","ui_sidebar_toggle","variant","size","cn","class","onClick","handleClick","event","children","ViewSidebarIcon","SidebarRail","_el$","_tmpl$","$$click","_$spread","SidebarInset","_el$2","_tmpl$2","SidebarInput","_el$3","_tmpl$3","SidebarHeader","_el$4","_tmpl$4","SidebarFooter","_el$5","_tmpl$5","SidebarSeparator","Separator","SidebarContent","ScrollArea","id","_$memo","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"mappings":"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"}

package/dist/components/sidebar/context.d.ts

@@ -5,6 +5,7 @@ export type SidebarContextProps = {
     openMobile: () => boolean;
     setOpenMobile: (open: boolean) => void;
     isMobile: () => boolean;
+    setMobileDisabled: (mobileDisabled: boolean) => void;
     toggleSidebar: () => void;
     side: () => 'left' | 'right';
     setSide: (side: 'left' | 'right') => void;

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/sidebar/context.ts"],"sourcesContent":["export type SidebarContextProps = {\n  state: () => 'expanded' | 'collapsed';\n  open: () => boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: () => boolean;\n  toggleSidebar: () => void;\n  side: () => 'left' | 'right';\n  setSide: (side: 'left' | 'right') => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport const useSidebar = (): SidebarContextProps => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n};\n"],"names":["SidebarContext","createContext","useSidebar","context","useContext"],"mappings":";AAYO,MAAMA,IAAiBC,EAAA,GAEjBC,IAAa,MAA2B;AACnD,QAAMC,IAAUC,EAAWJ,CAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,mDAAmD;AAGrE,SAAOA;AACT;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/sidebar/context.ts"],"sourcesContent":["export type SidebarContextProps = {\n  state: () => 'expanded' | 'collapsed';\n  open: () => boolean;\n  setOpen: (open: boolean) => void;\n  openMobile: () => boolean;\n  setOpenMobile: (open: boolean) => void;\n  isMobile: () => boolean;\n  setMobileDisabled: (mobileDisabled: boolean) => void;\n  toggleSidebar: () => void;\n  side: () => 'left' | 'right';\n  setSide: (side: 'left' | 'right') => void;\n};\n\nexport const SidebarContext = createContext<SidebarContextProps>();\n\nexport const useSidebar = (): SidebarContextProps => {\n  const context = useContext(SidebarContext);\n  if (!context) {\n    throw new Error('useSidebar must be used within a SidebarProvider.');\n  }\n\n  return context;\n};\n"],"names":["SidebarContext","createContext","useSidebar","context","useContext"],"mappings":";AAaO,MAAMA,IAAiBC,EAAA,GAEjBC,IAAa,MAA2B;AACnD,QAAMC,IAAUC,EAAWJ,CAAc;AACzC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,mDAAmD;AAGrE,SAAOA;AACT;"}

package/dist/components/toaster/Toaster.js

@@ -1,21 +1,21 @@
 import { createComponent as t, Portal as s, template as l, insert as a } from "solid-js/web";
-import { createToaster as u, Toaster as c, toast_exports as o } from "../../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4OJLSY6B.js";
+import { createToaster as c, Toaster as u, toast_exports as o } from "../../node_modules/.bun/@ark-ui_solid@5.34.0_95b571dd5236cc92/node_modules/@ark-ui/solid/dist/chunk/4OJLSY6B.js";
 import { Show as r } from "solid-js";
 import { cn as n } from "../../node_modules/.bun/tailwind-variants@3.2.2_e7cab99c1b720a38/node_modules/tailwind-variants/dist/index.js";
-import d from "../../_virtual/outline-check-circle.js";
-import g from "../../_virtual/outline-close.js";
-import m from "../../_virtual/outline-error.js";
-import h from "../../_virtual/outline-info.js";
-import p from "../../_virtual/outline-warning.js";
+import d from "../../_virtual/check-circle.js";
+import g from "../../_virtual/close.js";
+import m from "../../_virtual/error.js";
+import h from "../../_virtual/info.js";
+import p from "../../_virtual/warning.js";
 import { Spinner as f } from "../Spinner.js";
 var x = /* @__PURE__ */ l('<div class="gap-1 grid">');
-const w = u({
+const w = c({
   placement: "bottom-end",
   overlap: !0,
   gap: 16
 }), b = (e) => t(o.Root, {
   get class() {
-    return n("group gap-3 p-4 pr-10 shadow-lg pointer-events-auto relative flex min-w-72 w-full items-center rounded-lg border bg-popover transition-all", "data-[state=open]:animate-in data-[state=open]:sm:slide-in-from-bottom-full data-[state=open]:slide-in-from-top-full", "border-border text-popover-foreground");
+    return n("group gap-3 p-4 pr-10 shadow-lg min-w-72 pointer-events-auto relative flex w-full items-center rounded-lg border bg-popover transition-all", "data-[state=open]:sm:slide-in-from-bottom-full data-[state=open]:animate-in data-[state=open]:slide-in-from-top-full", "border-border text-popover-foreground");
   },
   get children() {
     return [t(r, {
@@ -113,9 +113,9 @@ const w = u({
       }
     })];
   }
-}), S = () => t(s, {
+}), D = () => t(s, {
   get children() {
-    return t(c, {
+    return t(u, {
       toaster: w,
       children: (e) => t(b, {
         toast: e
@@ -124,7 +124,7 @@ const w = u({
   }
 });
 export {
-  S as Toaster,
+  D as Toaster,
   w as toast
 };
 //# sourceMappingURL=Toaster.js.map

package/dist/components/toaster/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster as ToasterPrimitive,\n  createToaster,\n  type ToastOptions,\n} from '@ark-ui/solid/toast';\nimport { type Component, type Accessor, Show } from 'solid-js';\nimport { Portal } from 'solid-js/web';\nimport { cn } from 'tailwind-variants';\nimport OutlineCheckCircleIcon from '~icons/ic/outline-check-circle';\nimport OutlineCloseIcon from '~icons/ic/outline-close';\nimport OutlineErrorIcon from '~icons/ic/outline-error';\nimport OutlineInfoIcon from '~icons/ic/outline-info';\nimport OutlineWarningIcon from '~icons/ic/outline-warning';\n\nimport { Spinner } from '@/components/Spinner';\n\nexport const toast = createToaster({\n  placement: 'bottom-end',\n  overlap: true,\n  gap: 16,\n});\n\nconst ToastItem: Component<{ toast: Accessor<ToastOptions> }> = (props) => (\n  <Toast.Root\n    class={cn(\n      'group gap-3 p-4 pr-10 shadow-lg pointer-events-auto relative flex min-w-72 w-full items-center rounded-lg border bg-popover transition-all',\n      'data-[state=open]:animate-in data-[state=open]:sm:slide-in-from-bottom-full data-[state=open]:slide-in-from-top-full',\n      'border-border text-popover-foreground',\n    )}\n  >\n    <Show when={props.toast().type === 'success'}>\n      <OutlineCheckCircleIcon class={cn('size-5 text-green-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'info'}>\n      <OutlineInfoIcon class={cn('size-5 text-blue-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'warning'}>\n      <OutlineWarningIcon class={cn('size-5 text-amber-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'error'}>\n      <OutlineErrorIcon class={cn('size-5 text-red-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'loading'}>\n      <Spinner class={cn('size-5 text-muted-foreground')} />\n    </Show>\n    <div class='gap-1 grid'>\n      <Show when={props.toast().title}>\n        <Toast.Title class='text-sm font-semibold tracking-tight leading-none'>\n          {props.toast().title}\n        </Toast.Title>\n      </Show>\n      <Show when={props.toast().description}>\n        <Toast.Description class='text-sm opacity-90'>\n          {props.toast().description}\n        </Toast.Description>\n      </Show>\n    </div>\n    <Toast.CloseTrigger class='top-2 right-2 p-1 absolute cursor-pointer rounded-md text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 hover:text-foreground focus:opacity-100 focus:outline-none'>\n      <OutlineCloseIcon class='size-4' />\n    </Toast.CloseTrigger>\n  </Toast.Root>\n);\n\nexport const Toaster: Component = () => (\n  <Portal>\n    <ToasterPrimitive toaster={toast}>{(item) => <ToastItem toast={item} />}</ToasterPrimitive>\n  </Portal>\n);\n"],"names":["toast","createToaster","placement","overlap","gap","ToastItem","props","_$createComponent","Toast","Root","cn","children","Show","when","type","OutlineCheckCircleIcon","OutlineInfoIcon","OutlineWarningIcon","OutlineErrorIcon","Spinner","_el$","_tmpl$","_$insert","title","Title","description","Description","CloseTrigger","OutlineCloseIcon","Toaster","Portal","ToasterPrimitive","toaster","item"],"mappings":"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"}
+{"version":3,"file":"Toaster.js","sources":["../../../src/components/toaster/Toaster.tsx"],"sourcesContent":["import {\n  Toast,\n  Toaster as ToasterPrimitive,\n  createToaster,\n  type ToastOptions,\n} from '@ark-ui/solid/toast';\nimport { type Component, type Accessor, Show } from 'solid-js';\nimport { Portal } from 'solid-js/web';\nimport { cn } from 'tailwind-variants';\nimport CheckCircleIcon from '~icons/material-symbols/check-circle';\nimport CloseIcon from '~icons/material-symbols/close';\nimport ErrorIcon from '~icons/material-symbols/error';\nimport InfoIcon from '~icons/material-symbols/info';\nimport WarningIcon from '~icons/material-symbols/warning';\n\nimport { Spinner } from '@/components/Spinner';\n\nexport const toast = createToaster({\n  placement: 'bottom-end',\n  overlap: true,\n  gap: 16,\n});\n\nconst ToastItem: Component<{ toast: Accessor<ToastOptions> }> = (props) => (\n  <Toast.Root\n    class={cn(\n      'group gap-3 p-4 pr-10 shadow-lg min-w-72 pointer-events-auto relative flex w-full items-center rounded-lg border bg-popover transition-all',\n      'data-[state=open]:sm:slide-in-from-bottom-full data-[state=open]:animate-in data-[state=open]:slide-in-from-top-full',\n      'border-border text-popover-foreground',\n    )}\n  >\n    <Show when={props.toast().type === 'success'}>\n      <CheckCircleIcon class={cn('size-5 text-green-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'info'}>\n      <InfoIcon class={cn('size-5 text-blue-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'warning'}>\n      <WarningIcon class={cn('size-5 text-amber-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'error'}>\n      <ErrorIcon class={cn('size-5 text-red-500 shrink-0')} aria-hidden='true' />\n    </Show>\n    <Show when={props.toast().type === 'loading'}>\n      <Spinner class={cn('size-5 text-muted-foreground')} />\n    </Show>\n    <div class='gap-1 grid'>\n      <Show when={props.toast().title}>\n        <Toast.Title class='text-sm font-semibold tracking-tight leading-none'>\n          {props.toast().title}\n        </Toast.Title>\n      </Show>\n      <Show when={props.toast().description}>\n        <Toast.Description class='text-sm opacity-90'>\n          {props.toast().description}\n        </Toast.Description>\n      </Show>\n    </div>\n    <Toast.CloseTrigger class='top-2 right-2 p-1 absolute cursor-pointer rounded-md text-foreground/50 opacity-0 transition-opacity group-hover:opacity-100 hover:text-foreground focus:opacity-100 focus:outline-none'>\n      <CloseIcon class='size-4' />\n    </Toast.CloseTrigger>\n  </Toast.Root>\n);\n\nexport const Toaster: Component = () => (\n  <Portal>\n    <ToasterPrimitive toaster={toast}>{(item) => <ToastItem toast={item} />}</ToasterPrimitive>\n  </Portal>\n);\n"],"names":["toast","createToaster","placement","overlap","gap","ToastItem","props","_$createComponent","Toast","Root","cn","children","Show","when","type","CheckCircleIcon","InfoIcon","WarningIcon","ErrorIcon","Spinner","_el$","_tmpl$","_$insert","title","Title","description","Description","CloseTrigger","CloseIcon","Toaster","Portal","ToasterPrimitive","toaster","item"],"mappings":"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"}

package/dist/paraglide/messages/ui_breadcrumb_label.js

@@ -0,0 +1,21 @@
+import { getLocale as r } from "../runtime.js";
+const l = (
+  /** @type {(inputs: Ui_Breadcrumb_LabelInputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Breadcrumb"
+  )
+), b = (
+  /** @type {(inputs: Ui_Breadcrumb_LabelInputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Brødsmulesti"
+  )
+), n = (
+  /** @type {((inputs?: Ui_Breadcrumb_LabelInputs, options?: { locale?: "en-gb" | "nb" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Ui_Breadcrumb_LabelInputs, { locale?: "en-gb" | "nb" }, {}>} */
+  ((t = {}, e = {}) => (e.locale ?? r()) === "en-gb" ? l() : b())
+);
+export {
+  n as ui_breadcrumb_label
+};
+//# sourceMappingURL=ui_breadcrumb_label.js.map

package/dist/paraglide/messages/ui_breadcrumb_label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui_breadcrumb_label.js","sources":["../../../src/paraglide/messages/ui_breadcrumb_label.js"],"sourcesContent":["/* eslint-disable */\nimport { getLocale, experimentalStaticLocale } from '../runtime.js';\n\n/** @typedef {import('../runtime.js').LocalizedString} LocalizedString */\n\n/** @typedef {{}} Ui_Breadcrumb_LabelInputs */\n\nconst en_gb_ui_breadcrumb_label = /** @type {(inputs: Ui_Breadcrumb_LabelInputs) => LocalizedString} */ () => {\n\treturn /** @type {LocalizedString} */ (`Breadcrumb`)\n};\n\nconst nb_ui_breadcrumb_label = /** @type {(inputs: Ui_Breadcrumb_LabelInputs) => LocalizedString} */ () => {\n\treturn /** @type {LocalizedString} */ (`Brødsmulesti`)\n};\n\n/**\n* | output |\n* | --- |\n* | \"Breadcrumb\" |\n*\n* @param {Ui_Breadcrumb_LabelInputs} inputs\n* @param {{ locale?: \"en-gb\" | \"nb\" }} options\n* @returns {LocalizedString}\n*/\nexport const ui_breadcrumb_label = /** @type {((inputs?: Ui_Breadcrumb_LabelInputs, options?: { locale?: \"en-gb\" | \"nb\" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Ui_Breadcrumb_LabelInputs, { locale?: \"en-gb\" | \"nb\" }, {}>} */ ((inputs = {}, options = {}) => {\n\tconst locale = experimentalStaticLocale ?? options.locale ?? getLocale()\n\tif (locale === \"en-gb\") return en_gb_ui_breadcrumb_label(inputs)\n\treturn nb_ui_breadcrumb_label(inputs)\n});"],"names":["en_gb_ui_breadcrumb_label","nb_ui_breadcrumb_label","ui_breadcrumb_label","inputs","options","getLocale"],"mappings":";AAOA,MAAMA;AAAA;AAAA,EAAkG;AAAA;AAAA,IAChE;AAAA;AAAA,GAGlCC;AAAA;AAAA,EAA+F;AAAA;AAAA,IAC7D;AAAA;AAAA,GAY3BC;AAAA;AAAA,GAA6O,CAACC,IAAS,IAAIC,IAAU,CAAA,OACtOA,EAAQ,UAAUC,EAAS,OACvD,UAAgBL,EAAgC,IACxDC,EAA6B;AAAA;"}