@c-rex/components 0.0.9 → 0.0.10

package/dist/stories/blur-image.stories.esm.js

@@ -1,180 +0,0 @@
-// src/blur-image.tsx
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-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 _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-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 _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { useState } from "react";
-import Image from "next/image";
-// ../utils/src/classMerge.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn() {
-    for(var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++){
-        inputs[_key] = arguments[_key];
-    }
-    return twMerge(clsx(inputs));
-}
-// src/blur-image.tsx
-import { jsx } from "react/jsx-runtime";
-var BlurImage = function(props) {
-    var _useState = _sliced_to_array(useState(true), 2), isLoading = _useState[0], setLoading = _useState[1];
-    return /* @__PURE__ */ jsx(Image, _object_spread_props(_object_spread({}, props), {
-        alt: props.alt,
-        className: cn(props.className, "duration-500 ease-in-out", isLoading ? "blur-sm" : "blur-0"),
-        onLoad: function() {
-            return setLoading(false);
-        }
-    }));
-};
-// src/stories/blur-image.stories.tsx
-var meta = {
-    title: "Components/BlurImage",
-    component: BlurImage,
-    tags: [
-        "autodocs"
-    ],
-    parameters: {
-        layout: "centered"
-    },
-    argTypes: {
-        src: {
-            control: "text"
-        },
-        alt: {
-            control: "text"
-        },
-        width: {
-            control: "number"
-        },
-        height: {
-            control: "number"
-        },
-        className: {
-            control: "text"
-        }
-    }
-};
-var blur_image_stories_default = meta;
-var Default = {
-    args: {
-        src: "https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-        alt: "Sample image with blur effect",
-        width: 400,
-        height: 300,
-        className: "rounded-lg"
-    }
-};
-var SmallImage = {
-    args: {
-        src: "https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-        alt: "Small sample image with blur effect",
-        width: 200,
-        height: 150,
-        className: "rounded-lg"
-    }
-};
-var RoundedImage = {
-    args: {
-        src: "https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
-        alt: "Rounded sample image with blur effect",
-        width: 300,
-        height: 300,
-        className: "rounded-full"
-    }
-};
-export { Default, RoundedImage, SmallImage, blur_image_stories_default as default };
-//# sourceMappingURL=blur-image.stories.esm.js.map

package/dist/stories/blur-image.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/blur-image.stories.esm.js","../../src/blur-image.tsx","../../../utils/src/classMerge.ts","../../src/stories/blur-image.stories.tsx"],"names":["useState","Image","clsx","twMerge","cn","inputs","jsx","BlurImage","props","isLoading","setLoading","alt","className","onLoad","meta","title","component","tags","parameters","layout","argTypes","src","control","width","height","blur_image_stories_default","Default","args","SmallImage","RoundedImage","default"],"mappings":"AAAA,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACErB,SAASA,QAAA,QAAgB,QAAA;AAEzB,OAAOC,WAAW,aAAA;ADAlB,6BAA6B;AEJ7B,SAASC,IAAA,QAA6B,OAAA;AACtC,SAASC,OAAA,QAAe,iBAAA;AAEjB,SAASC;IAAA,IAAA,IAAA,OAAA,UAAA,QAAA,AAAMC,SAAN,UAAA,OAAA,OAAA,GAAA,OAAA,MAAA;QAAMA,OAAN,QAAA,SAAA,CAAA,KAAM;;IAClB,OAAOF,QAAQD,KAAKG;AACxB;AFMA,qBAAqB;ACAb,SAAAC,GAAA,QAAA,oBAAA;AAJD,IAAMC,YAAY,SAACC;IACtB,IAAgCR,6BAAAA,SAAS,WAAlCS,YAAyBT,cAAdU,aAAcV;IAEhC,OACI,aAAA,GAAAM,IAACL,OAAA,wCACOO;QACJG,KAAKH,MAAMG,GAAA;QACXC,WAAWR,GACPI,MAAMI,SAAA,EACN,4BACAH,YAAY,YAAY;QAE5BI,QAAQ;mBAAMH,WAAW;;;AAGrC;ADQA,qCAAqC;AG3BrC,IAAMI,OAAO;IACTC,OAAO;IACPC,WAAWT;IACXU,MAAM;QAAC;KAAU;IACjBC,YAAY;QACRC,QAAQ;IACZ;IACAC,UAAU;QACNC,KAAK;YAAEC,SAAS;QAAO;QACvBX,KAAK;YAAEW,SAAS;QAAO;QACvBC,OAAO;YAAED,SAAS;QAAS;QAC3BE,QAAQ;YAAEF,SAAS;QAAS;QAC5BV,WAAW;YAAEU,SAAS;QAAO;IACjC;AACJ;AAEA,IAAOG,6BAAQX;AAGR,IAAMY,UAAiB;IAC1BC,MAAM;QACFN,KAAK;QACLV,KAAK;QACLY,OAAO;QACPC,QAAQ;QACRZ,WAAW;IACf;AACJ;AAEO,IAAMgB,aAAoB;IAC7BD,MAAM;QACFN,KAAK;QACLV,KAAK;QACLY,OAAO;QACPC,QAAQ;QACRZ,WAAW;IACf;AACJ;AAEO,IAAMiB,eAAsB;IAC/BF,MAAM;QACFN,KAAK;QACLV,KAAK;QACLY,OAAO;QACPC,QAAQ;QACRZ,WAAW;IACf;AACJ;AHwBA,SACEc,OAAO,EACPG,YAAY,EACZD,UAAU,EACVH,8BAA8BK,OAAO,GACrC","sourcesContent":["// src/blur-image.tsx\nimport { useState } from \"react\";\nimport Image from \"next/image\";\n\n// ../utils/src/classMerge.ts\nimport { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nfunction cn(...inputs) {\n  return twMerge(clsx(inputs));\n}\n\n// src/blur-image.tsx\nimport { jsx } from \"react/jsx-runtime\";\nvar BlurImage = (props) => {\n  const [isLoading, setLoading] = useState(true);\n  return /* @__PURE__ */ jsx(\n    Image,\n    {\n      ...props,\n      alt: props.alt,\n      className: cn(\n        props.className,\n        \"duration-500 ease-in-out\",\n        isLoading ? \"blur-sm\" : \"blur-0\"\n      ),\n      onLoad: () => setLoading(false)\n    }\n  );\n};\n\n// src/stories/blur-image.stories.tsx\nvar meta = {\n  title: \"Components/BlurImage\",\n  component: BlurImage,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\"\n  },\n  argTypes: {\n    src: { control: \"text\" },\n    alt: { control: \"text\" },\n    width: { control: \"number\" },\n    height: { control: \"number\" },\n    className: { control: \"text\" }\n  }\n};\nvar blur_image_stories_default = meta;\nvar Default = {\n  args: {\n    src: \"https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1\",\n    alt: \"Sample image with blur effect\",\n    width: 400,\n    height: 300,\n    className: \"rounded-lg\"\n  }\n};\nvar SmallImage = {\n  args: {\n    src: \"https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1\",\n    alt: \"Small sample image with blur effect\",\n    width: 200,\n    height: 150,\n    className: \"rounded-lg\"\n  }\n};\nvar RoundedImage = {\n  args: {\n    src: \"https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1\",\n    alt: \"Rounded sample image with blur effect\",\n    width: 300,\n    height: 300,\n    className: \"rounded-full\"\n  }\n};\nexport {\n  Default,\n  RoundedImage,\n  SmallImage,\n  blur_image_stories_default as default\n};\n","\"use client\";\n\nimport { useState } from \"react\";\nimport type { ComponentProps } from \"react\";\nimport Image from \"next/image\";\nimport { cn } from \"@c-rex/utils\";\n\nexport const BlurImage = (props: ComponentProps<typeof Image>) => {\n    const [isLoading, setLoading] = useState(true);\n\n    return (\n        <Image\n            {...props}\n            alt={props.alt}\n            className={cn(\n                props.className,\n                \"duration-500 ease-in-out\",\n                isLoading ? \"blur-sm\" : \"blur-0\",\n            )}\n            onLoad={() => setLoading(false)}\n        />\n    );\n}\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { BlurImage } from '../blur-image';\n\nconst meta = {\n    title: 'Components/BlurImage',\n    component: BlurImage,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    },\n    argTypes: {\n        src: { control: 'text' },\n        alt: { control: 'text' },\n        width: { control: 'number' },\n        height: { control: 'number' },\n        className: { control: 'text' },\n    },\n} satisfies Meta<typeof BlurImage>;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n    args: {\n        src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',\n        alt: 'Sample image with blur effect',\n        width: 400,\n        height: 300,\n        className: 'rounded-lg',\n    },\n};\n\nexport const SmallImage: Story = {\n    args: {\n        src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',\n        alt: 'Small sample image with blur effect',\n        width: 200,\n        height: 150,\n        className: 'rounded-lg',\n    },\n};\n\nexport const RoundedImage: Story = {\n    args: {\n        src: 'https://images.pexels.com/photos/31712301/pexels-photo-31712301/free-photo-of-scenic-cycling-tour-in-andernach-fields.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1',\n        alt: 'Rounded sample image with blur effect',\n        width: 300,\n        height: 300,\n        className: 'rounded-full',\n    },\n};"]}

package/dist/stories/breadcrumb.stories.cjs.js

@@ -1,214 +0,0 @@
-"use strict";
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-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/breadcrumb.stories.tsx
-var breadcrumb_stories_exports = {};
-__export(breadcrumb_stories_exports, {
-    Default: function() {
-        return Default;
-    },
-    Loading: function() {
-        return Loading;
-    },
-    default: function() {
-        return breadcrumb_stories_default;
-    }
-});
-module.exports = __toCommonJS(breadcrumb_stories_exports);
-// src/breadcrumb.tsx
-var import_breadcrumb = require("@c-rex/ui/breadcrumb");
-var import_skeleton = require("@c-rex/ui/skeleton");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Breadcrumb = function(param) {
-    var items = param.items, loading = param.loading;
-    if (!items) {
-        return null;
-    }
-    if (loading) {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_breadcrumb.BreadcrumbList, {
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, {
-                            children: "Home"
-                        })
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
-                            className: "w-40 h-6"
-                        })
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
-                        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, {
-                            className: "w-40 h-6"
-                        })
-                    })
-                ]
-            })
-        });
-    }
-    var homeItem = {
-        link: "/",
-        label: "Home",
-        id: "home",
-        active: false,
-        children: []
-    };
-    var newItemList = [
-        homeItem
-    ].concat(_to_consumable_array(items));
-    var renderLink = function(showLink, item) {
-        if (showLink) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbLink, {
-                href: item.link,
-                children: item.label
-            });
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, {
-            children: item.label
-        });
-    };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbList, {
-            children: newItemList.map(function(item, index) {
-                var isLast = index === newItemList.length - 1;
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-                    children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, {
-                            children: renderLink(!isLast, item)
-                        }, "".concat(item.label, "-item")),
-                        !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}, "".concat(item.label, "-separator"))
-                    ]
-                });
-            })
-        })
-    });
-};
-// src/stories/breadcrumb.stories.tsx
-var meta = {
-    title: "Components/Breadcrumb",
-    component: Breadcrumb,
-    tags: [
-        "autodocs"
-    ],
-    parameters: {
-        layout: "centered"
-    }
-};
-var breadcrumb_stories_default = meta;
-var mockItems = [
-    {
-        id: "docs",
-        label: "Documentation",
-        link: "/docs",
-        active: false,
-        children: []
-    },
-    {
-        id: "components",
-        label: "Components",
-        link: "/docs/components",
-        active: false,
-        children: []
-    },
-    {
-        id: "breadcrumb",
-        label: "Breadcrumb",
-        link: "/docs/components/breadcrumb",
-        active: true,
-        children: []
-    }
-];
-var Default = {
-    args: {
-        items: mockItems,
-        loading: false
-    }
-};
-var Loading = {
-    args: {
-        items: [],
-        loading: true
-    }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-    Default: Default,
-    Loading: Loading
-});
-//# sourceMappingURL=breadcrumb.stories.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/breadcrumb.stories.cjs.js","../../src/stories/breadcrumb.stories.tsx","../../src/breadcrumb.tsx"],"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","breadcrumb_stories_exports","Default","Loading","default","breadcrumb_stories_default","module","exports","import_breadcrumb","require","import_skeleton","import_jsx_runtime","Breadcrumb","items","loading","jsx","BreadcrumbComponent","children","jsxs","BreadcrumbList","BreadcrumbItem","BreadcrumbPage","BreadcrumbSeparator","Skeleton","className","homeItem","link","label","id","active","newItemList","renderLink","showLink","item","BreadcrumbLink","href","map","index","isLast","length","Fragment","meta","title","component","tags","parameters","layout","mockItems","args"],"mappings":"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","sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\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 __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\n\n// src/stories/breadcrumb.stories.tsx\nvar breadcrumb_stories_exports = {};\n__export(breadcrumb_stories_exports, {\n  Default: () => Default,\n  Loading: () => Loading,\n  default: () => breadcrumb_stories_default\n});\nmodule.exports = __toCommonJS(breadcrumb_stories_exports);\n\n// src/breadcrumb.tsx\nvar import_breadcrumb = require(\"@c-rex/ui/breadcrumb\");\nvar import_skeleton = require(\"@c-rex/ui/skeleton\");\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar Breadcrumb = ({ items, loading }) => {\n  if (!items) {\n    return null;\n  }\n  if (loading) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_breadcrumb.BreadcrumbList, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, { children: \"Home\" }) }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-40 h-6\" }) }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_skeleton.Skeleton, { className: \"w-40 h-6\" }) })\n    ] }) });\n  }\n  const homeItem = {\n    link: \"/\",\n    label: \"Home\",\n    id: \"home\",\n    active: false,\n    children: []\n  };\n  const newItemList = [homeItem, ...items];\n  const renderLink = (showLink, item) => {\n    if (showLink) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbLink, { href: item.link, children: item.label });\n    }\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbPage, { children: item.label });\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbList, { children: newItemList.map((item, index) => {\n    const isLast = index === newItemList.length - 1;\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`),\n      !isLast && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_breadcrumb.BreadcrumbSeparator, {}, `${item.label}-separator`)\n    ] });\n  }) }) });\n};\n\n// src/stories/breadcrumb.stories.tsx\nvar meta = {\n  title: \"Components/Breadcrumb\",\n  component: Breadcrumb,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\"\n  }\n};\nvar breadcrumb_stories_default = meta;\nvar mockItems = [\n  {\n    id: \"docs\",\n    label: \"Documentation\",\n    link: \"/docs\",\n    active: false,\n    children: []\n  },\n  {\n    id: \"components\",\n    label: \"Components\",\n    link: \"/docs/components\",\n    active: false,\n    children: []\n  },\n  {\n    id: \"breadcrumb\",\n    label: \"Breadcrumb\",\n    link: \"/docs/components/breadcrumb\",\n    active: true,\n    children: []\n  }\n];\nvar Default = {\n  args: {\n    items: mockItems,\n    loading: false\n  }\n};\nvar Loading = {\n  args: {\n    items: [],\n    loading: true\n  }\n};\n// Annotate the CommonJS export names for ESM import in node:\n0 && (module.exports = {\n  Default,\n  Loading\n});\n","import type { Meta, StoryObj } from '@storybook/react';\nimport { Breadcrumb } from '../breadcrumb';\n\nconst meta: Meta = {\n    title: 'Components/Breadcrumb',\n    component: Breadcrumb,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    }\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n    {\n        id: 'docs',\n        label: 'Documentation',\n        link: '/docs',\n        active: false,\n        children: [],\n    },\n    {\n        id: 'components',\n        label: 'Components',\n        link: '/docs/components',\n        active: false,\n        children: [],\n    },\n    {\n        id: 'breadcrumb',\n        label: 'Breadcrumb',\n        link: '/docs/components/breadcrumb',\n        active: true,\n        children: [],\n    },\n];\n\nexport const Default: Story = {\n    args: {\n        items: mockItems,\n        loading: false,\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        items: [],\n        loading: true,\n    },\n};","import { FC, ReactNode } from \"react\";\nimport {\n    Breadcrumb as BreadcrumbComponent,\n    BreadcrumbItem,\n    BreadcrumbLink,\n    BreadcrumbList,\n    BreadcrumbPage,\n    BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { TreeOfContent } from \"@c-rex/interfaces\";\n\ninterface BreadcrumbProps {\n    items: TreeOfContent[];\n    loading?: boolean;\n}\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ items, loading }) => {\n    if (!items) {\n        return null;\n    }\n\n    if (loading) {\n        return (\n            <BreadcrumbComponent>\n                <BreadcrumbList>\n                    <BreadcrumbItem>\n                        <BreadcrumbPage>Home</BreadcrumbPage>\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator />\n                    <BreadcrumbItem>\n                        <Skeleton className=\"w-40 h-6\" />\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator />\n                    <BreadcrumbItem>\n                        <Skeleton className=\"w-40 h-6\" />\n                    </BreadcrumbItem>\n                </BreadcrumbList>\n            </BreadcrumbComponent>\n        );\n    }\n\n    const homeItem: TreeOfContent = {\n        link: \"/\",\n        label: \"Home\",\n        id: \"home\",\n        active: false,\n        children: [],\n    };\n\n    const newItemList: TreeOfContent[] = [homeItem, ...items];\n\n    const renderLink = (showLink: boolean, item: TreeOfContent): ReactNode => {\n        if (showLink) {\n            return <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>;\n        }\n\n        return <BreadcrumbPage>{item.label}</BreadcrumbPage>;\n    };\n\n    return (\n        <BreadcrumbComponent>\n            <BreadcrumbList>\n                {newItemList.map((item, index) => {\n                    const isLast = index === newItemList.length - 1;\n\n                    return (\n                        <>\n                            <BreadcrumbItem key={`${item.label}-item`}>\n                                {renderLink(!isLast, item)}\n                            </BreadcrumbItem>\n                            {!isLast && (\n                                <BreadcrumbSeparator key={`${item.label}-separator`} />\n                            )}\n                        </>\n                    );\n                })}\n            </BreadcrumbList>\n        </BreadcrumbComponent>\n    );\n};"]}

package/dist/stories/breadcrumb.stories.d.cts

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

package/dist/stories/breadcrumb.stories.d.ts

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

package/dist/stories/breadcrumb.stories.esm.js

@@ -1,145 +0,0 @@
-// src/breadcrumb.tsx
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import { Breadcrumb as BreadcrumbComponent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@c-rex/ui/breadcrumb";
-import { Skeleton } from "@c-rex/ui/skeleton";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Breadcrumb = function(param) {
-    var items = param.items, loading = param.loading;
-    if (!items) {
-        return null;
-    }
-    if (loading) {
-        return /* @__PURE__ */ jsx(BreadcrumbComponent, {
-            children: /* @__PURE__ */ jsxs(BreadcrumbList, {
-                children: [
-                    /* @__PURE__ */ jsx(BreadcrumbItem, {
-                        children: /* @__PURE__ */ jsx(BreadcrumbPage, {
-                            children: "Home"
-                        })
-                    }),
-                    /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-                    /* @__PURE__ */ jsx(BreadcrumbItem, {
-                        children: /* @__PURE__ */ jsx(Skeleton, {
-                            className: "w-40 h-6"
-                        })
-                    }),
-                    /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
-                    /* @__PURE__ */ jsx(BreadcrumbItem, {
-                        children: /* @__PURE__ */ jsx(Skeleton, {
-                            className: "w-40 h-6"
-                        })
-                    })
-                ]
-            })
-        });
-    }
-    var homeItem = {
-        link: "/",
-        label: "Home",
-        id: "home",
-        active: false,
-        children: []
-    };
-    var newItemList = [
-        homeItem
-    ].concat(_to_consumable_array(items));
-    var renderLink = function(showLink, item) {
-        if (showLink) {
-            return /* @__PURE__ */ jsx(BreadcrumbLink, {
-                href: item.link,
-                children: item.label
-            });
-        }
-        return /* @__PURE__ */ jsx(BreadcrumbPage, {
-            children: item.label
-        });
-    };
-    return /* @__PURE__ */ jsx(BreadcrumbComponent, {
-        children: /* @__PURE__ */ jsx(BreadcrumbList, {
-            children: newItemList.map(function(item, index) {
-                var isLast = index === newItemList.length - 1;
-                return /* @__PURE__ */ jsxs(Fragment, {
-                    children: [
-                        /* @__PURE__ */ jsx(BreadcrumbItem, {
-                            children: renderLink(!isLast, item)
-                        }, "".concat(item.label, "-item")),
-                        !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}, "".concat(item.label, "-separator"))
-                    ]
-                });
-            })
-        })
-    });
-};
-// src/stories/breadcrumb.stories.tsx
-var meta = {
-    title: "Components/Breadcrumb",
-    component: Breadcrumb,
-    tags: [
-        "autodocs"
-    ],
-    parameters: {
-        layout: "centered"
-    }
-};
-var breadcrumb_stories_default = meta;
-var mockItems = [
-    {
-        id: "docs",
-        label: "Documentation",
-        link: "/docs",
-        active: false,
-        children: []
-    },
-    {
-        id: "components",
-        label: "Components",
-        link: "/docs/components",
-        active: false,
-        children: []
-    },
-    {
-        id: "breadcrumb",
-        label: "Breadcrumb",
-        link: "/docs/components/breadcrumb",
-        active: true,
-        children: []
-    }
-];
-var Default = {
-    args: {
-        items: mockItems,
-        loading: false
-    }
-};
-var Loading = {
-    args: {
-        items: [],
-        loading: true
-    }
-};
-export { Default, Loading, breadcrumb_stories_default as default };
-//# sourceMappingURL=breadcrumb.stories.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/periotto/Desktop/workspace/c-rex.net-web-client-foundation/packages/components/dist/stories/breadcrumb.stories.esm.js","../../src/breadcrumb.tsx","../../src/stories/breadcrumb.stories.tsx"],"names":["Breadcrumb","BreadcrumbComponent","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","Skeleton","Fragment","jsx","jsxs","items","loading","children","className","homeItem","link","label","id","active","newItemList","renderLink","showLink","item","href","map","index","isLast","length","meta","title","component","tags","parameters","layout","breadcrumb_stories_default","mockItems","Default","args","Loading","default"],"mappings":"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","sourcesContent":["// src/breadcrumb.tsx\nimport {\n  Breadcrumb as BreadcrumbComponent,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nvar Breadcrumb = ({ items, loading }) => {\n  if (!items) {\n    return null;\n  }\n  if (loading) {\n    return /* @__PURE__ */ jsx(BreadcrumbComponent, { children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [\n      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, { children: \"Home\" }) }),\n      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),\n      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Skeleton, { className: \"w-40 h-6\" }) }),\n      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),\n      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(Skeleton, { className: \"w-40 h-6\" }) })\n    ] }) });\n  }\n  const homeItem = {\n    link: \"/\",\n    label: \"Home\",\n    id: \"home\",\n    active: false,\n    children: []\n  };\n  const newItemList = [homeItem, ...items];\n  const renderLink = (showLink, item) => {\n    if (showLink) {\n      return /* @__PURE__ */ jsx(BreadcrumbLink, { href: item.link, children: item.label });\n    }\n    return /* @__PURE__ */ jsx(BreadcrumbPage, { children: item.label });\n  };\n  return /* @__PURE__ */ jsx(BreadcrumbComponent, { children: /* @__PURE__ */ jsx(BreadcrumbList, { children: newItemList.map((item, index) => {\n    const isLast = index === newItemList.length - 1;\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      /* @__PURE__ */ jsx(BreadcrumbItem, { children: renderLink(!isLast, item) }, `${item.label}-item`),\n      !isLast && /* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `${item.label}-separator`)\n    ] });\n  }) }) });\n};\n\n// src/stories/breadcrumb.stories.tsx\nvar meta = {\n  title: \"Components/Breadcrumb\",\n  component: Breadcrumb,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\"\n  }\n};\nvar breadcrumb_stories_default = meta;\nvar mockItems = [\n  {\n    id: \"docs\",\n    label: \"Documentation\",\n    link: \"/docs\",\n    active: false,\n    children: []\n  },\n  {\n    id: \"components\",\n    label: \"Components\",\n    link: \"/docs/components\",\n    active: false,\n    children: []\n  },\n  {\n    id: \"breadcrumb\",\n    label: \"Breadcrumb\",\n    link: \"/docs/components/breadcrumb\",\n    active: true,\n    children: []\n  }\n];\nvar Default = {\n  args: {\n    items: mockItems,\n    loading: false\n  }\n};\nvar Loading = {\n  args: {\n    items: [],\n    loading: true\n  }\n};\nexport {\n  Default,\n  Loading,\n  breadcrumb_stories_default as default\n};\n","import { FC, ReactNode } from \"react\";\nimport {\n    Breadcrumb as BreadcrumbComponent,\n    BreadcrumbItem,\n    BreadcrumbLink,\n    BreadcrumbList,\n    BreadcrumbPage,\n    BreadcrumbSeparator\n} from \"@c-rex/ui/breadcrumb\";\nimport { Skeleton } from \"@c-rex/ui/skeleton\";\nimport { TreeOfContent } from \"@c-rex/interfaces\";\n\ninterface BreadcrumbProps {\n    items: TreeOfContent[];\n    loading?: boolean;\n}\n\nexport const Breadcrumb: FC<BreadcrumbProps> = ({ items, loading }) => {\n    if (!items) {\n        return null;\n    }\n\n    if (loading) {\n        return (\n            <BreadcrumbComponent>\n                <BreadcrumbList>\n                    <BreadcrumbItem>\n                        <BreadcrumbPage>Home</BreadcrumbPage>\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator />\n                    <BreadcrumbItem>\n                        <Skeleton className=\"w-40 h-6\" />\n                    </BreadcrumbItem>\n                    <BreadcrumbSeparator />\n                    <BreadcrumbItem>\n                        <Skeleton className=\"w-40 h-6\" />\n                    </BreadcrumbItem>\n                </BreadcrumbList>\n            </BreadcrumbComponent>\n        );\n    }\n\n    const homeItem: TreeOfContent = {\n        link: \"/\",\n        label: \"Home\",\n        id: \"home\",\n        active: false,\n        children: [],\n    };\n\n    const newItemList: TreeOfContent[] = [homeItem, ...items];\n\n    const renderLink = (showLink: boolean, item: TreeOfContent): ReactNode => {\n        if (showLink) {\n            return <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>;\n        }\n\n        return <BreadcrumbPage>{item.label}</BreadcrumbPage>;\n    };\n\n    return (\n        <BreadcrumbComponent>\n            <BreadcrumbList>\n                {newItemList.map((item, index) => {\n                    const isLast = index === newItemList.length - 1;\n\n                    return (\n                        <>\n                            <BreadcrumbItem key={`${item.label}-item`}>\n                                {renderLink(!isLast, item)}\n                            </BreadcrumbItem>\n                            {!isLast && (\n                                <BreadcrumbSeparator key={`${item.label}-separator`} />\n                            )}\n                        </>\n                    );\n                })}\n            </BreadcrumbList>\n        </BreadcrumbComponent>\n    );\n};","import type { Meta, StoryObj } from '@storybook/react';\nimport { Breadcrumb } from '../breadcrumb';\n\nconst meta: Meta = {\n    title: 'Components/Breadcrumb',\n    component: Breadcrumb,\n    tags: ['autodocs'],\n    parameters: {\n        layout: 'centered',\n    }\n} satisfies Meta;\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nconst mockItems = [\n    {\n        id: 'docs',\n        label: 'Documentation',\n        link: '/docs',\n        active: false,\n        children: [],\n    },\n    {\n        id: 'components',\n        label: 'Components',\n        link: '/docs/components',\n        active: false,\n        children: [],\n    },\n    {\n        id: 'breadcrumb',\n        label: 'Breadcrumb',\n        link: '/docs/components/breadcrumb',\n        active: true,\n        children: [],\n    },\n];\n\nexport const Default: Story = {\n    args: {\n        items: mockItems,\n        loading: false,\n    },\n};\n\nexport const Loading: Story = {\n    args: {\n        items: [],\n        loading: true,\n    },\n};"]}