@magicpatterns/cubed 0.0.1 → 0.0.2

package/lib/esm/components/GhostButton/GhostButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostButton.d.ts","sourceRoot":"","sources":["../../../../src/components/GhostButton/GhostButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAG7C,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,WAAW;WANR,KAAK,CAAC,SAAS;YACd,MAAM;eACH,OAAO;YACV,UAAU;wCAsCnB,CAAA;AAID,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/lib/esm/components/GhostButton/GhostButton.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../utils/cn';
+const GhostButton = React.forwardRef(({ icon, badge, isActive, color = 'ash', children, className, ...props }, ref) => {
+    const colorVars = {
+        '--c-fg': `var(--${color}-foreground)`,
+        '--c-muted-hover': `var(--${color}-muted-hover)`,
+        '--c-muted-active': `var(--${color}-muted-active)`,
+    };
+    return (_jsxs("div", { ref: ref, style: colorVars, className: cn('flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm', 'text-[var(--c-fg)] hover:bg-[var(--c-muted-hover)]', isActive && 'bg-[var(--c-muted-active)]', className), role: "button", tabIndex: 0, ...props, children: [icon, _jsx("span", { children: children }), badge && (_jsx("span", { className: "ml-auto rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium leading-none text-ash-foreground", children: badge }))] }));
+});
+GhostButton.displayName = 'GhostButton';
+export { GhostButton };
+//# sourceMappingURL=GhostButton.js.map

package/lib/esm/components/GhostButton/GhostButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GhostButton.js","sourceRoot":"","sources":["../../../../src/components/GhostButton/GhostButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AASnC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACvE,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG;QAChB,QAAQ,EAAE,SAAS,KAAK,cAAc;QACtC,iBAAiB,EAAE,SAAS,KAAK,eAAe;QAChD,kBAAkB,EAAE,SAAS,KAAK,gBAAgB;KAC5B,CAAA;IAExB,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,oDAAoD,EACpD,QAAQ,IAAI,4BAA4B,EACxC,SAAS,CACV,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,KACP,KAAK,aAER,IAAI,EACL,yBAAO,QAAQ,GAAQ,EACtB,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,sGAAsG,YACnH,KAAK,GACD,CACR,IACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAyB,CAAA"}

package/lib/esm/components/GhostButton/NavItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type NavItemVariant = 'default' | 'destructive';
+type NavItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon?: React.ReactNode;
+    badge?: string;
+    isActive?: boolean;
+    variant?: NavItemVariant;
+};
+declare const NavItem: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon?: React.ReactNode;
+    badge?: string;
+    isActive?: boolean;
+    variant?: NavItemVariant;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { NavItem, type NavItemProps };
+//# sourceMappingURL=NavItem.d.ts.map

package/lib/esm/components/GhostButton/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/GhostButton/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,cAAc,GAAG,SAAS,GAAG,aAAa,CAAA;AAE/C,KAAK,YAAY,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA;AAgBD,QAAA,MAAM,OAAO;WApBJ,KAAK,CAAC,SAAS;YACd,MAAM;eACH,OAAO;cACR,cAAc;2CAuDzB,CAAA;AAID,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAA"}

package/lib/esm/components/GhostButton/NavItem.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const variantStyles = {
+    default: {
+        base: 'text-subtle-foreground hover:bg-surface hover:text-foreground',
+        active: 'bg-surface text-foreground',
+    },
+    destructive: {
+        base: 'text-destructive hover:bg-tomato-3 hover:text-destructive-foreground',
+        active: 'bg-tomato-3 text-destructive-foreground',
+    },
+};
+const NavItem = React.forwardRef(({ icon, badge, isActive, variant = 'default', children, className, ...props }, ref) => {
+    const styles = variantStyles[variant];
+    return (_jsxs("button", { ref: ref, className: [
+            'flex w-full cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent px-2 py-1.5 text-sm',
+            isActive ? styles.active : styles.base,
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), type: "button", ...props, children: [icon, _jsx("span", { children: children }), badge && (_jsx("span", { className: "ml-auto rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium leading-none text-subtle-foreground", children: badge }))] }));
+});
+NavItem.displayName = 'NavItem';
+export { NavItem };
+//# sourceMappingURL=NavItem.js.map

package/lib/esm/components/GhostButton/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/GhostButton/NavItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,aAAa,GAGf;IACF,OAAO,EAAE;QACP,IAAI,EAAE,+DAA+D;QACrE,MAAM,EAAE,4BAA4B;KACrC;IACD,WAAW,EAAE;QACX,IAAI,EAAE,sEAAsE;QAC5E,MAAM,EAAE,yCAAyC;KAClD;CACF,CAAA;AAED,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAErC,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,sGAAsG;YACtG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;YACtC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,IAAI,EAAC,QAAQ,KACT,KAAK,aAER,IAAI,EACL,yBAAO,QAAQ,GAAQ,EACtB,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,yGAAyG,YACtH,KAAK,GACD,CACR,IACM,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAqB,CAAA"}

package/lib/esm/components/GhostButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GhostButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/GhostButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/GhostButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/lib/esm/components/GhostButton/index.js

@@ -0,0 +1,2 @@
+export * from './GhostButton';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/GhostButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/GhostButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/lib/esm/components/Grid/Grid.d.ts

@@ -0,0 +1,2 @@
+export { Grid, type GridProps } from '@radix-ui/themes';
+//# sourceMappingURL=Grid.d.ts.map

package/lib/esm/components/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Grid/Grid.js

@@ -0,0 +1,2 @@
+export { Grid } from '@radix-ui/themes';
+//# sourceMappingURL=Grid.js.map

package/lib/esm/components/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Grid';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/lib/esm/components/Grid/index.js

@@ -0,0 +1,2 @@
+export * from './Grid';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/lib/esm/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,2 @@
+export { HoverCard } from '@radix-ui/themes';
+//# sourceMappingURL=HoverCard.d.ts.map

package/lib/esm/components/HoverCard/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/HoverCard/HoverCard.js

@@ -0,0 +1,2 @@
+export { HoverCard } from '@radix-ui/themes';
+//# sourceMappingURL=HoverCard.js.map

package/lib/esm/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sourceRoot":"","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/HoverCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HoverCard';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/HoverCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/HoverCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/lib/esm/components/HoverCard/index.js

@@ -0,0 +1,2 @@
+export * from './HoverCard';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/HoverCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/HoverCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/lib/esm/components/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+export { IconButton, type IconButtonProps } from '@radix-ui/themes';
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/esm/components/IconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/IconButton/IconButton.js

@@ -0,0 +1,2 @@
+export { IconButton } from '@radix-ui/themes';
+//# sourceMappingURL=IconButton.js.map

package/lib/esm/components/IconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/lib/esm/components/IconButton/index.js

@@ -0,0 +1,2 @@
+export * from './IconButton';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/lib/esm/components/Inset/Inset.d.ts

@@ -0,0 +1,2 @@
+export { Inset, type InsetProps } from '@radix-ui/themes';
+//# sourceMappingURL=Inset.d.ts.map

package/lib/esm/components/Inset/Inset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inset.d.ts","sourceRoot":"","sources":["../../../../src/components/Inset/Inset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Inset/Inset.js

@@ -0,0 +1,2 @@
+export { Inset } from '@radix-ui/themes';
+//# sourceMappingURL=Inset.js.map

package/lib/esm/components/Inset/Inset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inset.js","sourceRoot":"","sources":["../../../../src/components/Inset/Inset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Inset/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Inset';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Inset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Inset/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/lib/esm/components/Inset/index.js

@@ -0,0 +1,2 @@
+export * from './Inset';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Inset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Inset/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/lib/esm/components/Kbd/Kbd.d.ts

@@ -0,0 +1,2 @@
+export { Kbd, type KbdProps } from '@radix-ui/themes';
+//# sourceMappingURL=Kbd.d.ts.map

package/lib/esm/components/Kbd/Kbd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Kbd/Kbd.js

@@ -0,0 +1,2 @@
+export { Kbd } from '@radix-ui/themes';
+//# sourceMappingURL=Kbd.js.map

package/lib/esm/components/Kbd/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../../src/components/Kbd/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Kbd/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Kbd';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Kbd/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/lib/esm/components/Kbd/index.js

@@ -0,0 +1,2 @@
+export * from './Kbd';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Kbd/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Kbd/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}

package/lib/esm/components/Layout/Layout.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type LayoutContextType = {
+    collapsible: boolean;
+    isCollapsed: boolean;
+    setIsCollapsed: (v: boolean) => void;
+    isMobile: boolean;
+    isMobileDrawerOpen: boolean;
+    setMobileDrawerOpen: (v: boolean) => void;
+};
+export declare function useLayoutContext(): LayoutContextType;
+export type LayoutProps = HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+    navbar?: ReactNode;
+    sidebar?: ReactNode;
+    /** Rendered in the mobile drawer header alongside the close button */
+    mobileDrawerHeader?: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+};
+export declare const Layout: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    children: ReactNode;
+    navbar?: ReactNode;
+    sidebar?: ReactNode;
+    /** Rendered in the mobile drawer header alongside the close button */
+    mobileDrawerHeader?: ReactNode;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type ContentHeaderProps = {
+    title: string;
+    description?: string;
+    children?: ReactNode;
+};
+export declare function ContentHeader({ title, description, children, }: ContentHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Layout.d.ts.map

package/lib/esm/components/Layout/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EAQf,MAAM,OAAO,CAAA;AAYd,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,OAAO,CAAA;IACpB,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,OAAO,CAAA;IACjB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CAC1C,CAAA;AAWD,wBAAgB,gBAAgB,sBAE/B;AA4DD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,MAAM;cATP,SAAS;aACV,SAAS;cACR,SAAS;IACnB,sEAAsE;yBACjD,SAAS;kBAChB,OAAO;uBACF,OAAO;kDAuG3B,CAAA;AA4ID,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,GACT,EAAE,kBAAkB,2CAcpB"}

package/lib/esm/components/Layout/Layout.js

@@ -0,0 +1,141 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { cn } from '../../utils/cn';
+import { Flex } from '../Flex';
+import { Heading } from '../Heading';
+import { IconButton } from '../IconButton';
+import { ScrollArea } from '../ScrollArea';
+import { Separator } from '../Separator';
+import { Text } from '../Text';
+const LayoutContext = createContext({
+    collapsible: false,
+    isCollapsed: false,
+    setIsCollapsed: () => { },
+    isMobile: false,
+    isMobileDrawerOpen: false,
+    setMobileDrawerOpen: () => { },
+});
+export function useLayoutContext() {
+    return useContext(LayoutContext);
+}
+// ─── Icons ────────────────────────────────────────────────────────────────────
+function PanelLeftIcon() {
+    return (_jsxs("svg", { fill: "none", height: "15", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", viewBox: "0 0 24 24", width: "15", children: [_jsx("rect", { height: "18", rx: "2", ry: "2", width: "18", x: "3", y: "3" }), _jsx("line", { x1: "9", x2: "9", y1: "3", y2: "21" })] }));
+}
+function CloseIcon() {
+    return (_jsxs("svg", { fill: "none", height: "13", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", viewBox: "0 0 24 24", width: "13", children: [_jsx("line", { x1: "18", x2: "6", y1: "6", y2: "18" }), _jsx("line", { x1: "6", x2: "18", y1: "6", y2: "18" })] }));
+}
+// ─── Hooks ────────────────────────────────────────────────────────────────────
+function useMediaQuery(query) {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        const media = window.matchMedia(query);
+        setMatches(media.matches);
+        const listener = (e) => setMatches(e.matches);
+        media.addEventListener('change', listener);
+        return () => media.removeEventListener('change', listener);
+    }, [query]);
+    return matches;
+}
+// ─── Component ────────────────────────────────────────────────────────────────
+const SIDEBAR_COLLAPSED_KEY = 'sidebar-collapsed';
+export const Layout = forwardRef(({ children, navbar, sidebar, mobileDrawerHeader, collapsible = false, defaultCollapsed = false, className, style, ...rest }, ref) => {
+    const [isCollapsed, setIsCollapsedState] = useState(() => {
+        if (!collapsible)
+            return false;
+        if (typeof window === 'undefined')
+            return defaultCollapsed;
+        const stored = localStorage.getItem(SIDEBAR_COLLAPSED_KEY);
+        return stored !== null ? stored === 'true' : defaultCollapsed;
+    });
+    const [isMobileDrawerOpen, setMobileDrawerOpen] = useState(false);
+    const [isModeSwitching, setIsModeSwitching] = useState(false);
+    const isMobile = useMediaQuery('(max-width: 767px)');
+    function setIsCollapsed(v) {
+        setIsCollapsedState(v);
+        if (collapsible) {
+            localStorage.setItem(SIDEBAR_COLLAPSED_KEY, String(v));
+        }
+    }
+    // Briefly suppress transitions when crossing the mobile breakpoint
+    useEffect(() => {
+        setIsModeSwitching(true);
+        const t = setTimeout(() => setIsModeSwitching(false), 50);
+        return () => clearTimeout(t);
+    }, [isMobile]);
+    // Close mobile drawer when resizing to desktop
+    useEffect(() => {
+        if (!isMobile)
+            setMobileDrawerOpen(false);
+    }, [isMobile]);
+    // Cmd+B to toggle (desktop only)
+    useEffect(() => {
+        if (!collapsible)
+            return;
+        function handleKeyDown(e) {
+            if (e.metaKey && e.key === 'b') {
+                e.preventDefault();
+                if (!isMobile)
+                    setIsCollapsed(!isCollapsed);
+            }
+        }
+        window.addEventListener('keydown', handleKeyDown);
+        return () => window.removeEventListener('keydown', handleKeyDown);
+    }, [collapsible, isCollapsed, isMobile]);
+    return (_jsx(LayoutContext.Provider, { value: {
+            collapsible,
+            isCollapsed,
+            setIsCollapsed,
+            isMobile,
+            isMobileDrawerOpen,
+            setMobileDrawerOpen,
+        }, children: _jsxs("div", { ref: ref, className: cn('flex h-screen flex-col overflow-hidden bg-subtle', className), style: style, ...rest, children: [navbar && _jsx(LayoutNavbar, { children: navbar }), _jsxs("div", { className: "relative flex min-h-0 flex-1 overflow-hidden", children: [sidebar && isMobile && isMobileDrawerOpen && (_jsx("div", { className: "fixed inset-0 z-[60] bg-black/50", onClick: () => setMobileDrawerOpen(false) })), sidebar && (_jsx(LayoutSidebar, { isModeSwitching: isModeSwitching, mobileDrawerHeader: mobileDrawerHeader, children: sidebar })), _jsx(LayoutContent, { children: children })] })] }) }));
+});
+Layout.displayName = 'Layout';
+// ─── Sub-components ───────────────────────────────────────────────────────────
+function LayoutNavbar({ children }) {
+    return (_jsx("div", { className: "flex h-10 flex-shrink-0 items-center px-4 pt-1", children: children }));
+}
+function LayoutSidebar({ children, mobileDrawerHeader, isModeSwitching, }) {
+    const { collapsible, isCollapsed, isMobile, isMobileDrawerOpen, setMobileDrawerOpen, } = useLayoutContext();
+    const measureRef = useRef(null);
+    const [measuredWidth, setMeasuredWidth] = useState(null);
+    // Capture the sidebar's natural width once so we can animate against it
+    useLayoutEffect(() => {
+        if (measureRef.current && measuredWidth === null) {
+            setMeasuredWidth(measureRef.current.scrollWidth);
+        }
+    }, [measuredWidth]);
+    const expandedWidth = measuredWidth ?? 'auto';
+    // ── Mobile: slide-in drawer overlay ──────────────────────────────────────
+    if (isMobile) {
+        return (_jsxs("div", { className: "fixed left-0 top-0 z-[70] flex flex-col overflow-x-hidden overflow-y-auto bg-subtle", style: {
+                height: '100vh',
+                width: expandedWidth,
+                transform: isMobileDrawerOpen ? 'translateX(0)' : 'translateX(-100%)',
+                transition: isModeSwitching ? 'none' : 'transform 200ms ease-out',
+            }, children: [mobileDrawerHeader !== undefined && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex h-10 flex-shrink-0 items-center justify-between px-3", children: [mobileDrawerHeader, _jsx(IconButton, { color: "gray", onClick: () => setMobileDrawerOpen(false), size: "1", variant: "ghost", children: _jsx(CloseIcon, {}) })] }), _jsx(Separator, { size: "4" })] })), _jsx("div", { ref: measureRef, className: "flex flex-1 flex-col", children: children })] }));
+    }
+    // ── Desktop: collapsible ─────────────────────────────────────────────────
+    if (collapsible) {
+        return (_jsx("div", { style: {
+                width: isCollapsed ? 0 : expandedWidth,
+                flexShrink: 0,
+                overflow: 'hidden',
+                transition: isModeSwitching
+                    ? 'none'
+                    : 'width 200ms cubic-bezier(0.4, 0, 0.2, 1)',
+            }, children: _jsx("div", { ref: measureRef, className: "flex h-full flex-col overflow-x-hidden overflow-y-auto", style: { width: expandedWidth }, children: children }) }));
+    }
+    // ── Desktop: static ──────────────────────────────────────────────────────
+    return (_jsx("div", { ref: measureRef, className: "flex flex-shrink-0 flex-col overflow-x-hidden overflow-y-auto", children: children }));
+}
+function LayoutContent({ children }) {
+    const { collapsible, isCollapsed, setIsCollapsed } = useLayoutContext();
+    return (_jsx("div", { className: "flex min-w-0 flex-1 flex-col p-2", children: _jsxs("div", { className: "relative flex flex-1 flex-col overflow-hidden rounded-xl border border-solid border-border bg-card shadow-sm", children: [collapsible && (_jsx(IconButton, { className: "absolute left-3 top-3 z-10 hidden md:flex", color: "gray", onClick: () => setIsCollapsed(!isCollapsed), size: "1", variant: "ghost", children: _jsx(PanelLeftIcon, {}) })), _jsx(ScrollArea, { className: "flex-1", scrollbars: "vertical", type: "scroll", children: children })] }) }));
+}
+export function ContentHeader({ title, description, children, }) {
+    return (_jsxs(Flex, { align: "start", gap: "4", justify: "between", mb: "5", wrap: "wrap", children: [_jsxs(Flex, { direction: "column", gap: "2", style: { flex: 1, minWidth: 0 }, children: [_jsx(Heading, { size: "7", children: title }), description && (_jsx(Text, { color: "gray", size: "2", children: description }))] }), children && _jsx(Flex, { style: { flexShrink: 0 }, children: children })] }));
+}
+//# sourceMappingURL=Layout.js.map

package/lib/esm/components/Layout/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAGL,aAAa,EACb,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAa9B,MAAM,aAAa,GAAG,aAAa,CAAoB;IACrD,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,QAAQ,EAAE,KAAK;IACf,kBAAkB,EAAE,KAAK;IACzB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC9B,CAAC,CAAA;AAEF,MAAM,UAAU,gBAAgB;IAC9B,OAAO,UAAU,CAAC,aAAa,CAAC,CAAA;AAClC,CAAC;AAED,iFAAiF;AAEjF,SAAS,aAAa;IACpB,OAAO,CACL,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,aAEV,eAAM,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,EACzD,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,IACjC,CACP,CAAA;AACH,CAAC;AAED,SAAS,SAAS;IAChB,OAAO,CACL,eACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,IAAI,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,aAEV,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACtC,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,IAClC,CACP,CAAA;AACH,CAAC;AAED,iFAAiF;AAEjF,SAAS,aAAa,CAAC,KAAa;IAClC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QACtC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;QACzB,MAAM,QAAQ,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAA;QAClE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,iFAAiF;AAEjF,MAAM,qBAAqB,GAAG,mBAAmB,CAAA;AAYjD,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,WAAW,GAAG,KAAK,EACnB,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,WAAW,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvD,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAA;QAC9B,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,gBAAgB,CAAA;QAC1D,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAA;QAC1D,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAC/D,CAAC,CAAC,CAAA;IACF,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,QAAQ,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAA;IAEpD,SAAS,cAAc,CAAC,CAAU;QAChC,mBAAmB,CAAC,CAAC,CAAC,CAAA;QACtB,IAAI,WAAW,EAAE,CAAC;YAChB,YAAY,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QACxD,CAAC;IACH,CAAC;IAED,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,MAAM,CAAC,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAA;QACzD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ;YAAE,mBAAmB,CAAC,KAAK,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAM;QACxB,SAAS,aAAa,CAAC,CAAgB;YACrC,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBAC/B,CAAC,CAAC,cAAc,EAAE,CAAA;gBAClB,IAAI,CAAC,QAAQ;oBAAE,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;YAC7C,CAAC;QACH,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACjD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACnE,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAA;IAExC,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE;YACL,WAAW;YACX,WAAW;YACX,cAAc;YACd,QAAQ;YACR,kBAAkB;YAClB,mBAAmB;SACpB,YAED,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,kDAAkD,EAClD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,KACR,IAAI,aAEP,MAAM,IAAI,KAAC,YAAY,cAAE,MAAM,GAAgB,EAChD,eAAK,SAAS,EAAC,8CAA8C,aAE1D,OAAO,IAAI,QAAQ,IAAI,kBAAkB,IAAI,CAC5C,cACE,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GACzC,CACH,EACA,OAAO,IAAI,CACV,KAAC,aAAa,IACZ,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,YAErC,OAAO,GACM,CACjB,EACD,KAAC,aAAa,cAAE,QAAQ,GAAiB,IACrC,IACF,GACiB,CAC1B,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,iFAAiF;AAEjF,SAAS,YAAY,CAAC,EAAE,QAAQ,EAA2B;IACzD,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC5D,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAQD,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,kBAAkB,EAClB,eAAe,GACI;IACnB,MAAM,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,kBAAkB,EAClB,mBAAmB,GACpB,GAAG,gBAAgB,EAAE,CAAA;IACtB,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAEvE,wEAAwE;IACxE,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,UAAU,CAAC,OAAO,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;YACjD,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,aAAa,GAAG,aAAa,IAAI,MAAM,CAAA;IAE7C,4EAA4E;IAC5E,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,CACL,eACE,SAAS,EAAC,qFAAqF,EAC/F,KAAK,EAAE;gBACL,MAAM,EAAE,OAAO;gBACf,KAAK,EAAE,aAAa;gBACpB,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB;gBACrE,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,0BAA0B;aAClE,aAEA,kBAAkB,KAAK,SAAS,IAAI,CACnC,8BACE,eAAK,SAAS,EAAC,2DAA2D,aACvE,kBAAkB,EACnB,KAAC,UAAU,IACT,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACzC,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,OAAO,YAEf,KAAC,SAAS,KAAG,GACF,IACT,EACN,KAAC,SAAS,IAAC,IAAI,EAAC,GAAG,GAAG,IACrB,CACJ,EACD,cAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,sBAAsB,YACnD,QAAQ,GACL,IACF,CACP,CAAA;IACH,CAAC;IAED,4EAA4E;IAC5E,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,CACL,cACE,KAAK,EAAE;gBACL,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa;gBACtC,UAAU,EAAE,CAAC;gBACb,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,eAAe;oBACzB,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,0CAA0C;aAC/C,YAED,cACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,YAE9B,QAAQ,GACL,GACF,CACP,CAAA;IACH,CAAC;IAED,4EAA4E;IAC5E,OAAO,CACL,cACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAC,+DAA+D,YAExE,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,QAAQ,EAA2B;IAC1D,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,gBAAgB,EAAE,CAAA;IAEvE,OAAO,CACL,cAAK,SAAS,EAAC,kCAAkC,YAC/C,eAAK,SAAS,EAAC,8GAA8G,aAC1H,WAAW,IAAI,CACd,KAAC,UAAU,IACT,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAC3C,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,OAAO,YAEf,KAAC,aAAa,KAAG,GACN,CACd,EACD,KAAC,UAAU,IAAC,SAAS,EAAC,QAAQ,EAAC,UAAU,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,YAC/D,QAAQ,GACE,IACT,GACF,CACP,CAAA;AACH,CAAC;AAUD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,QAAQ,GACW;IACnB,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,EAAC,IAAI,EAAC,MAAM,aAC9D,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,aAC9D,KAAC,OAAO,IAAC,IAAI,EAAC,GAAG,YAAE,KAAK,GAAW,EAClC,WAAW,IAAI,CACd,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,YACxB,WAAW,GACP,CACR,IACI,EACN,QAAQ,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAQ,IACzD,CACR,CAAA;AACH,CAAC"}

package/lib/esm/components/Layout/index.d.ts

@@ -0,0 +1,2 @@
+export { ContentHeader, type ContentHeaderProps, Layout, type LayoutProps, useLayoutContext, } from './Layout';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,MAAM,EACN,KAAK,WAAW,EAChB,gBAAgB,GACjB,MAAM,UAAU,CAAA"}

package/lib/esm/components/Layout/index.js

@@ -0,0 +1,2 @@
+export { ContentHeader, Layout, useLayoutContext, } from './Layout';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAEb,MAAM,EAEN,gBAAgB,GACjB,MAAM,UAAU,CAAA"}

package/lib/esm/components/Link/Link.d.ts

@@ -0,0 +1,2 @@
+export { Link, type LinkProps } from '@radix-ui/themes';
+//# sourceMappingURL=Link.d.ts.map

package/lib/esm/components/Link/Link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Link/Link.js

@@ -0,0 +1,2 @@
+export { Link } from '@radix-ui/themes';
+//# sourceMappingURL=Link.js.map

package/lib/esm/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/lib/esm/components/Link/index.js

@@ -0,0 +1,2 @@
+export * from './Link';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/Link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Link/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/lib/esm/components/NavItem/NavItem.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+type NavItemVariant = 'default' | 'destructive';
+type NavItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon?: React.ReactNode;
+    badge?: string;
+    isActive?: boolean;
+    variant?: NavItemVariant;
+};
+declare const NavItem: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon?: React.ReactNode;
+    badge?: string;
+    isActive?: boolean;
+    variant?: NavItemVariant;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { NavItem, type NavItemProps };
+//# sourceMappingURL=NavItem.d.ts.map

package/lib/esm/components/NavItem/NavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,KAAK,cAAc,GAAG,SAAS,GAAG,aAAa,CAAA;AAE/C,KAAK,YAAY,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA;AAcD,QAAA,MAAM,OAAO;WAlBJ,KAAK,CAAC,SAAS;YACd,MAAM;eACH,OAAO;cACR,cAAc;2CAqDzB,CAAA;AAID,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,CAAA"}

package/lib/esm/components/NavItem/NavItem.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+const variantStyles = {
+    default: {
+        base: 'text-subtle-foreground hover:bg-surface hover:text-foreground',
+        active: 'bg-surface text-foreground',
+    },
+    destructive: {
+        base: 'text-destructive hover:bg-tomato-3 hover:text-destructive-foreground',
+        active: 'bg-tomato-3 text-destructive-foreground',
+    },
+};
+const NavItem = React.forwardRef(({ icon, badge, isActive, variant = 'default', children, className, ...props }, ref) => {
+    const styles = variantStyles[variant];
+    return (_jsxs("button", { ref: ref, className: [
+            'flex w-full cursor-pointer items-center gap-2 rounded-md border-0 bg-transparent px-2 py-1.5 text-sm',
+            isActive ? styles.active : styles.base,
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), type: "button", ...props, children: [icon, _jsx("span", { children: children }), badge && (_jsx("span", { className: "ml-auto rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-medium leading-none text-subtle-foreground", children: badge }))] }));
+});
+NavItem.displayName = 'NavItem';
+export { NavItem };
+//# sourceMappingURL=NavItem.js.map

package/lib/esm/components/NavItem/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../src/components/NavItem/NavItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,aAAa,GACjB;IACE,OAAO,EAAE;QACP,IAAI,EAAE,+DAA+D;QACrE,MAAM,EAAE,4BAA4B;KACrC;IACD,WAAW,EAAE;QACX,IAAI,EAAE,sEAAsE;QAC5E,MAAM,EAAE,yCAAyC;KAClD;CACF,CAAA;AAEH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAC9B,CACE,EACE,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAA;IAErC,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,sGAAsG;YACtG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI;YACtC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,IAAI,EAAC,QAAQ,KACT,KAAK,aAER,IAAI,EACL,yBAAO,QAAQ,GAAQ,EACtB,KAAK,IAAI,CACR,eAAM,SAAS,EAAC,yGAAyG,YACtH,KAAK,GACD,CACR,IACM,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA;AAE/B,OAAO,EAAE,OAAO,EAAqB,CAAA"}

package/lib/esm/components/NavItem/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NavItem';
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/NavItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NavItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/lib/esm/components/NavItem/index.js

@@ -0,0 +1,2 @@
+export * from './NavItem';
+//# sourceMappingURL=index.js.map

package/lib/esm/components/NavItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NavItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/lib/esm/components/Popover/Popover.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from '@radix-ui/themes';
+//# sourceMappingURL=Popover.d.ts.map

package/lib/esm/components/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Popover/Popover.js

@@ -0,0 +1,2 @@
+export { Popover } from '@radix-ui/themes';
+//# sourceMappingURL=Popover.js.map

package/lib/esm/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/esm/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+//# sourceMappingURL=index.d.ts.map