@c-rex/components 0.0.8 → 0.0.9

package/dist/stories/navbar.stories.cjs.js

@@ -0,0 +1,151 @@
+"use strict";
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/stories/navbar.stories.tsx
+var navbar_stories_exports = {};
+__export(navbar_stories_exports, {
+    Default: function() {
+        return Default;
+    },
+    default: function() {
+        return navbar_stories_default;
+    }
+});
+module.exports = __toCommonJS(navbar_stories_exports);
+// src/navbar.tsx
+var import_link = __toESM(require("next/link"), 1);
+var import_button = require("@c-rex/ui/button");
+var import_image = __toESM(require("next/image"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var NavBar = function() {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("header", {
+        className: "sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+            className: "container flex justify-between",
+            children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+                    className: "flex gap-6 md:gap-10",
+                    children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, {
+                            href: "/",
+                            className: "flex items-center space-x-1.5",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.default, {
+                                src: "/img/logo.png",
+                                alt: "C-rex Logo",
+                                width: 88,
+                                height: 50
+                            })
+                        }),
+                        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("nav", {
+                            className: "hidden gap-6 md:flex",
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, {
+                                    href: "/blog",
+                                    prefetch: true,
+                                    className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm",
+                                    children: "Blog"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, {
+                                    href: "#",
+                                    prefetch: true,
+                                    className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm",
+                                    children: "Documentation"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                    className: "flex items-center space-x-3",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, {
+                        className: "hidden gap-2 px-5 md:flex",
+                        variant: "default",
+                        size: "sm",
+                        rounded: "full",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                            children: "Sign In"
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+// src/stories/navbar.stories.tsx
+var meta = {
+    title: "Components/NavBar",
+    component: NavBar,
+    tags: [
+        "autodocs"
+    ],
+    parameters: {
+        layout: "padded"
+    }
+};
+var navbar_stories_default = meta;
+var Default = {};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    Default: Default
+});
+//# sourceMappingURL=navbar.stories.cjs.js.map

package/dist/stories/navbar.stories.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/navbar.stories.cjs.js","../../src/stories/navbar.stories.tsx","../../src/navbar.tsx"],"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","navbar_stories_exports","Default","default","navbar_stories_default","module","exports","import_link","require","import_button","import_image","import_jsx_runtime","NavBar","jsx","className","children","jsxs","Link","href","Image","src","alt","width","height","prefetch","Button","variant","size","rounded","meta","title","component","tags","parameters","layout"],"mappings":"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","sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/stories/navbar.stories.tsx\nvar navbar_stories_exports = {};\n__export(navbar_stories_exports, {\n  Default: () => Default,\n  default: () => navbar_stories_default\n});\nmodule.exports = __toCommonJS(navbar_stories_exports);\n\n// src/navbar.tsx\nvar import_link = __toESM(require(\"next/link\"), 1);\nvar import_button = require(\"@c-rex/ui/button\");\nvar import_image = __toESM(require(\"next/image\"), 1);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar NavBar = () => {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"header\", { className: \"sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4\", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { className: \"container flex justify-between\", children: [\n    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"div\", { className: \"flex gap-6 md:gap-10\", children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_link.default, { href: \"/\", className: \"flex items-center space-x-1.5\", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n        import_image.default,\n        {\n          src: \"/img/logo.png\",\n          alt: \"C-rex Logo\",\n          width: 88,\n          height: 50\n        }\n      ) }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(\"nav\", { className: \"hidden gap-6 md:flex\", children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n          import_link.default,\n          {\n            href: \"/blog\",\n            prefetch: true,\n            className: \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\",\n            children: \"Blog\"\n          }\n        ),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n          import_link.default,\n          {\n            href: \"#\",\n            prefetch: true,\n            className: \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\",\n            children: \"Documentation\"\n          }\n        )\n      ] })\n    ] }),\n    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"div\", { className: \"flex items-center space-x-3\", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\n      import_button.Button,\n      {\n        className: \"hidden gap-2 px-5 md:flex\",\n        variant: \"default\",\n        size: \"sm\",\n        rounded: \"full\",\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"span\", { children: \"Sign In\" })\n      }\n    ) })\n  ] }) });\n};\n\n// src/stories/navbar.stories.tsx\nvar meta = {\n  title: \"Components/NavBar\",\n  component: NavBar,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"padded\"\n  }\n};\nvar navbar_stories_default = meta;\nvar Default = {};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  Default\n});\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { NavBar } from '../navbar';\n\nconst meta: Meta = {\n    title: 'Components/NavBar',\n    component: NavBar,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n} satisfies Meta<typeof NavBar>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {}","import { FC } from \"react\";\n\nimport Link from \"next/link\";\nimport { Button } from \"@c-rex/ui/button\";\nimport Image from \"next/image\";\n\ninterface NavBarProps {\n    scroll?: boolean;\n    large?: boolean;\n}\n\nexport const NavBar: FC<NavBarProps> = () => {\n    return (\n        <header className=\"sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4\">\n            <div className=\"container flex justify-between\">\n                <div className=\"flex gap-6 md:gap-10\">\n                    <Link href=\"/\" className=\"flex items-center space-x-1.5\">\n                        <Image\n                            src=\"/img/logo.png\"\n                            alt=\"C-rex Logo\"\n                            width={88}\n                            height={50}\n                        />\n                    </Link>\n\n                    <nav className=\"hidden gap-6 md:flex\">\n                        {/*\n                        TODO: add map to load links\n                        TODO: add function to validate active item\n                    */}\n                        <Link\n                            href={\"/blog\"}\n                            prefetch={true}\n                            className={\n                                \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\"\n                            }\n                        >\n                            Blog\n                        </Link>\n\n                        <Link\n                            href={\"#\"}\n                            prefetch={true}\n                            className={\n                                \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\"\n                            }\n                        >\n                            Documentation\n                        </Link>\n                    </nav>\n                </div>\n\n                <div className=\"flex items-center space-x-3\">\n                    <Button\n                        className=\"hidden gap-2 px-5 md:flex\"\n                        variant=\"default\"\n                        size=\"sm\"\n                        rounded=\"full\"\n                    >\n                        <span>Sign In</span>\n                    </Button>\n                </div>\n            </div>\n        </header>\n    );\n};\n"]}

package/dist/stories/navbar.stories.d.cts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+
+export { Default, meta as default };

package/dist/stories/navbar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta;
+
+type Story = StoryObj<typeof meta>;
+declare const Default: Story;
+
+export { Default, meta as default };

package/dist/stories/navbar.stories.esm.js

@@ -0,0 +1,74 @@
+// src/navbar.tsx
+import Link from "next/link";
+import { Button } from "@c-rex/ui/button";
+import Image from "next/image";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NavBar = function() {
+    return /* @__PURE__ */ jsx("header", {
+        className: "sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4",
+        children: /* @__PURE__ */ jsxs("div", {
+            className: "container flex justify-between",
+            children: [
+                /* @__PURE__ */ jsxs("div", {
+                    className: "flex gap-6 md:gap-10",
+                    children: [
+                        /* @__PURE__ */ jsx(Link, {
+                            href: "/",
+                            className: "flex items-center space-x-1.5",
+                            children: /* @__PURE__ */ jsx(Image, {
+                                src: "/img/logo.png",
+                                alt: "C-rex Logo",
+                                width: 88,
+                                height: 50
+                            })
+                        }),
+                        /* @__PURE__ */ jsxs("nav", {
+                            className: "hidden gap-6 md:flex",
+                            children: [
+                                /* @__PURE__ */ jsx(Link, {
+                                    href: "/blog",
+                                    prefetch: true,
+                                    className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm",
+                                    children: "Blog"
+                                }),
+                                /* @__PURE__ */ jsx(Link, {
+                                    href: "#",
+                                    prefetch: true,
+                                    className: "flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm",
+                                    children: "Documentation"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /* @__PURE__ */ jsx("div", {
+                    className: "flex items-center space-x-3",
+                    children: /* @__PURE__ */ jsx(Button, {
+                        className: "hidden gap-2 px-5 md:flex",
+                        variant: "default",
+                        size: "sm",
+                        rounded: "full",
+                        children: /* @__PURE__ */ jsx("span", {
+                            children: "Sign In"
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+// src/stories/navbar.stories.tsx
+var meta = {
+    title: "Components/NavBar",
+    component: NavBar,
+    tags: [
+        "autodocs"
+    ],
+    parameters: {
+        layout: "padded"
+    }
+};
+var navbar_stories_default = meta;
+var Default = {};
+export { Default, navbar_stories_default as default };
+//# sourceMappingURL=navbar.stories.esm.js.map

package/dist/stories/navbar.stories.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/navbar.stories.esm.js","../../src/navbar.tsx","../../src/stories/navbar.stories.tsx"],"names":["Link","Button","Image","jsx","jsxs","NavBar","className","children","href","src","alt","width","height","prefetch","variant","size","rounded","meta","title","component","tags","parameters","layout","navbar_stories_default","Default","default"],"mappings":"AAAA,iBAAiB;ACEjB,OAAOA,UAAU,YAAA;AACjB,SAASC,MAAA,QAAc,mBAAA;AACvB,OAAOC,WAAW,aAAA;AAaM,SAAAC,GAAA,EAQJC,IAAA,QARI,oBAAA;AANjB,IAAMC,SAA0B;IACnC,OACI,aAAA,GAAAF,IAAC,UAAA;QAAOG,WAAU;QACdC,UAAA,aAAA,GAAAH,KAAC,OAAA;YAAIE,WAAU;YACXC,UAAA;gBAAA,aAAA,GAAAH,KAAC,OAAA;oBAAIE,WAAU;oBACXC,UAAA;wBAAA,aAAA,GAAAJ,IAACH,MAAA;4BAAKQ,MAAK;4BAAIF,WAAU;4BACrBC,UAAA,aAAA,GAAAJ,IAACD,OAAA;gCACGO,KAAI;gCACJC,KAAI;gCACJC,OAAO;gCACPC,QAAQ;4BAAA;wBACZ;wBAGJ,aAAA,GAAAR,KAAC,OAAA;4BAAIE,WAAU;4BAKXC,UAAA;gCAAA,aAAA,GAAAJ,IAACH,MAAA;oCACGQ,MAAM;oCACNK,UAAU;oCACVP,WACI;oCAEPC,UAAA;gCAAA;gCAID,aAAA,GAAAJ,IAACH,MAAA;oCACGQ,MAAM;oCACNK,UAAU;oCACVP,WACI;oCAEPC,UAAA;gCAAA;6BAED;wBAAA;qBACJ;gBAAA;gBAGJ,aAAA,GAAAJ,IAAC,OAAA;oBAAIG,WAAU;oBACXC,UAAA,aAAA,GAAAJ,IAACF,QAAA;wBACGK,WAAU;wBACVQ,SAAQ;wBACRC,MAAK;wBACLC,SAAQ;wBAERT,UAAA,aAAA,GAAAJ,IAAC,QAAA;4BAAKI,UAAA;wBAAA;oBAAO;gBACjB;aACJ;QAAA;IACJ;AAGZ;ADdA,iCAAiC;AEhDjC,IAAMU,OAAa;IACfC,OAAO;IACPC,WAAWd;IACXe,MAAM;QAAC;KAAU;IACjBC,YAAY;QACRC,QAAQ;IACZ;AACJ;AAEA,IAAOC,yBAAQN;AAGR,IAAMO,UAAiB,CAAC;AF+C/B,SACEA,OAAO,EACPD,0BAA0BE,OAAO,GACjC","sourcesContent":["// src/navbar.tsx\nimport Link from \"next/link\";\nimport { Button } from \"@c-rex/ui/button\";\nimport Image from \"next/image\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar NavBar = () => {\n  return /* @__PURE__ */ jsx(\"header\", { className: \"sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4\", children: /* @__PURE__ */ jsxs(\"div\", { className: \"container flex justify-between\", children: [\n    /* @__PURE__ */ jsxs(\"div\", { className: \"flex gap-6 md:gap-10\", children: [\n      /* @__PURE__ */ jsx(Link, { href: \"/\", className: \"flex items-center space-x-1.5\", children: /* @__PURE__ */ jsx(\n        Image,\n        {\n          src: \"/img/logo.png\",\n          alt: \"C-rex Logo\",\n          width: 88,\n          height: 50\n        }\n      ) }),\n      /* @__PURE__ */ jsxs(\"nav\", { className: \"hidden gap-6 md:flex\", children: [\n        /* @__PURE__ */ jsx(\n          Link,\n          {\n            href: \"/blog\",\n            prefetch: true,\n            className: \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\",\n            children: \"Blog\"\n          }\n        ),\n        /* @__PURE__ */ jsx(\n          Link,\n          {\n            href: \"#\",\n            prefetch: true,\n            className: \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\",\n            children: \"Documentation\"\n          }\n        )\n      ] })\n    ] }),\n    /* @__PURE__ */ jsx(\"div\", { className: \"flex items-center space-x-3\", children: /* @__PURE__ */ jsx(\n      Button,\n      {\n        className: \"hidden gap-2 px-5 md:flex\",\n        variant: \"default\",\n        size: \"sm\",\n        rounded: \"full\",\n        children: /* @__PURE__ */ jsx(\"span\", { children: \"Sign In\" })\n      }\n    ) })\n  ] }) });\n};\n\n// src/stories/navbar.stories.tsx\nvar meta = {\n  title: \"Components/NavBar\",\n  component: NavBar,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"padded\"\n  }\n};\nvar navbar_stories_default = meta;\nvar Default = {};\nexport {\n  Default,\n  navbar_stories_default as default\n};\n","import { FC } from \"react\";\n\nimport Link from \"next/link\";\nimport { Button } from \"@c-rex/ui/button\";\nimport Image from \"next/image\";\n\ninterface NavBarProps {\n    scroll?: boolean;\n    large?: boolean;\n}\n\nexport const NavBar: FC<NavBarProps> = () => {\n    return (\n        <header className=\"sticky top-0 z-40 flex w-full bg-background/60 backdrop-blur-xl transition-all bg-transparent border-b justify-center py-4\">\n            <div className=\"container flex justify-between\">\n                <div className=\"flex gap-6 md:gap-10\">\n                    <Link href=\"/\" className=\"flex items-center space-x-1.5\">\n                        <Image\n                            src=\"/img/logo.png\"\n                            alt=\"C-rex Logo\"\n                            width={88}\n                            height={50}\n                        />\n                    </Link>\n\n                    <nav className=\"hidden gap-6 md:flex\">\n                        {/*\n                        TODO: add map to load links\n                        TODO: add function to validate active item\n                    */}\n                        <Link\n                            href={\"/blog\"}\n                            prefetch={true}\n                            className={\n                                \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\"\n                            }\n                        >\n                            Blog\n                        </Link>\n\n                        <Link\n                            href={\"#\"}\n                            prefetch={true}\n                            className={\n                                \"flex items-center text-lg font-medium transition-colors hover:text-foreground/80 sm:text-sm\"\n                            }\n                        >\n                            Documentation\n                        </Link>\n                    </nav>\n                </div>\n\n                <div className=\"flex items-center space-x-3\">\n                    <Button\n                        className=\"hidden gap-2 px-5 md:flex\"\n                        variant=\"default\"\n                        size=\"sm\"\n                        rounded=\"full\"\n                    >\n                        <span>Sign In</span>\n                    </Button>\n                </div>\n            </div>\n        </header>\n    );\n};\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { NavBar } from '../navbar';\n\nconst meta: Meta = {\n    title: 'Components/NavBar',\n    component: NavBar,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'padded',\n    },\n} satisfies Meta<typeof NavBar>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {}"]}

package/dist/stories/sidebar.stories.cjs.js

@@ -0,0 +1,327 @@
+"use strict";
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/stories/sidebar.stories.tsx
+var sidebar_stories_exports = {};
+__export(sidebar_stories_exports, {
+    Default: function() {
+        return Default;
+    },
+    Loading: function() {
+        return Loading;
+    },
+    default: function() {
+        return sidebar_stories_default;
+    }
+});
+module.exports = __toCommonJS(sidebar_stories_exports);
+// src/sidebar.tsx
+var import_sidebar = require("@c-rex/ui/sidebar");
+var import_skeleton = require("@c-rex/ui/skeleton");
+var import_jsx_runtime = require("react/jsx-runtime");
+function AppSidebar(_param) {
+    var data = _param.data, loading = _param.loading, props = _object_without_properties(_param, [
+        "data",
+        "loading"
+    ]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.Sidebar, _object_spread_props(_object_spread({
+        collapsible: "icon"
+    }, props), {
+        className: "top-20",
+        children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarContent, {
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarGroup, {
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenu, {
+                        className: "pt-4",
+                        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                            children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2 ml-8"
+                                }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
+                                    className: "w-auto h-10 mb-2"
+                                })
+                            ]
+                        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+                            children: data.map(function(item) {
+                                var _item_children;
+                                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sidebar.SidebarMenuItem, {
+                                    children: [
+                                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuButton, {
+                                            asChild: true,
+                                            isActive: item.active,
+                                            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                                                href: item.link,
+                                                title: item.label,
+                                                children: item.label
+                                            })
+                                        }),
+                                        ((_item_children = item.children) === null || _item_children === void 0 ? void 0 : _item_children.length) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSub, {
+                                            children: item.children.map(function(item2) {
+                                                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSubItem, {
+                                                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarMenuSubButton, {
+                                                        asChild: true,
+                                                        isActive: item2.active,
+                                                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+                                                            href: item2.link,
+                                                            title: item2.label,
+                                                            children: item2.label
+                                                        })
+                                                    })
+                                                }, item2.label);
+                                            })
+                                        }) : null
+                                    ]
+                                }, item.id);
+                            })
+                        })
+                    })
+                })
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.SidebarRail, {})
+        ]
+    }));
+}
+// src/stories/sidebar.stories.tsx
+var import_sidebar3 = require("@c-rex/ui/sidebar");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var meta = {
+    title: "Components/Sidebar",
+    component: AppSidebar,
+    tags: [
+        "autodocs"
+    ],
+    parameters: {
+        layout: "centered"
+    },
+    argTypes: {
+        data: {
+            control: "object"
+        },
+        loading: {
+            control: "boolean"
+        }
+    },
+    decorators: [
+        function(Story) {
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sidebar3.SidebarProvider, {
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sidebar3.SidebarTrigger, {}),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", {
+                        className: "flex",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sidebar3.SidebarInset, {
+                            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Story, {})
+                        })
+                    })
+                ]
+            });
+        }
+    ]
+};
+var sidebar_stories_default = meta;
+var mockData = [
+    {
+        id: "1",
+        label: "Getting Started",
+        link: "/docs/getting-started",
+        active: true,
+        children: [
+            {
+                id: "1-1",
+                label: "Installation",
+                link: "/docs/getting-started/installation",
+                active: false,
+                children: []
+            },
+            {
+                id: "1-2",
+                label: "Configuration",
+                link: "/docs/getting-started/configuration",
+                active: false,
+                children: []
+            }
+        ]
+    },
+    {
+        id: "2",
+        label: "Components",
+        link: "/docs/components",
+        active: false,
+        children: [
+            {
+                id: "2-1",
+                label: "Sidebar",
+                link: "/docs/components/sidebar",
+                active: false,
+                children: []
+            },
+            {
+                id: "2-2",
+                label: "Navbar",
+                link: "/docs/components/navbar",
+                active: false,
+                children: []
+            }
+        ]
+    }
+];
+var Default = {
+    args: {
+        data: mockData,
+        loading: false
+    }
+};
+var Loading = {
+    args: {
+        data: [],
+        loading: true
+    }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+    Default: Default,
+    Loading: Loading
+});
+//# sourceMappingURL=sidebar.stories.cjs.js.map