tembro 3.1.1 → 3.1.5

package/dist/src/components/layout/controllable-details.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);let n=require("react/jsx-runtime");function r({open:e,defaultOpen:r=!1,onOpenChange:i,children:a,...o}){let[s,c]=t.useState(r),l=e!==void 0;return(0,n.jsx)(`details`,{...o,open:l?e:s,onToggle:e=>{let t=e.currentTarget.open;l||c(t),i?.(t)},children:a})}exports.ControllableDetails=r;

package/dist/src/components/layout/controllable-details.js

@@ -0,0 +1,18 @@
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/controllable-details.tsx
+function n({ open: n, defaultOpen: r = !1, onOpenChange: i, children: a, ...o }) {
+	let [s, c] = e.useState(r), l = n !== void 0;
+	return /* @__PURE__ */ t("details", {
+		...o,
+		open: l ? n : s,
+		onToggle: (e) => {
+			let t = e.currentTarget.open;
+			l || c(t), i?.(t);
+		},
+		children: a
+	});
+}
+//#endregion
+export { n as ControllableDetails };

package/dist/src/components/layout/demo.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),e.component(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),e.component(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`)]);exports.layoutShowcaseDemoRegistry=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`)]);exports.layoutShowcaseDemoRegistry=t;

package/dist/src/components/layout/demo.js

@@ -1,9 +1,5 @@
 import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
 //#region src/components/layout/demo.tsx
-var n = t([
-	e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots."),
-	e("section-header", "SectionHeader", "layout", "Reusable section title block with actions and metadata."),
-	e("stat-card", "StatCard", "layout", "Dashboard stat card for KPI, trend and helper text.")
-]);
+var n = t([e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots.")]);
 //#endregion
 export { n as layoutShowcaseDemoRegistry };

package/dist/src/components/layout/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./page-container.cjs"),r=require("./section.cjs"),i=require("./sidebar-nav.cjs"),a=require("./sticky-footer-bar.cjs"),o=require("./stat-card.cjs"),s=require("./app-header.cjs");exports.AppHeader=s.AppHeader,exports.Breadcrumbs=t.Breadcrumbs,exports.PageContainer=n.PageContainer,exports.Section=r.Section,exports.Sidebar=e.Sidebar,exports.SidebarNav=i.SidebarNav,exports.SplitLayout=r.SplitLayout,exports.StatCard=o.StatCard,exports.StickyFooterBar=a.StickyFooterBar,exports.Toolbar=r.Toolbar;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./section.cjs"),r=require("./app-header.cjs");exports.AppHeader=r.AppHeader,exports.Breadcrumbs=t.Breadcrumbs,exports.Section=n.Section,exports.Sidebar=e.Sidebar,exports.SplitLayout=n.SplitLayout,exports.Toolbar=n.Toolbar;

package/dist/src/components/layout/index.js

@@ -1,9 +1,5 @@
 import { Sidebar as e } from "./app-sidebar.js";
 import { Breadcrumbs as t } from "./breadcrumbs.js";
-import { PageContainer as n } from "./page-container.js";
-import { Section as r, SplitLayout as i, Toolbar as a } from "./section.js";
-import { SidebarNav as o } from "./sidebar-nav.js";
-import { StickyFooterBar as s } from "./sticky-footer-bar.js";
-import { StatCard as c } from "./stat-card.js";
-import { AppHeader as l } from "./app-header.js";
-export { l as AppHeader, t as Breadcrumbs, n as PageContainer, r as Section, e as Sidebar, o as SidebarNav, i as SplitLayout, c as StatCard, s as StickyFooterBar, a as Toolbar };
+import { Section as n, SplitLayout as r, Toolbar as i } from "./section.js";
+import { AppHeader as a } from "./app-header.js";
+export { a as AppHeader, t as Breadcrumbs, n as Section, e as Sidebar, r as SplitLayout, i as Toolbar };

package/dist/src/components/layout/public.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./page-container.cjs"),r=require("./section.cjs"),i=require("./section-header.cjs"),a=require("./sidebar-nav.cjs"),o=require("./sticky-footer-bar.cjs");exports.Breadcrumbs=t.Breadcrumbs,exports.PageContainer=n.PageContainer,exports.Section=r.Section,exports.SectionHeader=i.SectionHeader,exports.Sidebar=e.Sidebar,exports.SidebarNav=a.SidebarNav,exports.SplitLayout=r.SplitLayout,exports.StickyFooterBar=o.StickyFooterBar,exports.Toolbar=r.Toolbar;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./section.cjs");exports.Breadcrumbs=t.Breadcrumbs,exports.Section=n.Section,exports.Sidebar=e.Sidebar,exports.SplitLayout=n.SplitLayout,exports.Toolbar=n.Toolbar;

package/dist/src/components/layout/public.js

@@ -1,8 +1,4 @@
 import { Sidebar as e } from "./app-sidebar.js";
 import { Breadcrumbs as t } from "./breadcrumbs.js";
-import { PageContainer as n } from "./page-container.js";
-import { Section as r, SplitLayout as i, Toolbar as a } from "./section.js";
-import { SectionHeader as o } from "./section-header.js";
-import { SidebarNav as s } from "./sidebar-nav.js";
-import { StickyFooterBar as c } from "./sticky-footer-bar.js";
-export { t as Breadcrumbs, n as PageContainer, r as Section, o as SectionHeader, e as Sidebar, s as SidebarNav, i as SplitLayout, c as StickyFooterBar, a as Toolbar };
+import { Section as n, SplitLayout as r, Toolbar as i } from "./section.js";
+export { t as Breadcrumbs, n as Section, e as Sidebar, r as SplitLayout, i as Toolbar };

package/dist/src/components/layout/sidebar-nav.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/tooltip/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return e.items?.some(e=>!e.hidden)??!1}function s(e){return e.active?!0:e.items?.some(e=>s(e))??!1}function c({item:e,collapsed:i,depth:o,itemClassName:s,activeItemClassName:c,renderLink:l}){let u=e.current??(e.active?`page`:void 0),d=(0,a.jsxs)(a.Fragment,{children:[e.icon&&(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}),!i&&(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!i&&e.badge&&(0,a.jsx)(n.Badge,{variant:`secondary`,className:`ml-auto h-5 shrink-0 px-1.5`,children:e.badge})]}),f=t.cn(`group flex min-h-9 items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)] data-[active=true]:border-[color:var(--aui-surface-border-strong,var(--ring))] data-[active=true]:bg-[color:var(--aui-control-bg)] data-[active=true]:text-[color:var(--aui-page-foreground)] data-[active=true]:shadow-[inset_0_1px_0_rgba(255,255,255,0.25)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,i&&`justify-center px-0`,o>0&&!i&&`pl-3`,s,e.active&&c),p=t=>i?(0,a.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,a.jsx)(`span`,{className:`block`,children:t})}):t;return e.href&&e.href.startsWith(`/`)?p(l?l({item:e,href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":String(o),"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:f,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:d}):(0,a.jsx)(`a`,{href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:f,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:d})):e.href?p((0,a.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:t.cn(`w-full text-left`,f),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(e.onSelect?.(),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:d})):p((0,a.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,disabled:e.disabled,className:t.cn(`w-full text-left`,f),onClick:e.onSelect,children:d}))}function l({items:e,collapsed:u,depth:d,itemClassName:f,activeItemClassName:p,renderItem:m,renderLink:h}){return e.map(e=>{if(e.hidden)return null;let g=!u&&d===0&&e.sectionLabel;if(!o(e)){let t=(0,a.jsx)(c,{item:e,collapsed:u,depth:d,itemClassName:f,activeItemClassName:p,renderLink:h});return(0,a.jsxs)(i.Fragment,{children:[g?(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,m?m(e,t):t]},e.key)}let _=e.defaultExpanded??s(e),v=(0,a.jsxs)(`summary`,{"data-slot":`sidebar-nav-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]`,u?`justify-center px-0`:`px-2`),children:[e.icon?u?(0,a.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon})}):(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}):null,!u&&(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!u&&e.badge?(0,a.jsx)(n.Badge,{variant:`secondary`,className:`h-5 shrink-0 px-1.5`,children:e.badge}):null,!u&&(0,a.jsx)(`span`,{"data-slot":`sidebar-nav-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90`,children:`›`})]}),y=(0,a.jsxs)(`div`,{"data-slot":`sidebar-nav-group`,"data-depth":d,children:[g?(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,a.jsxs)(`details`,{"data-slot":`sidebar-nav-group-details`,open:_,className:`group/sidebar-nav-details`,children:[v,(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-content`,className:t.cn(`mt-1 grid gap-1`,!u&&`ml-3 border-l border-border/55 pl-2`),children:(0,a.jsx)(l,{items:e.items??[],collapsed:u,depth:d+1,itemClassName:f,activeItemClassName:p,renderItem:m,renderLink:h})})]})]});return m?(0,a.jsx)(i.Fragment,{children:m(e,y)},e.key):(0,a.jsx)(i.Fragment,{children:y},e.key)})}function u({className:e,items:n,collapsed:r=!1,scrollable:i=!0,itemClassName:o,activeItemClassName:s,renderItem:c,renderLink:u,...d}){let f=n.filter(e=>!e.hidden);return(0,a.jsx)(`nav`,{"data-slot":`sidebar-nav`,"data-collapsed":r||void 0,className:t.cn(`grid min-h-0 gap-1`,i?`overflow-y-auto overscroll-contain`:null,e),...d,children:(0,a.jsx)(l,{items:f,collapsed:r,depth:0,itemClassName:o,activeItemClassName:s,renderItem:c,renderLink:u})})}exports.SidebarNav=u;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/tooltip/index.cjs"),i=require("./controllable-details.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s(e){return e.items?.some(e=>!e.hidden)??!1}function c(e){return e.active?!0:e.items?.some(e=>c(e))??!1}function l({item:e,collapsed:i,depth:a,itemSize:s,activeIndicator:c,itemClassName:l,activeItemClassName:u,renderLink:d}){let f=e.current??(e.active?`page`:void 0),p=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}),!i&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!i&&e.badge&&(0,o.jsx)(n.Badge,{variant:`secondary`,className:`ml-auto h-5 shrink-0 px-1.5`,children:e.badge})]}),m=t.cn(`group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,i&&`justify-center px-0`,a>0&&!i&&`pl-3`,l,e.active&&u),h=t=>i?(0,o.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href&&e.href.startsWith(`/`)?h(d?d({item:e,href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":String(a),"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:m,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:p}):(0,o.jsx)(`a`,{href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:m,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:p})):e.href?h((0,o.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:t.cn(`w-full text-left`,m),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(e.onSelect?.(),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:p})):h((0,o.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,disabled:e.disabled,className:t.cn(`w-full text-left`,m),onClick:e.onSelect,children:p}))}function u({items:e,collapsed:d,depth:f,showSectionLabels:p,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderItem:v,renderLink:y}){return e.map(e=>{if(e.hidden)return null;let b=p&&!d&&f===0&&e.sectionLabel;if(!s(e)){let t=(0,o.jsx)(l,{item:e,collapsed:d,depth:f,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderLink:y});return(0,o.jsxs)(a.Fragment,{children:[b?(0,o.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,v?v(e,t):t]},e.key)}let x=e.defaultExpanded??c(e),S=(0,o.jsxs)(`summary`,{"data-slot":`sidebar-nav-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]`,d?`justify-center px-0`:`px-2`),children:[e.icon?d?(0,o.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}):null,!d&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!d&&e.badge?(0,o.jsx)(n.Badge,{variant:`secondary`,className:`h-5 shrink-0 px-1.5`,children:e.badge}):null,!d&&(0,o.jsx)(`span`,{"data-slot":`sidebar-nav-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90`,children:`›`})]}),C=(0,o.jsxs)(`div`,{"data-slot":`sidebar-nav-group`,"data-depth":f,children:[b?(0,o.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,o.jsxs)(i.ControllableDetails,{"data-slot":`sidebar-nav-group-details`,open:e.expanded,defaultOpen:x,className:`group/sidebar-nav-details`,onOpenChange:e.onExpandedChange,children:[S,(0,o.jsx)(`div`,{"data-slot":`sidebar-nav-group-content`,className:t.cn(`mt-1 grid gap-1`,!d&&`ml-3 border-l border-border/55 pl-2`),children:(0,o.jsx)(u,{items:e.items??[],collapsed:d,depth:f+1,showSectionLabels:p,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderItem:v,renderLink:y})})]})]});return v?(0,o.jsx)(a.Fragment,{children:v(e,C)},e.key):(0,o.jsx)(a.Fragment,{children:C},e.key)})}function d({className:e,items:n,collapsed:r=!1,scrollable:i=!0,showSectionLabels:a=!0,itemSize:s=`md`,activeIndicator:c=`bar`,itemClassName:l,activeItemClassName:d,renderItem:f,renderLink:p,...m}){let h=n.filter(e=>!e.hidden);return(0,o.jsx)(`nav`,{"aria-label":`Primary navigation`,"data-slot":`sidebar-nav`,"data-collapsed":r||void 0,className:t.cn(`grid min-h-0 gap-1`,i?`overflow-y-auto overscroll-contain`:null,e),...m,children:(0,o.jsx)(u,{items:h,collapsed:r,depth:0,showSectionLabels:a,itemSize:s,activeIndicator:c,itemClassName:l,activeItemClassName:d,renderItem:f,renderLink:p})})}exports.SidebarNav=d;

package/dist/src/components/layout/sidebar-nav.js

@@ -1,47 +1,51 @@
+"use client";
 import { cn as e } from "../../lib/utils.js";
 import { Badge as t } from "../ui/badge/index.js";
 import { Tooltip as n } from "../ui/tooltip/index.js";
-import * as r from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ControllableDetails as r } from "./controllable-details.js";
+import * as i from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/layout/sidebar-nav.tsx
-function s(e) {
+function c(e) {
 	return e.items?.some((e) => !e.hidden) ?? !1;
 }
-function c(e) {
-	return e.active ? !0 : e.items?.some((e) => c(e)) ?? !1;
+function l(e) {
+	return e.active ? !0 : e.items?.some((e) => l(e)) ?? !1;
 }
-function l({ item: r, collapsed: s, depth: c, itemClassName: l, activeItemClassName: u, renderLink: d }) {
-	let f = r.current ?? (r.active ? "page" : void 0), p = /* @__PURE__ */ o(i, { children: [
-		r.icon && /* @__PURE__ */ a("span", {
+function u({ item: r, collapsed: i, depth: c, itemSize: l, activeIndicator: u, itemClassName: d, activeItemClassName: f, renderLink: p }) {
+	let m = r.current ?? (r.active ? "page" : void 0), h = /* @__PURE__ */ s(a, { children: [
+		r.icon && /* @__PURE__ */ o("span", {
 			className: "shrink-0 [&_svg]:size-4",
 			children: r.icon
 		}),
-		!s && /* @__PURE__ */ a("span", {
+		!i && /* @__PURE__ */ o("span", {
 			className: "min-w-0 flex-1 truncate",
 			children: r.label
 		}),
-		!s && r.badge && /* @__PURE__ */ a(t, {
+		!i && r.badge && /* @__PURE__ */ o(t, {
 			variant: "secondary",
 			className: "ml-auto h-5 shrink-0 px-1.5",
 			children: r.badge
 		})
-	] }), m = e("group flex min-h-9 items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)] data-[active=true]:border-[color:var(--aui-surface-border-strong,var(--ring))] data-[active=true]:bg-[color:var(--aui-control-bg)] data-[active=true]:text-[color:var(--aui-page-foreground)] data-[active=true]:shadow-[inset_0_1px_0_rgba(255,255,255,0.25)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", s && "justify-center px-0", c > 0 && !s && "pl-3", l, r.active && u), h = (e) => s ? /* @__PURE__ */ a(n, {
+	] }), g = e("group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", i && "justify-center px-0", c > 0 && !i && "pl-3", d, r.active && f), _ = (e) => i ? /* @__PURE__ */ o(n, {
 		content: r.tooltip ?? r.label,
 		side: "right",
-		children: /* @__PURE__ */ a("span", {
+		children: /* @__PURE__ */ o("span", {
 			className: "block",
 			children: e
 		})
 	}) : e;
-	return r.href && r.href.startsWith("/") ? h(d ? d({
+	return r.href && r.href.startsWith("/") ? _(p ? p({
 		item: r,
 		href: r.href,
 		"data-slot": "sidebar-nav-item",
 		"data-depth": String(c),
 		"data-active": r.active || void 0,
 		"data-disabled": r.disabled || void 0,
-		"aria-current": f,
-		className: m,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: g,
 		onClick: (e) => {
 			if (r.disabled) {
 				e.preventDefault();
@@ -49,15 +53,17 @@ function l({ item: r, collapsed: s, depth: c, itemClassName: l, activeItemClassN
 			}
 			r.onSelect?.();
 		},
-		children: p
-	}) : /* @__PURE__ */ a("a", {
+		children: h
+	}) : /* @__PURE__ */ o("a", {
 		href: r.href,
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
 		"data-active": r.active || void 0,
 		"data-disabled": r.disabled || void 0,
-		"aria-current": f,
-		className: m,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: g,
 		onClick: (e) => {
 			if (r.disabled) {
 				e.preventDefault();
@@ -65,15 +71,17 @@ function l({ item: r, collapsed: s, depth: c, itemClassName: l, activeItemClassN
 			}
 			r.onSelect?.();
 		},
-		children: p
-	})) : r.href ? h(/* @__PURE__ */ a("button", {
+		children: h
+	})) : r.href ? _(/* @__PURE__ */ o("button", {
 		type: "button",
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
 		"data-active": r.active || void 0,
 		"data-disabled": r.disabled || void 0,
-		"aria-current": f,
-		className: e("w-full text-left", m),
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: e("w-full text-left", g),
 		onClick: () => {
 			if (r.disabled) return;
 			let e = r.href;
@@ -85,115 +93,128 @@ function l({ item: r, collapsed: s, depth: c, itemClassName: l, activeItemClassN
 				window.location.assign(e);
 			}
 		},
-		children: p
-	})) : h(/* @__PURE__ */ a("button", {
+		children: h
+	})) : _(/* @__PURE__ */ o("button", {
 		type: "button",
 		"data-slot": "sidebar-nav-item",
 		"data-depth": c,
 		"data-active": r.active || void 0,
 		"data-disabled": r.disabled || void 0,
-		"aria-current": f,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
 		disabled: r.disabled,
-		className: e("w-full text-left", m),
+		className: e("w-full text-left", g),
 		onClick: r.onSelect,
-		children: p
+		children: h
 	}));
 }
-function u({ items: i, collapsed: d, depth: f, itemClassName: p, activeItemClassName: m, renderItem: h, renderLink: g }) {
-	return i.map((i) => {
-		if (i.hidden) return null;
-		let _ = !d && f === 0 && i.sectionLabel;
-		if (!s(i)) {
-			let e = /* @__PURE__ */ a(l, {
-				item: i,
-				collapsed: d,
-				depth: f,
-				itemClassName: p,
-				activeItemClassName: m,
-				renderLink: g
+function d({ items: a, collapsed: f, depth: p, showSectionLabels: m, itemSize: h, activeIndicator: g, itemClassName: _, activeItemClassName: v, renderItem: y, renderLink: b }) {
+	return a.map((a) => {
+		if (a.hidden) return null;
+		let x = m && !f && p === 0 && a.sectionLabel;
+		if (!c(a)) {
+			let e = /* @__PURE__ */ o(u, {
+				item: a,
+				collapsed: f,
+				depth: p,
+				itemSize: h,
+				activeIndicator: g,
+				itemClassName: _,
+				activeItemClassName: v,
+				renderLink: b
 			});
-			return /* @__PURE__ */ o(r.Fragment, { children: [_ ? /* @__PURE__ */ a("div", {
+			return /* @__PURE__ */ s(i.Fragment, { children: [x ? /* @__PURE__ */ o("div", {
 				"data-slot": "sidebar-nav-group-label",
 				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-				children: i.sectionLabel
-			}) : null, h ? h(i, e) : e] }, i.key);
+				children: a.sectionLabel
+			}) : null, y ? y(a, e) : e] }, a.key);
 		}
-		let v = i.defaultExpanded ?? c(i), y = /* @__PURE__ */ o("summary", {
+		let S = a.defaultExpanded ?? l(a), C = /* @__PURE__ */ s("summary", {
 			"data-slot": "sidebar-nav-group-trigger",
-			className: e("flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]", d ? "justify-center px-0" : "px-2"),
+			className: e("flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]", f ? "justify-center px-0" : "px-2"),
 			children: [
-				i.icon ? d ? /* @__PURE__ */ a(n, {
-					content: i.tooltip ?? i.label,
+				a.icon ? f ? /* @__PURE__ */ o(n, {
+					content: a.tooltip ?? a.label,
 					side: "right",
-					children: /* @__PURE__ */ a("span", {
+					children: /* @__PURE__ */ o("span", {
 						className: "shrink-0 [&_svg]:size-4",
-						children: i.icon
+						children: a.icon
 					})
-				}) : /* @__PURE__ */ a("span", {
+				}) : /* @__PURE__ */ o("span", {
 					className: "shrink-0 [&_svg]:size-4",
-					children: i.icon
+					children: a.icon
 				}) : null,
-				!d && /* @__PURE__ */ a("span", {
+				!f && /* @__PURE__ */ o("span", {
 					className: "min-w-0 flex-1 truncate",
-					children: i.label
+					children: a.label
 				}),
-				!d && i.badge ? /* @__PURE__ */ a(t, {
+				!f && a.badge ? /* @__PURE__ */ o(t, {
 					variant: "secondary",
 					className: "h-5 shrink-0 px-1.5",
-					children: i.badge
+					children: a.badge
 				}) : null,
-				!d && /* @__PURE__ */ a("span", {
+				!f && /* @__PURE__ */ o("span", {
 					"data-slot": "sidebar-nav-group-chevron",
 					className: "ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90",
 					children: "›"
 				})
 			]
-		}), b = /* @__PURE__ */ o("div", {
+		}), w = /* @__PURE__ */ s("div", {
 			"data-slot": "sidebar-nav-group",
-			"data-depth": f,
-			children: [_ ? /* @__PURE__ */ a("div", {
+			"data-depth": p,
+			children: [x ? /* @__PURE__ */ o("div", {
 				"data-slot": "sidebar-nav-group-label",
 				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
-				children: i.sectionLabel
-			}) : null, /* @__PURE__ */ o("details", {
+				children: a.sectionLabel
+			}) : null, /* @__PURE__ */ s(r, {
 				"data-slot": "sidebar-nav-group-details",
-				open: v,
+				open: a.expanded,
+				defaultOpen: S,
 				className: "group/sidebar-nav-details",
-				children: [y, /* @__PURE__ */ a("div", {
+				onOpenChange: a.onExpandedChange,
+				children: [C, /* @__PURE__ */ o("div", {
 					"data-slot": "sidebar-nav-group-content",
-					className: e("mt-1 grid gap-1", !d && "ml-3 border-l border-border/55 pl-2"),
-					children: /* @__PURE__ */ a(u, {
-						items: i.items ?? [],
-						collapsed: d,
-						depth: f + 1,
-						itemClassName: p,
-						activeItemClassName: m,
-						renderItem: h,
-						renderLink: g
+					className: e("mt-1 grid gap-1", !f && "ml-3 border-l border-border/55 pl-2"),
+					children: /* @__PURE__ */ o(d, {
+						items: a.items ?? [],
+						collapsed: f,
+						depth: p + 1,
+						showSectionLabels: m,
+						itemSize: h,
+						activeIndicator: g,
+						itemClassName: _,
+						activeItemClassName: v,
+						renderItem: y,
+						renderLink: b
 					})
 				})]
 			})]
 		});
-		return h ? /* @__PURE__ */ a(r.Fragment, { children: h(i, b) }, i.key) : /* @__PURE__ */ a(r.Fragment, { children: b }, i.key);
+		return y ? /* @__PURE__ */ o(i.Fragment, { children: y(a, w) }, a.key) : /* @__PURE__ */ o(i.Fragment, { children: w }, a.key);
 	});
 }
-function d({ className: t, items: n, collapsed: r = !1, scrollable: i = !0, itemClassName: o, activeItemClassName: s, renderItem: c, renderLink: l, ...d }) {
-	let f = n.filter((e) => !e.hidden);
-	return /* @__PURE__ */ a("nav", {
+function f({ className: t, items: n, collapsed: r = !1, scrollable: i = !0, showSectionLabels: a = !0, itemSize: s = "md", activeIndicator: c = "bar", itemClassName: l, activeItemClassName: u, renderItem: f, renderLink: p, ...m }) {
+	let h = n.filter((e) => !e.hidden);
+	return /* @__PURE__ */ o("nav", {
+		"aria-label": "Primary navigation",
 		"data-slot": "sidebar-nav",
 		"data-collapsed": r || void 0,
 		className: e("grid min-h-0 gap-1", i ? "overflow-y-auto overscroll-contain" : null, t),
-		...d,
-		children: /* @__PURE__ */ a(u, {
-			items: f,
+		...m,
+		children: /* @__PURE__ */ o(d, {
+			items: h,
 			collapsed: r,
 			depth: 0,
-			itemClassName: o,
-			activeItemClassName: s,
-			renderItem: c,
-			renderLink: l
+			showSectionLabels: a,
+			itemSize: s,
+			activeIndicator: c,
+			itemClassName: l,
+			activeItemClassName: u,
+			renderItem: f,
+			renderLink: p
 		})
 	});
 }
 //#endregion
-export { d as SidebarNav };
+export { f as SidebarNav };

package/dist/src/components/modern/image-cropper.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("react-easy-crop");a=e.__toESM(a,1);function o(e){return e*Math.PI/180}function s(e,t,n){let r=o(n);return{width:Math.abs(Math.cos(r)*e)+Math.abs(Math.sin(r)*t),height:Math.abs(Math.sin(r)*e)+Math.abs(Math.cos(r)*t)}}function c(e,t){return new Promise((n,r)=>{let i=new Image;t&&(i.crossOrigin=t),i.onload=()=>n(i),i.onerror=()=>r(Error(`Crop source image could not be loaded`)),i.src=e})}async function l({src:e,crop:t,rotation:n=0,type:r=`image/png`,quality:i=.92,crossOrigin:a=`anonymous`}){let l=await c(e,a),u=s(l.naturalWidth,l.naturalHeight,n),d=document.createElement(`canvas`);d.width=Math.ceil(u.width),d.height=Math.ceil(u.height);let f=d.getContext(`2d`);if(!f)throw Error(`Canvas 2D context is unavailable`);f.translate(d.width/2,d.height/2),f.rotate(o(n)),f.translate(-l.naturalWidth/2,-l.naturalHeight/2),f.drawImage(l,0,0);let p=document.createElement(`canvas`);p.width=Math.max(1,Math.round(t.width)),p.height=Math.max(1,Math.round(t.height));let m=p.getContext(`2d`);if(!m)throw Error(`Canvas 2D context is unavailable`);return m.drawImage(d,Math.round(t.x),Math.round(t.y),Math.round(t.width),Math.round(t.height),0,0,p.width,p.height),new Promise((e,t)=>{p.toBlob(n=>n?e(n):t(Error(`Cropped image could not be encoded`)),r,i)})}function u({src:e,alt:o=`Image crop preview`,crop:s,defaultCrop:c={x:0,y:0},onCropChange:l,zoom:u,defaultZoom:d=1,onZoomChange:f,rotation:p,defaultRotation:m=0,onRotationChange:h,onCropComplete:g,aspect:_=1,cropShape:v=`rect`,objectFit:y=`contain`,minZoom:b=1,maxZoom:x=3,zoomStep:S=.1,showGrid:C=!0,disabled:w=!1,labels:T,className:E,...D}){let[O,k]=n.useState(c),[A,j]=n.useState(d),[M,N]=n.useState(m),P=s??O,F=u??A,I=p??M;return(0,i.jsxs)(`div`,{"data-slot":`image-cropper`,"data-disabled":w||void 0,className:t.cn(`grid gap-3 data-[disabled]:opacity-60`,E),...D,children:[(0,i.jsx)(`div`,{role:`img`,"aria-label":T?.cropper??o,className:t.cn(`relative min-h-64 overflow-hidden rounded-md bg-black`,w&&`pointer-events-none`),style:{aspectRatio:_},children:(0,i.jsx)(a.default,{image:e,crop:P,zoom:F,rotation:I,aspect:_,cropShape:v,objectFit:y,minZoom:b,maxZoom:x,zoomSpeed:S,showGrid:C,onCropChange:e=>{s===void 0&&k(e),l?.(e)},onZoomChange:e=>{u===void 0&&j(e),f?.(e)},onRotationChange:e=>{p===void 0&&N(e),h?.(e)},onCropComplete:g})}),(0,i.jsxs)(`div`,{className:`grid gap-2 sm:grid-cols-2`,children:[(0,i.jsxs)(`label`,{className:`grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground`,children:[(0,i.jsx)(r.ZoomInIcon,{className:`size-4`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:T?.zoom??`Zoom`}),(0,i.jsx)(`input`,{type:`range`,min:b,max:x,step:S,value:F,disabled:w,"aria-label":T?.zoom??`Zoom`,className:`w-full accent-foreground`,onChange:e=>{let t=Number(e.target.value);u===void 0&&j(t),f?.(t)}}),(0,i.jsxs)(`span`,{className:`w-9 text-right tabular-nums`,children:[F.toFixed(1),`x`]})]}),(0,i.jsxs)(`label`,{className:`grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground`,children:[(0,i.jsx)(r.RotateCwIcon,{className:`size-4`,"aria-hidden":`true`}),(0,i.jsx)(`span`,{className:`sr-only`,children:T?.rotation??`Rotation`}),(0,i.jsx)(`input`,{type:`range`,min:`-180`,max:`180`,step:`1`,value:I,disabled:w,"aria-label":T?.rotation??`Rotation`,className:`w-full accent-foreground`,onChange:e=>{let t=Number(e.target.value);p===void 0&&N(t),h?.(t)}}),(0,i.jsxs)(`span`,{className:`w-10 text-right tabular-nums`,children:[Math.round(I),`°`]})]})]})]})}exports.ImageCropper=u,exports.createCroppedImageBlob=l;

package/dist/src/components/modern/image-cropper.js

@@ -0,0 +1,143 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { RotateCwIcon as n, ZoomInIcon as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "react-easy-crop";
+//#region src/components/modern/image-cropper.tsx
+function s(e) {
+	return e * Math.PI / 180;
+}
+function c(e, t, n) {
+	let r = s(n);
+	return {
+		width: Math.abs(Math.cos(r) * e) + Math.abs(Math.sin(r) * t),
+		height: Math.abs(Math.sin(r) * e) + Math.abs(Math.cos(r) * t)
+	};
+}
+function l(e, t) {
+	return new Promise((n, r) => {
+		let i = new Image();
+		t && (i.crossOrigin = t), i.onload = () => n(i), i.onerror = () => r(/* @__PURE__ */ Error("Crop source image could not be loaded")), i.src = e;
+	});
+}
+async function u({ src: e, crop: t, rotation: n = 0, type: r = "image/png", quality: i = .92, crossOrigin: a = "anonymous" }) {
+	let o = await l(e, a), u = c(o.naturalWidth, o.naturalHeight, n), d = document.createElement("canvas");
+	d.width = Math.ceil(u.width), d.height = Math.ceil(u.height);
+	let f = d.getContext("2d");
+	if (!f) throw Error("Canvas 2D context is unavailable");
+	f.translate(d.width / 2, d.height / 2), f.rotate(s(n)), f.translate(-o.naturalWidth / 2, -o.naturalHeight / 2), f.drawImage(o, 0, 0);
+	let p = document.createElement("canvas");
+	p.width = Math.max(1, Math.round(t.width)), p.height = Math.max(1, Math.round(t.height));
+	let m = p.getContext("2d");
+	if (!m) throw Error("Canvas 2D context is unavailable");
+	return m.drawImage(d, Math.round(t.x), Math.round(t.y), Math.round(t.width), Math.round(t.height), 0, 0, p.width, p.height), new Promise((e, t) => {
+		p.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("Cropped image could not be encoded")), r, i);
+	});
+}
+function d({ src: s, alt: c = "Image crop preview", crop: l, defaultCrop: u = {
+	x: 0,
+	y: 0
+}, onCropChange: d, zoom: f, defaultZoom: p = 1, onZoomChange: m, rotation: h, defaultRotation: g = 0, onRotationChange: _, onCropComplete: v, aspect: y = 1, cropShape: b = "rect", objectFit: x = "contain", minZoom: S = 1, maxZoom: C = 3, zoomStep: w = .1, showGrid: T = !0, disabled: E = !1, labels: D, className: O, ...k }) {
+	let [A, j] = t.useState(u), [M, N] = t.useState(p), [P, F] = t.useState(g), I = l ?? A, L = f ?? M, R = h ?? P;
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "image-cropper",
+		"data-disabled": E || void 0,
+		className: e("grid gap-3 data-[disabled]:opacity-60", O),
+		...k,
+		children: [/* @__PURE__ */ i("div", {
+			role: "img",
+			"aria-label": D?.cropper ?? c,
+			className: e("relative min-h-64 overflow-hidden rounded-md bg-black", E && "pointer-events-none"),
+			style: { aspectRatio: y },
+			children: /* @__PURE__ */ i(o, {
+				image: s,
+				crop: I,
+				zoom: L,
+				rotation: R,
+				aspect: y,
+				cropShape: b,
+				objectFit: x,
+				minZoom: S,
+				maxZoom: C,
+				zoomSpeed: w,
+				showGrid: T,
+				onCropChange: (e) => {
+					l === void 0 && j(e), d?.(e);
+				},
+				onZoomChange: (e) => {
+					f === void 0 && N(e), m?.(e);
+				},
+				onRotationChange: (e) => {
+					h === void 0 && F(e), _?.(e);
+				},
+				onCropComplete: v
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "grid gap-2 sm:grid-cols-2",
+			children: [/* @__PURE__ */ a("label", {
+				className: "grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ i(r, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "sr-only",
+						children: D?.zoom ?? "Zoom"
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						min: S,
+						max: C,
+						step: w,
+						value: L,
+						disabled: E,
+						"aria-label": D?.zoom ?? "Zoom",
+						className: "w-full accent-foreground",
+						onChange: (e) => {
+							let t = Number(e.target.value);
+							f === void 0 && N(t), m?.(t);
+						}
+					}),
+					/* @__PURE__ */ a("span", {
+						className: "w-9 text-right tabular-nums",
+						children: [L.toFixed(1), "x"]
+					})
+				]
+			}), /* @__PURE__ */ a("label", {
+				className: "grid grid-cols-[auto_1fr_auto] items-center gap-2 text-xs text-muted-foreground",
+				children: [
+					/* @__PURE__ */ i(n, {
+						className: "size-4",
+						"aria-hidden": "true"
+					}),
+					/* @__PURE__ */ i("span", {
+						className: "sr-only",
+						children: D?.rotation ?? "Rotation"
+					}),
+					/* @__PURE__ */ i("input", {
+						type: "range",
+						min: "-180",
+						max: "180",
+						step: "1",
+						value: R,
+						disabled: E,
+						"aria-label": D?.rotation ?? "Rotation",
+						className: "w-full accent-foreground",
+						onChange: (e) => {
+							let t = Number(e.target.value);
+							h === void 0 && F(t), _?.(t);
+						}
+					}),
+					/* @__PURE__ */ a("span", {
+						className: "w-10 text-right tabular-nums",
+						children: [Math.round(R), "°"]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as ImageCropper, u as createCroppedImageBlob };

package/dist/src/components/modern/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../display/carousel.cjs"),t=require("../display/tag.cjs"),n=require("../display/typography.cjs"),r=require("./calendar-scheduler.cjs"),i=require("./dual-list-picker.cjs"),a=require("./resizable-panel.cjs");exports.Blockquote=n.Blockquote,exports.CalendarScheduler=r.CalendarScheduler,exports.Carousel=e.Carousel,exports.CarouselItem=e.CarouselItem,exports.Chip=t.Chip,exports.DualListPicker=i.DualListPicker,exports.Heading=n.Heading,exports.Mark=n.Mark,exports.ResizableHandle=a.ResizableHandle,exports.ResizablePanel=a.ResizablePanel,exports.ResizablePanelGroup=a.ResizablePanelGroup,exports.Spoiler=n.Spoiler,exports.SpoilerSummary=n.SpoilerSummary,exports.Tag=t.Tag,exports.TagGroup=t.TagGroup,exports.Text=n.Text;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./calendar-scheduler.cjs"),t=require("./dual-list-picker.cjs"),n=require("./resizable-panel.cjs"),r=require("./rich-text-editor.cjs"),i=require("./image-cropper.cjs");exports.CalendarScheduler=e.CalendarScheduler,exports.DualListPicker=t.DualListPicker,exports.EditorToolbar=r.EditorToolbar,exports.ImageCropper=i.ImageCropper,exports.ResizableHandle=n.ResizableHandle,exports.ResizablePanel=n.ResizablePanel,exports.ResizablePanelGroup=n.ResizablePanelGroup,exports.RichTextEditor=r.RichTextEditor,exports.createCroppedImageBlob=i.createCroppedImageBlob;

package/dist/src/components/modern/index.js

@@ -1,7 +1,6 @@
-import { Carousel as e, CarouselItem as t } from "../display/carousel.js";
-import { Chip as n, Tag as r, TagGroup as i } from "../display/tag.js";
-import { Blockquote as a, Heading as o, Mark as s, Spoiler as c, SpoilerSummary as l, Text as u } from "../display/typography.js";
-import { CalendarScheduler as d } from "./calendar-scheduler.js";
-import { DualListPicker as f } from "./dual-list-picker.js";
-import { ResizableHandle as p, ResizablePanel as m, ResizablePanelGroup as h } from "./resizable-panel.js";
-export { a as Blockquote, d as CalendarScheduler, e as Carousel, t as CarouselItem, n as Chip, f as DualListPicker, o as Heading, s as Mark, p as ResizableHandle, m as ResizablePanel, h as ResizablePanelGroup, c as Spoiler, l as SpoilerSummary, r as Tag, i as TagGroup, u as Text };
+import { CalendarScheduler as e } from "./calendar-scheduler.js";
+import { DualListPicker as t } from "./dual-list-picker.js";
+import { ResizableHandle as n, ResizablePanel as r, ResizablePanelGroup as i } from "./resizable-panel.js";
+import { EditorToolbar as a, RichTextEditor as o } from "./rich-text-editor.js";
+import { ImageCropper as s, createCroppedImageBlob as c } from "./image-cropper.js";
+export { e as CalendarScheduler, t as DualListPicker, a as EditorToolbar, s as ImageCropper, n as ResizableHandle, r as ResizablePanel, i as ResizablePanelGroup, o as RichTextEditor, c as createCroppedImageBlob };

package/dist/src/components/modern/rich-text-editor.cjs

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({value:e,defaultValue:i,onValueChange:a,output:o,placeholder:s=`Start typing...`,className:c,children:l,...u}){let[d,f]=n.useState(i??``),p=e!==void 0,m=p?e??``:d;return(0,r.jsxs)(`div`,{...u,"data-slot":`rich-text-editor`,className:t.cn(`min-h-28 rounded-[var(--aui-control-radius,var(--radius-md))] border border-[color:var(--aui-control-border-strong,var(--border))] bg-[color:var(--aui-control-surface,var(--background))] px-3 py-2 text-sm leading-6 text-foreground shadow-[var(--aui-control-shadow,0_1px_2px_rgba(15,23,42,0.04))] outline-none transition-[background-color,border-color,box-shadow] focus-within:border-[color:var(--ring)] focus-within:shadow-[0_0_0_1px_var(--aui-focus-ring,var(--ring)),0_0_0_4px_var(--aui-focus-ring-soft,transparent)]`,c),children:[(0,r.jsx)(`textarea`,{value:m,placeholder:s,"aria-multiline":`true`,className:t.cn(`min-h-20 w-full resize-none border-0 bg-transparent p-0 outline-none placeholder:text-muted-foreground/65`),onChange:e=>{let t=e.currentTarget.value;p||f(t),a?.(t)}}),l]})}exports.RichTextEditor=i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@tiptap/react"),o=require("@tiptap/starter-kit");o=e.__toESM(o,1);let s=require("@tiptap/extension-link");s=e.__toESM(s,1);let c=require("@tiptap/extension-placeholder");c=e.__toESM(c,1);function l(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}function u(e,t){return t===`html`?e:`<p>${l(e)}</p>`}function d({editor:e,onLinkRequest:t,label:n}){let a=e.getAttributes(`link`).href,o=[{label:`Undo`,icon:r.Undo2Icon,disabled:!e.can().undo(),run:()=>e.chain().focus().undo().run()},{label:`Redo`,icon:r.Redo2Icon,disabled:!e.can().redo(),run:()=>e.chain().focus().redo().run()},{label:`Bold`,icon:r.BoldIcon,active:e.isActive(`bold`),run:()=>e.chain().focus().toggleBold().run()},{label:`Italic`,icon:r.ItalicIcon,active:e.isActive(`italic`),run:()=>e.chain().focus().toggleItalic().run()},{label:`Strike`,icon:r.StrikethroughIcon,active:e.isActive(`strike`),run:()=>e.chain().focus().toggleStrike().run()},{label:`Inline code`,icon:r.CodeIcon,active:e.isActive(`code`),run:()=>e.chain().focus().toggleCode().run()},{label:`Heading`,icon:r.Heading2Icon,active:e.isActive(`heading`,{level:2}),run:()=>e.chain().focus().toggleHeading({level:2}).run()},{label:`Bullet list`,icon:r.ListIcon,active:e.isActive(`bulletList`),run:()=>e.chain().focus().toggleBulletList().run()},{label:`Ordered list`,icon:r.ListOrderedIcon,active:e.isActive(`orderedList`),run:()=>e.chain().focus().toggleOrderedList().run()},{label:`Blockquote`,icon:r.QuoteIcon,active:e.isActive(`blockquote`),run:()=>e.chain().focus().toggleBlockquote().run()}];return t&&o.push({label:`Set link`,icon:r.LinkIcon,active:e.isActive(`link`),run:()=>{let n=t(a);n!=null&&(n.trim()?e.chain().focus().extendMarkRange(`link`).setLink({href:n.trim()}).run():e.chain().focus().unsetLink().run())}}),e.isActive(`link`)&&o.push({label:`Remove link`,icon:r.UnlinkIcon,run:()=>e.chain().focus().unsetLink().run()}),(0,i.jsx)(`div`,{role:`toolbar`,"aria-label":n,className:`flex flex-wrap gap-1 border-b p-1.5`,children:o.map(e=>{let t=e.icon;return(0,i.jsx)(`button`,{type:`button`,title:e.label,"aria-label":e.label,"aria-pressed":e.active||void 0,disabled:e.disabled,className:`inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-none hover:bg-accent hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring aria-pressed:bg-accent aria-pressed:text-foreground disabled:pointer-events-none disabled:opacity-40`,onClick:e.run,children:(0,i.jsx)(t,{className:`size-4`})},e.label)})})}function f({value:e,defaultValue:r=``,onValueChange:l,output:f=`html`,placeholder:p=`Start typing...`,editable:m=!0,autoFocus:h=!1,minHeight:g=144,onLinkRequest:_,labels:v,className:y,...b}){let x=e??r,S=(0,a.useEditor)({immediatelyRender:!0,autofocus:h,editable:m,editorProps:{attributes:{"aria-label":v?.editor??`Rich text editor`,role:`textbox`}},content:u(x,f),extensions:[o.default.configure({link:!1}),s.default.configure({openOnClick:!1,autolink:!0,defaultProtocol:`https`}),c.default.configure({placeholder:p})],onUpdate:({editor:e})=>{l?.(f===`html`?e.getHTML():e.getText())}});return n.useEffect(()=>{!S||e===void 0||(f===`html`?S.getHTML():S.getText())!==e&&S.commands.setContent(u(e,f),{emitUpdate:!1})},[S,f,e]),n.useEffect(()=>{S?.setEditable(m)},[m,S]),(0,i.jsxs)(`div`,{"data-slot":`rich-text-editor`,"data-disabled":!m||void 0,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring data-[disabled]:opacity-60`,y),...b,children:[S&&m?(0,i.jsx)(d,{editor:S,onLinkRequest:_,label:v?.toolbar??`Text formatting`}):null,(0,i.jsx)(a.EditorContent,{editor:S,"aria-label":v?.editor??`Rich text editor`,className:`[&_.tiptap]:px-3 [&_.tiptap]:py-2.5 [&_.tiptap]:outline-none [&_.tiptap_a]:text-primary [&_.tiptap_a]:underline [&_.tiptap_blockquote]:border-l-2 [&_.tiptap_blockquote]:pl-3 [&_.tiptap_h2]:text-lg [&_.tiptap_h2]:font-semibold [&_.tiptap_ol]:list-decimal [&_.tiptap_ol]:pl-6 [&_.tiptap_p.is-editor-empty:first-child:before]:pointer-events-none [&_.tiptap_p.is-editor-empty:first-child:before]:float-left [&_.tiptap_p.is-editor-empty:first-child:before]:h-0 [&_.tiptap_p.is-editor-empty:first-child:before]:text-muted-foreground [&_.tiptap_p.is-editor-empty:first-child:before]:content-[attr(data-placeholder)] [&_.tiptap_ul]:list-disc [&_.tiptap_ul]:pl-6`,style:{minHeight:g}})]})}function p(e){let[r,a]=n.useState(!1);return n.useEffect(()=>{a(!0)},[]),r?(0,i.jsx)(f,{...e}):(0,i.jsx)(`div`,{"data-slot":`rich-text-editor`,"data-state":`loading`,className:t.cn(`overflow-hidden rounded-md border bg-background shadow-sm`,e.className),style:{minHeight:e.minHeight??144},"aria-busy":`true`})}exports.EditorToolbar=d,exports.RichTextEditor=p;