@nodeblocks/frontend-breadcrumb-block 0.0.2

package/dist/Breadcrumb.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BreadcrumbProps } from './types';
+import './breadcrumb.css';
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../src/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,kBAAkB,CAAC;AAI1B,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAczC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/blocks.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BreadcrumbItemProps } from './types';
+export declare const defaultBlocks: {
+    BreadcrumbItem: React.FC<BreadcrumbItemProps>;
+    BreadcrumbChevron: React.FC<{}>;
+};
+//# sourceMappingURL=blocks.d.ts.map

package/dist/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../src/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAc9C,eAAO,MAAM,aAAa;;;CAGzB,CAAC"}

package/dist/index.cjs.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const DefaultBreadcrumbItem = ({ label, url }) => (jsxRuntime.jsx("a", { href: url, className: "nbb-breadcrumb-item", children: label }));
+const DefaultBreadcrumbChevron = () => jsxRuntime.jsx("span", { className: "nbb-breadcrumb-chevron", children: jsxRuntime.jsx("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M0.294922 10.59L4.87492 6L0.294922 1.41L1.70492 0L7.70492 6L1.70492 12L0.294922 10.59Z", fill: "white" }) }) });
+const defaultBlocks = {
+    BreadcrumbItem: DefaultBreadcrumbItem,
+    BreadcrumbChevron: DefaultBreadcrumbChevron,
+};
+
+function setBlocks(defaultBlocks, children, settings) {
+    const { blocks: customBlocks = {}, settings: customSettings = {} } = children ? children({ defaultBlocks, settings }) : { blocks: {}, settings: {} };
+    return {
+        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
+            key,
+            customBlocks[key] || defaultComponent,
+        ])),
+        settings: {
+            ...settings,
+            ...customSettings,
+        }
+    };
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".nbb-breadcrumb {\n  --color-object-accent-primary: #006EAD;\n  --color-text-on-primary: #fff;\n\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  background-color: var(--color-object-accent-primary);\n  color: var(--color-text-on-primary);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.nbb-breadcrumb-segment {\n  display: flex;\n  align-items: center;\n}\n\n.nbb-breadcrumb-item {\n  color: var(--color-text-on-primary);\n  text-decoration: none;\n  padding: 0 4px;\n  font-size: 12px;\n}\n\n.nbb-breadcrumb-item:hover {\n  text-decoration: underline;\n  color: var(--color-text-on-primary);\n}\n\n.nbb-breadcrumb-chevron {\n  margin: 0 4px;\n  min-width: 24px;\n  color: var(--color-text-on-primary);\n}\n";
+styleInject(css_248z);
+
+const Breadcrumb = ({ items, className, children }) => {
+    const { blocks } = setBlocks(defaultBlocks, children);
+    const { BreadcrumbItem, BreadcrumbChevron } = blocks;
+    return (jsxRuntime.jsx("nav", { className: classNames('nbb-breadcrumb', className), children: items.map((item, index) => (jsxRuntime.jsxs("span", { className: "nbb-breadcrumb-segment", children: [index > 0 && jsxRuntime.jsx(BreadcrumbChevron, {}), jsxRuntime.jsx(BreadcrumbItem, { label: item.label, url: item.url })] }, `${index}-breadcrumb`))) }));
+};
+
+exports.Breadcrumbs = Breadcrumb;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/blocks.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbItemProps } from './types';\n\nconst DefaultBreadcrumbItem: React.FC<BreadcrumbItemProps> = ({ label, url }) => (\n    <a href={url} className=\"nbb-breadcrumb-item\">\n        {label}\n    </a>\n);\n\nconst DefaultBreadcrumbChevron: React.FC = () => <span className=\"nbb-breadcrumb-chevron\">\n    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M0.294922 10.59L4.87492 6L0.294922 1.41L1.70492 0L7.70492 6L1.70492 12L0.294922 10.59Z\" fill=\"white\" />\n    </svg>\n</span>;\n\nexport const defaultBlocks = {\n    BreadcrumbItem: DefaultBreadcrumbItem,\n    BreadcrumbChevron: DefaultBreadcrumbChevron,\n};","import { DefaultBlocks, DefaultSettings } from './types';\n\n/**\n * Sets the blocks and settings by merging the default blocks with custom blocks and settings.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that takes the default blocks and settings and returns custom blocks and settings.\n * @param settings - Optional default settings to be used.\n * @returns An object containing the merged blocks and settings.\n */\n\ntype ChildrenProps = {\n    defaultBlocks: DefaultBlocks,\n    settings?: DefaultSettings\n}\nexport function setBlocks(\n    defaultBlocks: DefaultBlocks,\n    children?: (props: ChildrenProps) => {\n        blocks: { [x: string]: any };\n        settings?: DefaultSettings;\n    },\n    settings?: DefaultSettings,\n) {\n    const { blocks: customBlocks = {}, settings: customSettings = {} } =\n        children ? children({ defaultBlocks, settings }) : { blocks: {}, settings: {} };\n\n    return {\n        blocks: Object.fromEntries(\n            Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n                key,\n                customBlocks[key] || defaultComponent,\n            ])\n        ),\n        settings: {\n            ...settings,\n            ...customSettings,\n        }\n    };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n    return classes.flat().filter(Boolean).join(' ');\n}\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport { defaultBlocks } from './blocks';\nimport { setBlocks, classNames } from './lib';\nimport { BreadcrumbProps } from './types';\nimport './breadcrumb.css';\n\n\n\nconst Breadcrumb: React.FC<BreadcrumbProps> = ({ items, className, children }) => {\n  const { blocks } = setBlocks(defaultBlocks, children);\n  const { BreadcrumbItem, BreadcrumbChevron } = blocks;\n\n  return (\n    <nav className={classNames('nbb-breadcrumb', className)}>\n      {items.map((item, index) => (\n        <span key={`${index}-breadcrumb`} className=\"nbb-breadcrumb-segment\">\n          {index > 0 && <BreadcrumbChevron />}\n          <BreadcrumbItem label={item.label} url={item.url} />\n        </span>\n      ))}\n    </nav>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Breadcrumbs } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.esm.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const DefaultBreadcrumbItem = ({ label, url }) => (jsx("a", { href: url, className: "nbb-breadcrumb-item", children: label }));
+const DefaultBreadcrumbChevron = () => jsx("span", { className: "nbb-breadcrumb-chevron", children: jsx("svg", { width: "8", height: "12", viewBox: "0 0 8 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { d: "M0.294922 10.59L4.87492 6L0.294922 1.41L1.70492 0L7.70492 6L1.70492 12L0.294922 10.59Z", fill: "white" }) }) });
+const defaultBlocks = {
+    BreadcrumbItem: DefaultBreadcrumbItem,
+    BreadcrumbChevron: DefaultBreadcrumbChevron,
+};
+
+function setBlocks(defaultBlocks, children, settings) {
+    const { blocks: customBlocks = {}, settings: customSettings = {} } = children ? children({ defaultBlocks, settings }) : { blocks: {}, settings: {} };
+    return {
+        blocks: Object.fromEntries(Object.entries(defaultBlocks).map(([key, defaultComponent]) => [
+            key,
+            customBlocks[key] || defaultComponent,
+        ])),
+        settings: {
+            ...settings,
+            ...customSettings,
+        }
+    };
+}
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+function classNames(...classes) {
+    return classes.flat().filter(Boolean).join(' ');
+}
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".nbb-breadcrumb {\n  --color-object-accent-primary: #006EAD;\n  --color-text-on-primary: #fff;\n\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  background-color: var(--color-object-accent-primary);\n  color: var(--color-text-on-primary);\n  border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.nbb-breadcrumb-segment {\n  display: flex;\n  align-items: center;\n}\n\n.nbb-breadcrumb-item {\n  color: var(--color-text-on-primary);\n  text-decoration: none;\n  padding: 0 4px;\n  font-size: 12px;\n}\n\n.nbb-breadcrumb-item:hover {\n  text-decoration: underline;\n  color: var(--color-text-on-primary);\n}\n\n.nbb-breadcrumb-chevron {\n  margin: 0 4px;\n  min-width: 24px;\n  color: var(--color-text-on-primary);\n}\n";
+styleInject(css_248z);
+
+const Breadcrumb = ({ items, className, children }) => {
+    const { blocks } = setBlocks(defaultBlocks, children);
+    const { BreadcrumbItem, BreadcrumbChevron } = blocks;
+    return (jsx("nav", { className: classNames('nbb-breadcrumb', className), children: items.map((item, index) => (jsxs("span", { className: "nbb-breadcrumb-segment", children: [index > 0 && jsx(BreadcrumbChevron, {}), jsx(BreadcrumbItem, { label: item.label, url: item.url })] }, `${index}-breadcrumb`))) }));
+};
+
+export { Breadcrumb as Breadcrumbs };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/blocks.tsx","../src/lib.ts","../node_modules/style-inject/dist/style-inject.es.js","../src/Breadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { BreadcrumbItemProps } from './types';\n\nconst DefaultBreadcrumbItem: React.FC<BreadcrumbItemProps> = ({ label, url }) => (\n    <a href={url} className=\"nbb-breadcrumb-item\">\n        {label}\n    </a>\n);\n\nconst DefaultBreadcrumbChevron: React.FC = () => <span className=\"nbb-breadcrumb-chevron\">\n    <svg width=\"8\" height=\"12\" viewBox=\"0 0 8 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M0.294922 10.59L4.87492 6L0.294922 1.41L1.70492 0L7.70492 6L1.70492 12L0.294922 10.59Z\" fill=\"white\" />\n    </svg>\n</span>;\n\nexport const defaultBlocks = {\n    BreadcrumbItem: DefaultBreadcrumbItem,\n    BreadcrumbChevron: DefaultBreadcrumbChevron,\n};","import { DefaultBlocks, DefaultSettings } from './types';\n\n/**\n * Sets the blocks and settings by merging the default blocks with custom blocks and settings.\n *\n * @param defaultBlocks - The default blocks to be used.\n * @param children - An optional function that takes the default blocks and settings and returns custom blocks and settings.\n * @param settings - Optional default settings to be used.\n * @returns An object containing the merged blocks and settings.\n */\n\ntype ChildrenProps = {\n    defaultBlocks: DefaultBlocks,\n    settings?: DefaultSettings\n}\nexport function setBlocks(\n    defaultBlocks: DefaultBlocks,\n    children?: (props: ChildrenProps) => {\n        blocks: { [x: string]: any };\n        settings?: DefaultSettings;\n    },\n    settings?: DefaultSettings,\n) {\n    const { blocks: customBlocks = {}, settings: customSettings = {} } =\n        children ? children({ defaultBlocks, settings }) : { blocks: {}, settings: {} };\n\n    return {\n        blocks: Object.fromEntries(\n            Object.entries(defaultBlocks).map(([key, defaultComponent]) => [\n                key,\n                customBlocks[key] || defaultComponent,\n            ])\n        ),\n        settings: {\n            ...settings,\n            ...customSettings,\n        }\n    };\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n    return classes.flat().filter(Boolean).join(' ');\n}\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n","import React from 'react';\nimport { defaultBlocks } from './blocks';\nimport { setBlocks, classNames } from './lib';\nimport { BreadcrumbProps } from './types';\nimport './breadcrumb.css';\n\n\n\nconst Breadcrumb: React.FC<BreadcrumbProps> = ({ items, className, children }) => {\n  const { blocks } = setBlocks(defaultBlocks, children);\n  const { BreadcrumbItem, BreadcrumbChevron } = blocks;\n\n  return (\n    <nav className={classNames('nbb-breadcrumb', className)}>\n      {items.map((item, index) => (\n        <span key={`${index}-breadcrumb`} className=\"nbb-breadcrumb-segment\">\n          {index > 0 && <BreadcrumbChevron />}\n          <BreadcrumbItem label={item.label} url={item.url} />\n        </span>\n      ))}\n    </nav>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":["_jsx","_jsxs"],"mappings":"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","x_google_ignoreList":[2]}

package/dist/lib.d.ts

@@ -0,0 +1,33 @@
+import { DefaultBlocks, DefaultSettings } from './types';
+/**
+ * Sets the blocks and settings by merging the default blocks with custom blocks and settings.
+ *
+ * @param defaultBlocks - The default blocks to be used.
+ * @param children - An optional function that takes the default blocks and settings and returns custom blocks and settings.
+ * @param settings - Optional default settings to be used.
+ * @returns An object containing the merged blocks and settings.
+ */
+type ChildrenProps = {
+    defaultBlocks: DefaultBlocks;
+    settings?: DefaultSettings;
+};
+export declare function setBlocks(defaultBlocks: DefaultBlocks, children?: (props: ChildrenProps) => {
+    blocks: {
+        [x: string]: any;
+    };
+    settings?: DefaultSettings;
+}, settings?: DefaultSettings): {
+    blocks: {
+        [k: string]: any;
+    };
+    settings: {};
+};
+type ClassName = string | ClassName[] | undefined | null;
+/**
+ * Utility function to join class names together, ignoring undefined or nil values.
+ * @param classes - The class names to join.
+ * @returns The joined class names.
+ */
+export declare function classNames(...classes: ClassName[]): string;
+export {};
+//# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAEzD;;;;;;;GAOG;AAEH,KAAK,aAAa,GAAG;IACjB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC7B,CAAA;AACD,wBAAgB,SAAS,CACrB,aAAa,EAAE,aAAa,EAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK;IACjC,MAAM,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,eAAe,CAAC;CAC9B,EACD,QAAQ,CAAC,EAAE,eAAe;;;;;EAiB7B;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}

package/dist/types.d.ts

@@ -0,0 +1,26 @@
+export type DefaultBlocks = {
+    BreadcrumbItem: React.FC<BreadcrumbItemProps>;
+    BreadcrumbChevron: React.FC;
+};
+export type DefaultSettings = {};
+export type BreadcrumbChildren = (props: {
+    defaultBlocks: DefaultBlocks;
+    settings?: {
+        [key: string]: any;
+    };
+}) => {
+    blocks: Partial<DefaultBlocks>;
+    settings?: {
+        [key: string]: any;
+    };
+};
+export type BreadcrumbItemProps = {
+    label: string;
+    url: string;
+};
+export type BreadcrumbProps = {
+    items: BreadcrumbItemProps[];
+    className?: string;
+    children?: BreadcrumbChildren;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IACxB,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC9C,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;CAC/B,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,EAAE,CAAA;AAEhC,MAAM,MAAM,kBAAkB,GAAG,CAAC,KAAK,EAAE;IACrC,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;CACpC,KACI;IACD,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAChC,CAAC"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@nodeblocks/frontend-breadcrumb-block",
+  "version": "0.0.2",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "browser": "dist/index.iife.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/",
+    "dist/index.css"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "watch": "rollup -c --watch"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-typescript": "^12.1.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "rollup": "^4.28.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-serve": "^1.1.1",
+    "tslib": "^2.8.1",
+    "typescript": "^5.7.2"
+  }
+}

package/readme.md

@@ -0,0 +1,57 @@
+## 🚀 Nodeblocks Frontend Starter Kit
+
+Welcome to the Nodeblocks Frontend Starter Kit! 🎉 This kit is designed to make building frontend libraries in React super easy, helping you streamline your development workflow with minimal fuss. Let's dive in! 🤿
+
+### ✨ Features
+- **🚀 Bundling with Rollup:** Get a clean, minimalistic approach to bundling your JavaScript files for smoother frontend development.
+- **💙 TypeScript Support:** We've included a pre-configured `tsconfig.json` to ensure your TypeScript setup is strict, efficient, and ready to go.
+- **⚙️ Peer Dependencies:** Keep bundle sizes lean with React and React DOM set as peer dependencies.
+- **🎨 CSS Support:** Easily import and process CSS files, giving you more control over your styles.
+
+### 🛠️ How to Use
+1. **Clone this repository** 🌀:
+   ```bash
+   git clone <repository-url>
+   cd <repository-directory>
+   ```
+
+2. **Install dependencies** 📦:
+   ```bash
+   npm install
+   ```
+
+3. **Start development** 🛠️:
+   ```bash
+   npm run watch
+   ```
+
+4. **Build for production** 🏗️:
+   ```bash
+   npm run build
+   ```
+
+### 🧪 How to Test
+
+The `test` folder contains examples that demonstrate how to use the libraries you create with this starter kit. These examples show compatibility with various bundlers, such as:
+
+- **Create React App** (Webpack)
+- **Vite** ⚡
+- **Rollup** (itself) (Coming soon) 🔄
+- **Parcel** (Coming soon) 📦
+
+This ensures Nodeblocks libraries integrate seamlessly with different workflows. 🛠️✨
+
+**Before running each project make sure you run `npm link`:**
+
+1. In the root of this project:
+   ```bash
+   npm link
+   ```
+2. In the test project you want to run:
+   ```bash
+   npm i
+   npm link @basaldev/frontend-starter-kit
+   ```
+(Note that in real life your library would not be called frontend-starter-kit.)
+
+3. Then you can follow your usual workflow either with **Create React App** (`npm start`) or with Vite (`npm run dev`). This will give you a development environment where whenever you change your library it will be available in your test project.