karsten-design-system 1.0.24 → 1.0.25

package/dist/stories/components/internalMenu.js

@@ -1,14 +1,15 @@
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
 import { useState } from 'react';
 import TextIcon from '../../assets/icons/text.js';
+import { Link } from 'react-router-dom';
 
 function InternalMenu({ item }) {
     const [open, setOpen] = useState();
-    return (jsxRuntimeExports.jsxs("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: [jsxRuntimeExports.jsx("a", { href: "/", className: "font-roboto px-4 pt-4 pb-2 text-base text-backgroundDark font-bold", children: "In\u00EDcio" }), item.map((item) => (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("a", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: item.subItem
+    return (jsxRuntimeExports.jsxs("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: [jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto px-4 pt-4 pb-2 text-base text-backgroundDark font-bold", children: "In\u00EDcio" }), item.map((item) => (jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs(Link, { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: item.subItem
                             ? item === open
                                 ? () => setOpen(undefined)
                                 : () => setOpen(item)
-                            : undefined, href: item.path, children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntimeExports.jsx(TextIcon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base text-backgroundDark", children: item.title })] }), item.subItem && (jsxRuntimeExports.jsx("i", { className: `pi ${open === item ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-backgroundDark` }, item.id))] }), item.subItem && open === item && (jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: item.subItem.map((subItem) => (jsxRuntimeExports.jsx("a", { className: "cursor-pointer text-base text-backgroundDark pl-6 py-1", href: subItem.path, children: jsxRuntimeExports.jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, item.id)))] }));
+                            : undefined, to: item.path || "", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsxRuntimeExports.jsx(TextIcon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base text-backgroundDark", children: item.title })] }), item.subItem && (jsxRuntimeExports.jsx("i", { className: `pi ${open === item ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-backgroundDark` }, item.id))] }), item.subItem && open === item && (jsxRuntimeExports.jsx("div", { className: "flex flex-col", children: item.subItem.map((subItem) => (jsxRuntimeExports.jsx(Link, { className: "cursor-pointer text-base text-backgroundDark pl-6 py-1", to: subItem.path, children: jsxRuntimeExports.jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, item.id)))] }));
 }
 
 export { InternalMenu };

package/dist/stories/components/internalMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAQgB,SAAA,YAAY,CAAC,EAAE,IAAI,EAAoB,EAAA;IACrD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAqB;AAErD,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sOAAsO,aACnPC,qBACE,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,oEAAoE,EAAA,QAAA,EAAA,aAAA,EAAA,CAG5E,EACH,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACbD,sBACE,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAAA,sBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAC,6FAA6F,EACvG,OAAO,EACL,IAAI,CAAC;8BACD,IAAI,KAAK;AACT,kCAAE,MAAM,OAAO,CAAC,SAAS;AACzB,kCAAE,MAAM,OAAO,CAAC,IAAI;8BACpB,SAAS,EAEf,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,QAAA,EAAA,CAEfA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,aAC/CC,qBAAC,CAAA,QAAQ,EAAG,EAAA,CAAA,EACZA,qBAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,2CAA2C,EACxD,QAAA,EAAA,IAAI,CAAC,KAAK,EACN,CAAA,CAAA,EAAA,CACH,EACL,IAAI,CAAC,OAAO,KACXA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,CAAM,GAAA,EAAA,IAAI,KAAK,IAAI,GAAG,aAAa,GAAG,eAAe,CAA2B,yBAAA,CAAA,EAAA,EACtF,IAAI,CAAC,EAAE,CACT,CACN,CAAA,EAAA,CACC,EACH,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,IAAI,KAC5BA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,MACxBA,qBAAA,CAAA,GAAA,EAAA,EAEE,SAAS,EAAC,wDAAwD,EAClE,IAAI,EAAE,OAAO,CAAC,IAAI,EAElB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,OAAO,CAAC,KAAK,EAAA,CAAQ,EAJvB,EAAA,OAAO,CAAC,EAAE,CAKb,CACL,CAAC,EAAA,CACE,CACP,CAAA,EAAA,EArCO,IAAI,CAAC,EAAE,CAsCX,CACP,CAAC,CACE,EAAA,CAAA;AAEV;;;;"}
+{"version":3,"file":"internalMenu.js","sources":["../../../../src/stories/components/internalMenu.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AASgB,SAAA,YAAY,CAAC,EAAE,IAAI,EAAoB,EAAA;IACrD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAqB;AAErD,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,sOAAsO,EAAA,QAAA,EAAA,CACnPC,sBAAC,IAAI,EAAA,EACH,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oEAAoE,EAAA,QAAA,EAAA,aAAA,EAAA,CAGzE,EACN,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACbD,2CACEA,sBAAC,CAAA,IAAI,EACH,EAAA,SAAS,EAAC,6FAA6F,EACvG,OAAO,EACL,IAAI,CAAC;8BACD,IAAI,KAAK;AACT,kCAAE,MAAM,OAAO,CAAC,SAAS;AACzB,kCAAE,MAAM,OAAO,CAAC,IAAI;8BACpB,SAAS,EAEf,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EAAA,QAAA,EAAA,CAEnBA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAC/C,QAAA,EAAA,CAAAC,qBAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,2CAA2C,EAAA,QAAA,EACxD,IAAI,CAAC,KAAK,EAAA,CACN,CACH,EAAA,CAAA,EACL,IAAI,CAAC,OAAO,KACXA,qBAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,CAAM,GAAA,EAAA,IAAI,KAAK,IAAI,GAAG,aAAa,GAAG,eAAe,CAA2B,yBAAA,CAAA,EAAA,EACtF,IAAI,CAAC,EAAE,CACT,CACN,CAAA,EAAA,CACI,EACN,IAAI,CAAC,OAAO,IAAI,IAAI,KAAK,IAAI,KAC5BA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAC3B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,MACxBA,qBAAC,CAAA,IAAI,EAEH,EAAA,SAAS,EAAC,wDAAwD,EAClE,EAAE,EAAE,OAAO,CAAC,IAAI,EAEhB,QAAA,EAAAA,qBAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAO,OAAO,CAAC,KAAK,EAAA,CAAQ,EAJvB,EAAA,OAAO,CAAC,EAAE,CAKV,CACR,CAAC,EAAA,CACE,CACP,CAAA,EAAA,EArCO,IAAI,CAAC,EAAE,CAsCX,CACP,CAAC,CACE,EAAA,CAAA;AAEV;;;;"}

package/dist/stories/components/sidebar.js

@@ -1,10 +1,11 @@
 import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import { Link } from 'react-router-dom';
 import DashboardIcon from '../../assets/icons/dashboard.js';
 import HomeICon from '../../assets/icons/home.js';
 
 function Sidebar({ item, onClose, dashboardHref }) {
-    return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("a", { href: "/", className: "font-roboto text-base text-backgroundDark", children: "In\u00EDcio" })] }), jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(DashboardIcon, {}), jsxRuntimeExports.jsx("a", { href: dashboardHref, className: "font-roboto text-base text-backgroundDark", children: "DashBoard" })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-star px-2 !text-backgroundDark !font-bold text-lg" }), jsxRuntimeExports.jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsxRuntimeExports.jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: item &&
-                            item.map((item) => (jsxRuntimeExports.jsxs("a", { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", href: item.path, children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
+    return (jsxRuntimeExports.jsxs("div", { className: "relative w-100", children: [jsxRuntimeExports.jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-10", onClick: onClose }), jsxRuntimeExports.jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-20", children: [jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx(Link, { to: "/", className: "font-roboto text-base text-backgroundDark", children: "In\u00EDcio" })] }), jsxRuntimeExports.jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-1 border-b-stone", children: [jsxRuntimeExports.jsx(DashboardIcon, {}), jsxRuntimeExports.jsx(Link, { to: dashboardHref, className: "font-roboto text-base text-backgroundDark", children: "DashBoard" })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsxRuntimeExports.jsx("i", { className: "pi pi-star px-2 !text-backgroundDark !font-bold text-lg" }), jsxRuntimeExports.jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsxRuntimeExports.jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: item &&
+                            item.map((item) => (jsxRuntimeExports.jsxs(Link, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone", to: item.path || "", children: [jsxRuntimeExports.jsx(HomeICon, {}), jsxRuntimeExports.jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark", children: item.title })] }))) })] })] }));
 }
 
 export { Sidebar };

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AASM,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAgB,EAAA;AACpE,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,+BACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,OAAO,GAChB,EACFD,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+DAA+D,EAC5E,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,aACrGC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE7D,IACA,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,6BAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAC,2CAA2C,0BAEzE,CACA,EAAA,CAAA,EAEND,gCAAK,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC9DC,6BAAG,SAAS,EAAC,yDAAyD,EAAG,CAAA,EACzEA,6BAAG,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;AACH,4BAAA,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,sBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,+DAA+D,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,QAAA,EAAA,CAC1FC,qBAAC,CAAA,QAAQ,KAAG,EACZA,qBAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,gDAAgD,YAC7D,IAAI,CAAC,KAAK,EAAA,CACN,IACL,CACL,CAAC,GACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../src/stories/components/sidebar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAUM,SAAU,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAgB,EAAA;AACpE,IAAA,QACEA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC7BC,+BACE,SAAS,EAAC,uEAAuE,EACjF,OAAO,EAAE,OAAO,EAAA,CAChB,EACFD,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAA,CAC5EA,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wFAAwF,EAAA,QAAA,EAAA,CACrGC,sBAAC,QAAQ,EAAA,EAAA,CAAG,EACZA,qBAAC,CAAA,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,aAAA,EAAA,CAE3D,IACH,EACND,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wFAAwF,EACrG,QAAA,EAAA,CAAAC,qBAAA,CAAC,aAAa,EAAG,EAAA,CAAA,EACjBA,sBAAC,IAAI,EAAA,EAAC,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,2CAA2C,EAEvE,QAAA,EAAA,WAAA,EAAA,CAAA,CAAA,EAAA,CACH,EAEND,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iDAAiD,aAC9DC,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,yDAAyD,EAAA,CAAG,EACzEA,qBAAG,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,uCAAuC,EAAA,QAAA,EAAA,WAAA,EAAA,CAAc,IAC9D,EAENA,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gOAAgO,YAC5O,IAAI;4BACH,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,MACZD,sBAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAC,+DAA+D,EAAC,EAAE,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EACjG,QAAA,EAAA,CAAAC,qBAAA,CAAC,QAAQ,EAAG,EAAA,CAAA,EACZA,gCAAM,SAAS,EAAC,gDAAgD,EAC7D,QAAA,EAAA,IAAI,CAAC,KAAK,EAAA,CACN,IACF,CACR,CAAC,GACA,CACF,EAAA,CAAA,CAAA,EAAA,CACF;AAEV;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "karsten-design-system",
   "description": "Karsten Design System Components",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",