@egose/shadcn-theme 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,10 +12,17 @@ import '../../components/ui/separator.mjs';
12
12
  import 'radix-ui';
13
13
  import '../../components/ui/tooltip.mjs';
14
14
 
15
- declare function SidebarLayout({ children, aslink, data, }: Readonly<{
15
+ declare function SidebarLayout({ children, header, aslink, data, classNames, }: Readonly<{
16
16
  children: React.ReactNode;
17
+ header?: React.ReactNode;
17
18
  aslink: React.ElementType;
18
19
  data: ISidebarData;
20
+ classNames?: {
21
+ sidebar?: string;
22
+ inset?: string;
23
+ header?: string;
24
+ main?: string;
25
+ };
19
26
  }>): React.JSX.Element;
20
27
 
21
28
  export { ISidebarData, SidebarLayout as default };
@@ -12,10 +12,17 @@ import '../../components/ui/separator.js';
12
12
  import 'radix-ui';
13
13
  import '../../components/ui/tooltip.js';
14
14
 
15
- declare function SidebarLayout({ children, aslink, data, }: Readonly<{
15
+ declare function SidebarLayout({ children, header, aslink, data, classNames, }: Readonly<{
16
16
  children: React.ReactNode;
17
+ header?: React.ReactNode;
17
18
  aslink: React.ElementType;
18
19
  data: ISidebarData;
20
+ classNames?: {
21
+ sidebar?: string;
22
+ inset?: string;
23
+ header?: string;
24
+ main?: string;
25
+ };
19
26
  }>): React.JSX.Element;
20
27
 
21
28
  export { ISidebarData, SidebarLayout as default };
@@ -32,7 +32,9 @@ require('../../chunk-UFRPUC7K.js');
32
32
  require('../../chunk-N7JSYNXM.js');
33
33
  require('../../chunk-KB6BX6LA.js');
34
34
  require('../../chunk-GV62APQ6.js');
35
- require('../../chunk-PSPAJNNB.js');
35
+
36
+
37
+ var _chunkPSPAJNNBjs = require('../../chunk-PSPAJNNB.js');
36
38
  require('../../chunk-2NMEKWO5.js');
37
39
 
38
40
  // layouts/sidebar1/index.tsx
@@ -40,8 +42,10 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
40
42
  var _nextthemes = require('next-themes');
41
43
  function SidebarLayout({
42
44
  children,
45
+ header,
43
46
  aslink,
44
- data
47
+ data,
48
+ classNames
45
49
  }) {
46
50
  const activeItems = [];
47
51
  data.menus.forEach((menu) => {
@@ -57,9 +61,18 @@ function SidebarLayout({
57
61
  }
58
62
  });
59
63
  });
60
- return /* @__PURE__ */ React.createElement(_nextthemes.ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true }, /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarProvider, null, /* @__PURE__ */ React.createElement(_chunkY6CUGIQBjs.AppSidebar, { aslink, data }), /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarInset, null, /* @__PURE__ */ React.createElement("header", { className: "flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-4" }, /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ React.createElement(_chunkK4JVHEI2js.Separator, { orientation: "vertical", className: "mr-2 h-4 w-[1px] bg-secondary" }), /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.Breadcrumb, null, /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbList, { className: "text-dark" }, activeItems.map((bread, index) => {
61
- return /* @__PURE__ */ React.createElement(React.Fragment, { key: bread }, index > 0 && /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbSeparator, null), /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbItem, null, /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbPage, { className: "" }, bread)));
62
- }))))), /* @__PURE__ */ React.createElement("main", { className: "px-4 pb-2 overflow-auto" }, children))));
64
+ return /* @__PURE__ */ React.createElement(_nextthemes.ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true }, /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarProvider, null, /* @__PURE__ */ React.createElement(_chunkY6CUGIQBjs.AppSidebar, { aslink, data, className: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.sidebar) }), /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarInset, { className: _chunkPSPAJNNBjs.cn.call(void 0, classNames == null ? void 0 : classNames.inset) }, /* @__PURE__ */ React.createElement(
65
+ "header",
66
+ {
67
+ className: _chunkPSPAJNNBjs.cn.call(void 0,
68
+ "flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12",
69
+ classNames == null ? void 0 : classNames.header
70
+ )
71
+ },
72
+ /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-4" }, /* @__PURE__ */ React.createElement(_chunkWREXRSAAjs.SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ React.createElement(_chunkK4JVHEI2js.Separator, { orientation: "vertical", className: "" }), header ? header : /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.Breadcrumb, null, /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbList, { className: "text-dark" }, activeItems.map((bread, index) => {
73
+ return /* @__PURE__ */ React.createElement(React.Fragment, { key: bread }, index > 0 && /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbSeparator, null), /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbItem, null, /* @__PURE__ */ React.createElement(_chunkJZXOJAMQjs.BreadcrumbPage, { className: "" }, bread)));
74
+ }))))
75
+ ), /* @__PURE__ */ React.createElement("main", { className: _chunkPSPAJNNBjs.cn.call(void 0, "px-4 pb-2 overflow-auto", classNames == null ? void 0 : classNames.main) }, children))));
63
76
  }
64
77
 
65
78
 
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","../../../layouts/sidebar1/index.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '../../components/ui/breadcrumb';\nimport { Separator } from '../../components/ui/separator';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from '../../components/ui/sidebar';\nimport { AppSidebar, ISidebarData } from './app-sidebar';\nimport { INavUser } from './nav-user';\nimport { ThemeProvider } from 'next-themes';\nexport type { ISidebarData };\nexport type { INavUser };\n\nexport default function SidebarLayout({\n children,\n aslink,\n data,\n}: Readonly<{\n children: React.ReactNode;\n aslink: React.ElementType;\n data: ISidebarData;\n}>) {\n const activeItems: string[] = [];\n\n data.menus.forEach((menu) => {\n menu.items.forEach((item) => {\n if (item.subItems) {\n item.subItems.forEach((subItem) => {\n if (subItem.isActive) {\n activeItems.push(item.title, subItem.title);\n }\n });\n } else if (item.isActive) {\n activeItems.push(item.title);\n }\n });\n });\n\n return (\n <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n <SidebarProvider>\n <AppSidebar aslink={aslink} data={data} />\n <SidebarInset>\n <header className=\"flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\n <div className=\"flex items-center gap-2 px-4\">\n <SidebarTrigger className=\"-ml-1\" />\n <Separator orientation=\"vertical\" className=\"mr-2 h-4 w-[1px] bg-secondary\" />\n <Breadcrumb>\n <BreadcrumbList className=\"text-dark\">\n {activeItems.map((bread, index) => {\n return (\n <React.Fragment key={bread}>\n {index > 0 && <BreadcrumbSeparator />}\n <BreadcrumbItem>\n <BreadcrumbPage className=\"\">{bread}</BreadcrumbPage>\n </BreadcrumbItem>\n </React.Fragment>\n );\n })}\n </BreadcrumbList>\n </Breadcrumb>\n </div>\n </header>\n <main className=\"px-4 pb-2 overflow-auto\">{children}</main>\n </SidebarInset>\n </SidebarProvider>\n </ThemeProvider>\n );\n}\n"]}
1
+ {"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","../../../layouts/sidebar1/index.tsx"],"names":[],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/layouts/sidebar1/index.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '../../components/ui/breadcrumb';\nimport { Separator } from '../../components/ui/separator';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from '../../components/ui/sidebar';\nimport { AppSidebar, ISidebarData } from './app-sidebar';\nimport { INavUser } from './nav-user';\nimport { cn } from '../../utils/ui';\nimport { ThemeProvider } from 'next-themes';\nexport type { ISidebarData };\nexport type { INavUser };\n\nexport default function SidebarLayout({\n children,\n header,\n aslink,\n data,\n classNames,\n}: Readonly<{\n children: React.ReactNode;\n header?: React.ReactNode;\n aslink: React.ElementType;\n data: ISidebarData;\n classNames?: {\n sidebar?: string;\n inset?: string;\n header?: string;\n main?: string;\n };\n}>) {\n const activeItems: string[] = [];\n\n data.menus.forEach((menu) => {\n menu.items.forEach((item) => {\n if (item.subItems) {\n item.subItems.forEach((subItem) => {\n if (subItem.isActive) {\n activeItems.push(item.title, subItem.title);\n }\n });\n } else if (item.isActive) {\n activeItems.push(item.title);\n }\n });\n });\n\n return (\n <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n <SidebarProvider>\n <AppSidebar aslink={aslink} data={data} className={cn(classNames?.sidebar)} />\n <SidebarInset className={cn(classNames?.inset)}>\n <header\n className={cn(\n 'flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12',\n classNames?.header,\n )}\n >\n <div className=\"flex items-center gap-2 px-4\">\n <SidebarTrigger className=\"-ml-1\" />\n <Separator orientation=\"vertical\" className=\"\" />\n {header ? (\n header\n ) : (\n <Breadcrumb>\n <BreadcrumbList className=\"text-dark\">\n {activeItems.map((bread, index) => {\n return (\n <React.Fragment key={bread}>\n {index > 0 && <BreadcrumbSeparator />}\n <BreadcrumbItem>\n <BreadcrumbPage className=\"\">{bread}</BreadcrumbPage>\n </BreadcrumbItem>\n </React.Fragment>\n );\n })}\n </BreadcrumbList>\n </Breadcrumb>\n )}\n </div>\n </header>\n <main className={cn('px-4 pb-2 overflow-auto', classNames?.main)}>{children}</main>\n </SidebarInset>\n </SidebarProvider>\n </ThemeProvider>\n );\n}\n"]}
@@ -31,7 +31,9 @@ import "../../chunk-QF6PFV6M.mjs";
31
31
  import "../../chunk-77MASFCZ.mjs";
32
32
  import "../../chunk-7BYWDRRI.mjs";
33
33
  import "../../chunk-3GHC4JQU.mjs";
34
- import "../../chunk-KGUUDFJE.mjs";
34
+ import {
35
+ cn
36
+ } from "../../chunk-KGUUDFJE.mjs";
35
37
  import "../../chunk-YOSPWY5K.mjs";
36
38
 
37
39
  // layouts/sidebar1/index.tsx
@@ -39,8 +41,10 @@ import * as React from "react";
39
41
  import { ThemeProvider } from "next-themes";
40
42
  function SidebarLayout({
41
43
  children,
44
+ header,
42
45
  aslink,
43
- data
46
+ data,
47
+ classNames
44
48
  }) {
45
49
  const activeItems = [];
46
50
  data.menus.forEach((menu) => {
@@ -56,9 +60,18 @@ function SidebarLayout({
56
60
  }
57
61
  });
58
62
  });
59
- return /* @__PURE__ */ React.createElement(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true }, /* @__PURE__ */ React.createElement(SidebarProvider, null, /* @__PURE__ */ React.createElement(AppSidebar, { aslink, data }), /* @__PURE__ */ React.createElement(SidebarInset, null, /* @__PURE__ */ React.createElement("header", { className: "flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-4" }, /* @__PURE__ */ React.createElement(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical", className: "mr-2 h-4 w-[1px] bg-secondary" }), /* @__PURE__ */ React.createElement(Breadcrumb, null, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "text-dark" }, activeItems.map((bread, index) => {
60
- return /* @__PURE__ */ React.createElement(React.Fragment, { key: bread }, index > 0 && /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null), /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "" }, bread)));
61
- }))))), /* @__PURE__ */ React.createElement("main", { className: "px-4 pb-2 overflow-auto" }, children))));
63
+ return /* @__PURE__ */ React.createElement(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true }, /* @__PURE__ */ React.createElement(SidebarProvider, null, /* @__PURE__ */ React.createElement(AppSidebar, { aslink, data, className: cn(classNames == null ? void 0 : classNames.sidebar) }), /* @__PURE__ */ React.createElement(SidebarInset, { className: cn(classNames == null ? void 0 : classNames.inset) }, /* @__PURE__ */ React.createElement(
64
+ "header",
65
+ {
66
+ className: cn(
67
+ "flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12",
68
+ classNames == null ? void 0 : classNames.header
69
+ )
70
+ },
71
+ /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-4" }, /* @__PURE__ */ React.createElement(SidebarTrigger, { className: "-ml-1" }), /* @__PURE__ */ React.createElement(Separator, { orientation: "vertical", className: "" }), header ? header : /* @__PURE__ */ React.createElement(Breadcrumb, null, /* @__PURE__ */ React.createElement(BreadcrumbList, { className: "text-dark" }, activeItems.map((bread, index) => {
72
+ return /* @__PURE__ */ React.createElement(React.Fragment, { key: bread }, index > 0 && /* @__PURE__ */ React.createElement(BreadcrumbSeparator, null), /* @__PURE__ */ React.createElement(BreadcrumbItem, null, /* @__PURE__ */ React.createElement(BreadcrumbPage, { className: "" }, bread)));
73
+ }))))
74
+ ), /* @__PURE__ */ React.createElement("main", { className: cn("px-4 pb-2 overflow-auto", classNames == null ? void 0 : classNames.main) }, children))));
62
75
  }
63
76
  export {
64
77
  SidebarLayout as default
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../layouts/sidebar1/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '../../components/ui/breadcrumb';\nimport { Separator } from '../../components/ui/separator';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from '../../components/ui/sidebar';\nimport { AppSidebar, ISidebarData } from './app-sidebar';\nimport { INavUser } from './nav-user';\nimport { ThemeProvider } from 'next-themes';\nexport type { ISidebarData };\nexport type { INavUser };\n\nexport default function SidebarLayout({\n children,\n aslink,\n data,\n}: Readonly<{\n children: React.ReactNode;\n aslink: React.ElementType;\n data: ISidebarData;\n}>) {\n const activeItems: string[] = [];\n\n data.menus.forEach((menu) => {\n menu.items.forEach((item) => {\n if (item.subItems) {\n item.subItems.forEach((subItem) => {\n if (subItem.isActive) {\n activeItems.push(item.title, subItem.title);\n }\n });\n } else if (item.isActive) {\n activeItems.push(item.title);\n }\n });\n });\n\n return (\n <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n <SidebarProvider>\n <AppSidebar aslink={aslink} data={data} />\n <SidebarInset>\n <header className=\"flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12\">\n <div className=\"flex items-center gap-2 px-4\">\n <SidebarTrigger className=\"-ml-1\" />\n <Separator orientation=\"vertical\" className=\"mr-2 h-4 w-[1px] bg-secondary\" />\n <Breadcrumb>\n <BreadcrumbList className=\"text-dark\">\n {activeItems.map((bread, index) => {\n return (\n <React.Fragment key={bread}>\n {index > 0 && <BreadcrumbSeparator />}\n <BreadcrumbItem>\n <BreadcrumbPage className=\"\">{bread}</BreadcrumbPage>\n </BreadcrumbItem>\n </React.Fragment>\n );\n })}\n </BreadcrumbList>\n </Breadcrumb>\n </div>\n </header>\n <main className=\"px-4 pb-2 overflow-auto\">{children}</main>\n </SidebarInset>\n </SidebarProvider>\n </ThemeProvider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,WAAW;AAavB,SAAS,qBAAqB;AAIf,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAII;AACF,QAAM,cAAwB,CAAC;AAE/B,OAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,SAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,UAAI,KAAK,UAAU;AACjB,aAAK,SAAS,QAAQ,CAAC,YAAY;AACjC,cAAI,QAAQ,UAAU;AACpB,wBAAY,KAAK,KAAK,OAAO,QAAQ,KAAK;AAAA,UAC5C;AAAA,QACF,CAAC;AAAA,MACH,WAAW,KAAK,UAAU;AACxB,oBAAY,KAAK,KAAK,KAAK;AAAA,MAC7B;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SACE,oCAAC,iBAAc,WAAU,SAAQ,cAAa,UAAS,cAAY,QACjE,oCAAC,uBACC,oCAAC,cAAW,QAAgB,MAAY,GACxC,oCAAC,oBACC,oCAAC,YAAO,WAAU,0IAChB,oCAAC,SAAI,WAAU,kCACb,oCAAC,kBAAe,WAAU,SAAQ,GAClC,oCAAC,aAAU,aAAY,YAAW,WAAU,iCAAgC,GAC5E,oCAAC,kBACC,oCAAC,kBAAe,WAAU,eACvB,YAAY,IAAI,CAAC,OAAO,UAAU;AACjC,WACE,oCAAO,gBAAN,EAAe,KAAK,SAClB,QAAQ,KAAK,oCAAC,yBAAoB,GACnC,oCAAC,sBACC,oCAAC,kBAAe,WAAU,MAAI,KAAM,CACtC,CACF;AAAA,EAEJ,CAAC,CACH,CACF,CACF,CACF,GACA,oCAAC,UAAK,WAAU,6BAA2B,QAAS,CACtD,CACF,CACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../../layouts/sidebar1/index.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport {\n Breadcrumb,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbList,\n BreadcrumbPage,\n BreadcrumbSeparator,\n} from '../../components/ui/breadcrumb';\nimport { Separator } from '../../components/ui/separator';\nimport { SidebarInset, SidebarProvider, SidebarTrigger } from '../../components/ui/sidebar';\nimport { AppSidebar, ISidebarData } from './app-sidebar';\nimport { INavUser } from './nav-user';\nimport { cn } from '../../utils/ui';\nimport { ThemeProvider } from 'next-themes';\nexport type { ISidebarData };\nexport type { INavUser };\n\nexport default function SidebarLayout({\n children,\n header,\n aslink,\n data,\n classNames,\n}: Readonly<{\n children: React.ReactNode;\n header?: React.ReactNode;\n aslink: React.ElementType;\n data: ISidebarData;\n classNames?: {\n sidebar?: string;\n inset?: string;\n header?: string;\n main?: string;\n };\n}>) {\n const activeItems: string[] = [];\n\n data.menus.forEach((menu) => {\n menu.items.forEach((item) => {\n if (item.subItems) {\n item.subItems.forEach((subItem) => {\n if (subItem.isActive) {\n activeItems.push(item.title, subItem.title);\n }\n });\n } else if (item.isActive) {\n activeItems.push(item.title);\n }\n });\n });\n\n return (\n <ThemeProvider attribute=\"class\" defaultTheme=\"system\" enableSystem>\n <SidebarProvider>\n <AppSidebar aslink={aslink} data={data} className={cn(classNames?.sidebar)} />\n <SidebarInset className={cn(classNames?.inset)}>\n <header\n className={cn(\n 'flex h-14 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12',\n classNames?.header,\n )}\n >\n <div className=\"flex items-center gap-2 px-4\">\n <SidebarTrigger className=\"-ml-1\" />\n <Separator orientation=\"vertical\" className=\"\" />\n {header ? (\n header\n ) : (\n <Breadcrumb>\n <BreadcrumbList className=\"text-dark\">\n {activeItems.map((bread, index) => {\n return (\n <React.Fragment key={bread}>\n {index > 0 && <BreadcrumbSeparator />}\n <BreadcrumbItem>\n <BreadcrumbPage className=\"\">{bread}</BreadcrumbPage>\n </BreadcrumbItem>\n </React.Fragment>\n );\n })}\n </BreadcrumbList>\n </Breadcrumb>\n )}\n </div>\n </header>\n <main className={cn('px-4 pb-2 overflow-auto', classNames?.main)}>{children}</main>\n </SidebarInset>\n </SidebarProvider>\n </ThemeProvider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,WAAW;AAcvB,SAAS,qBAAqB;AAIf,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAWI;AACF,QAAM,cAAwB,CAAC;AAE/B,OAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,SAAK,MAAM,QAAQ,CAAC,SAAS;AAC3B,UAAI,KAAK,UAAU;AACjB,aAAK,SAAS,QAAQ,CAAC,YAAY;AACjC,cAAI,QAAQ,UAAU;AACpB,wBAAY,KAAK,KAAK,OAAO,QAAQ,KAAK;AAAA,UAC5C;AAAA,QACF,CAAC;AAAA,MACH,WAAW,KAAK,UAAU;AACxB,oBAAY,KAAK,KAAK,KAAK;AAAA,MAC7B;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,SACE,oCAAC,iBAAc,WAAU,SAAQ,cAAa,UAAS,cAAY,QACjE,oCAAC,uBACC,oCAAC,cAAW,QAAgB,MAAY,WAAW,GAAG,yCAAY,OAAO,GAAG,GAC5E,oCAAC,gBAAa,WAAW,GAAG,yCAAY,KAAK,KAC3C;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,yCAAY;AAAA,MACd;AAAA;AAAA,IAEA,oCAAC,SAAI,WAAU,kCACb,oCAAC,kBAAe,WAAU,SAAQ,GAClC,oCAAC,aAAU,aAAY,YAAW,WAAU,IAAG,GAC9C,SACC,SAEA,oCAAC,kBACC,oCAAC,kBAAe,WAAU,eACvB,YAAY,IAAI,CAAC,OAAO,UAAU;AACjC,aACE,oCAAO,gBAAN,EAAe,KAAK,SAClB,QAAQ,KAAK,oCAAC,yBAAoB,GACnC,oCAAC,sBACC,oCAAC,kBAAe,WAAU,MAAI,KAAM,CACtC,CACF;AAAA,IAEJ,CAAC,CACH,CACF,CAEJ;AAAA,EACF,GACA,oCAAC,UAAK,WAAW,GAAG,2BAA2B,yCAAY,IAAI,KAAI,QAAS,CAC9E,CACF,CACF;AAEJ;","names":[]}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.2",
2
+ "version": "0.1.4",
3
3
  "description": "shadcn UI theme",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,