rothzerg-ui 0.1.0

package/dist/blocks/pricing-comparison/PricingComparison.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingComparison.cjs","sources":["../../../src/blocks/pricing-comparison/PricingComparison.tsx"],"sourcesContent":["import React from 'react';\nimport './pricing-comparison.css';\n\nexport interface ComparisonPlan {\n  id: string;\n  name: string;\n  price: string;\n  period?: string;\n  badge?: string;\n  featured?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n}\n\nexport type FeatureValue = boolean | string | React.ReactNode;\n\nexport interface ComparisonFeature {\n  key: string;\n  label: string;\n  hint?: string;\n  values: Record<string, FeatureValue>; // planId → value\n}\n\nexport interface ComparisonSection {\n  title: string;\n  features: ComparisonFeature[];\n}\n\nexport interface PricingComparisonProps {\n  title?: string;\n  subtitle?: string;\n  plans: ComparisonPlan[];\n  sections: ComparisonSection[];\n  className?: string;\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction renderValue(val: FeatureValue, _featured: boolean) {\n  if (val === true) {\n    return (\n      <span className=\"rz-pricing-comparison__check\" aria-label=\"Included\">\n        <CheckIcon />\n      </span>\n    );\n  }\n  if (val === false) {\n    return <span className=\"rz-pricing-comparison__dash\" aria-label=\"Not included\">—</span>;\n  }\n  return val;\n}\n\nexport function PricingComparison({\n  title = 'Compare plans',\n  subtitle = 'Find the plan that works best for your needs.',\n  plans,\n  sections,\n  className = '',\n}: PricingComparisonProps) {\n  return (\n    <section className={`rz-pricing-comparison ${className}`} aria-label=\"Pricing comparison\">\n      <div className=\"rz-pricing-comparison__inner\">\n        <div className=\"rz-pricing-comparison__header\">\n          <h2 className=\"rz-pricing-comparison__title\">{title}</h2>\n          {subtitle && <p className=\"rz-pricing-comparison__subtitle\">{subtitle}</p>}\n        </div>\n\n        <div className=\"rz-pricing-comparison__table-wrap\">\n          <table className=\"rz-pricing-comparison__table\">\n            <thead>\n              <tr>\n                <th className=\"rz-pricing-comparison__feature-head\" scope=\"col\">\n                  <span style={{ visibility: 'hidden' }}>Feature</span>\n                </th>\n                {plans.map((plan) => (\n                  <th\n                    key={plan.id}\n                    className={`rz-pricing-comparison__plan-head${plan.featured ? ' rz-pricing-comparison__plan-head--featured' : ''}`}\n                    scope=\"col\"\n                  >\n                    {plan.badge && (\n                      <div className=\"rz-pricing-comparison__plan-badge\">{plan.badge}</div>\n                    )}\n                    <div className=\"rz-pricing-comparison__plan-label\">{plan.name}</div>\n                    <div className=\"rz-pricing-comparison__plan-price\">{plan.price}</div>\n                    {plan.period && (\n                      <div className=\"rz-pricing-comparison__plan-period\">{plan.period}</div>\n                    )}\n                    <button\n                      className={`rz-pricing-comparison__plan-cta rz-pricing-comparison__plan-cta--${plan.featured ? 'featured' : 'default'}`}\n                      onClick={plan.onCtaClick}\n                      type=\"button\"\n                    >\n                      {plan.ctaText ?? 'Get started'}\n                    </button>\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {sections.map((section) => (\n                <React.Fragment key={section.title}>\n                  <tr className=\"rz-pricing-comparison__section-row\">\n                    <td\n                      className=\"rz-pricing-comparison__section-cell\"\n                      colSpan={plans.length + 1}\n                    >\n                      {section.title}\n                    </td>\n                  </tr>\n                  {section.features.map((feature) => (\n                    <tr key={feature.key} className=\"rz-pricing-comparison__row\">\n                      <td className=\"rz-pricing-comparison__feature-cell\" scope=\"row\">\n                        {feature.label}\n                        {feature.hint && (\n                          <div className=\"rz-pricing-comparison__feature-hint\">{feature.hint}</div>\n                        )}\n                      </td>\n                      {plans.map((plan) => (\n                        <td\n                          key={plan.id}\n                          className={`rz-pricing-comparison__value-cell${plan.featured ? ' rz-pricing-comparison__value-cell--featured' : ''}`}\n                        >\n                          {renderValue(feature.values[plan.id] ?? false, !!plan.featured)}\n                        </td>\n                      ))}\n                    </tr>\n                  ))}\n                </React.Fragment>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":"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"}

package/dist/blocks/pricing-comparison/PricingComparison.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+export interface ComparisonPlan {
+    id: string;
+    name: string;
+    price: string;
+    period?: string;
+    badge?: string;
+    featured?: boolean;
+    ctaText?: string;
+    onCtaClick?: () => void;
+}
+export type FeatureValue = boolean | string | React.ReactNode;
+export interface ComparisonFeature {
+    key: string;
+    label: string;
+    hint?: string;
+    values: Record<string, FeatureValue>;
+}
+export interface ComparisonSection {
+    title: string;
+    features: ComparisonFeature[];
+}
+export interface PricingComparisonProps {
+    title?: string;
+    subtitle?: string;
+    plans: ComparisonPlan[];
+    sections: ComparisonSection[];
+    className?: string;
+}
+export declare function PricingComparison({ title, subtitle, plans, sections, className, }: PricingComparisonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PricingComparison.d.ts.map

package/dist/blocks/pricing-comparison/PricingComparison.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingComparison.d.ts","sourceRoot":"","sources":["../../../src/blocks/pricing-comparison/PricingComparison.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAElC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,iBAAiB,CAAC,EAChC,KAAuB,EACvB,QAA0D,EAC1D,KAAK,EACL,QAAQ,EACR,SAAc,GACf,EAAE,sBAAsB,2CA8ExB"}

package/dist/blocks/pricing-comparison/PricingComparison.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+/* empty css                       */
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) });
+}
+function renderValue(val, _featured) {
+  if (val === true) {
+    return /* @__PURE__ */ jsx("span", { className: "rz-pricing-comparison__check", "aria-label": "Included", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
+  }
+  if (val === false) {
+    return /* @__PURE__ */ jsx("span", { className: "rz-pricing-comparison__dash", "aria-label": "Not included", children: "—" });
+  }
+  return val;
+}
+function PricingComparison({
+  title = "Compare plans",
+  subtitle = "Find the plan that works best for your needs.",
+  plans,
+  sections,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx("section", { className: `rz-pricing-comparison ${className}`, "aria-label": "Pricing comparison", children: /* @__PURE__ */ jsxs("div", { className: "rz-pricing-comparison__inner", children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-pricing-comparison__header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rz-pricing-comparison__title", children: title }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "rz-pricing-comparison__subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__table-wrap", children: /* @__PURE__ */ jsxs("table", { className: "rz-pricing-comparison__table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { className: "rz-pricing-comparison__feature-head", scope: "col", children: /* @__PURE__ */ jsx("span", { style: { visibility: "hidden" }, children: "Feature" }) }),
+        plans.map((plan) => /* @__PURE__ */ jsxs(
+          "th",
+          {
+            className: `rz-pricing-comparison__plan-head${plan.featured ? " rz-pricing-comparison__plan-head--featured" : ""}`,
+            scope: "col",
+            children: [
+              plan.badge && /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__plan-badge", children: plan.badge }),
+              /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__plan-label", children: plan.name }),
+              /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__plan-price", children: plan.price }),
+              plan.period && /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__plan-period", children: plan.period }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  className: `rz-pricing-comparison__plan-cta rz-pricing-comparison__plan-cta--${plan.featured ? "featured" : "default"}`,
+                  onClick: plan.onCtaClick,
+                  type: "button",
+                  children: plan.ctaText ?? "Get started"
+                }
+              )
+            ]
+          },
+          plan.id
+        ))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: sections.map((section) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsx("tr", { className: "rz-pricing-comparison__section-row", children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            className: "rz-pricing-comparison__section-cell",
+            colSpan: plans.length + 1,
+            children: section.title
+          }
+        ) }),
+        section.features.map((feature) => /* @__PURE__ */ jsxs("tr", { className: "rz-pricing-comparison__row", children: [
+          /* @__PURE__ */ jsxs("td", { className: "rz-pricing-comparison__feature-cell", scope: "row", children: [
+            feature.label,
+            feature.hint && /* @__PURE__ */ jsx("div", { className: "rz-pricing-comparison__feature-hint", children: feature.hint })
+          ] }),
+          plans.map((plan) => /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: `rz-pricing-comparison__value-cell${plan.featured ? " rz-pricing-comparison__value-cell--featured" : ""}`,
+              children: renderValue(feature.values[plan.id] ?? false, !!plan.featured)
+            },
+            plan.id
+          ))
+        ] }, feature.key))
+      ] }, section.title)) })
+    ] }) })
+  ] }) });
+}
+export {
+  PricingComparison
+};
+//# sourceMappingURL=PricingComparison.js.map

package/dist/blocks/pricing-comparison/PricingComparison.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PricingComparison.js","sources":["../../../src/blocks/pricing-comparison/PricingComparison.tsx"],"sourcesContent":["import React from 'react';\nimport './pricing-comparison.css';\n\nexport interface ComparisonPlan {\n  id: string;\n  name: string;\n  price: string;\n  period?: string;\n  badge?: string;\n  featured?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n}\n\nexport type FeatureValue = boolean | string | React.ReactNode;\n\nexport interface ComparisonFeature {\n  key: string;\n  label: string;\n  hint?: string;\n  values: Record<string, FeatureValue>; // planId → value\n}\n\nexport interface ComparisonSection {\n  title: string;\n  features: ComparisonFeature[];\n}\n\nexport interface PricingComparisonProps {\n  title?: string;\n  subtitle?: string;\n  plans: ComparisonPlan[];\n  sections: ComparisonSection[];\n  className?: string;\n}\n\nfunction CheckIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20 6 9 17 4 12\" />\n    </svg>\n  );\n}\n\nfunction renderValue(val: FeatureValue, _featured: boolean) {\n  if (val === true) {\n    return (\n      <span className=\"rz-pricing-comparison__check\" aria-label=\"Included\">\n        <CheckIcon />\n      </span>\n    );\n  }\n  if (val === false) {\n    return <span className=\"rz-pricing-comparison__dash\" aria-label=\"Not included\">—</span>;\n  }\n  return val;\n}\n\nexport function PricingComparison({\n  title = 'Compare plans',\n  subtitle = 'Find the plan that works best for your needs.',\n  plans,\n  sections,\n  className = '',\n}: PricingComparisonProps) {\n  return (\n    <section className={`rz-pricing-comparison ${className}`} aria-label=\"Pricing comparison\">\n      <div className=\"rz-pricing-comparison__inner\">\n        <div className=\"rz-pricing-comparison__header\">\n          <h2 className=\"rz-pricing-comparison__title\">{title}</h2>\n          {subtitle && <p className=\"rz-pricing-comparison__subtitle\">{subtitle}</p>}\n        </div>\n\n        <div className=\"rz-pricing-comparison__table-wrap\">\n          <table className=\"rz-pricing-comparison__table\">\n            <thead>\n              <tr>\n                <th className=\"rz-pricing-comparison__feature-head\" scope=\"col\">\n                  <span style={{ visibility: 'hidden' }}>Feature</span>\n                </th>\n                {plans.map((plan) => (\n                  <th\n                    key={plan.id}\n                    className={`rz-pricing-comparison__plan-head${plan.featured ? ' rz-pricing-comparison__plan-head--featured' : ''}`}\n                    scope=\"col\"\n                  >\n                    {plan.badge && (\n                      <div className=\"rz-pricing-comparison__plan-badge\">{plan.badge}</div>\n                    )}\n                    <div className=\"rz-pricing-comparison__plan-label\">{plan.name}</div>\n                    <div className=\"rz-pricing-comparison__plan-price\">{plan.price}</div>\n                    {plan.period && (\n                      <div className=\"rz-pricing-comparison__plan-period\">{plan.period}</div>\n                    )}\n                    <button\n                      className={`rz-pricing-comparison__plan-cta rz-pricing-comparison__plan-cta--${plan.featured ? 'featured' : 'default'}`}\n                      onClick={plan.onCtaClick}\n                      type=\"button\"\n                    >\n                      {plan.ctaText ?? 'Get started'}\n                    </button>\n                  </th>\n                ))}\n              </tr>\n            </thead>\n            <tbody>\n              {sections.map((section) => (\n                <React.Fragment key={section.title}>\n                  <tr className=\"rz-pricing-comparison__section-row\">\n                    <td\n                      className=\"rz-pricing-comparison__section-cell\"\n                      colSpan={plans.length + 1}\n                    >\n                      {section.title}\n                    </td>\n                  </tr>\n                  {section.features.map((feature) => (\n                    <tr key={feature.key} className=\"rz-pricing-comparison__row\">\n                      <td className=\"rz-pricing-comparison__feature-cell\" scope=\"row\">\n                        {feature.label}\n                        {feature.hint && (\n                          <div className=\"rz-pricing-comparison__feature-hint\">{feature.hint}</div>\n                        )}\n                      </td>\n                      {plans.map((plan) => (\n                        <td\n                          key={plan.id}\n                          className={`rz-pricing-comparison__value-cell${plan.featured ? ' rz-pricing-comparison__value-cell--featured' : ''}`}\n                        >\n                          {renderValue(feature.values[plan.id] ?? false, !!plan.featured)}\n                        </td>\n                      ))}\n                    </tr>\n                  ))}\n                </React.Fragment>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </section>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/blocks/pricing-comparison/index.d.ts

@@ -0,0 +1,3 @@
+export { PricingComparison } from './PricingComparison';
+export type { PricingComparisonProps, ComparisonPlan, ComparisonFeature, ComparisonSection, FeatureValue } from './PricingComparison';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/pricing-comparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/pricing-comparison/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/blocks/profile-page/ProfilePage.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                   */
+function ProfilePage({
+  name,
+  title,
+  bio,
+  avatarSrc,
+  avatarInitials,
+  coverContent,
+  meta,
+  stats,
+  skills,
+  actions,
+  extraCards,
+  className
+}) {
+  const initials = avatarInitials ?? name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-profile", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-profile__cover", children: [
+      coverContent,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__avatar-wrap", children: avatarSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarSrc, alt: name, className: "rz-profile__avatar" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__avatar", "aria-label": name, children: initials }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-profile__info-bar", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-profile__name", children: name }),
+        title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-profile__title", children: title }),
+        meta && meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__meta", children: meta.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-profile__meta-item", children: [
+          item.icon,
+          item.label
+        ] }, i)) })
+      ] }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__actions", children: actions })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__stats", children: stats.map((stat, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-profile__stat", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-profile__stat-value", children: stat.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-profile__stat-label", children: stat.label })
+    ] }, i)) }),
+    bio && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-profile__card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-profile__card-title", children: "About" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-profile__bio", children: bio })
+    ] }),
+    skills && skills.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-profile__card", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-profile__card-title", children: "Skills" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-profile__skills", children: skills.map((skill, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-profile__skill", children: skill }, i)) })
+    ] }),
+    extraCards
+  ] });
+}
+exports.ProfilePage = ProfilePage;
+//# sourceMappingURL=ProfilePage.cjs.map

package/dist/blocks/profile-page/ProfilePage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.cjs","sources":["../../../src/blocks/profile-page/ProfilePage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './profile-page.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface ProfileStat {\n  label: string;\n  value: string | number;\n}\n\nexport interface ProfileMetaItem {\n  icon?: React.ReactNode;\n  label: string;\n}\n\nexport interface ProfilePageProps {\n  name: string;\n  title?: string;\n  bio?: string;\n  avatarSrc?: string;\n  avatarInitials?: string;\n  coverContent?: React.ReactNode;\n  meta?: ProfileMetaItem[];\n  stats?: ProfileStat[];\n  skills?: string[];\n  actions?: React.ReactNode;\n  extraCards?: React.ReactNode;\n  className?: string;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function ProfilePage({\n  name,\n  title,\n  bio,\n  avatarSrc,\n  avatarInitials,\n  coverContent,\n  meta,\n  stats,\n  skills,\n  actions,\n  extraCards,\n  className,\n}: ProfilePageProps) {\n  const initials = avatarInitials ?? name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase();\n\n  return (\n    <div className={cn('rz-profile', className)}>\n      {/* Cover */}\n      <div className=\"rz-profile__cover\">\n        {coverContent}\n        <div className=\"rz-profile__avatar-wrap\">\n          {avatarSrc ? (\n            <img src={avatarSrc} alt={name} className=\"rz-profile__avatar\" />\n          ) : (\n            <div className=\"rz-profile__avatar\" aria-label={name}>\n              {initials}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Info bar */}\n      <div className=\"rz-profile__info-bar\">\n        <div>\n          <h1 className=\"rz-profile__name\">{name}</h1>\n          {title && <p className=\"rz-profile__title\">{title}</p>}\n          {meta && meta.length > 0 && (\n            <div className=\"rz-profile__meta\">\n              {meta.map((item, i) => (\n                <span key={i} className=\"rz-profile__meta-item\">\n                  {item.icon}\n                  {item.label}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n        {actions && <div className=\"rz-profile__actions\">{actions}</div>}\n      </div>\n\n      {/* Stats */}\n      {stats && stats.length > 0 && (\n        <div className=\"rz-profile__stats\">\n          {stats.map((stat, i) => (\n            <div key={i} className=\"rz-profile__stat\">\n              <span className=\"rz-profile__stat-value\">{stat.value}</span>\n              <span className=\"rz-profile__stat-label\">{stat.label}</span>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Bio */}\n      {bio && (\n        <div className=\"rz-profile__card\">\n          <h2 className=\"rz-profile__card-title\">About</h2>\n          <p className=\"rz-profile__bio\">{bio}</p>\n        </div>\n      )}\n\n      {/* Skills */}\n      {skills && skills.length > 0 && (\n        <div className=\"rz-profile__card\">\n          <h2 className=\"rz-profile__card-title\">Skills</h2>\n          <div className=\"rz-profile__skills\">\n            {skills.map((skill, i) => (\n              <span key={i} className=\"rz-profile__skill\">\n                {skill}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Extra cards */}\n      {extraCards}\n    </div>\n  );\n}\n"],"names":["cn","jsxs","jsx"],"mappings":";;;;;AAiCO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,WAAW,kBAAkB,KAAK,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA;AAEzF,yCACG,OAAA,EAAI,WAAWA,GAAAA,GAAG,cAAc,SAAS,GAExC,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,MAAA;AAAA,MACDC,2BAAAA,IAAC,SAAI,WAAU,2BACZ,sBACCA,2BAAAA,IAAC,OAAA,EAAI,KAAK,WAAW,KAAK,MAAM,WAAU,qBAAA,CAAqB,IAE/DA,2BAAAA,IAAC,OAAA,EAAI,WAAU,sBAAqB,cAAY,MAC7C,UAAA,SAAA,CACH,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IAGAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAA,gCAAC,OAAA,EACC,UAAA;AAAA,QAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,oBAAoB,UAAA,MAAK;AAAA,QACtC,SAASA,2BAAAA,IAAC,KAAA,EAAE,WAAU,qBAAqB,UAAA,OAAM;AAAA,QACjD,QAAQ,KAAK,SAAS,KACrBA,2BAAAA,IAAC,SAAI,WAAU,oBACZ,UAAA,KAAK,IAAI,CAAC,MAAM,MACfD,2BAAAA,KAAC,QAAA,EAAa,WAAU,yBACrB,UAAA;AAAA,UAAA,KAAK;AAAA,UACL,KAAK;AAAA,QAAA,EAAA,GAFG,CAGX,CACD,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACC,WAAWC,2BAAAA,IAAC,OAAA,EAAI,WAAU,uBAAuB,UAAA,QAAA,CAAQ;AAAA,IAAA,GAC5D;AAAA,IAGC,SAAS,MAAM,SAAS,KACvBA,2BAAAA,IAAC,SAAI,WAAU,qBACZ,UAAA,MAAM,IAAI,CAAC,MAAM,MAChBD,2BAAAA,KAAC,OAAA,EAAY,WAAU,oBACrB,UAAA;AAAA,MAAAC,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,KAAK,OAAM;AAAA,MACrDA,2BAAAA,IAAC,QAAA,EAAK,WAAU,0BAA0B,eAAK,MAAA,CAAM;AAAA,IAAA,KAF7C,CAGV,CACD,GACH;AAAA,IAID,OACCD,2BAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,0BAAyB,UAAA,SAAK;AAAA,MAC5CA,2BAAAA,IAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,IAAA,CAAI;AAAA,IAAA,GACtC;AAAA,IAID,UAAU,OAAO,SAAS,KACzBD,2BAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,MAAA,EAAG,WAAU,0BAAyB,UAAA,UAAM;AAAA,qCAC5C,OAAA,EAAI,WAAU,sBACZ,UAAA,OAAO,IAAI,CAAC,OAAO,MAClBA,+BAAC,UAAa,WAAU,qBACrB,UAAA,MAAA,GADQ,CAEX,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;;"}

package/dist/blocks/profile-page/ProfilePage.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface ProfileStat {
+    label: string;
+    value: string | number;
+}
+export interface ProfileMetaItem {
+    icon?: React.ReactNode;
+    label: string;
+}
+export interface ProfilePageProps {
+    name: string;
+    title?: string;
+    bio?: string;
+    avatarSrc?: string;
+    avatarInitials?: string;
+    coverContent?: React.ReactNode;
+    meta?: ProfileMetaItem[];
+    stats?: ProfileStat[];
+    skills?: string[];
+    actions?: React.ReactNode;
+    extraCards?: React.ReactNode;
+    className?: string;
+}
+export declare function ProfilePage({ name, title, bio, avatarSrc, avatarInitials, coverContent, meta, stats, skills, actions, extraCards, className, }: ProfilePageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProfilePage.d.ts.map

package/dist/blocks/profile-page/ProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/blocks/profile-page/ProfilePage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,oBAAoB,CAAC;AAI5B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,GAAG,EACH,SAAS,EACT,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,2CA4ElB"}

package/dist/blocks/profile-page/ProfilePage.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css                 */
+function ProfilePage({
+  name,
+  title,
+  bio,
+  avatarSrc,
+  avatarInitials,
+  coverContent,
+  meta,
+  stats,
+  skills,
+  actions,
+  extraCards,
+  className
+}) {
+  const initials = avatarInitials ?? name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-profile", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-profile__cover", children: [
+      coverContent,
+      /* @__PURE__ */ jsx("div", { className: "rz-profile__avatar-wrap", children: avatarSrc ? /* @__PURE__ */ jsx("img", { src: avatarSrc, alt: name, className: "rz-profile__avatar" }) : /* @__PURE__ */ jsx("div", { className: "rz-profile__avatar", "aria-label": name, children: initials }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-profile__info-bar", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "rz-profile__name", children: name }),
+        title && /* @__PURE__ */ jsx("p", { className: "rz-profile__title", children: title }),
+        meta && meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-profile__meta", children: meta.map((item, i) => /* @__PURE__ */ jsxs("span", { className: "rz-profile__meta-item", children: [
+          item.icon,
+          item.label
+        ] }, i)) })
+      ] }),
+      actions && /* @__PURE__ */ jsx("div", { className: "rz-profile__actions", children: actions })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "rz-profile__stats", children: stats.map((stat, i) => /* @__PURE__ */ jsxs("div", { className: "rz-profile__stat", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-profile__stat-value", children: stat.value }),
+      /* @__PURE__ */ jsx("span", { className: "rz-profile__stat-label", children: stat.label })
+    ] }, i)) }),
+    bio && /* @__PURE__ */ jsxs("div", { className: "rz-profile__card", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rz-profile__card-title", children: "About" }),
+      /* @__PURE__ */ jsx("p", { className: "rz-profile__bio", children: bio })
+    ] }),
+    skills && skills.length > 0 && /* @__PURE__ */ jsxs("div", { className: "rz-profile__card", children: [
+      /* @__PURE__ */ jsx("h2", { className: "rz-profile__card-title", children: "Skills" }),
+      /* @__PURE__ */ jsx("div", { className: "rz-profile__skills", children: skills.map((skill, i) => /* @__PURE__ */ jsx("span", { className: "rz-profile__skill", children: skill }, i)) })
+    ] }),
+    extraCards
+  ] });
+}
+export {
+  ProfilePage
+};
+//# sourceMappingURL=ProfilePage.js.map

package/dist/blocks/profile-page/ProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.js","sources":["../../../src/blocks/profile-page/ProfilePage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './profile-page.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport interface ProfileStat {\n  label: string;\n  value: string | number;\n}\n\nexport interface ProfileMetaItem {\n  icon?: React.ReactNode;\n  label: string;\n}\n\nexport interface ProfilePageProps {\n  name: string;\n  title?: string;\n  bio?: string;\n  avatarSrc?: string;\n  avatarInitials?: string;\n  coverContent?: React.ReactNode;\n  meta?: ProfileMetaItem[];\n  stats?: ProfileStat[];\n  skills?: string[];\n  actions?: React.ReactNode;\n  extraCards?: React.ReactNode;\n  className?: string;\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function ProfilePage({\n  name,\n  title,\n  bio,\n  avatarSrc,\n  avatarInitials,\n  coverContent,\n  meta,\n  stats,\n  skills,\n  actions,\n  extraCards,\n  className,\n}: ProfilePageProps) {\n  const initials = avatarInitials ?? name.split(' ').map((w) => w[0]).join('').slice(0, 2).toUpperCase();\n\n  return (\n    <div className={cn('rz-profile', className)}>\n      {/* Cover */}\n      <div className=\"rz-profile__cover\">\n        {coverContent}\n        <div className=\"rz-profile__avatar-wrap\">\n          {avatarSrc ? (\n            <img src={avatarSrc} alt={name} className=\"rz-profile__avatar\" />\n          ) : (\n            <div className=\"rz-profile__avatar\" aria-label={name}>\n              {initials}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Info bar */}\n      <div className=\"rz-profile__info-bar\">\n        <div>\n          <h1 className=\"rz-profile__name\">{name}</h1>\n          {title && <p className=\"rz-profile__title\">{title}</p>}\n          {meta && meta.length > 0 && (\n            <div className=\"rz-profile__meta\">\n              {meta.map((item, i) => (\n                <span key={i} className=\"rz-profile__meta-item\">\n                  {item.icon}\n                  {item.label}\n                </span>\n              ))}\n            </div>\n          )}\n        </div>\n        {actions && <div className=\"rz-profile__actions\">{actions}</div>}\n      </div>\n\n      {/* Stats */}\n      {stats && stats.length > 0 && (\n        <div className=\"rz-profile__stats\">\n          {stats.map((stat, i) => (\n            <div key={i} className=\"rz-profile__stat\">\n              <span className=\"rz-profile__stat-value\">{stat.value}</span>\n              <span className=\"rz-profile__stat-label\">{stat.label}</span>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Bio */}\n      {bio && (\n        <div className=\"rz-profile__card\">\n          <h2 className=\"rz-profile__card-title\">About</h2>\n          <p className=\"rz-profile__bio\">{bio}</p>\n        </div>\n      )}\n\n      {/* Skills */}\n      {skills && skills.length > 0 && (\n        <div className=\"rz-profile__card\">\n          <h2 className=\"rz-profile__card-title\">Skills</h2>\n          <div className=\"rz-profile__skills\">\n            {skills.map((skill, i) => (\n              <span key={i} className=\"rz-profile__skill\">\n                {skill}\n              </span>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {/* Extra cards */}\n      {extraCards}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAiCO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,WAAW,kBAAkB,KAAK,MAAM,GAAG,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,YAAA;AAEzF,8BACG,OAAA,EAAI,WAAW,GAAG,cAAc,SAAS,GAExC,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,MAAA;AAAA,MACD,oBAAC,SAAI,WAAU,2BACZ,sBACC,oBAAC,OAAA,EAAI,KAAK,WAAW,KAAK,MAAM,WAAU,qBAAA,CAAqB,IAE/D,oBAAC,OAAA,EAAI,WAAU,sBAAqB,cAAY,MAC7C,UAAA,SAAA,CACH,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IAGA,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAA,qBAAC,OAAA,EACC,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,oBAAoB,UAAA,MAAK;AAAA,QACtC,SAAS,oBAAC,KAAA,EAAE,WAAU,qBAAqB,UAAA,OAAM;AAAA,QACjD,QAAQ,KAAK,SAAS,KACrB,oBAAC,SAAI,WAAU,oBACZ,UAAA,KAAK,IAAI,CAAC,MAAM,MACf,qBAAC,QAAA,EAAa,WAAU,yBACrB,UAAA;AAAA,UAAA,KAAK;AAAA,UACL,KAAK;AAAA,QAAA,EAAA,GAFG,CAGX,CACD,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MACC,WAAW,oBAAC,OAAA,EAAI,WAAU,uBAAuB,UAAA,QAAA,CAAQ;AAAA,IAAA,GAC5D;AAAA,IAGC,SAAS,MAAM,SAAS,KACvB,oBAAC,SAAI,WAAU,qBACZ,UAAA,MAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,OAAA,EAAY,WAAU,oBACrB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,0BAA0B,UAAA,KAAK,OAAM;AAAA,MACrD,oBAAC,QAAA,EAAK,WAAU,0BAA0B,eAAK,MAAA,CAAM;AAAA,IAAA,KAF7C,CAGV,CACD,GACH;AAAA,IAID,OACC,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,0BAAyB,UAAA,SAAK;AAAA,MAC5C,oBAAC,KAAA,EAAE,WAAU,mBAAmB,UAAA,IAAA,CAAI;AAAA,IAAA,GACtC;AAAA,IAID,UAAU,OAAO,SAAS,KACzB,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAG,WAAU,0BAAyB,UAAA,UAAM;AAAA,0BAC5C,OAAA,EAAI,WAAU,sBACZ,UAAA,OAAO,IAAI,CAAC,OAAO,MAClB,oBAAC,UAAa,WAAU,qBACrB,UAAA,MAAA,GADQ,CAEX,CACD,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;"}

package/dist/blocks/profile-page/index.d.ts

@@ -0,0 +1,3 @@
+export { ProfilePage } from './ProfilePage';
+export type { ProfilePageProps, ProfileStat, ProfileMetaItem } from './ProfilePage';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/profile-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/profile-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/blocks/settings-page/SettingsPage.cjs

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                    */
+function SettingsPage({ navSections, pageTitle, pageDescription, children, className, renderNavLink }) {
+  function renderItem(item) {
+    const cls = cn.cn("rz-settings__nav-item", item.active && "rz-settings__nav-item--active");
+    if (renderNavLink) return renderNavLink(item, cls);
+    if (item.href) return /* @__PURE__ */ jsxRuntime.jsxs("a", { href: item.href, className: cls, children: [
+      item.icon,
+      item.label
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: cls, onClick: item.onClick, children: [
+      item.icon,
+      item.label
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-settings", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "rz-settings__nav", "aria-label": "Settings navigation", children: navSections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-settings__nav-section", children: [
+      section.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-settings__nav-heading", children: section.title }),
+      section.items.map((item, j) => /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, { children: renderItem(item) }, j))
+    ] }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "rz-settings__main", children: [
+      pageTitle && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "rz-settings__page-title", children: pageTitle }),
+      pageDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-settings__page-desc", children: pageDescription }),
+      children
+    ] })
+  ] });
+}
+function SettingsSection({ title, description, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cn.cn("rz-settings-section", className), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "rz-settings-section__title", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-settings-section__desc", children: description }),
+    children
+  ] });
+}
+function SettingsRow({ label, description, control, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-settings-row", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-settings-row__info", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-settings-row__label", children: label }),
+      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-settings-row__desc", children: description })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-settings-row__control", children: control })
+  ] });
+}
+exports.SettingsPage = SettingsPage;
+exports.SettingsRow = SettingsRow;
+exports.SettingsSection = SettingsSection;
+//# sourceMappingURL=SettingsPage.cjs.map

package/dist/blocks/settings-page/SettingsPage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.cjs","sources":["../../../src/blocks/settings-page/SettingsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './settings-page.css';\n\n/* ─── Primitives ──────────────────────────────────────────── */\n\nexport interface SettingsNavItem {\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SettingsNavSection {\n  title?: string;\n  items: SettingsNavItem[];\n}\n\nexport interface SettingsPageProps {\n  navSections: SettingsNavSection[];\n  pageTitle?: string;\n  pageDescription?: string;\n  children?: React.ReactNode;\n  className?: string;\n  renderNavLink?: (item: SettingsNavItem, className: string) => React.ReactNode;\n}\n\nexport function SettingsPage({ navSections, pageTitle, pageDescription, children, className, renderNavLink }: SettingsPageProps) {\n  function renderItem(item: SettingsNavItem) {\n    const cls = cn('rz-settings__nav-item', item.active && 'rz-settings__nav-item--active');\n    if (renderNavLink) return renderNavLink(item, cls);\n    if (item.href) return <a href={item.href} className={cls}>{item.icon}{item.label}</a>;\n    return (\n      <button type=\"button\" className={cls} onClick={item.onClick}>\n        {item.icon}{item.label}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('rz-settings', className)}>\n      <nav className=\"rz-settings__nav\" aria-label=\"Settings navigation\">\n        {navSections.map((section, i) => (\n          <div key={i} className=\"rz-settings__nav-section\">\n            {section.title && <p className=\"rz-settings__nav-heading\">{section.title}</p>}\n            {section.items.map((item, j) => (\n              <React.Fragment key={j}>{renderItem(item)}</React.Fragment>\n            ))}\n          </div>\n        ))}\n      </nav>\n      <main className=\"rz-settings__main\">\n        {pageTitle && <h1 className=\"rz-settings__page-title\">{pageTitle}</h1>}\n        {pageDescription && <p className=\"rz-settings__page-desc\">{pageDescription}</p>}\n        {children}\n      </main>\n    </div>\n  );\n}\n\n/* ─── Section + Row helpers ───────────────────────────────── */\n\nexport interface SettingsSectionProps {\n  title?: string;\n  description?: string;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function SettingsSection({ title, description, children, className }: SettingsSectionProps) {\n  return (\n    <section className={cn('rz-settings-section', className)}>\n      {title && <h2 className=\"rz-settings-section__title\">{title}</h2>}\n      {description && <p className=\"rz-settings-section__desc\">{description}</p>}\n      {children}\n    </section>\n  );\n}\n\nexport interface SettingsRowProps {\n  label: string;\n  description?: string;\n  control: React.ReactNode;\n  className?: string;\n}\n\nexport function SettingsRow({ label, description, control, className }: SettingsRowProps) {\n  return (\n    <div className={cn('rz-settings-row', className)}>\n      <div className=\"rz-settings-row__info\">\n        <p className=\"rz-settings-row__label\">{label}</p>\n        {description && <p className=\"rz-settings-row__desc\">{description}</p>}\n      </div>\n      <div className=\"rz-settings-row__control\">{control}</div>\n    </div>\n  );\n}\n"],"names":["cn","jsxs","jsx"],"mappings":";;;;;;AA4BO,SAAS,aAAa,EAAE,aAAa,WAAW,iBAAiB,UAAU,WAAW,iBAAoC;AAC/H,WAAS,WAAW,MAAuB;AACzC,UAAM,MAAMA,GAAAA,GAAG,yBAAyB,KAAK,UAAU,+BAA+B;AACtF,QAAI,cAAe,QAAO,cAAc,MAAM,GAAG;AACjD,QAAI,KAAK,KAAM,QAAOC,2BAAAA,KAAC,OAAE,MAAM,KAAK,MAAM,WAAW,KAAM,UAAA;AAAA,MAAA,KAAK;AAAA,MAAM,KAAK;AAAA,IAAA,GAAM;AACjF,WACEA,gCAAC,YAAO,MAAK,UAAS,WAAW,KAAK,SAAS,KAAK,SACjD,UAAA;AAAA,MAAA,KAAK;AAAA,MAAM,KAAK;AAAA,IAAA,GACnB;AAAA,EAEJ;AAEA,yCACG,OAAA,EAAI,WAAWD,GAAAA,GAAG,eAAe,SAAS,GACzC,UAAA;AAAA,IAAAE,2BAAAA,IAAC,OAAA,EAAI,WAAU,oBAAmB,cAAW,uBAC1C,UAAA,YAAY,IAAI,CAAC,SAAS,MACzBD,2BAAAA,KAAC,OAAA,EAAY,WAAU,4BACpB,UAAA;AAAA,MAAA,QAAQ,SAASC,2BAAAA,IAAC,KAAA,EAAE,WAAU,4BAA4B,kBAAQ,OAAM;AAAA,MACxE,QAAQ,MAAM,IAAI,CAAC,MAAM,MACxBA,2BAAAA,IAAC,MAAM,UAAN,EAAwB,UAAA,WAAW,IAAI,EAAA,GAAnB,CAAqB,CAC3C;AAAA,IAAA,KAJO,CAKV,CACD,GACH;AAAA,IACAD,2BAAAA,KAAC,QAAA,EAAK,WAAU,qBACb,UAAA;AAAA,MAAA,aAAaC,2BAAAA,IAAC,MAAA,EAAG,WAAU,2BAA2B,UAAA,WAAU;AAAA,MAChE,mBAAmBA,2BAAAA,IAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,iBAAgB;AAAA,MAC1E;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAWO,SAAS,gBAAgB,EAAE,OAAO,aAAa,UAAU,aAAmC;AACjG,yCACG,WAAA,EAAQ,WAAWF,GAAAA,GAAG,uBAAuB,SAAS,GACpD,UAAA;AAAA,IAAA,SAASE,2BAAAA,IAAC,MAAA,EAAG,WAAU,8BAA8B,UAAA,OAAM;AAAA,IAC3D,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,aAAY;AAAA,IACrE;AAAA,EAAA,GACH;AAEJ;AASO,SAAS,YAAY,EAAE,OAAO,aAAa,SAAS,aAA+B;AACxF,yCACG,OAAA,EAAI,WAAWF,GAAAA,GAAG,mBAAmB,SAAS,GAC7C,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAAC,2BAAAA,IAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,OAAM;AAAA,MAC5C,eAAeA,2BAAAA,IAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,YAAA,CAAY;AAAA,IAAA,GACpE;AAAA,IACAA,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BAA4B,UAAA,QAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;;;;"}

package/dist/blocks/settings-page/SettingsPage.d.ts

@@ -0,0 +1,36 @@
+import { default as React } from 'react';
+export interface SettingsNavItem {
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    active?: boolean;
+    onClick?: () => void;
+}
+export interface SettingsNavSection {
+    title?: string;
+    items: SettingsNavItem[];
+}
+export interface SettingsPageProps {
+    navSections: SettingsNavSection[];
+    pageTitle?: string;
+    pageDescription?: string;
+    children?: React.ReactNode;
+    className?: string;
+    renderNavLink?: (item: SettingsNavItem, className: string) => React.ReactNode;
+}
+export declare function SettingsPage({ navSections, pageTitle, pageDescription, children, className, renderNavLink }: SettingsPageProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsSectionProps {
+    title?: string;
+    description?: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function SettingsSection({ title, description, children, className }: SettingsSectionProps): import("react/jsx-runtime").JSX.Element;
+export interface SettingsRowProps {
+    label: string;
+    description?: string;
+    control: React.ReactNode;
+    className?: string;
+}
+export declare function SettingsRow({ label, description, control, className }: SettingsRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SettingsPage.d.ts.map

package/dist/blocks/settings-page/SettingsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-page/SettingsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,CAAC;AAI7B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,kBAAkB,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/E;AAED,wBAAgB,YAAY,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,iBAAiB,2CA+B9H;AAID,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAQhG;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAUvF"}

package/dist/blocks/settings-page/SettingsPage.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                  */
+function SettingsPage({ navSections, pageTitle, pageDescription, children, className, renderNavLink }) {
+  function renderItem(item) {
+    const cls = cn("rz-settings__nav-item", item.active && "rz-settings__nav-item--active");
+    if (renderNavLink) return renderNavLink(item, cls);
+    if (item.href) return /* @__PURE__ */ jsxs("a", { href: item.href, className: cls, children: [
+      item.icon,
+      item.label
+    ] });
+    return /* @__PURE__ */ jsxs("button", { type: "button", className: cls, onClick: item.onClick, children: [
+      item.icon,
+      item.label
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-settings", className), children: [
+    /* @__PURE__ */ jsx("nav", { className: "rz-settings__nav", "aria-label": "Settings navigation", children: navSections.map((section, i) => /* @__PURE__ */ jsxs("div", { className: "rz-settings__nav-section", children: [
+      section.title && /* @__PURE__ */ jsx("p", { className: "rz-settings__nav-heading", children: section.title }),
+      section.items.map((item, j) => /* @__PURE__ */ jsx(React__default.Fragment, { children: renderItem(item) }, j))
+    ] }, i)) }),
+    /* @__PURE__ */ jsxs("main", { className: "rz-settings__main", children: [
+      pageTitle && /* @__PURE__ */ jsx("h1", { className: "rz-settings__page-title", children: pageTitle }),
+      pageDescription && /* @__PURE__ */ jsx("p", { className: "rz-settings__page-desc", children: pageDescription }),
+      children
+    ] })
+  ] });
+}
+function SettingsSection({ title, description, children, className }) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("rz-settings-section", className), children: [
+    title && /* @__PURE__ */ jsx("h2", { className: "rz-settings-section__title", children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: "rz-settings-section__desc", children: description }),
+    children
+  ] });
+}
+function SettingsRow({ label, description, control, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-settings-row", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-settings-row__info", children: [
+      /* @__PURE__ */ jsx("p", { className: "rz-settings-row__label", children: label }),
+      description && /* @__PURE__ */ jsx("p", { className: "rz-settings-row__desc", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-settings-row__control", children: control })
+  ] });
+}
+export {
+  SettingsPage,
+  SettingsRow,
+  SettingsSection
+};
+//# sourceMappingURL=SettingsPage.js.map

package/dist/blocks/settings-page/SettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPage.js","sources":["../../../src/blocks/settings-page/SettingsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './settings-page.css';\n\n/* ─── Primitives ──────────────────────────────────────────── */\n\nexport interface SettingsNavItem {\n  label: string;\n  icon?: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  onClick?: () => void;\n}\n\nexport interface SettingsNavSection {\n  title?: string;\n  items: SettingsNavItem[];\n}\n\nexport interface SettingsPageProps {\n  navSections: SettingsNavSection[];\n  pageTitle?: string;\n  pageDescription?: string;\n  children?: React.ReactNode;\n  className?: string;\n  renderNavLink?: (item: SettingsNavItem, className: string) => React.ReactNode;\n}\n\nexport function SettingsPage({ navSections, pageTitle, pageDescription, children, className, renderNavLink }: SettingsPageProps) {\n  function renderItem(item: SettingsNavItem) {\n    const cls = cn('rz-settings__nav-item', item.active && 'rz-settings__nav-item--active');\n    if (renderNavLink) return renderNavLink(item, cls);\n    if (item.href) return <a href={item.href} className={cls}>{item.icon}{item.label}</a>;\n    return (\n      <button type=\"button\" className={cls} onClick={item.onClick}>\n        {item.icon}{item.label}\n      </button>\n    );\n  }\n\n  return (\n    <div className={cn('rz-settings', className)}>\n      <nav className=\"rz-settings__nav\" aria-label=\"Settings navigation\">\n        {navSections.map((section, i) => (\n          <div key={i} className=\"rz-settings__nav-section\">\n            {section.title && <p className=\"rz-settings__nav-heading\">{section.title}</p>}\n            {section.items.map((item, j) => (\n              <React.Fragment key={j}>{renderItem(item)}</React.Fragment>\n            ))}\n          </div>\n        ))}\n      </nav>\n      <main className=\"rz-settings__main\">\n        {pageTitle && <h1 className=\"rz-settings__page-title\">{pageTitle}</h1>}\n        {pageDescription && <p className=\"rz-settings__page-desc\">{pageDescription}</p>}\n        {children}\n      </main>\n    </div>\n  );\n}\n\n/* ─── Section + Row helpers ───────────────────────────────── */\n\nexport interface SettingsSectionProps {\n  title?: string;\n  description?: string;\n  className?: string;\n  children?: React.ReactNode;\n}\n\nexport function SettingsSection({ title, description, children, className }: SettingsSectionProps) {\n  return (\n    <section className={cn('rz-settings-section', className)}>\n      {title && <h2 className=\"rz-settings-section__title\">{title}</h2>}\n      {description && <p className=\"rz-settings-section__desc\">{description}</p>}\n      {children}\n    </section>\n  );\n}\n\nexport interface SettingsRowProps {\n  label: string;\n  description?: string;\n  control: React.ReactNode;\n  className?: string;\n}\n\nexport function SettingsRow({ label, description, control, className }: SettingsRowProps) {\n  return (\n    <div className={cn('rz-settings-row', className)}>\n      <div className=\"rz-settings-row__info\">\n        <p className=\"rz-settings-row__label\">{label}</p>\n        {description && <p className=\"rz-settings-row__desc\">{description}</p>}\n      </div>\n      <div className=\"rz-settings-row__control\">{control}</div>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;AA4BO,SAAS,aAAa,EAAE,aAAa,WAAW,iBAAiB,UAAU,WAAW,iBAAoC;AAC/H,WAAS,WAAW,MAAuB;AACzC,UAAM,MAAM,GAAG,yBAAyB,KAAK,UAAU,+BAA+B;AACtF,QAAI,cAAe,QAAO,cAAc,MAAM,GAAG;AACjD,QAAI,KAAK,KAAM,QAAO,qBAAC,OAAE,MAAM,KAAK,MAAM,WAAW,KAAM,UAAA;AAAA,MAAA,KAAK;AAAA,MAAM,KAAK;AAAA,IAAA,GAAM;AACjF,WACE,qBAAC,YAAO,MAAK,UAAS,WAAW,KAAK,SAAS,KAAK,SACjD,UAAA;AAAA,MAAA,KAAK;AAAA,MAAM,KAAK;AAAA,IAAA,GACnB;AAAA,EAEJ;AAEA,8BACG,OAAA,EAAI,WAAW,GAAG,eAAe,SAAS,GACzC,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,oBAAmB,cAAW,uBAC1C,UAAA,YAAY,IAAI,CAAC,SAAS,MACzB,qBAAC,OAAA,EAAY,WAAU,4BACpB,UAAA;AAAA,MAAA,QAAQ,SAAS,oBAAC,KAAA,EAAE,WAAU,4BAA4B,kBAAQ,OAAM;AAAA,MACxE,QAAQ,MAAM,IAAI,CAAC,MAAM,MACxB,oBAACA,eAAM,UAAN,EAAwB,UAAA,WAAW,IAAI,EAAA,GAAnB,CAAqB,CAC3C;AAAA,IAAA,KAJO,CAKV,CACD,GACH;AAAA,IACA,qBAAC,QAAA,EAAK,WAAU,qBACb,UAAA;AAAA,MAAA,aAAa,oBAAC,MAAA,EAAG,WAAU,2BAA2B,UAAA,WAAU;AAAA,MAChE,mBAAmB,oBAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,iBAAgB;AAAA,MAC1E;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAWO,SAAS,gBAAgB,EAAE,OAAO,aAAa,UAAU,aAAmC;AACjG,8BACG,WAAA,EAAQ,WAAW,GAAG,uBAAuB,SAAS,GACpD,UAAA;AAAA,IAAA,SAAS,oBAAC,MAAA,EAAG,WAAU,8BAA8B,UAAA,OAAM;AAAA,IAC3D,eAAe,oBAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,aAAY;AAAA,IACrE;AAAA,EAAA,GACH;AAEJ;AASO,SAAS,YAAY,EAAE,OAAO,aAAa,SAAS,aAA+B;AACxF,8BACG,OAAA,EAAI,WAAW,GAAG,mBAAmB,SAAS,GAC7C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAA,oBAAC,KAAA,EAAE,WAAU,0BAA0B,UAAA,OAAM;AAAA,MAC5C,eAAe,oBAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,YAAA,CAAY;AAAA,IAAA,GACpE;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,4BAA4B,UAAA,QAAA,CAAQ;AAAA,EAAA,GACrD;AAEJ;"}

package/dist/blocks/settings-page/index.d.ts

@@ -0,0 +1,3 @@
+export { SettingsPage, SettingsSection, SettingsRow } from './SettingsPage';
+export type { SettingsPageProps, SettingsSectionProps, SettingsRowProps, SettingsNavItem, SettingsNavSection } from './SettingsPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/settings-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/settings-page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC5E,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/blocks/sidebar/Sidebar.cjs

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css              */
+const panelLeftOpen = require("../../node_modules/lucide-react/dist/esm/icons/panel-left-open.cjs");
+const panelLeftClose = require("../../node_modules/lucide-react/dist/esm/icons/panel-left-close.cjs");
+function SidebarLayout({ sidebar, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-sidebar-layout", className), children: [
+    sidebar,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-sidebar-layout__content", children })
+  ] });
+}
+function Sidebar({
+  brand,
+  sections = [],
+  footer,
+  defaultCollapsed = false,
+  className,
+  renderItem
+}) {
+  const [collapsed, setCollapsed] = React.useState(defaultCollapsed);
+  const defaultRenderItem = (item, cls, isCollapsed) => {
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-sidebar__item-icon", "aria-hidden": "true", children: item.icon }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-sidebar__item-label", children: item.label }),
+      item.badge && !isCollapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-sidebar__item-badge", children: item.badge })
+    ] });
+    if (item.href) {
+      return /* @__PURE__ */ jsxRuntime.jsx("a", { href: item.href, className: cls, title: isCollapsed ? item.label : void 0, children: content }, item.id);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: cls,
+        onClick: item.onClick,
+        title: isCollapsed ? item.label : void 0,
+        children: content
+      },
+      item.id
+    );
+  };
+  const itemRenderer = renderItem ?? defaultRenderItem;
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: cn.cn("rz-sidebar", collapsed && "rz-sidebar--collapsed", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-sidebar__header", children: [
+      brand && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-sidebar__brand", children: brand }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-sidebar__collapse-btn",
+          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+          onClick: () => setCollapsed((v) => !v),
+          children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(panelLeftOpen, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(panelLeftClose, { size: 16 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "rz-sidebar__nav", "aria-label": "Sidebar navigation", children: sections.map((section, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      section.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-sidebar__section-label", children: section.label }),
+      section.items.map(
+        (item) => itemRenderer(
+          item,
+          cn.cn("rz-sidebar__item", item.active && "rz-sidebar__item--active"),
+          collapsed
+        )
+      )
+    ] }, i)) }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-sidebar__footer", children: footer })
+  ] });
+}
+exports.Sidebar = Sidebar;
+exports.SidebarLayout = SidebarLayout;
+//# sourceMappingURL=Sidebar.cjs.map