@manafishrov/ui 1.5.2 → 1.5.3

package/dist/components/marquee/Marquee.js

@@ -1,5 +1,5 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
-import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
+import { marquee_exports as t } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/ZOCG4ZHL.js";
 import { createComponent as n, mergeProps as r } from "solid-js/web";
 import { splitProps as i } from "solid-js";
 //#region src/components/marquee/Marquee.tsx
@@ -21,7 +21,7 @@ var a = t.Context, o = (a) => {
 }, u = (a) => {
 	let [o, s] = i(a, ["class"]);
 	return n(t.Edge, r({ get class() {
-		return e("pointer-events-none inset-y-0 absolute z-10 w-16 bg-linear-to-r from-background from-0% to-transparent to-100%", o.class);
+		return e("inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%", o.class);
 	} }, s));
 };
 //#endregion

package/dist/components/marquee/Marquee.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marquee.js","names":["Marquee","MarqueePrimitive","splitProps","Component","cn","MarqueeContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","MarqueeViewport","ViewportProps","Viewport","MarqueeContent","Content","MarqueeItem","ItemProps","Item","MarqueeEdge","EdgeProps","Edge"],"sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import { Marquee as MarqueePrimitive } from '@ark-ui/solid/marquee';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const MarqueeContext = MarqueePrimitive.Context;\n\nexport const Marquee: Component<MarqueePrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <MarqueePrimitive.Root\n      class={cn('group/marquee relative overflow-hidden', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MarqueeViewport: Component<MarqueePrimitive.ViewportProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <MarqueePrimitive.Viewport class={cn('overflow-hidden', local.class)} {...others} />;\n};\n\nexport const MarqueeContent = MarqueePrimitive.Content;\n\nexport const MarqueeItem: Component<MarqueePrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MarqueePrimitive.Item class={cn('flex shrink-0 items-center', local.class)} {...others} />\n  );\n};\n\nexport const MarqueeEdge: Component<MarqueePrimitive.EdgeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MarqueePrimitive.Edge\n      class={cn(\n        'pointer-events-none inset-y-0 absolute z-10 w-16 bg-linear-to-r from-background from-0% to-transparent to-100%',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaK,IAAiBJ,EAAiBK,SAElCN,KAAkDQ,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;AAEpD,QAAAG,EACGV,EAAiBW,MAAIC,EAAA,EAAA,IAAA,QAAA;AAAA,SACbT,EAAG,0CAA0CK,EAAMK,MAAM;IAAA,EAC5DJ,EAAM,CAAA;GAKHK,KAA8DP,MAAU;CACnF,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EAAQV,EAAiBgB,UAAQJ,EAAA,EAAA,IAAA,QAAA;AAAA,SAAQT,EAAG,mBAAmBK,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAG5EQ,IAAiBjB,EAAiBkB,SAElCC,KAAsDZ,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGV,EAAiBqB,MAAIT,EAAA,EAAA,IAAA,QAAA;AAAA,SAAQT,EAAG,8BAA8BK,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAI9Ea,KAAsDf,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;AACpD,QAAAG,EACGV,EAAiBwB,MAAIZ,EAAA,EAAA,IAAA,QAAA;AAAA,SACbT,EACL,kHACAK,EAAMK,MACP;IAAA,EACGJ,EAAM,CAAA"}
+{"version":3,"file":"Marquee.js","names":["Marquee","MarqueePrimitive","splitProps","Component","cn","MarqueeContext","Context","RootProps","props","local","others","_$createComponent","Root","_$mergeProps","class","MarqueeViewport","ViewportProps","Viewport","MarqueeContent","Content","MarqueeItem","ItemProps","Item","MarqueeEdge","EdgeProps","Edge"],"sources":["../../../src/components/marquee/Marquee.tsx"],"sourcesContent":["import { Marquee as MarqueePrimitive } from '@ark-ui/solid/marquee';\nimport { splitProps, type Component } from 'solid-js';\nimport { cn } from 'tailwind-variants';\n\nexport const MarqueeContext = MarqueePrimitive.Context;\n\nexport const Marquee: Component<MarqueePrimitive.RootProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n\n  return (\n    <MarqueePrimitive.Root\n      class={cn('group/marquee relative overflow-hidden', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const MarqueeViewport: Component<MarqueePrimitive.ViewportProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return <MarqueePrimitive.Viewport class={cn('overflow-hidden', local.class)} {...others} />;\n};\n\nexport const MarqueeContent = MarqueePrimitive.Content;\n\nexport const MarqueeItem: Component<MarqueePrimitive.ItemProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MarqueePrimitive.Item class={cn('flex shrink-0 items-center', local.class)} {...others} />\n  );\n};\n\nexport const MarqueeEdge: Component<MarqueePrimitive.EdgeProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <MarqueePrimitive.Edge\n      class={cn(\n        'inset-y-0 w-16 pointer-events-none absolute z-10 bg-linear-to-r from-background from-0% to-transparent to-100%',\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAIA,IAAaK,IAAiBJ,EAAiBK,SAElCN,KAAkDQ,MAAU;CACvE,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;CAEpD,OAAAG,EACGV,EAAiBW,MAAIC,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EAAG,0CAA0CK,EAAMK,MAAM;IAAA,EAC5DJ,EAAM,CAAA;GAKHK,KAA8DP,MAAU;CACnF,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;CACpD,OAAAG,EAAQV,EAAiBgB,UAAQJ,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,mBAAmBK,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAG5EQ,IAAiBjB,EAAiBkB,SAElCC,KAAsDZ,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;CACpD,OAAAG,EACGV,EAAiBqB,MAAIT,EAAA,EAAA,IAAA,QAAA;EAAA,OAAQT,EAAG,8BAA8BK,EAAMK,MAAM;IAAA,EAAMJ,EAAM,CAAA;GAI9Ea,KAAsDf,MAAU;CAC3E,IAAM,CAACC,GAAOC,KAAUR,EAAWM,GAAO,CAAC,QAAQ,CAAC;CACpD,OAAAG,EACGV,EAAiBwB,MAAIZ,EAAA,EAAA,IAAA,QAAA;EAAA,OACbT,EACL,kHACAK,EAAMK,MACP;IAAA,EACGJ,EAAM,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["Component","ComponentProps","createEffect","onCleanup","createMediaQuery","useSidebar","SidebarDesktop","SidebarMobile","SidebarProps","innerClass","side","variant","collapsible","disableMobileSidebar","Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","isViewportMobile","currentSide","mobileDisabled","_$createComponent","_$Show","when","fallback","children"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'aside'> & {\n  innerClass?: string;\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n  onCleanup(() => {\n    setMobileDisabled(false);\n  });\n\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    const mobileDisabled = props.disableMobileSidebar ?? false;\n    setSide(currentSide);\n    setMobileDisabled(mobileDisabled);\n  });\n\n  createEffect(() => {\n    if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n      setOpen(!isViewportMobile());\n    }\n  });\n\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAac,KAAoCC,MAAU;CACzD,IAAM,EAAEC,aAAUC,sBAAmBC,YAASC,eAAYd,GAAY,EAChEe,IAAmBhB,EAAiB,qBAAqB;AAmB/D,QAjBAD,QAAgB;AACdc,IAAkB,GAAM;GACxB,EAEFf,QAAmB;EACjB,IAAMmB,IAAcN,EAAML,QAAQ,QAC5BY,IAAiBP,EAAMF,wBAAwB;AAErDI,EADAE,EAAQE,EAAY,EACpBJ,EAAkBK,EAAe;GACjC,EAEFpB,QAAmB;AACjB,EAAIa,EAAMF,yBAAyB,MAAQE,EAAMH,gBAAgB,UAC/DM,EAAQ,CAACE,GAAkB,CAAC;GAE9B,EAEFG,EACGC,GAAI;EAAA,IACHC,OAAI;AAAA,UAAE,CAACT,GAAU;;EAAA,IACjBU,WAAQ;AAAA,UAAAH,EACLC,GAAI;IAAA,IAACC,OAAI;AAAA,aAAGV,EAAMH,eAAe,iBAAiB;;IAAM,IAAAe,WAAA;AAAA,YAAAJ,EACtDhB,GAAkBQ,EAAK;;IAAA,CAAA;;EAAA,IAAAY,WAAA;AAAA,UAAAJ,EAI3BjB,GAAmBS,EAAK;;EAAA,CAAA"}
+{"version":3,"file":"Sidebar.js","names":["Component","ComponentProps","createEffect","onCleanup","createMediaQuery","useSidebar","SidebarDesktop","SidebarMobile","SidebarProps","innerClass","side","variant","collapsible","disableMobileSidebar","Sidebar","props","isMobile","setMobileDisabled","setOpen","setSide","isViewportMobile","currentSide","mobileDisabled","_$createComponent","_$Show","when","fallback","children"],"sources":["../../../src/components/sidebar/Sidebar.tsx"],"sourcesContent":["import { type Component, type ComponentProps, createEffect, onCleanup } from 'solid-js';\n\nimport { createMediaQuery } from '@/primitives/createMediaQuery';\n\nimport { useSidebar } from './context';\nimport { SidebarDesktop } from './SidebarDesktop';\nimport { SidebarMobile } from './SidebarMobile';\n\nexport type SidebarProps = ComponentProps<'aside'> & {\n  innerClass?: string;\n  side?: 'left' | 'right';\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'offcanvas' | 'icon' | 'none';\n  disableMobileSidebar?: boolean;\n};\n\nexport const Sidebar: Component<SidebarProps> = (props) => {\n  const { isMobile, setMobileDisabled, setOpen, setSide } = useSidebar();\n  const isViewportMobile = createMediaQuery('(max-width: 768px)');\n\n  onCleanup(() => {\n    setMobileDisabled(false);\n  });\n\n  createEffect(() => {\n    const currentSide = props.side ?? 'left';\n    const mobileDisabled = props.disableMobileSidebar ?? false;\n    setSide(currentSide);\n    setMobileDisabled(mobileDisabled);\n  });\n\n  createEffect(() => {\n    if (props.disableMobileSidebar === true && props.collapsible === 'icon') {\n      setOpen(!isViewportMobile());\n    }\n  });\n\n  return (\n    <Show\n      when={!isMobile()}\n      fallback={\n        <Show when={(props.collapsible ?? 'offcanvas') !== 'none'}>\n          <SidebarMobile {...props} />\n        </Show>\n      }\n    >\n      <SidebarDesktop {...props} />\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;AAgBA,IAAac,KAAoCC,MAAU;CACzD,IAAM,EAAEC,aAAUC,sBAAmBC,YAASC,eAAYd,GAAY,EAChEe,IAAmBhB,EAAiB,qBAAqB;CAmB/D,OAjBAD,QAAgB;EACdc,EAAkB,GAAM;GACxB,EAEFf,QAAmB;EACjB,IAAMmB,IAAcN,EAAML,QAAQ,QAC5BY,IAAiBP,EAAMF,wBAAwB;EAErDI,AADAE,EAAQE,EAAY,EACpBJ,EAAkBK,EAAe;GACjC,EAEFpB,QAAmB;EACjB,AAAIa,EAAMF,yBAAyB,MAAQE,EAAMH,gBAAgB,UAC/DM,EAAQ,CAACE,GAAkB,CAAC;GAE9B,EAEFG,EACGC,GAAI;EAAA,IACHC,OAAI;GAAA,OAAE,CAACT,GAAU;;EAAA,IACjBU,WAAQ;GAAA,OAAAH,EACLC,GAAI;IAAA,IAACC,OAAI;KAAA,QAAGV,EAAMH,eAAe,iBAAiB;;IAAM,IAAAe,WAAA;KAAA,OAAAJ,EACtDhB,GAAkBQ,EAAK;;IAAA,CAAA;;EAAA,IAAAY,WAAA;GAAA,OAAAJ,EAI3BjB,GAAmBS,EAAK;;EAAA,CAAA"}

package/dist/components/sidebar/SidebarDesktop.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/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";

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

@@ -1 +1 @@
-{"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"}
+{"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;CACD,OAAO,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;CACjG,cAAA;EAAA,IAAAI,IAAAC,GAAA,EAAAC,IAAAF,EAAAG;EAqBO,OArBPC,EAAAJ,GAAAK,EAAA,EAAA,IAAA,QAAA;GAAA,OAGW3B,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;CAE5D,cAAA;EAAA,IAAAoB,IAAAC,GAAA,EAAAC,IAAAF,EAAAT;EAUyE,OAVzEI,EAAAK,GAAAG,EAWKpB,GAAuBU,EAAA;GAAA,IACtBpB,UAAO;IAAA,OAAEY,EAAMZ,WAAW;;GAAS,IACnCC,OAAI;IAAA,OAAEW,EAAMX,QAAQ;;GAAM,IAAA,QAAA;IAAA,OACnBR,EAAGmB,EAAMR,yBAAyB,KAAO,SAAS,kBAAkBQ,EAAMS,MAAM;;GAAA,EACnFR,GAAM,EAAA,IAAAX,WAAA;GAAA,OAETU,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;GAAA,OAAA+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,5 +1,5 @@
-import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/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_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { ark as e } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/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_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { useSidebar as r } from "./context.js";
 import "./constants.js";
 import { Skeleton as i } from "../Skeleton.js";
@@ -77,7 +77,11 @@ var b = /* @__PURE__ */ _("<ul data-slot=sidebar-menu data-sidebar=menu>"), x =
 				},
 				openDelay: 100,
 				get children() {
-					return [f(l, h(x, n, { asChild: (e) => F(t.asChild, e(), t.children) })), f(u, { get children() {
+					return [f(l, { asChild: (e) => F(t.asChild, {
+						...e(),
+						...x(),
+						...n
+					}, 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))];

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","names":["ark","createMemo","Component","ComponentProps","JSX","VariantProps","tv","cn","Skeleton","Tooltip","TooltipArrow","TooltipContent","TooltipPositioner","TooltipTrigger","RANDOM_WIDTH_BASE","RANDOM_WIDTH_RANGE","useSidebar","SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","SidebarMenuButtonAsChild","button","SidebarMenuButtonProps","Omit","asChild","isActive","tooltip","SidebarMenuButtonStyleProps","Pick","SidebarMenuButtonDataProps","getTooltipContentProps","getTooltipChildren","children","getSidebarMenuButtonDataProps","const","getSidebarMenuButtonAsChildProps","renderSidebarMenuButton","Element","_$createComponent","SidebarMenuButton","isMobile","state","side","tooltipPlacement","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","positioning","placement","openDelay","triggerProps","_$Portal","_$memo","SidebarMenuActionProps","showOnHover","SidebarMenuAction","_el$3","_tmpl$3","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeletonProps","showIcon","SidebarMenuSkeleton","width","Math","floor","random","_el$5","_tmpl$5","_$insert","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButtonProps","SidebarMenuSubButton","_el$8","_tmpl$8","data-size"],"sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipPositioner,\n  TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu'\n      data-sidebar='menu'\n      class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-item'\n      data-sidebar='menu-item'\n      class={cn('group/menu-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const sidebarMenuButtonVariants = tv({\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',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        '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))]',\n    },\n    size: {\n      default: 'h-8 text-sm',\n      sm: 'h-7 text-xs',\n      lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: SidebarMenuButtonAsChild;\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  };\n\ntype SidebarMenuButtonStyleProps = Pick<\n  SidebarMenuButtonProps,\n  'size' | 'isActive' | 'variant' | 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n  'data-slot': 'sidebar-menu-button';\n  'data-sidebar': 'menu-button';\n  'data-size': 'sm' | 'default' | 'lg';\n  'data-active'?: true;\n  class: string;\n};\n\nconst getTooltipContentProps = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n  typeof tooltip === 'string' || !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n  if (typeof tooltip === 'string') {\n    return tooltip;\n  }\n  if (!tooltip) {\n    return '';\n  }\n  return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n  local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n  'data-slot': 'sidebar-menu-button',\n  'data-sidebar': 'menu-button',\n  'data-size': local.size ?? 'default',\n  ...(local.isActive === true ? { 'data-active': true as const } : {}),\n  class: sidebarMenuButtonVariants({\n    variant: local.variant,\n    size: local.size,\n    class: local.class,\n  }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n  asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n  asChild: SidebarMenuButtonProps['asChild'],\n  props: ComponentProps<'button'>,\n  children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n  <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n    {children}\n  </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'asChild',\n    'children',\n    'isActive',\n    'variant',\n    'size',\n    'tooltip',\n    'class',\n  ]);\n  const { isMobile, state, side } = useSidebar();\n\n  const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n  const shouldUseTooltip = createMemo(\n    () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n  );\n  const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n  return (\n    <Show\n      when={shouldUseTooltip()}\n      fallback={renderSidebarMenuButton(\n        local.asChild,\n        { ...buttonDataProps(), ...others },\n        local.children,\n      )}\n    >\n      <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n        <TooltipTrigger\n          {...buttonDataProps()}\n          {...others}\n          asChild={(triggerProps) =>\n            renderSidebarMenuButton(local.asChild, triggerProps(), local.children)\n          }\n        />\n        <Portal>\n          <TooltipPositioner>\n            <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n              <TooltipArrow />\n              {getTooltipChildren(local.tooltip)}\n            </TooltipContent>\n          </TooltipPositioner>\n        </Portal>\n      </Tooltip>\n    </Show>\n  );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n  showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showOnHover']);\n  return (\n    <button\n      data-slot='sidebar-menu-action'\n      data-sidebar='menu-action'\n      class={cn(\n        '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        local.showOnHover === true &&\n          '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-menu-badge'\n      data-sidebar='menu-badge'\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n  showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n  const width = createMemo(\n    () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n  );\n\n  return (\n    <div\n      data-slot='sidebar-menu-skeleton'\n      data-sidebar='menu-skeleton'\n      class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n      </Show>\n      <Skeleton\n        class='h-4 max-w-(--skeleton-width) flex-1'\n        data-sidebar='menu-skeleton-text'\n        style={{\n          '--skeleton-width': width(),\n        }}\n      />\n    </div>\n  );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu-sub'\n      data-sidebar='menu-sub'\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-sub-item'\n      data-sidebar='menu-sub-item'\n      class={cn('group/menu-sub-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n  return (\n    <a\n      data-slot='sidebar-menu-sub-button'\n      data-sidebar='menu-sub-button'\n      data-size={local.size ?? 'md'}\n      {...(local.isActive === true ? { 'data-active': true as const } : {})}\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SidebarMenu.js","names":["ark","createMemo","Component","ComponentProps","JSX","VariantProps","tv","cn","Skeleton","Tooltip","TooltipArrow","TooltipContent","TooltipPositioner","TooltipTrigger","RANDOM_WIDTH_BASE","RANDOM_WIDTH_RANGE","useSidebar","SidebarMenu","props","local","others","splitProps","_el$","_tmpl$","_$spread","_$mergeProps","class","SidebarMenuItem","_el$2","_tmpl$2","sidebarMenuButtonVariants","base","variants","variant","default","outline","size","sm","lg","defaultVariants","SidebarMenuButtonAsChild","button","SidebarMenuButtonProps","Omit","asChild","isActive","tooltip","SidebarMenuButtonStyleProps","Pick","SidebarMenuButtonDataProps","getTooltipContentProps","getTooltipChildren","children","getSidebarMenuButtonDataProps","const","getSidebarMenuButtonAsChildProps","renderSidebarMenuButton","Element","_$createComponent","SidebarMenuButton","isMobile","state","side","tooltipPlacement","shouldUseTooltip","Boolean","buttonDataProps","_$Show","when","fallback","positioning","placement","openDelay","triggerProps","_$Portal","_$memo","SidebarMenuActionProps","showOnHover","SidebarMenuAction","_el$3","_tmpl$3","SidebarMenuBadge","_el$4","_tmpl$4","SidebarMenuSkeletonProps","showIcon","SidebarMenuSkeleton","width","Math","floor","random","_el$5","_tmpl$5","_$insert","style","SidebarMenuSub","_el$6","_tmpl$6","SidebarMenuSubItem","_el$7","_tmpl$7","SidebarMenuSubButtonProps","SidebarMenuSubButton","_el$8","_tmpl$8","data-size"],"sources":["../../../src/components/sidebar/SidebarMenu.tsx"],"sourcesContent":["import { ark } from '@ark-ui/solid/factory';\nimport { createMemo, type Component, type ComponentProps, type JSX } from 'solid-js';\nimport { type VariantProps, tv, cn } from 'tailwind-variants';\n\nimport { Skeleton } from '@/components/Skeleton';\nimport {\n  Tooltip,\n  TooltipArrow,\n  TooltipContent,\n  TooltipPositioner,\n  TooltipTrigger,\n} from '@/components/Tooltip';\n\nimport { RANDOM_WIDTH_BASE, RANDOM_WIDTH_RANGE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMenu: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu'\n      data-sidebar='menu'\n      class={cn('gap-0 min-w-0 flex w-full flex-col', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-item'\n      data-sidebar='menu-item'\n      class={cn('group/menu-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport const sidebarMenuButtonVariants = tv({\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',\n  variants: {\n    variant: {\n      default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',\n      outline:\n        '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))]',\n    },\n    size: {\n      default: 'h-8 text-sm',\n      sm: 'h-7 text-xs',\n      lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'default',\n  },\n});\n\ntype SidebarMenuButtonAsChild = ComponentProps<typeof ark.button>['asChild'];\n\nexport type SidebarMenuButtonProps = Omit<ComponentProps<'button'>, 'asChild'> &\n  VariantProps<typeof sidebarMenuButtonVariants> & {\n    asChild?: SidebarMenuButtonAsChild;\n    isActive?: boolean;\n    tooltip?: string | ComponentProps<typeof TooltipContent>;\n  };\n\ntype SidebarMenuButtonStyleProps = Pick<\n  SidebarMenuButtonProps,\n  'size' | 'isActive' | 'variant' | 'class'\n>;\n\ntype SidebarMenuButtonDataProps = {\n  'data-slot': 'sidebar-menu-button';\n  'data-sidebar': 'menu-button';\n  'data-size': 'sm' | 'default' | 'lg';\n  'data-active'?: true;\n  class: string;\n};\n\nconst getTooltipContentProps = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent> =>\n  typeof tooltip === 'string' || !tooltip ? {} : tooltip;\n\nconst getTooltipChildren = (\n  tooltip: SidebarMenuButtonProps['tooltip'],\n): ComponentProps<typeof TooltipContent>['children'] => {\n  if (typeof tooltip === 'string') {\n    return tooltip;\n  }\n  if (!tooltip) {\n    return '';\n  }\n  return tooltip.children;\n};\n\nconst getSidebarMenuButtonDataProps = (\n  local: SidebarMenuButtonStyleProps,\n): SidebarMenuButtonDataProps => ({\n  'data-slot': 'sidebar-menu-button',\n  'data-sidebar': 'menu-button',\n  'data-size': local.size ?? 'default',\n  ...(local.isActive === true ? { 'data-active': true as const } : {}),\n  class: sidebarMenuButtonVariants({\n    variant: local.variant,\n    size: local.size,\n    class: local.class,\n  }),\n});\n\nconst getSidebarMenuButtonAsChildProps = (\n  asChild: SidebarMenuButtonProps['asChild'],\n): Pick<ComponentProps<typeof ark.button>, 'asChild'> => (asChild ? { asChild } : {});\n\nconst renderSidebarMenuButton = (\n  asChild: SidebarMenuButtonProps['asChild'],\n  props: ComponentProps<'button'>,\n  children: SidebarMenuButtonProps['children'],\n): JSX.Element => (\n  <ark.button {...props} {...getSidebarMenuButtonAsChildProps(asChild)}>\n    {children}\n  </ark.button>\n);\n\nexport const SidebarMenuButton: Component<SidebarMenuButtonProps> = (props) => {\n  const [local, others] = splitProps(props, [\n    'asChild',\n    'children',\n    'isActive',\n    'variant',\n    'size',\n    'tooltip',\n    'class',\n  ]);\n  const { isMobile, state, side } = useSidebar();\n\n  const tooltipPlacement = createMemo(() => (side() === 'left' ? 'right' : 'left'));\n  const shouldUseTooltip = createMemo(\n    () => Boolean(local.tooltip) && state() === 'collapsed' && !isMobile(),\n  );\n  const buttonDataProps = createMemo(() => getSidebarMenuButtonDataProps(local));\n\n  return (\n    <Show\n      when={shouldUseTooltip()}\n      fallback={renderSidebarMenuButton(\n        local.asChild,\n        { ...buttonDataProps(), ...others },\n        local.children,\n      )}\n    >\n      <Tooltip positioning={{ placement: tooltipPlacement() }} openDelay={100}>\n        <TooltipTrigger\n          asChild={(triggerProps) =>\n            renderSidebarMenuButton(\n              local.asChild,\n              { ...triggerProps(), ...buttonDataProps(), ...others },\n              local.children,\n            )\n          }\n        />\n        <Portal>\n          <TooltipPositioner>\n            <TooltipContent {...getTooltipContentProps(local.tooltip)}>\n              <TooltipArrow />\n              {getTooltipChildren(local.tooltip)}\n            </TooltipContent>\n          </TooltipPositioner>\n        </Portal>\n      </Tooltip>\n    </Show>\n  );\n};\n\nexport type SidebarMenuActionProps = ComponentProps<'button'> & {\n  showOnHover?: boolean;\n};\n\nexport const SidebarMenuAction: Component<SidebarMenuActionProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showOnHover']);\n  return (\n    <button\n      data-slot='sidebar-menu-action'\n      data-sidebar='menu-action'\n      class={cn(\n        '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        local.showOnHover === true &&\n          '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuBadge: Component<ComponentProps<'div'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-menu-badge'\n      data-sidebar='menu-badge'\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSkeletonProps = ComponentProps<'div'> & {\n  showIcon?: boolean;\n};\n\nexport const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'showIcon']);\n\n  const width = createMemo(\n    () => `${Math.floor(Math.random() * RANDOM_WIDTH_RANGE) + RANDOM_WIDTH_BASE}%`,\n  );\n\n  return (\n    <div\n      data-slot='sidebar-menu-skeleton'\n      data-sidebar='menu-skeleton'\n      class={cn('h-8 gap-2 px-2 flex items-center rounded-md', local.class)}\n      {...others}\n    >\n      <Show when={local.showIcon}>\n        <Skeleton class='size-4 rounded-md' data-sidebar='menu-skeleton-icon' />\n      </Show>\n      <Skeleton\n        class='h-4 max-w-(--skeleton-width) flex-1'\n        data-sidebar='menu-skeleton-text'\n        style={{\n          '--skeleton-width': width(),\n        }}\n      />\n    </div>\n  );\n};\n\nexport const SidebarMenuSub: Component<ComponentProps<'ul'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <ul\n      data-slot='sidebar-menu-sub'\n      data-sidebar='menu-sub'\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n\nexport const SidebarMenuSubItem: Component<ComponentProps<'li'>> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <li\n      data-slot='sidebar-menu-sub-item'\n      data-sidebar='menu-sub-item'\n      class={cn('group/menu-sub-item relative', local.class)}\n      {...others}\n    />\n  );\n};\n\nexport type SidebarMenuSubButtonProps = ComponentProps<'a'> & {\n  size?: 'sm' | 'md';\n  isActive?: boolean;\n};\n\nexport const SidebarMenuSubButton: Component<SidebarMenuSubButtonProps> = (props) => {\n  const [local, others] = splitProps(props, ['class', 'size', 'isActive']);\n  return (\n    <a\n      data-slot='sidebar-menu-sub-button'\n      data-sidebar='menu-sub-button'\n      data-size={local.size ?? 'md'}\n      {...(local.isActive === true ? { 'data-active': true as const } : {})}\n      class={cn(\n        '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        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarMobile.js","names":["Component","Sheet","SheetCloseButton","SheetContent","SheetDescription","SheetHeader","SheetPositioner","SheetTitle","messages","SidebarProps","SIDEBAR_WIDTH_MOBILE","useSidebar","SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","side","_$createComponent","open","onOpenChange","event","children","style","_el$","_tmpl$","_$insert","ui_sidebar_title","ui_sidebar_description","_el$2","_tmpl$2"],"sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n  Sheet,\n  SheetCloseButton,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetPositioner,\n  SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n  const [local] = splitProps(props, ['side', 'children']);\n  const { openMobile, setOpenMobile } = useSidebar();\n  const side = local.side ?? 'left';\n\n  return (\n    <Sheet\n      open={openMobile()}\n      onOpenChange={(event) => {\n        setOpenMobile(event.open);\n      }}\n    >\n      <SheetPositioner side={side}>\n        <SheetContent\n          side={side}\n          data-sidebar='sidebar'\n          data-slot='sidebar'\n          data-mobile='true'\n          class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n          style={{\n            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n          }}\n        >\n          <SheetCloseButton />\n          <div class='sr-only'>\n            <SheetHeader>\n              <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n              <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n            </SheetHeader>\n          </div>\n          <div class='flex h-full w-full flex-col'>{local.children}</div>\n        </SheetContent>\n      </SheetPositioner>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;;wHAkBaY,KAA0CC,MAAU;CAC/D,IAAM,CAACC,KAASC,EAAWF,GAAO,CAAC,QAAQ,WAAW,CAAC,EACjD,EAAEG,eAAYC,qBAAkBN,GAAY,EAC5CO,IAAOJ,EAAMI,QAAQ;AAE3B,QAAAC,EACGlB,GAAK;EAAA,IACJmB,OAAI;AAAA,UAAEJ,GAAY;;EAClBK,eAAeC,MAAU;AACvBL,KAAcK,EAAMF,KAAK;;EAC1B,IAAAG,WAAA;AAAA,UAAAJ,EAEAb,GAAe;IAAOY;IAAI,IAAAK,WAAA;AAAA,YAAAJ,EACxBhB,GAAY;MACLe;MAAI,gBAAA;MAAA,aAAA;MAAA,eAAA;MAAA,OAAA;MAKVM,OAAO,EACL,mBAAmBd,GACpB;MAAA,IAAAa,WAAA;AAAA,cAAA;QAAAJ,EAEAjB,GAAgB,EAAA,CAAA;eAAA;SAAA,IAAAuB,IAAAC,GAAA;AAIuC,gBAJvCC,EAAAF,GAAAN,EAEdd,GAAW,EAAA,IAAAkB,WAAA;AAAA,iBAAA,CAAAJ,EACTZ,GAAU,EAAA,IAAAgB,WAAA;AAAA,kBAAEf,GAA2B;aAAA,CAAA,EAAAW,EACvCf,GAAgB,EAAA,IAAAmB,WAAA;AAAA,kBAAEf,GAAiC;aAAA,CAAA,CAAA;YAAA,CAAA,CAAA,EAAAiB;YAAA;eAAA;SAAA,IAAAK,IAAAC,GAAA;AAGA,gBAHAJ,EAAAG,SAGdhB,EAAMS,SAAQ,EAAAO;;QAAA;;MAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}
+{"version":3,"file":"SidebarMobile.js","names":["Component","Sheet","SheetCloseButton","SheetContent","SheetDescription","SheetHeader","SheetPositioner","SheetTitle","messages","SidebarProps","SIDEBAR_WIDTH_MOBILE","useSidebar","SidebarMobile","props","local","splitProps","openMobile","setOpenMobile","side","_$createComponent","open","onOpenChange","event","children","style","_el$","_tmpl$","_$insert","ui_sidebar_title","ui_sidebar_description","_el$2","_tmpl$2"],"sources":["../../../src/components/sidebar/SidebarMobile.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\n\nimport {\n  Sheet,\n  SheetCloseButton,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetPositioner,\n  SheetTitle,\n} from '@/components/Sheet';\nimport * as messages from '@/paraglide/messages';\n\nimport type { SidebarProps } from './Sidebar';\n\nimport { SIDEBAR_WIDTH_MOBILE } from './constants';\nimport { useSidebar } from './context';\n\nexport const SidebarMobile: Component<SidebarProps> = (props) => {\n  const [local] = splitProps(props, ['side', 'children']);\n  const { openMobile, setOpenMobile } = useSidebar();\n  const side = local.side ?? 'left';\n\n  return (\n    <Sheet\n      open={openMobile()}\n      onOpenChange={(event) => {\n        setOpenMobile(event.open);\n      }}\n    >\n      <SheetPositioner side={side}>\n        <SheetContent\n          side={side}\n          data-sidebar='sidebar'\n          data-slot='sidebar'\n          data-mobile='true'\n          class='p-0 w-(--sidebar-width) bg-sidebar text-sidebar-foreground'\n          style={{\n            '--sidebar-width': SIDEBAR_WIDTH_MOBILE,\n          }}\n        >\n          <SheetCloseButton />\n          <div class='sr-only'>\n            <SheetHeader>\n              <SheetTitle>{messages.ui_sidebar_title()}</SheetTitle>\n              <SheetDescription>{messages.ui_sidebar_description()}</SheetDescription>\n            </SheetHeader>\n          </div>\n          <div class='flex h-full w-full flex-col'>{local.children}</div>\n        </SheetContent>\n      </SheetPositioner>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;;wHAkBaY,KAA0CC,MAAU;CAC/D,IAAM,CAACC,KAASC,EAAWF,GAAO,CAAC,QAAQ,WAAW,CAAC,EACjD,EAAEG,eAAYC,qBAAkBN,GAAY,EAC5CO,IAAOJ,EAAMI,QAAQ;CAE3B,OAAAC,EACGlB,GAAK;EAAA,IACJmB,OAAI;GAAA,OAAEJ,GAAY;;EAClBK,eAAeC,MAAU;GACvBL,EAAcK,EAAMF,KAAK;;EAC1B,IAAAG,WAAA;GAAA,OAAAJ,EAEAb,GAAe;IAAOY;IAAI,IAAAK,WAAA;KAAA,OAAAJ,EACxBhB,GAAY;MACLe;MAAI,gBAAA;MAAA,aAAA;MAAA,eAAA;MAAA,OAAA;MAKVM,OAAO,EACL,mBAAmBd,GACpB;MAAA,IAAAa,WAAA;OAAA,OAAA;QAAAJ,EAEAjB,GAAgB,EAAA,CAAA;eAAA;SAAA,IAAAuB,IAAAC,GAAA;SAIuC,OAJvCC,EAAAF,GAAAN,EAEdd,GAAW,EAAA,IAAAkB,WAAA;UAAA,OAAA,CAAAJ,EACTZ,GAAU,EAAA,IAAAgB,WAAA;WAAA,OAAEf,GAA2B;aAAA,CAAA,EAAAW,EACvCf,GAAgB,EAAA,IAAAmB,WAAA;WAAA,OAAEf,GAAiC;aAAA,CAAA,CAAA;YAAA,CAAA,CAAA,EAAAiB;YAAA;eAAA;SAAA,IAAAK,IAAAC,GAAA;SAGA,OAHAJ,EAAAG,SAGdhB,EAAMS,SAAQ,EAAAO;;QAAA;;MAAA,CAAA;;IAAA,CAAA;;EAAA,CAAA"}

package/dist/components/sidebar/SidebarProvider.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { createMediaQuery as t } from "../../primitives/createMediaQuery.js";
 import { SidebarContext as n } from "./context.js";
 import "./constants.js";
@@ -18,15 +18,21 @@ var f = /* @__PURE__ */ s("<div data-slot=sidebar-wrapper>"), p = (t) => {
 	let n = t("(max-width: 768px)"), [i, a] = c(!1), o = () => n() && !i(), [s, l] = c(!1), [u, d] = c(e.defaultOpen ?? !0), [f, p] = c("left");
 	return {
 		isMobile: o,
-		setMobileDisabled: a,
+		setMobileDisabled: (e) => {
+			a(e);
+		},
 		openMobile: s,
-		setOpenMobile: l,
+		setOpenMobile: (e) => {
+			l(e);
+		},
 		open: () => typeof e.open == "boolean" ? e.open : u(),
 		setOpen: (t) => {
 			e.onOpenChange ? e.onOpenChange(t) : d(t), r(t);
 		},
 		side: f,
-		setSide: p
+		setSide: (e) => {
+			p(e);
+		}
 	};
 }, h = (e) => {
 	let t = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarProvider.js","names":["Component","ComponentProps","createSignal","onCleanup","onMount","splitProps","JSX","cn","createMediaQuery","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarContextProps","setSidebarCookie","SidebarProviderProps","defaultOpen","open","onOpenChange","openValue","children","Element","SidebarLayoutProps","SidebarLayout","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","useSidebarState","isMobile","setMobileDisabled","value","openMobile","setOpenMobile","prev","setOpen","side","setSide","isViewportMobile","mobileDisabled","internalOpen","setInternalOpen","useSidebarEvents","stateSet","ReturnType","toggle","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","Provider"],"sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\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 } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n  children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-wrapper'\n      class={cn(\n        'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n        local.class,\n      )}\n      {...others}\n    />\n  );\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 stateSet = useSidebarState(props);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      {props.children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;8DA0BaqB,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUnB,EAAWiB,GAAO,CAAC,QAAQ,CAAC;AACpD,eAAA;EAAA,IAAAG,IAAAC,GAAA;AAOc,SAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;AAAA,UAGWrB,EACL,8EACAgB,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;GAKVK,KACJR,MAUG;CACH,IAAMkB,IAAmBhC,EAAiB,qBAAqB,EACzD,CAACiC,GAAgBT,KAAqB9B,EAAa,GAAM,EACzD6B,UAA0BS,GAAkB,IAAI,CAACC,GAAgB,EACjE,CAACP,GAAYC,KAAiBjC,EAAa,GAAM,EACjD,CAACwC,GAAcC,KAAmBzC,EAAaoB,EAAMR,eAAe,GAAK,EACzE,CAACwB,GAAMC,KAAWrC,EAA+B,OAAO;AAa9D,QAAO;EACL6B;EACAC;EACAE;EACAC;EACApB,YAhB2B,OAAOO,EAAMP,QAAS,YAAYO,EAAMP,OAAO2B,GAAe;EAiBzFL,UAfeJ,MAAyB;AAMxCrB,GALIU,EAAMN,eACRM,EAAMN,aAAaiB,EAAM,GAEzBU,EAAgBV,EAAM,EAExBrB,EAAiBqB,EAAM;;EAUvBK;EACAC;EACD;GAEGK,KAAoBC,MAAyE;CACjG,IAAME,UAAqB;AACzB,EAAIF,EAASd,UAAU,GACrBc,EAASV,eAAeC,MAAS,CAACA,EAAK,GAEvCS,EAASR,QAAQ,CAACQ,EAAS9B,MAAM,CAAC;;AAiBtC,QAbAX,QAAc;EACZ,IAAM4C,KAAiBC,MAA+B;AACpD,GAAIA,EAAME,QAAAA,QAAsCF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,gBAAgB,EACtBP,GAAQ;;AAIZ5C,EADAoD,WAAWC,iBAAiB,WAAWR,EAAc,EACrD7C,QAAgB;AACdoD,cAAWE,oBAAoB,WAAWT,EAAc;IACxD;GACF,EAEK,EAAED,WAAQ;GAGbW,KACJb,GACAE,OACyB;CACzBY,aAAwCd,EAAS9B,MAAM,GAAG,aAAa;CACvEA,MAAM8B,EAAS9B;CACfsB,SAASQ,EAASR;CAClBN,UAAUc,EAASd;CACnBC,mBAAmBa,EAASb;CAC5BE,YAAYW,EAASX;CACrBC,eAAeU,EAASV;CACxByB,eAAeb;CACfT,MAAMO,EAASP;CACfC,SAASM,EAASN;CACnB,GAEYsB,KAAoDvC,MAAU;CACzE,IAAMuB,IAAWf,EAAgBR,EAAM,EACjC,EAAEyB,cAAWH,EAAiBC,EAAS;AAE7C,QAAAiB,EACGpD,EAAeqD,UAAQ;EAAA,IAAC9B,QAAK;AAAA,UAAEyB,EAA0Bb,GAAUE,EAAO;;EAAA,IAAA7B,WAAA;AAAA,UACxEI,EAAMJ;;EAAQ,CAAA"}
+{"version":3,"file":"SidebarProvider.js","names":["Component","ComponentProps","createSignal","onCleanup","onMount","splitProps","JSX","cn","createMediaQuery","SIDEBAR_KEYBOARD_SHORTCUT","SidebarContext","SidebarContextProps","setSidebarCookie","SidebarProviderProps","defaultOpen","open","onOpenChange","openValue","children","Element","SidebarLayoutProps","SidebarLayout","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","useSidebarState","isMobile","setMobileDisabled","value","openMobile","setOpenMobile","prev","setOpen","side","setSide","isViewportMobile","mobileDisabled","internalOpen","setInternalOpen","useSidebarEvents","stateSet","ReturnType","toggle","handleKeyDown","event","KeyboardEvent","key","metaKey","ctrlKey","preventDefault","globalThis","addEventListener","removeEventListener","createSidebarContextValue","state","toggleSidebar","SidebarProvider","_$createComponent","Provider"],"sources":["../../../src/components/sidebar/SidebarProvider.tsx"],"sourcesContent":["import {\n  type Component,\n  type ComponentProps,\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 } from './constants';\nimport { SidebarContext, type SidebarContextProps } from './context';\nimport { setSidebarCookie } from './utils';\n\nexport type SidebarProviderProps = {\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (openValue: boolean) => void;\n  children?: JSX.Element;\n};\n\nexport type SidebarLayoutProps = ComponentProps<'div'>;\n\nexport const SidebarLayout: Component<SidebarLayoutProps> = (props) => {\n  const [local, others] = splitProps(props, ['class']);\n  return (\n    <div\n      data-slot='sidebar-wrapper'\n      class={cn(\n        'relative flex h-full min-h-full w-full has-data-[variant=inset]:bg-sidebar',\n        local.class,\n      )}\n      {...others}\n    />\n  );\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: (value) => {\n      setMobileDisabled(value);\n    },\n    openMobile,\n    setOpenMobile: (value) => {\n      setOpenMobile(value);\n    },\n    open,\n    setOpen,\n    side,\n    setSide: (value) => {\n      setSide(value);\n    },\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 stateSet = useSidebarState(props);\n  const { toggle } = useSidebarEvents(stateSet);\n\n  return (\n    <SidebarContext.Provider value={createSidebarContextValue(stateSet, toggle)}>\n      {props.children}\n    </SidebarContext.Provider>\n  );\n};\n"],"mappings":";;;;;;;;8DA0BaqB,KAAgDC,MAAU;CACrE,IAAM,CAACC,GAAOC,KAAUnB,EAAWiB,GAAO,CAAC,QAAQ,CAAC;CACpD,cAAA;EAAA,IAAAG,IAAAC,GAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWrB,EACL,8EACAgB,EAAMM,MACP;KAAA,EACGL,EAAM,EAAA,IAAA,GAAA,EAAAC;KAAA;GAKVK,KACJR,MAUG;CACH,IAAMkB,IAAmBhC,EAAiB,qBAAqB,EACzD,CAACiC,GAAgBT,KAAqB9B,EAAa,GAAM,EACzD6B,UAA0BS,GAAkB,IAAI,CAACC,GAAgB,EACjE,CAACP,GAAYC,KAAiBjC,EAAa,GAAM,EACjD,CAACwC,GAAcC,KAAmBzC,EAAaoB,EAAMR,eAAe,GAAK,EACzE,CAACwB,GAAMC,KAAWrC,EAA+B,OAAO;CAa9D,OAAO;EACL6B;EACAC,oBAAoBC,MAAU;GAC5BD,EAAkBC,EAAM;;EAE1BC;EACAC,gBAAgBF,MAAU;GACxBE,EAAcF,EAAM;;EAEtBlB,YApB2B,OAAOO,EAAMP,QAAS,YAAYO,EAAMP,OAAO2B,GAAe;EAqBzFL,UAnBeJ,MAAyB;GAMxCrB,AALIU,EAAMN,eACRM,EAAMN,aAAaiB,EAAM,GAEzBU,EAAgBV,EAAM,EAExBrB,EAAiBqB,EAAM;;EAcvBK;EACAC,UAAUN,MAAU;GAClBM,EAAQN,EAAM;;EAEjB;GAEGW,KAAoBC,MAAyE;CACjG,IAAME,UAAqB;EACzB,AAAIF,EAASd,UAAU,GACrBc,EAASV,eAAeC,MAAS,CAACA,EAAK,GAEvCS,EAASR,QAAQ,CAACQ,EAAS9B,MAAM,CAAC;;CAiBtC,OAbAX,QAAc;EACZ,IAAM4C,KAAiBC,MAA+B;GACpD,AAAIA,EAAME,QAAAA,QAAsCF,EAAMG,WAAWH,EAAMI,aACrEJ,EAAMK,gBAAgB,EACtBP,GAAQ;;EAIZ5C,AADAoD,WAAWC,iBAAiB,WAAWR,EAAc,EACrD7C,QAAgB;GACdoD,WAAWE,oBAAoB,WAAWT,EAAc;IACxD;GACF,EAEK,EAAED,WAAQ;GAGbW,KACJb,GACAE,OACyB;CACzBY,aAAwCd,EAAS9B,MAAM,GAAG,aAAa;CACvEA,MAAM8B,EAAS9B;CACfsB,SAASQ,EAASR;CAClBN,UAAUc,EAASd;CACnBC,mBAAmBa,EAASb;CAC5BE,YAAYW,EAASX;CACrBC,eAAeU,EAASV;CACxByB,eAAeb;CACfT,MAAMO,EAASP;CACfC,SAASM,EAASN;CACnB,GAEYsB,KAAoDvC,MAAU;CACzE,IAAMuB,IAAWf,EAAgBR,EAAM,EACjC,EAAEyB,cAAWH,EAAiBC,EAAS;CAE7C,OAAAiB,EACGpD,EAAeqD,UAAQ;EAAA,IAAC9B,QAAK;GAAA,OAAEyB,EAA0Bb,GAAUE,EAAO;;EAAA,IAAA7B,WAAA;GAAA,OACxEI,EAAMJ;;EAAQ,CAAA"}

package/dist/components/sidebar/SidebarSubComponents.js

@@ -1,4 +1,4 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { Separator as t } from "../Separator.js";
 import { ui_sidebar_toggle as n } from "../../paraglide/messages/ui_sidebar_toggle.js";
 import { Button as r } from "../Button.js";

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

@@ -1 +1 @@
-{"version":3,"file":"SidebarSubComponents.js","names":["Component","ComponentProps","cn","ViewSidebarIcon","Button","ScrollArea","ScrollAreaContent","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaViewport","Separator","messages","useSidebar","SidebarTrigger","props","local","others","splitProps","toggleSidebar","handleClick","event","MouseEvent","currentTarget","HTMLButtonElement","target","Element","onClick","_$createComponent","_$mergeProps","aria-label","ui_sidebar_toggle","variant","size","class","children","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","SidebarContent","id","_$memo","orientation","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"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 {\n  ScrollArea,\n  ScrollAreaContent,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n} 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('min-h-0 flex flex-1 flex-col', local.class)}\n      {...others}\n    >\n      <ScrollAreaViewport class='h-full'>\n        <ScrollAreaContent class='gap-0 flex min-h-full flex-col group-data-[collapsible=icon]:overflow-hidden'>\n          {local.children}\n        </ScrollAreaContent>\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar orientation='vertical'>\n        <ScrollAreaThumb />\n      </ScrollAreaScrollbar>\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 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"],"mappings":"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"}
+{"version":3,"file":"SidebarSubComponents.js","names":["Component","ComponentProps","cn","ViewSidebarIcon","Button","ScrollArea","ScrollAreaContent","ScrollAreaScrollbar","ScrollAreaThumb","ScrollAreaViewport","Separator","messages","useSidebar","SidebarTrigger","props","local","others","splitProps","toggleSidebar","handleClick","event","MouseEvent","currentTarget","HTMLButtonElement","target","Element","onClick","_$createComponent","_$mergeProps","aria-label","ui_sidebar_toggle","variant","size","class","children","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","SidebarContent","id","_$memo","orientation","SidebarGroup","_el$6","_tmpl$6","SidebarGroupLabel","_el$7","_tmpl$7","SidebarGroupAction","_el$8","_tmpl$8","SidebarGroupContent","_el$9","_tmpl$9","_$delegateEvents"],"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 {\n  ScrollArea,\n  ScrollAreaContent,\n  ScrollAreaScrollbar,\n  ScrollAreaThumb,\n  ScrollAreaViewport,\n} 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('min-h-0 flex flex-1 flex-col', local.class)}\n      {...others}\n    >\n      <ScrollAreaViewport class='h-full'>\n        <ScrollAreaContent class='gap-0 flex min-h-full flex-col group-data-[collapsible=icon]:overflow-hidden'>\n          {local.children}\n        </ScrollAreaContent>\n      </ScrollAreaViewport>\n      <ScrollAreaScrollbar orientation='vertical'>\n        <ScrollAreaThumb />\n      </ScrollAreaScrollbar>\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 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"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"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"],"mappings":";;AAaA,IAAa,IAAiB,GAAoC,EAErD,UAAwC;CACnD,IAAM,IAAU,EAAW,EAAe;AAC1C,KAAI,CAAC,EACH,OAAU,MAAM,oDAAoD;AAGtE,QAAO"}
+{"version":3,"file":"context.js","names":[],"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"],"mappings":";;AAaA,IAAa,IAAiB,GAAoC,EAErD,UAAwC;CACnD,IAAM,IAAU,EAAW,EAAe;CAC1C,IAAI,CAAC,GACH,MAAU,MAAM,oDAAoD;CAGtE,OAAO"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/sidebar/utils.ts"],"sourcesContent":["import { MS_PER_SECOND, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME } from './constants';\n\nexport const setSidebarCookie = (openValue: boolean): void => {\n  globalThis.cookieStore\n    .set({\n      name: SIDEBAR_COOKIE_NAME,\n      value: String(openValue),\n      expires: Date.now() + SIDEBAR_COOKIE_MAX_AGE * MS_PER_SECOND,\n      path: '/',\n    })\n    .catch(() => {\n      // Silently ignore\n    });\n};\n"],"mappings":";;AAEA,IAAa,KAAoB,MAA6B;AAC5D,YAAW,YACR,IAAI;EACH,MAAM;EACN,OAAO,OAAO,EAAU;EACxB,SAAS,KAAK,KAAK,GAAG,IAAyB;EAC/C,MAAM;EACP,CAAC,CACD,YAAY,GAEX"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/sidebar/utils.ts"],"sourcesContent":["import { MS_PER_SECOND, SIDEBAR_COOKIE_MAX_AGE, SIDEBAR_COOKIE_NAME } from './constants';\n\nexport const setSidebarCookie = (openValue: boolean): void => {\n  globalThis.cookieStore\n    .set({\n      name: SIDEBAR_COOKIE_NAME,\n      value: String(openValue),\n      expires: Date.now() + SIDEBAR_COOKIE_MAX_AGE * MS_PER_SECOND,\n      path: '/',\n    })\n    .catch(() => {\n      // Silently ignore\n    });\n};\n"],"mappings":";;AAEA,IAAa,KAAoB,MAA6B;CAC5D,WAAW,YACR,IAAI;EACH,MAAM;EACN,OAAO,OAAO,EAAU;EACxB,SAAS,KAAK,KAAK,GAAG,IAAyB;EAC/C,MAAM;EACP,CAAC,CACD,YAAY,GAEX"}

package/dist/components/toaster/Toaster.js

@@ -1,7 +1,7 @@
-import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { cn as e } from "../../node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { Spinner as t } from "../Spinner.js";
 import { buttonVariants as n } from "../Button.js";
-import { Toaster as r, createToaster as i, toast_exports as a } from "../../node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/TG3BV4FJ.js";
+import { Toaster as r, createToaster as i, toast_exports as a } from "../../node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/TG3BV4FJ.js";
 import o from "../../_virtual/~icons/material-symbols/check-circle.js";
 import s from "../../_virtual/~icons/material-symbols/error.js";
 import c from "../../_virtual/~icons/material-symbols/info.js";

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","names":["Toast","Toaster","ToasterPrimitive","createToaster","ToastOptions","Component","Accessor","Show","Portal","cn","CheckCircleIcon","ErrorIcon","InfoIcon","WarningIcon","buttonVariants","Spinner","toast","placement","overlap","gap","ToastIcon","type","props","_$memo","_$createComponent","class","ToastItem","Root","children","_el$","_tmpl$","_$insert","when","title","Title","description","Description","action","ActionTrigger","size","variant","label","toaster","item"],"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 ErrorIcon from '~icons/material-symbols/error';\nimport InfoIcon from '~icons/material-symbols/info';\nimport WarningIcon from '~icons/material-symbols/warning';\n\nimport { buttonVariants } from '@/components/Button';\nimport { Spinner } from '@/components/Spinner';\n\nexport const toast = createToaster({\n  placement: 'bottom-end',\n  overlap: true,\n  gap: 16,\n});\n\nconst ToastIcon: Component<{ type: ToastOptions['type'] }> = (props) => (\n  <>\n    {props.type === 'success' && (\n      <CheckCircleIcon class={cn('size-4 shrink-0')} aria-hidden='true' />\n    )}\n    {props.type === 'info' && <InfoIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'warning' && <WarningIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'error' && <ErrorIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'loading' && <Spinner class={cn('size-4 text-muted-foreground')} />}\n  </>\n);\n\nconst ToastItem: Component<{ toast: Accessor<ToastOptions> }> = (props) => (\n  <Toast.Root\n    class={cn(\n      'group gap-2 px-4 py-3.5 shadow-lg min-w-80 ease-in-out pointer-events-auto relative flex w-full items-center rounded-xl border bg-popover',\n      'border-border text-popover-foreground',\n    )}\n  >\n    <ToastIcon type={props.toast().type} />\n    <div class='min-w-0 gap-1 grid flex-1'>\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 text-muted-foreground'>\n          {props.toast().description}\n        </Toast.Description>\n      </Show>\n    </div>\n    <Show when={props.toast().action}>\n      {(action) => (\n        <Toast.ActionTrigger\n          class={buttonVariants({\n            class: 'shrink-0',\n            size: 'sm',\n            variant: 'secondary',\n          })}\n        >\n          {action().label}\n        </Toast.ActionTrigger>\n      )}\n    </Show>\n  </Toast.Root>\n);\n\nexport const Toaster: Component = () => (\n  <Portal>\n    <ToasterPrimitive toaster={toast}>{(item) => <ToastItem toast={item} />}</ToasterPrimitive>\n  </Portal>\n);\n"],"mappings":";;;;;;;;;;;wEAiBagB,IAAQb,EAAc;CACjCc,WAAW;CACXC,SAAS;CACTC,KAAK;CACN,CAAC,EAEIC,KAAwDE,MAAK;CAAAC,QAE9DA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EACtBd,GAAe;EAAA,IAAA,QAAA;AAAA,UAAQD,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAC9C,CAAA;CAAAc,QACAA,QAAAD,EAAMD,SAAS,OAAM,EAAA,IAAAG,EAAKZ,GAAQ;EAAA,IAAA,QAAA;AAAA,UAAQH,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QACtFA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EAAKX,GAAW;EAAA,IAAA,QAAA;AAAA,UAAQJ,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QAC5FA,QAAAD,EAAMD,SAAS,QAAO,EAAA,IAAAG,EAAKb,GAAS;EAAA,IAAA,QAAA;AAAA,UAAQF,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QACxFA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EAAKT,GAAO,EAAA,IAAA,QAAA;AAAA,SAAQN,EAAG,+BAA+B;IAAA,CAAI,CAAA;CAEtF,EAEKiB,KAA2DJ,MAAKE,EACnExB,EAAM2B,MAAI;CAAA,IAAA,QAAA;AAAA,SACFlB,EACL,6IACA,wCACD;;CAAA,IAAAmB,WAAA;AAAA,SAAA;GAAAJ,EAEAJ,GAAS,EAAA,IAACC,OAAI;AAAA,WAAEC,EAAMN,OAAO,CAACK;MAAI,CAAA;UAAA;IAAA,IAAAQ,IAAAC,GAAA;AASH,WATGC,EAAAF,GAAAL,EAEhCjB,GAAI;KAAA,IAACyB,OAAI;AAAA,aAAEV,EAAMN,OAAO,CAACiB;;KAAK,IAAAL,WAAA;AAAA,aAAAJ,EAC5BxB,EAAMkC,OAAK;OAAA,OAAA;OAAA,IAAAN,WAAA;AAAA,eACTN,EAAMN,OAAO,CAACiB;;OAAK,CAAA;;KAAA,CAAA,EAAA,KAAA,EAAAF,EAAAF,GAAAL,EAGvBjB,GAAI;KAAA,IAACyB,OAAI;AAAA,aAAEV,EAAMN,OAAO,CAACmB;;KAAW,IAAAP,WAAA;AAAA,aAAAJ,EAClCxB,EAAMoC,aAAW;OAAA,OAAA;OAAA,IAAAR,WAAA;AAAA,eACfN,EAAMN,OAAO,CAACmB;;OAAW,CAAA;;KAAA,CAAA,EAAA,KAAA,EAAAN;OAAA;GAAAL,EAI/BjB,GAAI;IAAA,IAACyB,OAAI;AAAA,YAAEV,EAAMN,OAAO,CAACqB;;IAAMT,WAC5BS,MAAMb,EACLxB,EAAMsC,eAAa;KAAA,IAAA,QAAA;AAAA,aACXxB,EAAe;OACpBW,OAAO;OACPc,MAAM;OACNC,SAAS;OACV,CAAC;;KAAA,IAAAZ,WAAA;AAAA,aAEDS,GAAQ,CAACI;;KAAK,CAAA;IAElB,CAAA;GAAA;;CAAA,CAGN,EAEYxC,UAAqBuB,EAC/BhB,GAAM,EAAA,IAAAoB,WAAA;AAAA,QAAAJ,EACJtB,GAAgB;EAACwC,SAAS1B;EAAKY,WAAIe,MAAInB,EAAME,GAAS,EAACV,OAAO2B,GAAI,CAAA;EAAI,CAAA;GAAA,CAE1E"}
+{"version":3,"file":"Toaster.js","names":["Toast","Toaster","ToasterPrimitive","createToaster","ToastOptions","Component","Accessor","Show","Portal","cn","CheckCircleIcon","ErrorIcon","InfoIcon","WarningIcon","buttonVariants","Spinner","toast","placement","overlap","gap","ToastIcon","type","props","_$memo","_$createComponent","class","ToastItem","Root","children","_el$","_tmpl$","_$insert","when","title","Title","description","Description","action","ActionTrigger","size","variant","label","toaster","item"],"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 ErrorIcon from '~icons/material-symbols/error';\nimport InfoIcon from '~icons/material-symbols/info';\nimport WarningIcon from '~icons/material-symbols/warning';\n\nimport { buttonVariants } from '@/components/Button';\nimport { Spinner } from '@/components/Spinner';\n\nexport const toast = createToaster({\n  placement: 'bottom-end',\n  overlap: true,\n  gap: 16,\n});\n\nconst ToastIcon: Component<{ type: ToastOptions['type'] }> = (props) => (\n  <>\n    {props.type === 'success' && (\n      <CheckCircleIcon class={cn('size-4 shrink-0')} aria-hidden='true' />\n    )}\n    {props.type === 'info' && <InfoIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'warning' && <WarningIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'error' && <ErrorIcon class={cn('size-4 shrink-0')} aria-hidden='true' />}\n    {props.type === 'loading' && <Spinner class={cn('size-4 text-muted-foreground')} />}\n  </>\n);\n\nconst ToastItem: Component<{ toast: Accessor<ToastOptions> }> = (props) => (\n  <Toast.Root\n    class={cn(\n      'group gap-2 px-4 py-3.5 shadow-lg min-w-80 ease-in-out pointer-events-auto relative flex w-full items-center rounded-xl border bg-popover',\n      'border-border text-popover-foreground',\n    )}\n  >\n    <ToastIcon type={props.toast().type} />\n    <div class='min-w-0 gap-1 grid flex-1'>\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 text-muted-foreground'>\n          {props.toast().description}\n        </Toast.Description>\n      </Show>\n    </div>\n    <Show when={props.toast().action}>\n      {(action) => (\n        <Toast.ActionTrigger\n          class={buttonVariants({\n            class: 'shrink-0',\n            size: 'sm',\n            variant: 'secondary',\n          })}\n        >\n          {action().label}\n        </Toast.ActionTrigger>\n      )}\n    </Show>\n  </Toast.Root>\n);\n\nexport const Toaster: Component = () => (\n  <Portal>\n    <ToasterPrimitive toaster={toast}>{(item) => <ToastItem toast={item} />}</ToasterPrimitive>\n  </Portal>\n);\n"],"mappings":";;;;;;;;;;;wEAiBagB,IAAQb,EAAc;CACjCc,WAAW;CACXC,SAAS;CACTC,KAAK;CACN,CAAC,EAEIC,KAAwDE,MAAK;CAAAC,QAE9DA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EACtBd,GAAe;EAAA,IAAA,QAAA;GAAA,OAAQD,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAC9C,CAAA;CAAAc,QACAA,QAAAD,EAAMD,SAAS,OAAM,EAAA,IAAAG,EAAKZ,GAAQ;EAAA,IAAA,QAAA;GAAA,OAAQH,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QACtFA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EAAKX,GAAW;EAAA,IAAA,QAAA;GAAA,OAAQJ,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QAC5FA,QAAAD,EAAMD,SAAS,QAAO,EAAA,IAAAG,EAAKb,GAAS;EAAA,IAAA,QAAA;GAAA,OAAQF,EAAG,kBAAkB;;EAAA,eAAA;EAAA,CAAuB,CAAA;CAAAc,QACxFA,QAAAD,EAAMD,SAAS,UAAS,EAAA,IAAAG,EAAKT,GAAO,EAAA,IAAA,QAAA;EAAA,OAAQN,EAAG,+BAA+B;IAAA,CAAI,CAAA;CAEtF,EAEKiB,KAA2DJ,MAAKE,EACnExB,EAAM2B,MAAI;CAAA,IAAA,QAAA;EAAA,OACFlB,EACL,6IACA,wCACD;;CAAA,IAAAmB,WAAA;EAAA,OAAA;GAAAJ,EAEAJ,GAAS,EAAA,IAACC,OAAI;IAAA,OAAEC,EAAMN,OAAO,CAACK;MAAI,CAAA;UAAA;IAAA,IAAAQ,IAAAC,GAAA;IASH,OATGC,EAAAF,GAAAL,EAEhCjB,GAAI;KAAA,IAACyB,OAAI;MAAA,OAAEV,EAAMN,OAAO,CAACiB;;KAAK,IAAAL,WAAA;MAAA,OAAAJ,EAC5BxB,EAAMkC,OAAK;OAAA,OAAA;OAAA,IAAAN,WAAA;QAAA,OACTN,EAAMN,OAAO,CAACiB;;OAAK,CAAA;;KAAA,CAAA,EAAA,KAAA,EAAAF,EAAAF,GAAAL,EAGvBjB,GAAI;KAAA,IAACyB,OAAI;MAAA,OAAEV,EAAMN,OAAO,CAACmB;;KAAW,IAAAP,WAAA;MAAA,OAAAJ,EAClCxB,EAAMoC,aAAW;OAAA,OAAA;OAAA,IAAAR,WAAA;QAAA,OACfN,EAAMN,OAAO,CAACmB;;OAAW,CAAA;;KAAA,CAAA,EAAA,KAAA,EAAAN;OAAA;GAAAL,EAI/BjB,GAAI;IAAA,IAACyB,OAAI;KAAA,OAAEV,EAAMN,OAAO,CAACqB;;IAAMT,WAC5BS,MAAMb,EACLxB,EAAMsC,eAAa;KAAA,IAAA,QAAA;MAAA,OACXxB,EAAe;OACpBW,OAAO;OACPc,MAAM;OACNC,SAAS;OACV,CAAC;;KAAA,IAAAZ,WAAA;MAAA,OAEDS,GAAQ,CAACI;;KAAK,CAAA;IAElB,CAAA;GAAA;;CAAA,CAGN,EAEYxC,UAAqBuB,EAC/BhB,GAAM,EAAA,IAAAoB,WAAA;CAAA,OAAAJ,EACJtB,GAAgB;EAACwC,SAAS1B;EAAKY,WAAIe,MAAInB,EAAME,GAAS,EAACV,OAAO2B,GAAI,CAAA;EAAI,CAAA;GAAA,CAE1E"}

package/dist/index.js

@@ -1,14 +1,14 @@
-import { DownloadTrigger as e } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/TYHUUGLH.js";
-import { FocusTrap as t } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/BRHQTJMC.js";
-import { format_exports as n } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js";
-import { Highlight as r } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/OWH3LOUE.js";
-import { createFileTreeCollection as i, createGridCollection as a, createListCollection as o, createTreeCollection as s, useAsyncList as c, useListCollection as l } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
-import { json_tree_view_exports as u } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/DK7UDQTF.js";
-import { Presence as d } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/NEU4F4NG.js";
-import { Frame as f } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/T7LMRH7K.js";
-import { ClientOnly as p } from "./node_modules/.bun/@ark-ui_solid@5.35.0_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/LXG74MYL.js";
-import { cx as m } from "./node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js";
-import { cn as h, cnMerge as g, tv as _ } from "./node_modules/.bun/tailwind-variants@3.2.2_7ff2127c63cfd169/node_modules/tailwind-variants/dist/index.js";
+import { DownloadTrigger as e } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/F42QOCL3.js";
+import { FocusTrap as t } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/BRHQTJMC.js";
+import { format_exports as n } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js";
+import { Highlight as r } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/OWH3LOUE.js";
+import { createFileTreeCollection as i, createGridCollection as a, createListCollection as o, createTreeCollection as s, useAsyncList as c, useListCollection as l } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/EFII6TXL.js";
+import { json_tree_view_exports as u } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/DK7UDQTF.js";
+import { Presence as d } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/NEU4F4NG.js";
+import { Frame as f } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/T7LMRH7K.js";
+import { ClientOnly as p } from "./node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/LXG74MYL.js";
+import { cx as m } from "./node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js";
+import { cn as h, cnMerge as g, tv as _ } from "./node_modules/.bun/tailwind-variants@3.2.2_2349c4e1b625a44d/node_modules/tailwind-variants/dist/index.js";
 import { LocaleProvider as v } from "./Locale.js";
 import { Theme as y, ThemeProvider as b, useTheme as x } from "./Theme.js";
 import { createMediaQuery as S } from "./primitives/createMediaQuery.js";

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.js

@@ -0,0 +1,8 @@
+import { createAnatomy as e } from "../../../../../../@zag-js_anatomy@1.40.0/node_modules/@zag-js/anatomy/dist/create-anatomy.js";
+//#region ../../node_modules/.bun/@ark-ui+solid@5.36.2+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.jsx
+var t = e("toggle", ["root", "indicator"]);
+t.build();
+//#endregion
+export { t as toggleAnatomy };
+
+//# sourceMappingURL=24WXBTEA.js.map

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"24WXBTEA.js","names":["createAnatomy","toggleAnatomy","parts","build"],"sources":["../../../../../../../../../../../node_modules/.bun/@ark-ui+solid@5.36.2+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/24WXBTEA.jsx"],"sourcesContent":["// src/components/toggle/toggle.anatomy.ts\nimport { createAnatomy } from \"@zag-js/anatomy\";\nvar toggleAnatomy = createAnatomy(\"toggle\", [\"root\", \"indicator\"]);\nvar parts = toggleAnatomy.build();\n\nexport {\n  toggleAnatomy\n};\n"],"x_google_ignoreList":[0],"mappings":";;AAEA,IAAIC,IAAgBD,EAAc,UAAU,CAAC,QAAQ,YAAY,CAAC;AACtDC,EAAcE,OAAO"}

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js

@@ -0,0 +1,44 @@
+import { formatNumber as e } from "../../../../../../@zag-js_i18n-utils@1.40.0/node_modules/@zag-js/i18n-utils/dist/format-number.js";
+import { formatBytes as t } from "../../../../../../@zag-js_i18n-utils@1.40.0/node_modules/@zag-js/i18n-utils/dist/format-bytes.js";
+import { formatRelativeTime as n } from "../../../../../../@zag-js_i18n-utils@1.40.0/node_modules/@zag-js/i18n-utils/dist/format-relative-time.js";
+import { formatTime as r } from "../../../../../../@zag-js_i18n-utils@1.40.0/node_modules/@zag-js/i18n-utils/dist/format-time.js";
+import { useLocaleContext as i } from "./HOPBYFHD.js";
+import { __export as a } from "./7IUG3E2V.js";
+import { memo as o } from "solid-js/web";
+import { createMemo as s } from "solid-js";
+//#region ../../node_modules/.bun/@ark-ui+solid@5.36.2+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.jsx
+var c = (e) => {
+	let n = i();
+	return o(s(() => {
+		let { value: r, ...i } = e;
+		return t(r, n().locale, i);
+	}));
+}, l = (t) => {
+	let n = i();
+	return o(s(() => {
+		let { value: r, ...i } = t;
+		return e(r, n().locale, i);
+	}));
+}, u = (e) => {
+	let t = i();
+	return o(s(() => {
+		let { value: r, ...i } = e;
+		return n(r, t().locale, i);
+	}));
+}, d = (e) => {
+	let t = i();
+	return o(s(() => {
+		let { value: n, ...i } = e;
+		return r(n, t().locale, i);
+	}));
+}, f = {};
+a(f, {
+	Byte: () => c,
+	Number: () => l,
+	RelativeTime: () => u,
+	Time: () => d
+});
+//#endregion
+export { f as format_exports };
+
+//# sourceMappingURL=262SJY3P.js.map

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"262SJY3P.js","names":["useLocaleContext","__export","formatBytes","createMemo","FormatByte","props","ctx","text","value","intlOptions","locale","_$memo","formatNumber","createMemo2","FormatNumber","formatRelativeTime","createMemo3","FormatRelativeTime","formatTime","createMemo4","FormatTime","format_exports","Byte","Number","RelativeTime","Time"],"sources":["../../../../../../../../../../../node_modules/.bun/@ark-ui+solid@5.36.2+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/262SJY3P.jsx"],"sourcesContent":["import {\n  useLocaleContext\n} from \"./HOPBYFHD.jsx\";\nimport {\n  __export\n} from \"./7IUG3E2V.jsx\";\n\n// src/components/format/format-byte.tsx\nimport { formatBytes } from \"@zag-js/i18n-utils\";\nimport { createMemo } from \"solid-js\";\nvar FormatByte = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo(() => {\n    const { value, ...intlOptions } = props;\n    return formatBytes(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-number.tsx\nimport { formatNumber } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo2 } from \"solid-js\";\nvar FormatNumber = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo2(() => {\n    const { value, ...intlOptions } = props;\n    return formatNumber(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-relative-time.tsx\nimport { formatRelativeTime } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo3 } from \"solid-js\";\nvar FormatRelativeTime = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo3(() => {\n    const { value, ...intlOptions } = props;\n    return formatRelativeTime(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format-time.tsx\nimport { formatTime } from \"@zag-js/i18n-utils\";\nimport { createMemo as createMemo4 } from \"solid-js\";\nvar FormatTime = (props) => {\n  const ctx = useLocaleContext();\n  const text = createMemo4(() => {\n    const { value, ...intlOptions } = props;\n    return formatTime(value, ctx().locale, intlOptions);\n  });\n  return <>{text()}</>;\n};\n\n// src/components/format/format.ts\nvar format_exports = {};\n__export(format_exports, {\n  Byte: () => FormatByte,\n  Number: () => FormatNumber,\n  RelativeTime: () => FormatRelativeTime,\n  Time: () => FormatTime\n});\n\nexport {\n  FormatByte,\n  FormatNumber,\n  FormatRelativeTime,\n  FormatTime,\n  format_exports\n};\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAUA,IAAII,KAAcC,MAAU;CAC1B,IAAMC,IAAMN,GAAkB;CAK9B,OAAAW,EAJaR,QAAiB;EAC5B,IAAM,EAAEK,UAAO,GAAGC,MAAgBJ;EAClC,OAAOH,EAAYM,GAAOF,GAAK,CAACI,QAAQD,EAAY;GAE5CF,CAAI;GAMZO,KAAgBT,MAAU;CAC5B,IAAMC,IAAMN,GAAkB;CAK9B,OAAAW,EAJaE,QAAkB;EAC7B,IAAM,EAAEL,UAAO,GAAGC,MAAgBJ;EAClC,OAAOO,EAAaJ,GAAOF,GAAK,CAACI,QAAQD,EAAY;GAE7CF,CAAI;GAMZU,KAAsBZ,MAAU;CAClC,IAAMC,IAAMN,GAAkB;CAK9B,OAAAW,EAJaK,QAAkB;EAC7B,IAAM,EAAER,UAAO,GAAGC,MAAgBJ;EAClC,OAAOU,EAAmBP,GAAOF,GAAK,CAACI,QAAQD,EAAY;GAEnDF,CAAI;GAMZa,KAAcf,MAAU;CAC1B,IAAMC,IAAMN,GAAkB;CAK9B,OAAAW,EAJaQ,QAAkB;EAC7B,IAAM,EAAEX,UAAO,GAAGC,MAAgBJ;EAClC,OAAOa,EAAWV,GAAOF,GAAK,CAACI,QAAQD,EAAY;GAE3CF,CAAI;GAIZc,IAAiB,EAAE;AACvBpB,EAASoB,GAAgB;CACvBC,YAAYlB;CACZmB,cAAcT;CACdU,oBAAoBP;CACpBQ,YAAYL;CACb,CAAC"}

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/4YNGVMW2.js

@@ -0,0 +1,6 @@
+import { createAnatomy as e } from "../../../../../../@zag-js_anatomy@1.40.0/node_modules/@zag-js/anatomy/dist/create-anatomy.js";
+var t = e("fieldset").parts("root", "errorText", "helperText", "legend").build();
+//#endregion
+export { t as parts };
+
+//# sourceMappingURL=4YNGVMW2.js.map

package/dist/node_modules/.bun/@ark-ui_solid@5.36.2_ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/4YNGVMW2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"4YNGVMW2.js","names":["createAnatomy","fieldsetAnatomy","parts","build"],"sources":["../../../../../../../../../../../node_modules/.bun/@ark-ui+solid@5.36.2+ac9bd97bed21f560/node_modules/@ark-ui/solid/dist/chunk/4YNGVMW2.jsx"],"sourcesContent":["// src/components/fieldset/fieldset.anatomy.ts\nimport { createAnatomy } from \"@zag-js/anatomy\";\nvar fieldsetAnatomy = createAnatomy(\"fieldset\").parts(\"root\", \"errorText\", \"helperText\", \"legend\");\nvar parts = fieldsetAnatomy.build();\n\nexport {\n  fieldsetAnatomy,\n  parts\n};\n"],"x_google_ignoreList":[0],"mappings":";AAGA,IAAIE,IADkBF,EAAc,WAAW,CAACE,MAAM,QAAQ,aAAa,cAAc,SAC7ED,CAAgBE,OAAO"}