@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/push-panel.d.mts

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/push-panel.d.ts
+interface PushPanelContextValue {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  side: "left" | "right";
+}
+declare function usePushPanel(): PushPanelContextValue;
+interface PushPanelProviderProps {
+  children: React.ReactNode;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  defaultOpen?: boolean;
+  side?: "left" | "right";
+}
+declare function PushPanelProvider({ children, open: controlledOpen, onOpenChange, defaultOpen, side }: PushPanelProviderProps): import("react/jsx-runtime").JSX.Element;
+interface PushPanelContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelContainer: React.ForwardRefExoticComponent<PushPanelContainerProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelMainProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelMain: React.ForwardRefExoticComponent<PushPanelMainProps & React.RefAttributes<HTMLDivElement>>;
+declare const pushPanelVariants: (props?: ({
+  side?: "left" | "right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface PushPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pushPanelVariants> {
+  children: React.ReactNode;
+  width?: string | number;
+}
+/** A side panel that slides in and pushes the main content aside. */
+declare const PushPanel: React.ForwardRefExoticComponent<PushPanelProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelHeader: React.ForwardRefExoticComponent<PushPanelHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelHeaderTitle: React.ForwardRefExoticComponent<PushPanelHeaderTitleProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelHeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelHeaderActions: React.ForwardRefExoticComponent<PushPanelHeaderActionsProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelContentProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelContent: React.ForwardRefExoticComponent<PushPanelContentProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelFooter: React.ForwardRefExoticComponent<PushPanelFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface PushPanelTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelTitle: React.ForwardRefExoticComponent<PushPanelTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface PushPanelDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+  children: React.ReactNode;
+}
+declare const PushPanelDescription: React.ForwardRefExoticComponent<PushPanelDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface PushPanelTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+  asChild?: boolean;
+}
+declare const PushPanelTrigger: React.ForwardRefExoticComponent<PushPanelTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface PushPanelCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  children: React.ReactNode;
+  asChild?: boolean;
+}
+declare const PushPanelClose: React.ForwardRefExoticComponent<PushPanelCloseProps & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PushPanel, PushPanelClose, PushPanelContainer, PushPanelContent, PushPanelDescription, PushPanelFooter, PushPanelHeader, PushPanelHeaderActions, PushPanelHeaderTitle, PushPanelMain, PushPanelProvider, PushPanelTitle, PushPanelTrigger, usePushPanel };
+//# sourceMappingURL=push-panel.d.mts.map

package/dist/push-panel.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-panel.d.mts","names":[],"sources":["../src/push-panel.tsx"],"mappings":";;;UAQU;EACT;EACA,UAAU;EACV;;iBAKQ,gBAAY;UAYX;EACT,UAAU,MAAM;EAChB;EACA,gBAAgB;EAChB;EACA;;iBAGQ,oBACR,UACA,MAAM,gBACN,cACA,aACA,QACE,qDAAsB,IAAA;UAuBf,gCAAgC,MAAM,eAAe;EAC9D,UAAU,MAAM;;cAGX,oBAAkB,MAAA,0BAAA,0BAAA,MAAA,cAAA;UAqBd,2BAA2B,MAAM,eAAe;EACzD,UAAU,MAAM;;cAGX,eAAa,MAAA,0BAAA,qBAAA,MAAA,cAAA;cAiBb,oBAAiB;;6CAUrB;UAEQ,uBAAuB,MAAM,eAAe,iBAAiB,oBAAoB;EAC1F,UAAU,MAAM;EAChB;;;cAIK,WAAS,MAAA,0BAAA,iBAAA,MAAA,cAAA;UAmCL,6BAA6B,MAAM,eAAe;EAC3D,UAAU,MAAM;;cAGX,iBAAe,MAAA,0BAAA,uBAAA,MAAA,cAAA;UAmBX,kCAAkC,MAAM,eAAe;EAChE,UAAU,MAAM;;cAGX,sBAAoB,MAAA,0BAAA,4BAAA,MAAA,cAAA;UAehB,oCAAoC,MAAM,eAAe;EAClE,UAAU,MAAM;;cAGX,wBAAsB,MAAA,0BAAA,8BAAA,MAAA,cAAA;UAelB,8BAA8B,MAAM,eAAe;EAC5D,UAAU,MAAM;;cAGX,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA;UAeZ,6BAA6B,MAAM,eAAe;EAC3D,UAAU,MAAM;;cAGX,iBAAe,MAAA,0BAAA,uBAAA,MAAA,cAAA;UAmBX,4BAA4B,MAAM,eAAe;EAC1D,UAAU,MAAM;;cAGX,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;UAmBV,kCAAkC,MAAM,eAAe;EAChE,UAAU,MAAM;;cAGX,sBAAoB,MAAA,0BAAA,4BAAA,MAAA,cAAA;UAehB,8BAA8B,MAAM,qBAAqB;EAClE,UAAU,MAAM;EAChB;;cAGK,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA;UA6BZ,4BAA4B,MAAM,qBAAqB;EAChE,UAAU,MAAM;EAChB;;cAGK,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA"}

package/dist/push-panel.mjs

@@ -0,0 +1,182 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/push-panel.tsx
+const PushPanelContext = React.createContext(null);
+function usePushPanel() {
+	const context = React.useContext(PushPanelContext);
+	if (!context) throw new Error("PushPanel components must be used within a PushPanelProvider");
+	return context;
+}
+function PushPanelProvider({ children, open: controlledOpen, onOpenChange, defaultOpen = false, side = "right" }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+	const isControlled = controlledOpen !== void 0;
+	const open = isControlled ? controlledOpen : uncontrolledOpen;
+	const setOpen = React.useCallback((value) => {
+		if (!isControlled) setUncontrolledOpen(value);
+		onOpenChange?.(value);
+	}, [isControlled, onOpenChange]);
+	return /* @__PURE__ */ jsx(PushPanelContext.Provider, {
+		value: {
+			open,
+			setOpen,
+			side
+		},
+		children
+	});
+}
+const PushPanelContainer = React.forwardRef(({ className, children, ...props }, ref) => {
+	const { side } = usePushPanel();
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:w-full", side === "left" ? "wwc:flex-row-reverse" : "wwc:flex-row", className),
+		...props,
+		children
+	});
+});
+PushPanelContainer.displayName = "PushPanelContainer";
+const PushPanelMain = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex-1 wwc:min-w-0 wwc:transition-all wwc:duration-300 wwc:ease-in-out", className),
+		...props,
+		children
+	});
+});
+PushPanelMain.displayName = "PushPanelMain";
+const pushPanelVariants = cva("wwc:shrink-0 wwc:overflow-hidden wwc:transition-all wwc:duration-300 wwc:ease-in-out", {
+	variants: { side: {
+		left: "wwc:border-r wwc:rounded-l-[inherit]",
+		right: "wwc:border-l wwc:rounded-r-[inherit]"
+	} },
+	defaultVariants: { side: "right" }
+});
+/** A side panel that slides in and pushes the main content aside. */
+const PushPanel = React.forwardRef(({ className, children, width = 320, ...props }, ref) => {
+	const { open, side } = usePushPanel();
+	const numericWidth = typeof width === "number" ? width : Number.parseInt(width, 10) || 320;
+	if (!open) return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn(pushPanelVariants({ side }), className),
+		style: { width: 0 },
+		...props
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn(pushPanelVariants({ side }), "wwc:overflow-hidden", className),
+		style: { width: numericWidth },
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("wwc:h-full wwc:bg-card wwc:flex wwc:flex-col wwc:overflow-hidden", side === "left" ? "wwc:rounded-l-[inherit]" : "wwc:rounded-r-[inherit]"),
+			style: { width: numericWidth },
+			children
+		})
+	});
+});
+PushPanel.displayName = "PushPanel";
+const PushPanelHeader = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:px-4 wwc:py-3 wwc:border-b wwc:shrink-0", className),
+		...props,
+		children
+	});
+});
+PushPanelHeader.displayName = "PushPanelHeader";
+const PushPanelHeaderTitle = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex-1 wwc:min-w-0 wwc:flex wwc:items-center wwc:gap-2", className),
+		...props,
+		children
+	});
+});
+PushPanelHeaderTitle.displayName = "PushPanelHeaderTitle";
+const PushPanelHeaderActions = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:items-center wwc:gap-1 wwc:shrink-0", className),
+		...props,
+		children
+	});
+});
+PushPanelHeaderActions.displayName = "PushPanelHeaderActions";
+const PushPanelContent = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex-1 wwc:overflow-auto wwc:px-4 wwc:py-3", className),
+		...props,
+		children
+	});
+});
+PushPanelContent.displayName = "PushPanelContent";
+const PushPanelFooter = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("wwc:flex wwc:items-center wwc:gap-2 wwc:px-4 wwc:py-3 wwc:border-t wwc:shrink-0", className),
+		...props,
+		children
+	});
+});
+PushPanelFooter.displayName = "PushPanelFooter";
+const PushPanelTitle = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("h3", {
+		ref,
+		className: cn("wwc:text-base wwc:font-semibold wwc:text-foreground wwc:truncate", className),
+		...props,
+		children
+	});
+});
+PushPanelTitle.displayName = "PushPanelTitle";
+const PushPanelDescription = React.forwardRef(({ className, children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		className: cn("wwc:text-sm wwc:text-muted-foreground", className),
+		...props,
+		children
+	});
+});
+PushPanelDescription.displayName = "PushPanelDescription";
+const PushPanelTrigger = React.forwardRef(({ className, children, asChild, onClick, ...props }, ref) => {
+	const { open, setOpen } = usePushPanel();
+	const handleClick = (e) => {
+		setOpen(!open);
+		onClick?.(e);
+	};
+	if (asChild && React.isValidElement(children)) return React.cloneElement(children, {
+		onClick: handleClick,
+		ref
+	});
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		className,
+		onClick: handleClick,
+		...props,
+		children
+	});
+});
+PushPanelTrigger.displayName = "PushPanelTrigger";
+const PushPanelClose = React.forwardRef(({ className, children, asChild, onClick, ...props }, ref) => {
+	const { setOpen } = usePushPanel();
+	const handleClick = (e) => {
+		setOpen(false);
+		onClick?.(e);
+	};
+	if (asChild && React.isValidElement(children)) return React.cloneElement(children, {
+		onClick: handleClick,
+		ref
+	});
+	return /* @__PURE__ */ jsx("button", {
+		ref,
+		className,
+		onClick: handleClick,
+		...props,
+		children
+	});
+});
+PushPanelClose.displayName = "PushPanelClose";
+//#endregion
+export { PushPanel, PushPanelClose, PushPanelContainer, PushPanelContent, PushPanelDescription, PushPanelFooter, PushPanelHeader, PushPanelHeaderActions, PushPanelHeaderTitle, PushPanelMain, PushPanelProvider, PushPanelTitle, PushPanelTrigger, usePushPanel };
+
+//# sourceMappingURL=push-panel.mjs.map

package/dist/push-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-panel.mjs","names":[],"sources":["../src/push-panel.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n/* -----------------------------------------------------------------------------\n * PushPanel Context\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelContextValue {\n\topen: boolean;\n\tsetOpen: (open: boolean) => void;\n\tside: \"left\" | \"right\";\n}\n\nconst PushPanelContext = React.createContext<PushPanelContextValue | null>(null);\n\nfunction usePushPanel() {\n\tconst context = React.useContext(PushPanelContext);\n\tif (!context) {\n\t\tthrow new Error(\"PushPanel components must be used within a PushPanelProvider\");\n\t}\n\treturn context;\n}\n\n/* -----------------------------------------------------------------------------\n * PushPanelProvider\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelProviderProps {\n\tchildren: React.ReactNode;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tdefaultOpen?: boolean;\n\tside?: \"left\" | \"right\";\n}\n\nfunction PushPanelProvider({\n\tchildren,\n\topen: controlledOpen,\n\tonOpenChange,\n\tdefaultOpen = false,\n\tside = \"right\",\n}: PushPanelProviderProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\n\tconst setOpen = React.useCallback(\n\t\t(value: boolean) => {\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(value);\n\t\t\t}\n\t\t\tonOpenChange?.(value);\n\t\t},\n\t\t[isControlled, onOpenChange],\n\t);\n\n\treturn <PushPanelContext.Provider value={{open, setOpen, side}}>{children}</PushPanelContext.Provider>;\n}\n\n/* -----------------------------------------------------------------------------\n * PushPanelContainer\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelContainer = React.forwardRef<HTMLDivElement, PushPanelContainerProps>(\n\t({className, children, ...props}, ref) => {\n\t\tconst {side} = usePushPanel();\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"wwc:flex wwc:w-full\", side === \"left\" ? \"wwc:flex-row-reverse\" : \"wwc:flex-row\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelContainer.displayName = \"PushPanelContainer\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelMain\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelMainProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelMain = React.forwardRef<HTMLDivElement, PushPanelMainProps>(({className, children, ...props}, ref) => {\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"wwc:flex-1 wwc:min-w-0 wwc:transition-all wwc:duration-300 wwc:ease-in-out\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t);\n});\nPushPanelMain.displayName = \"PushPanelMain\";\n\n/* -----------------------------------------------------------------------------\n * PushPanel (The sliding panel itself)\n * -------------------------------------------------------------------------- */\n\nconst pushPanelVariants = cva(\"wwc:shrink-0 wwc:overflow-hidden wwc:transition-all wwc:duration-300 wwc:ease-in-out\", {\n\tvariants: {\n\t\tside: {\n\t\t\tleft: \"wwc:border-r wwc:rounded-l-[inherit]\",\n\t\t\tright: \"wwc:border-l wwc:rounded-r-[inherit]\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tside: \"right\",\n\t},\n});\n\ninterface PushPanelProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pushPanelVariants> {\n\tchildren: React.ReactNode;\n\twidth?: string | number;\n}\n\n/** A side panel that slides in and pushes the main content aside. */\nconst PushPanel = React.forwardRef<HTMLDivElement, PushPanelProps>(\n\t({className, children, width = 320, ...props}, ref) => {\n\t\tconst {open, side} = usePushPanel();\n\t\tconst numericWidth = typeof width === \"number\" ? width : Number.parseInt(width, 10) || 320;\n\n\t\tif (!open) {\n\t\t\treturn <div ref={ref} className={cn(pushPanelVariants({side}), className)} style={{width: 0}} {...props} />;\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(pushPanelVariants({side}), \"wwc:overflow-hidden\", className)}\n\t\t\t\tstyle={{width: numericWidth}}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:h-full wwc:bg-card wwc:flex wwc:flex-col wwc:overflow-hidden\",\n\t\t\t\t\t\tside === \"left\" ? \"wwc:rounded-l-[inherit]\" : \"wwc:rounded-r-[inherit]\",\n\t\t\t\t\t)}\n\t\t\t\t\tstyle={{width: numericWidth}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanel.displayName = \"PushPanel\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelHeader\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelHeader = React.forwardRef<HTMLDivElement, PushPanelHeaderProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"wwc:flex wwc:items-center wwc:gap-2 wwc:px-4 wwc:py-3 wwc:border-b wwc:shrink-0\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelHeader.displayName = \"PushPanelHeader\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelHeaderTitle - Flex container for title area (takes remaining space)\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelHeaderTitleProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelHeaderTitle = React.forwardRef<HTMLDivElement, PushPanelHeaderTitleProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex-1 wwc:min-w-0 wwc:flex wwc:items-center wwc:gap-2\", className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelHeaderTitle.displayName = \"PushPanelHeaderTitle\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelHeaderActions - Container for header action buttons\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelHeaderActionsProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelHeaderActions = React.forwardRef<HTMLDivElement, PushPanelHeaderActionsProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex wwc:items-center wwc:gap-1 wwc:shrink-0\", className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelHeaderActions.displayName = \"PushPanelHeaderActions\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelContent\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelContentProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelContent = React.forwardRef<HTMLDivElement, PushPanelContentProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex-1 wwc:overflow-auto wwc:px-4 wwc:py-3\", className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelContent.displayName = \"PushPanelContent\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelFooter\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelFooterProps extends React.HTMLAttributes<HTMLDivElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelFooter = React.forwardRef<HTMLDivElement, PushPanelFooterProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"wwc:flex wwc:items-center wwc:gap-2 wwc:px-4 wwc:py-3 wwc:border-t wwc:shrink-0\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t);\n\t},\n);\nPushPanelFooter.displayName = \"PushPanelFooter\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelTitle\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelTitle = React.forwardRef<HTMLHeadingElement, PushPanelTitleProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<h3\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\"wwc:text-base wwc:font-semibold wwc:text-foreground wwc:truncate\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</h3>\n\t\t);\n\t},\n);\nPushPanelTitle.displayName = \"PushPanelTitle\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelDescription\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {\n\tchildren: React.ReactNode;\n}\n\nconst PushPanelDescription = React.forwardRef<HTMLParagraphElement, PushPanelDescriptionProps>(\n\t({className, children, ...props}, ref) => {\n\t\treturn (\n\t\t\t<p ref={ref} className={cn(\"wwc:text-sm wwc:text-muted-foreground\", className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</p>\n\t\t);\n\t},\n);\nPushPanelDescription.displayName = \"PushPanelDescription\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelTrigger\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\tchildren: React.ReactNode;\n\tasChild?: boolean;\n}\n\nconst PushPanelTrigger = React.forwardRef<HTMLButtonElement, PushPanelTriggerProps>(\n\t({className, children, asChild, onClick, ...props}, ref) => {\n\t\tconst {open, setOpen} = usePushPanel();\n\n\t\tconst handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tsetOpen(!open);\n\t\t\tonClick?.(e);\n\t\t};\n\n\t\tif (asChild && React.isValidElement(children)) {\n\t\t\treturn React.cloneElement(children as React.ReactElement<any>, {\n\t\t\t\tonClick: handleClick,\n\t\t\t\tref,\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t<button ref={ref} className={className} onClick={handleClick} {...props}>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t},\n);\nPushPanelTrigger.displayName = \"PushPanelTrigger\";\n\n/* -----------------------------------------------------------------------------\n * PushPanelClose\n * -------------------------------------------------------------------------- */\n\ninterface PushPanelCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n\tchildren: React.ReactNode;\n\tasChild?: boolean;\n}\n\nconst PushPanelClose = React.forwardRef<HTMLButtonElement, PushPanelCloseProps>(\n\t({className, children, asChild, onClick, ...props}, ref) => {\n\t\tconst {setOpen} = usePushPanel();\n\n\t\tconst handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n\t\t\tsetOpen(false);\n\t\t\tonClick?.(e);\n\t\t};\n\n\t\tif (asChild && React.isValidElement(children)) {\n\t\t\treturn React.cloneElement(children as React.ReactElement<any>, {\n\t\t\t\tonClick: handleClick,\n\t\t\t\tref,\n\t\t\t});\n\t\t}\n\n\t\treturn (\n\t\t\t<button ref={ref} className={className} onClick={handleClick} {...props}>\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t},\n);\nPushPanelClose.displayName = \"PushPanelClose\";\n\nexport {\n\tPushPanelProvider,\n\tPushPanelContainer,\n\tPushPanelMain,\n\tPushPanel,\n\tPushPanelHeader,\n\tPushPanelHeaderTitle,\n\tPushPanelHeaderActions,\n\tPushPanelContent,\n\tPushPanelFooter,\n\tPushPanelTitle,\n\tPushPanelDescription,\n\tPushPanelTrigger,\n\tPushPanelClose,\n\tusePushPanel,\n};\n"],"mappings":"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"}

package/dist/radio-group.d.mts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/radio-group.d.ts
+/** A set of checkable buttons where only one can be checked at a time. */
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.mts.map

package/dist/radio-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.mts","names":[],"sources":["../src/radio-group.tsx"],"mappings":";;;;cAMM,YAAU,MAAA,0BAAA,KAAA,oBAAA,kBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAQV,gBAAc,MAAA,0BAAA,KAAA,oBAAA,sBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA"}

package/dist/radio-group.mjs

@@ -0,0 +1,27 @@
+import { cn } from "@corensystem/coren-utils";
+import { Circle } from "lucide-react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+//#region src/radio-group.tsx
+/** A set of checkable buttons where only one can be checked at a time. */
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
+	className: cn("wwc:grid wwc:gap-2", className),
+	...props,
+	ref
+}));
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
+	ref,
+	className: cn("wwc:aspect-square wwc:h-4 wwc:w-4 wwc:rounded-full wwc:border wwc:border-primary wwc:text-primary wwc:shadow wwc:focus:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50", className),
+	...props,
+	children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
+		className: "wwc:flex wwc:items-center wwc:justify-center",
+		children: /* @__PURE__ */ jsx(Circle, { className: "wwc:h-2.5 wwc:w-2.5 wwc:fill-primary wwc:text-primary" })
+	})
+}));
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+//#endregion
+export { RadioGroup, RadioGroupItem };
+
+//# sourceMappingURL=radio-group.mjs.map

package/dist/radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.mjs","names":[],"sources":["../src/radio-group.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport {Circle} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** A set of checkable buttons where only one can be checked at a time. */\nconst RadioGroup = React.forwardRef<\n\tReact.ElementRef<typeof RadioGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\n>(({className, ...props}, ref) => (\n\t<RadioGroupPrimitive.Root className={cn(\"wwc:grid wwc:gap-2\", className)} {...props} ref={ref} />\n));\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\n\nconst RadioGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof RadioGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\n>(({className, ...props}, ref) => (\n\t<RadioGroupPrimitive.Item\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"wwc:aspect-square wwc:h-4 wwc:w-4 wwc:rounded-full wwc:border wwc:border-primary wwc:text-primary wwc:shadow wwc:focus:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:disabled:cursor-not-allowed wwc:disabled:opacity-50\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t<RadioGroupPrimitive.Indicator className=\"wwc:flex wwc:items-center wwc:justify-center\">\n\t\t\t{/* Dot sits inside a 16px item — 10px leaves a visible ring rather than filling it. */}\n\t\t\t<Circle className=\"wwc:h-2.5 wwc:w-2.5 wwc:fill-primary wwc:text-primary\" />\n\t\t</RadioGroupPrimitive.Indicator>\n\t</RadioGroupPrimitive.Item>\n));\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport {RadioGroup, RadioGroupItem};\n"],"mappings":";;;;;;;AAMA,MAAM,aAAa,MAAM,YAGtB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,oBAAoB,MAArB;CAA0B,WAAW,GAAG,sBAAsB,SAAS;CAAG,GAAI;CAAY;AAAM,CAAA,CAChG;AACD,WAAW,cAAc,oBAAoB,KAAK;AAElD,MAAM,iBAAiB,MAAM,YAG1B,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,oBAAoB,MAArB;CACM;CACL,WAAW,GACV,oPACA,SACD;CACA,GAAI;CAEJ,UAAA,oBAAC,oBAAoB,WAArB;EAA+B,WAAU;EAExC,UAAA,oBAAC,QAAD,EAAQ,WAAU,wDAAyD,CAAA;CAC7C,CAAA;AACN,CAAA,CAC1B;AACD,eAAe,cAAc,oBAAoB,KAAK"}

package/dist/record-detail-shell.d.mts

@@ -0,0 +1,46 @@
+import { SideMenuGroup } from "./side-menu.mjs";
+import * as React from "react";
+//#region src/record-detail-shell.d.ts
+/**
+ * The nav-beside-content row shared by every record detail page that earns a section rail.
+ *
+ * **Only reach for this when the record genuinely has a lot of detail.** A record with three short
+ * sections stacks them full-width instead and needs no rail at all — the interface, pipeline and
+ * shared-property detail pages all say so in their own comments, and they are right. A rail over two
+ * screens of content is chrome, not navigation.
+ *
+ * The shell owns three things the four shipped detail pages each re-typed: the `md`-breakpoint
+ * column flip, the `min-h-0` chain that keeps the content column scrolling instead of the page, and
+ * the padded content well. It does NOT own the page header above it — every record's header carries
+ * its own identity and actions, and there is nothing shared there to extract.
+ *
+ * ```tsx
+ * <RecordDetailShell title="Object type" sections={sections} activeSectionId={tab} onSectionChange={setTab}>
+ *   {tab === "overview" && <OverviewTab … />}
+ *   {tab === "properties" && <PropertiesTab … />}
+ * </RecordDetailShell>
+ * ```
+ */
+export interface RecordDetailShellProps {
+  /** Heading of the section rail — the record's TYPE, not its name. "Object type", "Process". */
+  title: string;
+  /** The sections, grouped. Ids are what `activeSectionId` and `onSectionChange` speak in. */
+  sections: SideMenuGroup[];
+  activeSectionId?: string;
+  onSectionChange?: (id: string) => void;
+  /**
+   * Render the content as a direct flex child instead of inside the padded, scrolling well — for a
+   * section that owns the page height itself, such as a full-bleed graph canvas. When this is set
+   * the section must manage its own padding, overflow and `min-h-0` chain.
+   */
+  flush?: boolean;
+  /** Extra classes on the outer row. */
+  className?: string;
+  /** Extra classes on the padded content well. Ignored when `flush`. */
+  contentClassName?: string;
+  children: React.ReactNode;
+}
+/** Left section rail beside a single scrolling content column. */
+export declare function RecordDetailShell({ title, sections, activeSectionId, onSectionChange, flush, className, contentClassName, children }: RecordDetailShellProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=record-detail-shell.d.mts.map

package/dist/record-detail-shell.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-detail-shell.d.mts","names":[],"sources":["../src/record-detail-shell.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBA0BiB;;EAEhB;;EAEA,UAAU;EACV;EACA,mBAAmB;;;;;;EAMnB;;EAEA;;EAEA;EACA,UAAU,MAAM;;;wBAID,oBACf,OACA,UACA,iBACA,iBACA,OACA,WACA,kBACA,YACE,qDAAsB,IAAA"}

package/dist/record-detail-shell.mjs

@@ -0,0 +1,29 @@
+import { SideMenu } from "./side-menu.mjs";
+import { cn } from "@corensystem/coren-utils";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/record-detail-shell.tsx
+/** Left section rail beside a single scrolling content column. */
+function RecordDetailShell({ title, sections, activeSectionId, onSectionChange, flush = false, className, contentClassName, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-core-artifact": "record-detail-shell",
+		className: cn("wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row", className),
+		children: [/* @__PURE__ */ jsx(SideMenu, {
+			title,
+			showSearch: false,
+			groups: sections,
+			activeItemId: activeSectionId,
+			onItemSelect: onSectionChange
+		}), flush ? children : /* @__PURE__ */ jsx("div", {
+			className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("wwc:w-full wwc:space-y-4 wwc:p-6", contentClassName),
+				children
+			})
+		})]
+	});
+}
+//#endregion
+export { RecordDetailShell };
+
+//# sourceMappingURL=record-detail-shell.mjs.map

package/dist/record-detail-shell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-detail-shell.mjs","names":[],"sources":["../src/record-detail-shell.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {SideMenu, type SideMenuGroup} from \"./side-menu\";\n\n/**\n * The nav-beside-content row shared by every record detail page that earns a section rail.\n *\n * **Only reach for this when the record genuinely has a lot of detail.** A record with three short\n * sections stacks them full-width instead and needs no rail at all — the interface, pipeline and\n * shared-property detail pages all say so in their own comments, and they are right. A rail over two\n * screens of content is chrome, not navigation.\n *\n * The shell owns three things the four shipped detail pages each re-typed: the `md`-breakpoint\n * column flip, the `min-h-0` chain that keeps the content column scrolling instead of the page, and\n * the padded content well. It does NOT own the page header above it — every record's header carries\n * its own identity and actions, and there is nothing shared there to extract.\n *\n * ```tsx\n * <RecordDetailShell title=\"Object type\" sections={sections} activeSectionId={tab} onSectionChange={setTab}>\n *   {tab === \"overview\" && <OverviewTab … />}\n *   {tab === \"properties\" && <PropertiesTab … />}\n * </RecordDetailShell>\n * ```\n */\n\nexport interface RecordDetailShellProps {\n\t/** Heading of the section rail — the record's TYPE, not its name. \"Object type\", \"Process\". */\n\ttitle: string;\n\t/** The sections, grouped. Ids are what `activeSectionId` and `onSectionChange` speak in. */\n\tsections: SideMenuGroup[];\n\tactiveSectionId?: string;\n\tonSectionChange?: (id: string) => void;\n\t/**\n\t * Render the content as a direct flex child instead of inside the padded, scrolling well — for a\n\t * section that owns the page height itself, such as a full-bleed graph canvas. When this is set\n\t * the section must manage its own padding, overflow and `min-h-0` chain.\n\t */\n\tflush?: boolean;\n\t/** Extra classes on the outer row. */\n\tclassName?: string;\n\t/** Extra classes on the padded content well. Ignored when `flush`. */\n\tcontentClassName?: string;\n\tchildren: React.ReactNode;\n}\n\n/** Left section rail beside a single scrolling content column. */\nexport function RecordDetailShell({\n\ttitle,\n\tsections,\n\tactiveSectionId,\n\tonSectionChange,\n\tflush = false,\n\tclassName,\n\tcontentClassName,\n\tchildren,\n}: RecordDetailShellProps) {\n\treturn (\n\t\t<div\n\t\t\tdata-core-artifact=\"record-detail-shell\"\n\t\t\tclassName={cn(\"wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row\", className)}\n\t\t>\n\t\t\t{/* The rail never searches: a record has a handful of sections, and a search box over six\n\t\t\t    items is furniture. */}\n\t\t\t<SideMenu\n\t\t\t\ttitle={title}\n\t\t\t\tshowSearch={false}\n\t\t\t\tgroups={sections}\n\t\t\t\tactiveItemId={activeSectionId}\n\t\t\t\tonItemSelect={onSectionChange}\n\t\t\t/>\n\n\t\t\t{flush ? (\n\t\t\t\tchildren\n\t\t\t) : (\n\t\t\t\t// Two nested divs on purpose: the outer one is the scroll owner and must stay unpadded,\n\t\t\t\t// or the padding scrolls with the content and the last section loses its bottom gutter.\n\t\t\t\t<div className=\"wwc:min-h-0 wwc:flex-1 wwc:overflow-auto\">\n\t\t\t\t\t<div className={cn(\"wwc:w-full wwc:space-y-4 wwc:p-6\", contentClassName)}>{children}</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AA+CA,SAAgB,kBAAkB,EACjC,OACA,UACA,iBACA,iBACA,QAAQ,OACR,WACA,kBACA,YAC0B;CAC1B,OACC,qBAAC,OAAD;EACC,sBAAmB;EACnB,WAAW,GAAG,gEAAgE,SAAS;EAFxF,UAAA,CAMC,oBAAC,UAAD;GACQ;GACP,YAAY;GACZ,QAAQ;GACR,cAAc;GACd,cAAc;EACd,CAAA,GAEA,QACA,WAIA,oBAAC,OAAD;GAAK,WAAU;GACd,UAAA,oBAAC,OAAD;IAAK,WAAW,GAAG,oCAAoC,gBAAgB;IAAI;GAAc,CAAA;EACrF,CAAA,CAEF;;AAEP"}

package/dist/resizable.d.mts

@@ -0,0 +1,11 @@
+import { Group, Panel, Separator } from "react-resizable-panels";
+//#region src/resizable.d.ts
+/** Resizable panel groups for building split-pane layouts. */
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof Group>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: typeof Panel;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof Separator> & {
+  withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.d.mts.map

package/dist/resizable.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.mts","names":[],"sources":["../src/resizable.tsx"],"mappings":";;;cAKM,wBAAuB,cAAA,SAAuB,MAAM,sBAAsB,uCAAM,IAAA;cAOhF,uBAAc;cAEd,oBAAmB,YAAA,cAAA,SAItB,MAAM,sBAAsB;EAC9B;kCACA,IAAA"}

package/dist/resizable.mjs

@@ -0,0 +1,23 @@
+import { cn } from "@corensystem/coren-utils";
+import { GripVertical } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Group, Panel, Separator } from "react-resizable-panels";
+//#region src/resizable.tsx
+/** Resizable panel groups for building split-pane layouts. */
+const ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Group, {
+	className: cn("wwc:flex wwc:h-full wwc:w-full wwc:data-[panel-group-direction=vertical]:flex-col", className),
+	...props
+});
+const ResizablePanel = Panel;
+const ResizableHandle = ({ withHandle, className, ...props }) => /* @__PURE__ */ jsx(Separator, {
+	className: cn("wwc:relative wwc:flex wwc:w-px wwc:items-center wwc:justify-center wwc:bg-border wwc:after:absolute wwc:after:inset-y-0 wwc:after:left-1/2 wwc:after:w-1 wwc:after:-translate-x-1/2 wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-1 wwc:data-[panel-group-direction=vertical]:h-px wwc:data-[panel-group-direction=vertical]:w-full wwc:data-[panel-group-direction=vertical]:after:left-0 wwc:data-[panel-group-direction=vertical]:after:h-1 wwc:data-[panel-group-direction=vertical]:after:w-full wwc:data-[panel-group-direction=vertical]:after:-translate-y-1/2 wwc:data-[panel-group-direction=vertical]:after:translate-x-0 wwc:[&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+	...props,
+	children: withHandle && /* @__PURE__ */ jsx("div", {
+		className: "wwc:z-10 wwc:flex wwc:h-4 wwc:w-3 wwc:items-center wwc:justify-center wwc:rounded-sm wwc:border wwc:bg-border",
+		children: /* @__PURE__ */ jsx(GripVertical, { className: "wwc:h-2.5 wwc:w-2.5" })
+	})
+});
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+
+//# sourceMappingURL=resizable.mjs.map

package/dist/resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.mjs","names":[],"sources":["../src/resizable.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {GripVertical} from \"lucide-react\";\nimport {Group, Panel, Separator} from \"react-resizable-panels\";\n\n/** Resizable panel groups for building split-pane layouts. */\nconst ResizablePanelGroup = ({className, ...props}: React.ComponentProps<typeof Group>) => (\n\t<Group\n\t\tclassName={cn(\"wwc:flex wwc:h-full wwc:w-full wwc:data-[panel-group-direction=vertical]:flex-col\", className)}\n\t\t{...props}\n\t/>\n);\n\nconst ResizablePanel = Panel;\n\nconst ResizableHandle = ({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof Separator> & {\n\twithHandle?: boolean;\n}) => (\n\t<Separator\n\t\tclassName={cn(\n\t\t\t\"wwc:relative wwc:flex wwc:w-px wwc:items-center wwc:justify-center wwc:bg-border wwc:after:absolute wwc:after:inset-y-0 wwc:after:left-1/2 wwc:after:w-1 wwc:after:-translate-x-1/2 wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring wwc:focus-visible:ring-offset-1 wwc:data-[panel-group-direction=vertical]:h-px wwc:data-[panel-group-direction=vertical]:w-full wwc:data-[panel-group-direction=vertical]:after:left-0 wwc:data-[panel-group-direction=vertical]:after:h-1 wwc:data-[panel-group-direction=vertical]:after:w-full wwc:data-[panel-group-direction=vertical]:after:-translate-y-1/2 wwc:data-[panel-group-direction=vertical]:after:translate-x-0 wwc:[&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t>\n\t\t{withHandle && (\n\t\t\t<div className=\"wwc:z-10 wwc:flex wwc:h-4 wwc:w-3 wwc:items-center wwc:justify-center wwc:rounded-sm wwc:border wwc:bg-border\">\n\t\t\t\t<GripVertical className=\"wwc:h-2.5 wwc:w-2.5\" />\n\t\t\t</div>\n\t\t)}\n\t</Separator>\n);\n\nexport {ResizablePanelGroup, ResizablePanel, ResizableHandle};\n"],"mappings":";;;;;;AAKA,MAAM,uBAAuB,EAAC,WAAW,GAAG,YAC3C,oBAAC,OAAD;CACC,WAAW,GAAG,qFAAqF,SAAS;CAC5G,GAAI;AACJ,CAAA;AAGF,MAAM,iBAAiB;AAEvB,MAAM,mBAAmB,EACxB,YACA,WACA,GAAG,YAIH,oBAAC,WAAD;CACC,WAAW,GACV,uuBACA,SACD;CACA,GAAI;CAEH,UAAA,cACA,oBAAC,OAAD;EAAK,WAAU;EACd,UAAA,oBAAC,cAAD,EAAc,WAAU,sBAAuB,CAAA;CAC3C,CAAA;AAEI,CAAA"}

package/dist/resize-handle.d.mts

@@ -0,0 +1,19 @@
+import * as React from "react";
+//#region src/resize-handle.d.ts
+export interface ResizeHandleProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Orientation of the resize handle */
+  orientation?: "horizontal" | "vertical";
+  /** Show grip icon */
+  showGrip?: boolean;
+  /** Whether resizing is currently active */
+  isResizing?: boolean;
+  /** Callback when resize starts */
+  onResizeStart?: (e: React.MouseEvent | React.TouchEvent) => void;
+  /** Callback when resize ends */
+  onResizeEnd?: () => void;
+}
+/** Draggable handle for resizing panels or containers. */
+declare const ResizeHandle: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ResizeHandle };
+//# sourceMappingURL=resize-handle.d.mts.map

package/dist/resize-handle.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handle.d.mts","names":[],"sources":["../src/resize-handle.tsx"],"mappings":";;iBAIiB,0BAA0B,MAAM,eAAe;;EAE/D;;EAEA;;EAEA;;EAEA,iBAAiB,GAAG,MAAM,aAAa,MAAM;;EAE7C;;;cAIK,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA"}

package/dist/resize-handle.mjs

@@ -0,0 +1,45 @@
+import { cn } from "@corensystem/coren-utils";
+import { GripHorizontal, GripVertical } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/resize-handle.tsx
+/** Draggable handle for resizing panels or containers. */
+const ResizeHandle = React.forwardRef(({ className, orientation = "vertical", showGrip = true, isResizing = false, onResizeStart, onResizeEnd, ...props }, ref) => {
+	const GripIcon = orientation === "vertical" ? GripVertical : GripHorizontal;
+	const handleMouseDown = (e) => {
+		e.preventDefault();
+		onResizeStart?.(e);
+		const handleMouseUp = () => {
+			onResizeEnd?.();
+			document.removeEventListener("mouseup", handleMouseUp);
+		};
+		document.addEventListener("mouseup", handleMouseUp);
+	};
+	const handleTouchStart = (e) => {
+		onResizeStart?.(e);
+		const handleTouchEnd = () => {
+			onResizeEnd?.();
+			document.removeEventListener("touchend", handleTouchEnd);
+		};
+		document.addEventListener("touchend", handleTouchEnd);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "separator",
+		"aria-orientation": orientation,
+		tabIndex: 0,
+		onMouseDown: handleMouseDown,
+		onTouchStart: handleTouchStart,
+		className: cn("wwc:relative wwc:flex wwc:items-center wwc:justify-center wwc:transition-colors", "wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring", orientation === "vertical" ? "wwc:w-2 wwc:cursor-col-resize hover:wwc:bg-accent" : "wwc:h-2 wwc:cursor-row-resize hover:wwc:bg-accent", isResizing && "wwc:bg-accent", className),
+		...props,
+		children: [showGrip && /* @__PURE__ */ jsx("div", {
+			className: cn("wwc:z-10 wwc:flex wwc:items-center wwc:justify-center wwc:rounded-sm wwc:border wwc:border-border wwc:bg-background", orientation === "vertical" ? "wwc:h-6 wwc:w-3" : "wwc:h-3 wwc:w-6"),
+			children: /* @__PURE__ */ jsx(GripIcon, { className: "wwc:h-3 wwc:w-3 wwc:text-muted-foreground" })
+		}), /* @__PURE__ */ jsx("div", { className: cn("wwc:absolute wwc:bg-border", orientation === "vertical" ? "wwc:h-full wwc:w-px wwc:left-1/2 wwc:-translate-x-1/2" : "wwc:w-full wwc:h-px wwc:top-1/2 wwc:-translate-y-1/2") })]
+	});
+});
+ResizeHandle.displayName = "ResizeHandle";
+//#endregion
+export { ResizeHandle };
+
+//# sourceMappingURL=resize-handle.mjs.map

package/dist/resize-handle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-handle.mjs","names":[],"sources":["../src/resize-handle.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {GripVertical, GripHorizontal} from \"lucide-react\";\nimport * as React from \"react\";\n\nexport interface ResizeHandleProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Orientation of the resize handle */\n\torientation?: \"horizontal\" | \"vertical\";\n\t/** Show grip icon */\n\tshowGrip?: boolean;\n\t/** Whether resizing is currently active */\n\tisResizing?: boolean;\n\t/** Callback when resize starts */\n\tonResizeStart?: (e: React.MouseEvent | React.TouchEvent) => void;\n\t/** Callback when resize ends */\n\tonResizeEnd?: () => void;\n}\n\n/** Draggable handle for resizing panels or containers. */\nconst ResizeHandle = React.forwardRef<HTMLDivElement, ResizeHandleProps>(\n\t(\n\t\t{className, orientation = \"vertical\", showGrip = true, isResizing = false, onResizeStart, onResizeEnd, ...props},\n\t\tref,\n\t) => {\n\t\tconst GripIcon = orientation === \"vertical\" ? GripVertical : GripHorizontal;\n\n\t\tconst handleMouseDown = (e: React.MouseEvent) => {\n\t\t\te.preventDefault();\n\t\t\tonResizeStart?.(e);\n\n\t\t\tconst handleMouseUp = () => {\n\t\t\t\tonResizeEnd?.();\n\t\t\t\tdocument.removeEventListener(\"mouseup\", handleMouseUp);\n\t\t\t};\n\t\t\tdocument.addEventListener(\"mouseup\", handleMouseUp);\n\t\t};\n\n\t\tconst handleTouchStart = (e: React.TouchEvent) => {\n\t\t\tonResizeStart?.(e);\n\n\t\t\tconst handleTouchEnd = () => {\n\t\t\t\tonResizeEnd?.();\n\t\t\t\tdocument.removeEventListener(\"touchend\", handleTouchEnd);\n\t\t\t};\n\t\t\tdocument.addEventListener(\"touchend\", handleTouchEnd);\n\t\t};\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\trole=\"separator\"\n\t\t\t\taria-orientation={orientation}\n\t\t\t\ttabIndex={0}\n\t\t\t\tonMouseDown={handleMouseDown}\n\t\t\t\tonTouchStart={handleTouchStart}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:relative wwc:flex wwc:items-center wwc:justify-center wwc:transition-colors\",\n\t\t\t\t\t\"wwc:focus-visible:outline-none wwc:focus-visible:ring-1 wwc:focus-visible:ring-ring\",\n\t\t\t\t\torientation === \"vertical\"\n\t\t\t\t\t\t? \"wwc:w-2 wwc:cursor-col-resize hover:wwc:bg-accent\"\n\t\t\t\t\t\t: \"wwc:h-2 wwc:cursor-row-resize hover:wwc:bg-accent\",\n\t\t\t\t\tisResizing && \"wwc:bg-accent\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{showGrip && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:z-10 wwc:flex wwc:items-center wwc:justify-center wwc:rounded-sm wwc:border wwc:border-border wwc:bg-background\",\n\t\t\t\t\t\t\torientation === \"vertical\" ? \"wwc:h-6 wwc:w-3\" : \"wwc:h-3 wwc:w-6\",\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<GripIcon className=\"wwc:h-3 wwc:w-3 wwc:text-muted-foreground\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"wwc:absolute wwc:bg-border\",\n\t\t\t\t\t\torientation === \"vertical\"\n\t\t\t\t\t\t\t? \"wwc:h-full wwc:w-px wwc:left-1/2 wwc:-translate-x-1/2\"\n\t\t\t\t\t\t\t: \"wwc:w-full wwc:h-px wwc:top-1/2 wwc:-translate-y-1/2\",\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n);\nResizeHandle.displayName = \"ResizeHandle\";\n\nexport {ResizeHandle};\n"],"mappings":";;;;;;AAkBA,MAAM,eAAe,MAAM,YAEzB,EAAC,WAAW,cAAc,YAAY,WAAW,MAAM,aAAa,OAAO,eAAe,aAAa,GAAG,SAC1G,QACI;CACJ,MAAM,WAAW,gBAAgB,aAAa,eAAe;CAE7D,MAAM,mBAAmB,MAAwB;EAChD,EAAE,eAAe;EACjB,gBAAgB,CAAC;EAEjB,MAAM,sBAAsB;GAC3B,cAAc;GACd,SAAS,oBAAoB,WAAW,aAAa;EACtD;EACA,SAAS,iBAAiB,WAAW,aAAa;CACnD;CAEA,MAAM,oBAAoB,MAAwB;EACjD,gBAAgB,CAAC;EAEjB,MAAM,uBAAuB;GAC5B,cAAc;GACd,SAAS,oBAAoB,YAAY,cAAc;EACxD;EACA,SAAS,iBAAiB,YAAY,cAAc;CACrD;CAEA,OACC,qBAAC,OAAD;EACM;EACL,MAAK;EACL,oBAAkB;EAClB,UAAU;EACV,aAAa;EACb,cAAc;EACd,WAAW,GACV,mFACA,uFACA,gBAAgB,aACb,sDACA,qDACH,cAAc,iBACd,SACD;EACA,GAAI;EAhBL,UAAA,CAkBE,YACA,oBAAC,OAAD;GACC,WAAW,GACV,uHACA,gBAAgB,aAAa,oBAAoB,iBAClD;GAEA,UAAA,oBAAC,UAAD,EAAU,WAAU,4CAA6C,CAAA;EAC7D,CAAA,GAEN,oBAAC,OAAD,EACC,WAAW,GACV,8BACA,gBAAgB,aACb,0DACA,sDACJ,EACA,CAAA,CACG;;AAEP,CACD;AACA,aAAa,cAAc"}