@adaptive-ds/solid-ui 0.12.2 → 0.13.1

package/dist/interactive/layout/SidebarLayout.js

@@ -1,47 +0,0 @@
-import { delegateEvents, insert, createComponent, effect, className, setAttribute, template } from "solid-js/web";
-import { Show } from "solid-js";
-import { createSignalObject } from "../../utils/createSignalObject.js";
-var _tmpl$ = /* @__PURE__ */ template(`<div class="fixed inset-0 z-50 lg:hidden"role=dialog aria-modal=true aria-labelledby=mobile-sidebar-title><button type=button class="fixed inset-0 bg-black bg-opacity-50"aria-label="Close sidebar"></button><aside class="fixed inset-y-0 left-0 w-64 bg-gray-800 text-white flex flex-col transform transition-transform duration-300 ease-in-out">`), _tmpl$2 = /* @__PURE__ */ template(`<div class="flex h-screen bg-gray-100 dark:bg-gray-900"><aside></aside><div class="flex-1 flex flex-col"><header class="bg-white dark:bg-gray-800 shadow-sm p-4 flex items-center justify-between"><button type=button aria-label="Open main menu"class="lg:hidden p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400"><svg class="w-6 h-6"fill=none stroke=currentColor viewBox="0 0 24 24"><title>Menu</title><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M4 6h16M4 12h16M4 18h16"></path></svg></button><button type=button class="hidden lg:block p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400 cursor-pointer"><svg class="w-6 h-6"fill=none stroke=currentColor viewBox="0 0 24 24"><title>Toggle sidebar</title><path stroke-linecap=round stroke-linejoin=round stroke-width=2></path></svg></button></header><main class="flex-1 p-4 overflow-y-auto">`);
-function SidebarLayout(p) {
-  const localOpen = p.isOpenSignal ?? createSignalObject(false);
-  const localMobile = p.isMobileSignal ?? createSignalObject(false);
-  const toggleMobile = () => localOpen.set(!localOpen.get());
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$7.nextSibling;
-    insert(_el$2, () => p.sidebar);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return localMobile.get();
-      },
-      get children() {
-        var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
-        _el$4.$$click = toggleMobile;
-        insert(_el$5, () => p.sidebar);
-        return _el$3;
-      }
-    }), _el$6);
-    _el$8.$$click = toggleMobile;
-    _el$9.$$click = () => localOpen.set(!localOpen.get());
-    insert(_el$7, () => p.navbar, null);
-    insert(_el$11, () => p.children);
-    effect((_p$) => {
-      var _v$ = `hidden lg:flex flex-col bg-gray-800 text-white transition-all duration-300 ease-in-out ${localOpen.get() ? "w-64" : "w-20"}`, _v$2 = localMobile.get(), _v$3 = localOpen.get() ? "Collapse sidebar" : "Expand sidebar", _v$4 = localOpen.get() ? "M11 19l-7-7 7-7m8 14l-7-7 7-7" : "M13 5l7 7-7 7M5 5l7 7-7 7";
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$8, "aria-expanded", _p$.t = _v$2);
-      _v$3 !== _p$.a && setAttribute(_el$9, "aria-label", _p$.a = _v$3);
-      _v$4 !== _p$.o && setAttribute(_el$10, "d", _p$.o = _v$4);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    });
-    return _el$;
-  })();
-}
-delegateEvents(["click"]);
-export {
-  SidebarLayout
-};
-//# sourceMappingURL=SidebarLayout.js.map

package/dist/interactive/layout/SidebarLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarLayout.js","sources":["../../../lib/interactive/layout/SidebarLayout.tsx"],"sourcesContent":["import { JSX, Show } from \"solid-js\"\nimport { createSignalObject, type SignalObject } from \"~ui/utils/createSignalObject\"\nimport type { MayHaveClassAndChildren } from \"~ui/utils/MayHaveClassAndChildren\"\n\nexport interface SidebarLayoutProps extends MayHaveClassAndChildren {\n  isOpenSignal?: SignalObject<boolean>\n  isMobileSignal?: SignalObject<boolean>\n\n  sidebar: JSX.Element\n  navbar?: JSX.Element\n  children: JSX.Element\n  navbarClass?:string\n  sidebarClass?:string\n}\n\nexport function SidebarLayout(p: SidebarLayoutProps) {\n  const localOpen = p.isOpenSignal ?? createSignalObject(false)\n  const localMobile = p.isMobileSignal ?? createSignalObject(false)\n  const toggleMobile = () => localOpen.set(!localOpen.get())\n\n  return (\n    <div class=\"flex h-screen bg-gray-100 dark:bg-gray-900\">\n      {/* Desktop Sidebar - always present, collapsible on lg+ */}\n      <aside\n        class={`hidden lg:flex flex-col bg-gray-800 text-white transition-all duration-300 ease-in-out ${\n          localOpen.get() ? \"w-64\" : \"w-20\"\n        }`}\n      >\n        {p.sidebar}\n      </aside>\n\n      {/* Mobile Drawer */}\n      <Show when={localMobile.get()}>\n        <div\n          class=\"fixed inset-0 z-50 lg:hidden\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"mobile-sidebar-title\"\n        >\n          {/* Backdrop */}\n          <button\n            type=\"button\"\n            class=\"fixed inset-0 bg-black bg-opacity-50\"\n            onClick={toggleMobile}\n            aria-label=\"Close sidebar\"\n          />\n\n          {/* Mobile Sidebar Panel */}\n          <aside class=\"fixed inset-y-0 left-0 w-64 bg-gray-800 text-white flex flex-col transform transition-transform duration-300 ease-in-out\">\n            {p.sidebar}\n          </aside>\n        </div>\n      </Show>\n\n      {/* Main Content Area */}\n      <div class=\"flex-1 flex flex-col\">\n        {/* Header/Navbar */}\n        <header class=\"bg-white dark:bg-gray-800 shadow-sm p-4 flex items-center justify-between\">\n          {/* Mobile Menu Button */}\n          <button\n            type=\"button\"\n            onClick={toggleMobile}\n            aria-label=\"Open main menu\"\n            aria-expanded={localMobile.get()}\n            class=\"lg:hidden p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400\"\n          >\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <title>Menu</title>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n            </svg>\n          </button>\n\n          {/* Desktop Sidebar Toggle */}\n          <button\n            type=\"button\"\n            onClick={() => localOpen.set(!localOpen.get())}\n            class=\"hidden lg:block p-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-400 cursor-pointer\"\n            aria-label={localOpen.get() ? \"Collapse sidebar\" : \"Expand sidebar\"}\n          >\n            <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <title>Toggle sidebar</title>\n              <path\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n                stroke-width=\"2\"\n                d={localOpen.get() ? \"M11 19l-7-7 7-7m8 14l-7-7 7-7\" : \"M13 5l7 7-7 7M5 5l7 7-7 7\"}\n              />\n            </svg>\n          </button>\n\n          {/* Custom Navbar Content */}\n          {p.navbar}\n        </header>\n\n        {/* Main Content */}\n        <main class=\"flex-1 p-4 overflow-y-auto\">{p.children}</main>\n      </div>\n    </div>\n  )\n}\n"],"names":["SidebarLayout","p","localOpen","isOpenSignal","createSignalObject","localMobile","isMobileSignal","toggleMobile","set","get","_el$","_tmpl$2","_el$2","firstChild","_el$6","nextSibling","_el$7","_el$8","_el$9","_el$0","_el$1","_el$10","_el$11","_$insert","sidebar","_$createComponent","Show","when","children","_el$3","_tmpl$","_el$4","_el$5","$$click","navbar","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","_$className","t","_$setAttribute","a","o","undefined","_$delegateEvents"],"mappings":";;;;AAeO,SAASA,cAAcC,GAAuB;AACnD,QAAMC,YAAYD,EAAEE,gBAAgBC,mBAAmB,KAAK;AAC5D,QAAMC,cAAcJ,EAAEK,kBAAkBF,mBAAmB,KAAK;AAChE,QAAMG,eAAeA,MAAML,UAAUM,IAAI,CAACN,UAAUO,KAAK;AAEzD,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG,aAAAC,QAAAF,MAAAD,YAAAI,QAAAD,MAAAH,YAAAK,QAAAD,MAAAF,aAAAI,QAAAD,MAAAL,YAAAO,QAAAD,MAAAN,YAAAQ,SAAAD,MAAAL,aAAAO,SAAAN,MAAAD;AAAAQ,WAAAX,OAAA,MAQOX,EAAEuB,OAAO;AAAAD,WAAAb,MAAAe,gBAIXC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEtB,YAAYI,IAAAA;AAAAA,MAAK;AAAA,MAAA,IAAAmB,WAAA;AAAA,YAAAC,QAAAC,OAAAA,GAAAC,QAAAF,MAAAhB,YAAAmB,QAAAD,MAAAhB;AAAAgB,cAAAE,UAWd1B;AAAYgB,eAAAS,OAAA,MAMpB/B,EAAEuB,OAAO;AAAA,eAAAK;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAf,KAAA;AAAAG,UAAAgB,UAYD1B;AAAYW,UAAAe,UAcZ,MAAM/B,UAAUM,IAAI,CAACN,UAAUO,KAAK;AAACc,WAAAP,OAAA,MAgB/Cf,EAAEiC,QAAM,IAAA;AAAAX,WAAAD,QAAA,MAI+BrB,EAAE2B,QAAQ;AAAAO,WAAAC,CAAAA,QAAA;AAAA,UAAAC,MAvE7C,0FACLnC,UAAUO,IAAAA,IAAQ,SAAS,MAAM,IACjC6B,OAqCiBjC,YAAYI,OAAK8B,OAcpBrC,UAAUO,QAAQ,qBAAqB,kBAAgB+B,OAQ5DtC,UAAUO,QAAQ,kCAAkC;AAA2B4B,cAAAD,IAAAK,KAAAC,UAAA9B,OAAAwB,IAAAK,IAAAJ,GAAA;AAAAC,eAAAF,IAAAO,KAAAC,aAAA3B,OAAA,iBAAAmB,IAAAO,IAAAL,IAAA;AAAAC,eAAAH,IAAAS,KAAAD,aAAA1B,OAAA,cAAAkB,IAAAS,IAAAN,IAAA;AAAAC,eAAAJ,IAAAU,KAAAF,aAAAvB,QAAA,KAAAe,IAAAU,IAAAN,IAAA;AAAA,aAAAJ;AAAAA,IAAA,GAAA;AAAA,MAAAK,GAAAM;AAAAA,MAAAJ,GAAAI;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAArC;AAAAA,EAAA,GAAA;AAclG;AAACsC,eAAA,CAAA,OAAA,CAAA;"}