@joshuan/design-system 0.0.0-stage → 0.2.0

package/README.md

@@ -1,3 +1,35 @@
-# Temporary Holding Version
+# @joshuan/design-system
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Shared UI foundations for Legere and Rent Manager, built for Ant Design 6 and React 19.
+The source contract and extraction audit are in `docs/design-system.md` at the repository root.
+
+```tsx
+import { createAppTheme } from '@joshuan/design-system/antd';
+import { PageHeader, useSystemAppearance } from '@joshuan/design-system/react';
+import '@joshuan/design-system/styles.css';
+
+// Inside your provider; locale, account preference and hydration policy remain local.
+const { dark, reducedMotion } = useSystemAppearance();
+const theme = createAppTheme({ dark, reducedMotion, accent: 'green' });
+// Pass theme to Ant Design ConfigProvider. Render its App below it for CSS variables.
+// Use accent: 'blue' for Rent Manager.
+```
+
+`PageHeader` receives title, description, back, actions and meta as React nodes. It renders one h1.
+Pass a host Link as `back`; the package never owns routing or translations. Import the stylesheet
+once in the root layout. Self-host IBM Plex Sans and Mono as `--font-sans` and `--font-mono`.
+Root exports contain palettes, font declarations and dimensions; they have no React side effects.
+`/react` preserves its client boundary. Components and Ant Design are peers, never bundled copies.
+
+`NavigationFrame` supplies the same 240/64 px collapsible sidebar and 280 px phone drawer to
+both products. It starts compact between 768 and 1023 px, uses the drawer below 768 px, and keeps
+an explicit desktop collapse choice during client navigation. Supply `pathname`, localized
+`labels`, product `navigation(collapsed)` content and a `brand` home link containing
+`<AppBrand name={name} mark={mark} />`. Links, route changes, Escape and leaving the phone
+breakpoint close the drawer. Routes, account controls and menu expansion remain host-owned.
+The same AppBrand belongs in public authentication headers, always inside a home link.
+
+Build with `npm run build --workspace @joshuan/design-system`. The build generates CSS dimensions
+from the same source as TypeScript. Pack with `npm pack --workspace @joshuan/design-system`.
+Do not copy styles or themes into applications. Product-specific viewer and apartment layouts stay
+in the applications. Changes to colours, headings or dimensions require both consumer visual suites.

package/dist/cjs/antd.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAppTheme = createAppTheme;
+const antd_1 = require("antd");
+const palette_js_1 = require("./palette.js");
+const index_js_1 = require("./index.js");
+function createAppTheme({ dark, accent, reducedMotion = false, }) {
+    const c = (0, palette_js_1.paletteFor)(dark, accent);
+    return {
+        algorithm: dark ? antd_1.theme.darkAlgorithm : antd_1.theme.defaultAlgorithm,
+        cssVar: { prefix: 'ant' },
+        token: {
+            colorPrimary: c.primary,
+            colorPrimaryHover: c.primaryHover,
+            colorPrimaryActive: c.primaryActive,
+            colorPrimaryText: c.primary,
+            colorPrimaryTextHover: c.primaryHover,
+            colorPrimaryTextActive: c.primaryActive,
+            colorLink: c.primary,
+            colorLinkHover: c.primaryHover,
+            colorLinkActive: c.primaryActive,
+            colorInfo: c.info,
+            colorSuccess: c.success,
+            colorWarning: c.warning,
+            colorError: c.error,
+            colorErrorText: c.error,
+            colorErrorHover: dark ? '#F2ABB0' : '#9F3240',
+            colorErrorActive: dark ? '#DA7F87' : '#852936',
+            colorErrorTextHover: dark ? '#F2ABB0' : '#9F3240',
+            colorErrorTextActive: dark ? '#DA7F87' : '#852936',
+            colorSuccessText: c.success,
+            colorWarningText: c.warning,
+            colorInfoText: c.info,
+            colorBgBase: dark ? c.page : c.surface,
+            colorFillAlter: dark ? c.surfaceRaised : c.page,
+            motion: !reducedMotion,
+            // The default palette generator makes pale surfaces muddy when the seed is a dark,
+            // accessible accent. Keep light feedback surfaces quiet and their text readable.
+            ...(!dark && {
+                colorPrimaryBg: accent === 'green' ? '#EAF4F0' : '#ECF2FD',
+                colorPrimaryBgHover: accent === 'green' ? '#DCEEE6' : '#DCE7FA',
+                colorPrimaryBorder: accent === 'green' ? '#AFCFC4' : '#B5C9EF',
+                colorPrimaryBorderHover: accent === 'green' ? '#87B8A8' : '#86A7E0',
+                colorInfoBg: accent === 'green' ? '#F2F9F6' : '#F2F6FD',
+                colorInfoBgHover: accent === 'green' ? '#E3F1EB' : '#E3EBFA',
+                colorInfoBorder: accent === 'green' ? '#B7D8CD' : '#B5C9EF',
+                colorSuccessBg: '#F1F9F3',
+                colorSuccessBgHover: '#E0EFE4',
+                colorSuccessBorder: '#BFDDC7',
+                colorWarningBg: '#FCF8EE',
+                colorWarningBgHover: '#F7EDD4',
+                colorWarningBorder: '#E7D6AE',
+                colorErrorBg: '#FDF5F6',
+                colorErrorBgHover: '#F6E1E5',
+                colorErrorBorder: '#ECC5CC',
+            }),
+            colorBgLayout: c.page,
+            colorBgContainer: c.surface,
+            colorBgElevated: c.surfaceRaised,
+            colorBorder: c.borderStrong,
+            colorBorderSecondary: c.border,
+            colorText: c.text,
+            colorTextSecondary: c.textSecondary,
+            colorTextDescription: c.textSecondary,
+            colorTextDisabled: c.textSecondary,
+            colorTextPlaceholder: c.textSecondary,
+            fontFamily: index_js_1.FONT_SANS,
+            fontFamilyCode: index_js_1.FONT_MONO,
+            fontSize: 14,
+            lineHeight: 1.5,
+            borderRadius: 6,
+            borderRadiusLG: 8,
+            borderRadiusSM: 4,
+            controlHeight: index_js_1.dimensions.control,
+            controlHeightSM: index_js_1.dimensions.controlSmall,
+            controlHeightLG: index_js_1.dimensions.touchTarget,
+            colorTextLightSolid: dark ? c.page : c.surface,
+            fontSizeHeading1: index_js_1.dimensions.pageTitle,
+            fontSizeHeading2: 22,
+            fontSizeHeading3: 18,
+            fontSizeHeading4: 16,
+            fontSizeHeading5: 14,
+            wireframe: false,
+            // Depth is an interaction, not a default: nothing floats at rest.
+            boxShadow: dark
+                ? '0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px -12px rgba(0, 0, 0, 0.7)'
+                : '0 1px 2px rgba(24, 45, 54, 0.06), 0 12px 32px -16px rgba(24, 45, 54, 0.20)',
+            boxShadowSecondary: dark
+                ? '0 6px 20px -8px rgba(0, 0, 0, 0.7)'
+                : '0 6px 20px -10px rgba(24, 45, 54, 0.16)',
+            motionDurationMid: `${index_js_1.dimensions.motion}ms`,
+        },
+        components: {
+            Layout: {
+                bodyBg: c.page,
+                siderBg: c.surface,
+            },
+            Menu: {
+                itemBg: 'transparent',
+                subMenuItemBg: 'transparent',
+                itemSelectedBg: `${c.primary}${dark ? '1F' : '14'}`,
+                itemSelectedColor: c.primary,
+                itemHoverBg: dark ? 'rgba(231, 239, 242, 0.05)' : 'rgba(36, 50, 59, 0.04)',
+                itemHeight: index_js_1.dimensions.control,
+                itemMarginInline: 8,
+                itemBorderRadius: 6,
+                iconSize: 16,
+            },
+            Card: {
+                colorBorderSecondary: c.border,
+                bodyPadding: 20,
+                headerHeight: 48,
+                headerFontSize: 16,
+            },
+            Table: {
+                headerBg: c.page,
+                headerColor: c.textSecondary,
+                borderColor: c.border,
+                cellPaddingBlock: 12,
+                cellPaddingInline: 16,
+                cellPaddingBlockSM: 10,
+                cellPaddingInlineSM: 12,
+                rowHoverBg: `${c.primary}09`,
+            },
+            Tag: { borderRadiusSM: 4, defaultBg: c.page },
+            Button: {
+                fontWeight: 500,
+                primaryShadow: 'none',
+                defaultShadow: 'none',
+                dangerShadow: 'none',
+                primaryColor: dark ? c.page : c.surface,
+                dangerColor: dark ? c.page : c.surface,
+            },
+            Input: {
+                activeShadow: `0 0 0 3px ${c.primary}26`,
+            },
+            Statistic: { contentFontSize: 26 },
+            Segmented: { itemSelectedBg: c.surfaceRaised },
+            Tooltip: {
+                colorBgSpotlight: dark ? c.surfaceRaised : c.text,
+                colorTextLightSolid: dark ? c.text : c.surface,
+            },
+            Form: { itemMarginBottom: 20, verticalLabelPadding: '0 0 6px', labelColor: c.text },
+            Descriptions: { labelColor: c.textSecondary },
+            Tabs: { horizontalItemPadding: '12px 0', horizontalItemGutter: 24, titleFontSize: 14 },
+            Modal: { borderRadiusLG: 12, titleFontSize: 18 },
+            Drawer: { footerPaddingBlock: 16, footerPaddingInline: 20 },
+            DatePicker: { cellWidth: 32, cellHeight: 32 },
+        },
+    };
+}
+//# sourceMappingURL=antd.js.map

package/dist/cjs/antd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"antd.js","sourceRoot":"","sources":["../../src/antd.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FONT_MONO = exports.FONT_SANS = exports.dimensions = exports.paletteFor = void 0;
+var palette_js_1 = require("./palette.js");
+Object.defineProperty(exports, "paletteFor", { enumerable: true, get: function () { return palette_js_1.paletteFor; } });
+exports.dimensions = {
+    sidebar: 240,
+    sidebarCollapsed: 64,
+    navigationDrawer: 280,
+    formDialog: 640,
+    gutter: 24,
+    gutterTablet: 16,
+    gutterPhone: 12,
+    pageTitle: 24,
+    pageTitlePhone: 20,
+    control: 40,
+    controlSmall: 32,
+    touchTarget: 44,
+    motion: 140,
+};
+exports.FONT_SANS = 'var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)';
+exports.FONT_MONO = 'var(--font-mono, ui-monospace, monospace)';
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,2CAAqE;AAA5D,wGAAA,UAAU,OAAA;AACN,QAAA,UAAU,GAAG;IACxB,OAAO,EAAE,GAAG;IACZ,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,GAAG;IACrB,UAAU,EAAE,GAAG;IACf,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,GAAG;CACH,CAAC;AAEE,QAAA,SAAS,GACpB,6EAA6E,CAAC;AACnE,QAAA,SAAS,GAAG,2CAA2C,CAAC"}

package/dist/cjs/media.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serverSnapshot = void 0;
+exports.mediaStore = mediaStore;
+function mediaStore(query) {
+    return {
+        subscribe(listener) {
+            if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+                return () => { };
+            const media = window.matchMedia(query);
+            media.addEventListener('change', listener);
+            return () => media.removeEventListener('change', listener);
+        },
+        snapshot() {
+            return typeof window !== 'undefined' && typeof window.matchMedia === 'function'
+                ? window.matchMedia(query).matches
+                : false;
+        },
+    };
+}
+const serverSnapshot = () => false;
+exports.serverSnapshot = serverSnapshot;
+//# sourceMappingURL=media.js.map

package/dist/cjs/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/media.ts"],"names":[],"mappings":";;;AAAA,gCAcC;AAdD,SAAgB,UAAU,CAAC,KAAa;IACtC,OAAO;QACL,SAAS,CAAa,QAAoB;YACxC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;gBAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;YAC9F,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACvC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7D,CAAC;QACD,QAAQ;YACN,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;gBAC7E,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO;gBAClC,CAAC,CAAC,KAAK,CAAC;QACZ,CAAC;KACF,CAAC;AACJ,CAAC;AAEM,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;AAA7B,QAAA,cAAc,kBAAe"}

package/dist/cjs/navigation.js

@@ -0,0 +1,50 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppBrand = AppBrand;
+exports.NavigationFrame = NavigationFrame;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const antd_1 = require("antd");
+const index_js_1 = require("./index.js");
+const media_js_1 = require("./media.js");
+const phone = (0, media_js_1.mediaStore)('(max-width: 767px)');
+const tablet = (0, media_js_1.mediaStore)('(max-width: 1023px)');
+function AppBrand({ name, mark }) {
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "jui-brand", children: [(0, jsx_runtime_1.jsx)("span", { className: "jui-brand-mark", "aria-hidden": "true", children: mark }), (0, jsx_runtime_1.jsx)("span", { className: "jui-brand-name", children: name })] }));
+}
+function NavigationIcon({ kind }) {
+    const path = {
+        open: 'M3 5h18M3 12h18M3 19h18',
+        close: 'm6 6 12 12M6 18 18 6',
+        collapse: 'm14 6-6 6 6 6',
+        expand: 'm10 6 6 6-6 6',
+    }[kind];
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { d: path }) }));
+}
+/** Shared navigation mechanics; menus, user controls and routes remain in the applications. */
+function NavigationFrame({ brand, pathname, navigation, children, mobileActions, labels, }) {
+    const mobile = (0, react_1.useSyncExternalStore)(phone.subscribe, phone.snapshot, media_js_1.serverSnapshot);
+    const narrow = (0, react_1.useSyncExternalStore)(tablet.subscribe, tablet.snapshot, media_js_1.serverSnapshot);
+    const [preference, setPreference] = (0, react_1.useState)(null);
+    const collapsed = preference ?? narrow;
+    const [openedAt, setOpenedAt] = (0, react_1.useState)(null);
+    const open = mobile && openedAt === pathname;
+    if (openedAt !== null && (openedAt !== pathname || !mobile))
+        setOpenedAt(null);
+    const id = (0, react_1.useId)();
+    const { token } = antd_1.theme.useToken();
+    const close = () => setOpenedAt(null);
+    const content = (compact) => ((0, jsx_runtime_1.jsxs)("nav", { id: id, "aria-label": labels.navigation, className: "jui-navigation", "data-collapsed": compact, onClick: (event) => {
+            if (event.target instanceof Element && event.target.closest('a[href]'))
+                close();
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { className: "jui-navigation-brand", children: [brand, mobile && ((0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", "aria-label": labels.close, onClick: close, icon: (0, jsx_runtime_1.jsx)(NavigationIcon, { kind: "close" }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "jui-navigation-body", children: navigation(compact) }), !mobile && ((0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", className: "jui-navigation-toggle", "aria-label": compact ? labels.expand : labels.collapse, "aria-expanded": !compact, "aria-controls": id, onClick: () => setPreference(!compact), icon: (0, jsx_runtime_1.jsx)(NavigationIcon, { kind: compact ? 'expand' : 'collapse' }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(antd_1.Layout, { className: "jui-shell", children: [mobile ? ((0, jsx_runtime_1.jsx)(antd_1.Drawer, { className: "jui-navigation-drawer", placement: "left", size: index_js_1.dimensions.navigationDrawer, open: open, onClose: close, closable: false, title: null, destroyOnHidden: true, "aria-label": labels.navigation, styles: { body: { padding: 0 } }, children: content(false) })) : ((0, jsx_runtime_1.jsx)(antd_1.Layout.Sider, { className: "jui-sidebar", width: index_js_1.dimensions.sidebar, collapsedWidth: index_js_1.dimensions.sidebarCollapsed, collapsed: collapsed, trigger: null, style: {
+                    position: 'sticky',
+                    top: 0,
+                    height: '100dvh',
+                    background: token.colorBgContainer,
+                    borderInlineEnd: `1px solid ${token.colorBorderSecondary}`,
+                }, children: content(collapsed) })), (0, jsx_runtime_1.jsxs)(antd_1.Layout, { className: "jui-shell-main", children: [mobile && ((0, jsx_runtime_1.jsxs)("div", { className: "jui-mobile-bar", children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { type: "text", "aria-label": labels.open, "aria-expanded": open, "aria-controls": id, onClick: () => setOpenedAt(pathname), icon: (0, jsx_runtime_1.jsx)(NavigationIcon, { kind: "open" }) }), brand, mobileActions] })), children] })] }));
+}
+//# sourceMappingURL=navigation.js.map

package/dist/cjs/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/dist/cjs/palette.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paletteFor = paletteFor;
+const LIGHT = {
+    page: '#F5F7F8',
+    surface: '#FFFFFF',
+    surfaceRaised: '#FFFFFF',
+    border: '#DEE5E8',
+    borderStrong: '#BCC9CF',
+    text: '#24323B',
+    textSecondary: '#5F7079',
+    primary: '#247463',
+    primaryHover: '#1E6657',
+    primaryActive: '#195A4D',
+    accent: '#936719',
+    success: '#34764A',
+    warning: '#936719',
+    error: '#B43F4D',
+    info: '#247463',
+};
+const DARK = {
+    page: '#121A1E',
+    surface: '#1A252B',
+    surfaceRaised: '#223139',
+    border: '#30434B',
+    borderStrong: '#58707B',
+    text: '#E7EFF2',
+    textSecondary: '#A2B3BA',
+    primary: '#73C4AF',
+    primaryHover: '#94D7C5',
+    primaryActive: '#56A68F',
+    accent: '#E0B56C',
+    success: '#88C89E',
+    warning: '#E0B56C',
+    error: '#FF9C9C',
+    info: '#73C4AF',
+};
+function paletteFor(dark, accent = 'green') {
+    const neutral = dark ? DARK : LIGHT;
+    if (accent === 'green')
+        return { ...neutral };
+    return {
+        ...neutral,
+        primary: dark ? '#82ADFF' : '#245FC8',
+        primaryHover: dark ? '#ADCAFF' : '#1D54B5',
+        primaryActive: dark ? '#6A98EC' : '#164DA9',
+        info: dark ? '#82ADFF' : '#245FC8',
+    };
+}
+//# sourceMappingURL=palette.js.map

package/dist/cjs/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/palette.ts"],"names":[],"mappings":";;AAwDA,gCAUC;AAhDD,MAAM,KAAK,GAAY;IACrB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,IAAI,GAAY;IACpB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAIF,SAAgB,UAAU,CAAC,IAAa,EAAE,SAAiB,OAAO;IAChE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9C,OAAO;QACL,GAAG,OAAO;QACV,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACrC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC1C,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC3C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACnC,CAAC;AACJ,CAAC"}

package/dist/cjs/react.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationFrame = exports.AppBrand = void 0;
+exports.PageHeader = PageHeader;
+exports.useSystemAppearance = useSystemAppearance;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const media_js_1 = require("./media.js");
+var navigation_js_1 = require("./navigation.js");
+Object.defineProperty(exports, "AppBrand", { enumerable: true, get: function () { return navigation_js_1.AppBrand; } });
+Object.defineProperty(exports, "NavigationFrame", { enumerable: true, get: function () { return navigation_js_1.NavigationFrame; } });
+/** Routing, translation and authorisation belong to the host application. */
+function PageHeader({ title, description, back, actions, meta, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("header", { className: `jui-page-header${className ? ` ${className}` : ''}`, children: [back != null && (0, jsx_runtime_1.jsx)("div", { className: "jui-page-back", children: back }), (0, jsx_runtime_1.jsxs)("div", { className: "jui-page-heading", children: [(0, jsx_runtime_1.jsxs)("div", { className: "jui-page-copy", children: [(0, jsx_runtime_1.jsx)("h1", { className: "jui-page-title", children: title }), description != null && (0, jsx_runtime_1.jsx)("div", { className: "jui-page-description", children: description }), meta != null && (0, jsx_runtime_1.jsx)("div", { className: "jui-page-meta", children: meta })] }), actions != null && (0, jsx_runtime_1.jsx)("div", { className: "jui-page-actions", children: actions })] })] }));
+}
+const colorScheme = (0, media_js_1.mediaStore)('(prefers-color-scheme: dark)');
+const motion = (0, media_js_1.mediaStore)('(prefers-reduced-motion: reduce)');
+/** SSR starts in light mode; hydration and later OS changes use the live preference. */
+function useSystemAppearance() {
+    const dark = (0, react_1.useSyncExternalStore)(colorScheme.subscribe, colorScheme.snapshot, media_js_1.serverSnapshot);
+    const reducedMotion = (0, react_1.useSyncExternalStore)(motion.subscribe, motion.snapshot, media_js_1.serverSnapshot);
+    return { dark, reducedMotion };
+}
+//# sourceMappingURL=react.js.map

package/dist/cjs/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAgBb,gCAqBC;AAMD,kDAIC;;AA7CD,iCAA6D;AAC7D,yCAAwD;AACxD,iDAAuF;AAA9E,yGAAA,QAAQ,OAAA;AAAE,gHAAA,eAAe,OAAA;AAWlC,6EAA6E;AAC7E,SAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,GACO;IAChB,OAAO,CACL,oCAAQ,SAAS,EAAE,kBAAkB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aACpE,IAAI,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,eAAe,YAAE,IAAI,GAAO,EAC5D,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,iCAAK,SAAS,EAAC,eAAe,aAC5B,+BAAI,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAM,EAC1C,WAAW,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAO,EAChF,IAAI,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,eAAe,YAAE,IAAI,GAAO,IACxD,EACL,OAAO,IAAI,IAAI,IAAI,gCAAK,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAO,IACjE,IACC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,IAAA,qBAAU,EAAC,8BAA8B,CAAC,CAAC;AAC/D,MAAM,MAAM,GAAG,IAAA,qBAAU,EAAC,kCAAkC,CAAC,CAAC;AAE9D,wFAAwF;AACxF,SAAgB,mBAAmB;IACjC,MAAM,IAAI,GAAG,IAAA,4BAAoB,EAAC,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,QAAQ,EAAE,yBAAc,CAAC,CAAC;IAC/F,MAAM,aAAa,GAAG,IAAA,4BAAoB,EAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,yBAAc,CAAC,CAAC;IAC9F,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;AACjC,CAAC"}

package/dist/esm/antd.js

@@ -0,0 +1,149 @@
+import { theme as antdTheme } from 'antd';
+import { paletteFor } from './palette.js';
+import { dimensions, FONT_SANS, FONT_MONO } from './index.js';
+export function createAppTheme({ dark, accent, reducedMotion = false, }) {
+    const c = paletteFor(dark, accent);
+    return {
+        algorithm: dark ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm,
+        cssVar: { prefix: 'ant' },
+        token: {
+            colorPrimary: c.primary,
+            colorPrimaryHover: c.primaryHover,
+            colorPrimaryActive: c.primaryActive,
+            colorPrimaryText: c.primary,
+            colorPrimaryTextHover: c.primaryHover,
+            colorPrimaryTextActive: c.primaryActive,
+            colorLink: c.primary,
+            colorLinkHover: c.primaryHover,
+            colorLinkActive: c.primaryActive,
+            colorInfo: c.info,
+            colorSuccess: c.success,
+            colorWarning: c.warning,
+            colorError: c.error,
+            colorErrorText: c.error,
+            colorErrorHover: dark ? '#F2ABB0' : '#9F3240',
+            colorErrorActive: dark ? '#DA7F87' : '#852936',
+            colorErrorTextHover: dark ? '#F2ABB0' : '#9F3240',
+            colorErrorTextActive: dark ? '#DA7F87' : '#852936',
+            colorSuccessText: c.success,
+            colorWarningText: c.warning,
+            colorInfoText: c.info,
+            colorBgBase: dark ? c.page : c.surface,
+            colorFillAlter: dark ? c.surfaceRaised : c.page,
+            motion: !reducedMotion,
+            // The default palette generator makes pale surfaces muddy when the seed is a dark,
+            // accessible accent. Keep light feedback surfaces quiet and their text readable.
+            ...(!dark && {
+                colorPrimaryBg: accent === 'green' ? '#EAF4F0' : '#ECF2FD',
+                colorPrimaryBgHover: accent === 'green' ? '#DCEEE6' : '#DCE7FA',
+                colorPrimaryBorder: accent === 'green' ? '#AFCFC4' : '#B5C9EF',
+                colorPrimaryBorderHover: accent === 'green' ? '#87B8A8' : '#86A7E0',
+                colorInfoBg: accent === 'green' ? '#F2F9F6' : '#F2F6FD',
+                colorInfoBgHover: accent === 'green' ? '#E3F1EB' : '#E3EBFA',
+                colorInfoBorder: accent === 'green' ? '#B7D8CD' : '#B5C9EF',
+                colorSuccessBg: '#F1F9F3',
+                colorSuccessBgHover: '#E0EFE4',
+                colorSuccessBorder: '#BFDDC7',
+                colorWarningBg: '#FCF8EE',
+                colorWarningBgHover: '#F7EDD4',
+                colorWarningBorder: '#E7D6AE',
+                colorErrorBg: '#FDF5F6',
+                colorErrorBgHover: '#F6E1E5',
+                colorErrorBorder: '#ECC5CC',
+            }),
+            colorBgLayout: c.page,
+            colorBgContainer: c.surface,
+            colorBgElevated: c.surfaceRaised,
+            colorBorder: c.borderStrong,
+            colorBorderSecondary: c.border,
+            colorText: c.text,
+            colorTextSecondary: c.textSecondary,
+            colorTextDescription: c.textSecondary,
+            colorTextDisabled: c.textSecondary,
+            colorTextPlaceholder: c.textSecondary,
+            fontFamily: FONT_SANS,
+            fontFamilyCode: FONT_MONO,
+            fontSize: 14,
+            lineHeight: 1.5,
+            borderRadius: 6,
+            borderRadiusLG: 8,
+            borderRadiusSM: 4,
+            controlHeight: dimensions.control,
+            controlHeightSM: dimensions.controlSmall,
+            controlHeightLG: dimensions.touchTarget,
+            colorTextLightSolid: dark ? c.page : c.surface,
+            fontSizeHeading1: dimensions.pageTitle,
+            fontSizeHeading2: 22,
+            fontSizeHeading3: 18,
+            fontSizeHeading4: 16,
+            fontSizeHeading5: 14,
+            wireframe: false,
+            // Depth is an interaction, not a default: nothing floats at rest.
+            boxShadow: dark
+                ? '0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px -12px rgba(0, 0, 0, 0.7)'
+                : '0 1px 2px rgba(24, 45, 54, 0.06), 0 12px 32px -16px rgba(24, 45, 54, 0.20)',
+            boxShadowSecondary: dark
+                ? '0 6px 20px -8px rgba(0, 0, 0, 0.7)'
+                : '0 6px 20px -10px rgba(24, 45, 54, 0.16)',
+            motionDurationMid: `${dimensions.motion}ms`,
+        },
+        components: {
+            Layout: {
+                bodyBg: c.page,
+                siderBg: c.surface,
+            },
+            Menu: {
+                itemBg: 'transparent',
+                subMenuItemBg: 'transparent',
+                itemSelectedBg: `${c.primary}${dark ? '1F' : '14'}`,
+                itemSelectedColor: c.primary,
+                itemHoverBg: dark ? 'rgba(231, 239, 242, 0.05)' : 'rgba(36, 50, 59, 0.04)',
+                itemHeight: dimensions.control,
+                itemMarginInline: 8,
+                itemBorderRadius: 6,
+                iconSize: 16,
+            },
+            Card: {
+                colorBorderSecondary: c.border,
+                bodyPadding: 20,
+                headerHeight: 48,
+                headerFontSize: 16,
+            },
+            Table: {
+                headerBg: c.page,
+                headerColor: c.textSecondary,
+                borderColor: c.border,
+                cellPaddingBlock: 12,
+                cellPaddingInline: 16,
+                cellPaddingBlockSM: 10,
+                cellPaddingInlineSM: 12,
+                rowHoverBg: `${c.primary}09`,
+            },
+            Tag: { borderRadiusSM: 4, defaultBg: c.page },
+            Button: {
+                fontWeight: 500,
+                primaryShadow: 'none',
+                defaultShadow: 'none',
+                dangerShadow: 'none',
+                primaryColor: dark ? c.page : c.surface,
+                dangerColor: dark ? c.page : c.surface,
+            },
+            Input: {
+                activeShadow: `0 0 0 3px ${c.primary}26`,
+            },
+            Statistic: { contentFontSize: 26 },
+            Segmented: { itemSelectedBg: c.surfaceRaised },
+            Tooltip: {
+                colorBgSpotlight: dark ? c.surfaceRaised : c.text,
+                colorTextLightSolid: dark ? c.text : c.surface,
+            },
+            Form: { itemMarginBottom: 20, verticalLabelPadding: '0 0 6px', labelColor: c.text },
+            Descriptions: { labelColor: c.textSecondary },
+            Tabs: { horizontalItemPadding: '12px 0', horizontalItemGutter: 24, titleFontSize: 14 },
+            Modal: { borderRadiusLG: 12, titleFontSize: 18 },
+            Drawer: { footerPaddingBlock: 16, footerPaddingInline: 20 },
+            DatePicker: { cellWidth: 32, cellHeight: 32 },
+        },
+    };
+}
+//# sourceMappingURL=antd.js.map

package/dist/esm/antd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"antd.js","sourceRoot":"","sources":["../../src/antd.ts"],"names":[],"mappings":"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"}

package/dist/esm/index.js

@@ -0,0 +1,19 @@
+export { paletteFor } from './palette.js';
+export const dimensions = {
+    sidebar: 240,
+    sidebarCollapsed: 64,
+    navigationDrawer: 280,
+    formDialog: 640,
+    gutter: 24,
+    gutterTablet: 16,
+    gutterPhone: 12,
+    pageTitle: 24,
+    pageTitlePhone: 20,
+    control: 40,
+    controlSmall: 32,
+    touchTarget: 44,
+    motion: 140,
+};
+export const FONT_SANS = 'var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)';
+export const FONT_MONO = 'var(--font-mono, ui-monospace, monospace)';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,cAAc,CAAC;AACrE,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,GAAG;IACZ,gBAAgB,EAAE,EAAE;IACpB,gBAAgB,EAAE,GAAG;IACrB,UAAU,EAAE,GAAG;IACf,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,GAAG;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GACpB,6EAA6E,CAAC;AAChF,MAAM,CAAC,MAAM,SAAS,GAAG,2CAA2C,CAAC"}

package/dist/esm/media.js

@@ -0,0 +1,18 @@
+export function mediaStore(query) {
+    return {
+        subscribe(listener) {
+            if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+                return () => { };
+            const media = window.matchMedia(query);
+            media.addEventListener('change', listener);
+            return () => media.removeEventListener('change', listener);
+        },
+        snapshot() {
+            return typeof window !== 'undefined' && typeof window.matchMedia === 'function'
+                ? window.matchMedia(query).matches
+                : false;
+        },
+    };
+}
+export const serverSnapshot = () => false;
+//# sourceMappingURL=media.js.map

package/dist/esm/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../src/media.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,KAAa;IACtC,OAAO;QACL,SAAS,CAAa,QAAoB;YACxC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;gBAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;YAC9F,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACvC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3C,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAC7D,CAAC;QACD,QAAQ;YACN,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;gBAC7E,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO;gBAClC,CAAC,CAAC,KAAK,CAAC;QACZ,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC"}

package/dist/esm/navigation.js

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState, useSyncExternalStore } from 'react';
+import { Button, Drawer, Layout, theme } from 'antd';
+import { dimensions } from './index.js';
+import { mediaStore, serverSnapshot } from './media.js';
+const phone = mediaStore('(max-width: 767px)');
+const tablet = mediaStore('(max-width: 1023px)');
+export function AppBrand({ name, mark }) {
+    return (_jsxs("span", { className: "jui-brand", children: [_jsx("span", { className: "jui-brand-mark", "aria-hidden": "true", children: mark }), _jsx("span", { className: "jui-brand-name", children: name })] }));
+}
+function NavigationIcon({ kind }) {
+    const path = {
+        open: 'M3 5h18M3 12h18M3 19h18',
+        close: 'm6 6 12 12M6 18 18 6',
+        collapse: 'm14 6-6 6 6 6',
+        expand: 'm10 6 6 6-6 6',
+    }[kind];
+    return (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: path }) }));
+}
+/** Shared navigation mechanics; menus, user controls and routes remain in the applications. */
+export function NavigationFrame({ brand, pathname, navigation, children, mobileActions, labels, }) {
+    const mobile = useSyncExternalStore(phone.subscribe, phone.snapshot, serverSnapshot);
+    const narrow = useSyncExternalStore(tablet.subscribe, tablet.snapshot, serverSnapshot);
+    const [preference, setPreference] = useState(null);
+    const collapsed = preference ?? narrow;
+    const [openedAt, setOpenedAt] = useState(null);
+    const open = mobile && openedAt === pathname;
+    if (openedAt !== null && (openedAt !== pathname || !mobile))
+        setOpenedAt(null);
+    const id = useId();
+    const { token } = theme.useToken();
+    const close = () => setOpenedAt(null);
+    const content = (compact) => (_jsxs("nav", { id: id, "aria-label": labels.navigation, className: "jui-navigation", "data-collapsed": compact, onClick: (event) => {
+            if (event.target instanceof Element && event.target.closest('a[href]'))
+                close();
+        }, children: [_jsxs("div", { className: "jui-navigation-brand", children: [brand, mobile && (_jsx(Button, { type: "text", "aria-label": labels.close, onClick: close, icon: _jsx(NavigationIcon, { kind: "close" }) }))] }), _jsx("div", { className: "jui-navigation-body", children: navigation(compact) }), !mobile && (_jsx(Button, { type: "text", className: "jui-navigation-toggle", "aria-label": compact ? labels.expand : labels.collapse, "aria-expanded": !compact, "aria-controls": id, onClick: () => setPreference(!compact), icon: _jsx(NavigationIcon, { kind: compact ? 'expand' : 'collapse' }) }))] }));
+    return (_jsxs(Layout, { className: "jui-shell", children: [mobile ? (_jsx(Drawer, { className: "jui-navigation-drawer", placement: "left", size: dimensions.navigationDrawer, open: open, onClose: close, closable: false, title: null, destroyOnHidden: true, "aria-label": labels.navigation, styles: { body: { padding: 0 } }, children: content(false) })) : (_jsx(Layout.Sider, { className: "jui-sidebar", width: dimensions.sidebar, collapsedWidth: dimensions.sidebarCollapsed, collapsed: collapsed, trigger: null, style: {
+                    position: 'sticky',
+                    top: 0,
+                    height: '100dvh',
+                    background: token.colorBgContainer,
+                    borderInlineEnd: `1px solid ${token.colorBorderSecondary}`,
+                }, children: content(collapsed) })), _jsxs(Layout, { className: "jui-shell-main", children: [mobile && (_jsxs("div", { className: "jui-mobile-bar", children: [_jsx(Button, { type: "text", "aria-label": labels.open, "aria-expanded": open, "aria-controls": id, onClick: () => setOpenedAt(pathname), icon: _jsx(NavigationIcon, { kind: "open" }) }), brand, mobileActions] })), children] })] }));
+}
+//# sourceMappingURL=navigation.js.map

package/dist/esm/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../src/navigation.tsx"],"names":[],"mappings":"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"}

package/dist/esm/palette.js

@@ -0,0 +1,47 @@
+const LIGHT = {
+    page: '#F5F7F8',
+    surface: '#FFFFFF',
+    surfaceRaised: '#FFFFFF',
+    border: '#DEE5E8',
+    borderStrong: '#BCC9CF',
+    text: '#24323B',
+    textSecondary: '#5F7079',
+    primary: '#247463',
+    primaryHover: '#1E6657',
+    primaryActive: '#195A4D',
+    accent: '#936719',
+    success: '#34764A',
+    warning: '#936719',
+    error: '#B43F4D',
+    info: '#247463',
+};
+const DARK = {
+    page: '#121A1E',
+    surface: '#1A252B',
+    surfaceRaised: '#223139',
+    border: '#30434B',
+    borderStrong: '#58707B',
+    text: '#E7EFF2',
+    textSecondary: '#A2B3BA',
+    primary: '#73C4AF',
+    primaryHover: '#94D7C5',
+    primaryActive: '#56A68F',
+    accent: '#E0B56C',
+    success: '#88C89E',
+    warning: '#E0B56C',
+    error: '#FF9C9C',
+    info: '#73C4AF',
+};
+export function paletteFor(dark, accent = 'green') {
+    const neutral = dark ? DARK : LIGHT;
+    if (accent === 'green')
+        return { ...neutral };
+    return {
+        ...neutral,
+        primary: dark ? '#82ADFF' : '#245FC8',
+        primaryHover: dark ? '#ADCAFF' : '#1D54B5',
+        primaryActive: dark ? '#6A98EC' : '#164DA9',
+        info: dark ? '#82ADFF' : '#245FC8',
+    };
+}
+//# sourceMappingURL=palette.js.map

package/dist/esm/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/palette.ts"],"names":[],"mappings":"AAkBA,MAAM,KAAK,GAAY;IACrB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,IAAI,GAAY;IACpB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,YAAY,EAAE,SAAS;IACvB,IAAI,EAAE,SAAS;IACf,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,SAAS;CAChB,CAAC;AAIF,MAAM,UAAU,UAAU,CAAC,IAAa,EAAE,SAAiB,OAAO;IAChE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,EAAE,GAAG,OAAO,EAAE,CAAC;IAC9C,OAAO;QACL,GAAG,OAAO;QACV,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACrC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC1C,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QAC3C,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;KACnC,CAAC;AACJ,CAAC"}

package/dist/esm/react.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
+import { mediaStore, serverSnapshot } from './media.js';
+export { AppBrand, NavigationFrame } from './navigation.js';
+/** Routing, translation and authorisation belong to the host application. */
+export function PageHeader({ title, description, back, actions, meta, className, }) {
+    return (_jsxs("header", { className: `jui-page-header${className ? ` ${className}` : ''}`, children: [back != null && _jsx("div", { className: "jui-page-back", children: back }), _jsxs("div", { className: "jui-page-heading", children: [_jsxs("div", { className: "jui-page-copy", children: [_jsx("h1", { className: "jui-page-title", children: title }), description != null && _jsx("div", { className: "jui-page-description", children: description }), meta != null && _jsx("div", { className: "jui-page-meta", children: meta })] }), actions != null && _jsx("div", { className: "jui-page-actions", children: actions })] })] }));
+}
+const colorScheme = mediaStore('(prefers-color-scheme: dark)');
+const motion = mediaStore('(prefers-reduced-motion: reduce)');
+/** SSR starts in light mode; hydration and later OS changes use the live preference. */
+export function useSystemAppearance() {
+    const dark = useSyncExternalStore(colorScheme.subscribe, colorScheme.snapshot, serverSnapshot);
+    const reducedMotion = useSyncExternalStore(motion.subscribe, motion.snapshot, serverSnapshot);
+    return { dark, reducedMotion };
+}
+//# sourceMappingURL=react.js.map

package/dist/esm/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/react.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,oBAAoB,EAAkB,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,eAAe,EAA6B,MAAM,iBAAiB,CAAC;AAWvF,6EAA6E;AAC7E,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,GACO;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAE,kBAAkB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aACpE,IAAI,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,IAAI,GAAO,EAC5D,eAAK,SAAS,EAAC,kBAAkB,aAC/B,eAAK,SAAS,EAAC,eAAe,aAC5B,aAAI,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAM,EAC1C,WAAW,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,WAAW,GAAO,EAChF,IAAI,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,eAAe,YAAE,IAAI,GAAO,IACxD,EACL,OAAO,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAO,IACjE,IACC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;AAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,kCAAkC,CAAC,CAAC;AAE9D,wFAAwF;AACxF,MAAM,UAAU,mBAAmB;IACjC,MAAM,IAAI,GAAG,oBAAoB,CAAC,WAAW,CAAC,SAAS,EAAE,WAAW,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC/F,MAAM,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IAC9F,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC;AACjC,CAAC"}

package/dist/styles.css

@@ -0,0 +1,209 @@
+:root {
+  --jui-sidebar: 240px;
+  --jui-sidebar-collapsed: 64px;
+  --jui-navigation-drawer: 280px;
+  --jui-form-dialog: 640px;
+  --jui-gutter: 24px;
+  --jui-gutter-tablet: 16px;
+  --jui-gutter-phone: 12px;
+  --jui-page-title: 24px;
+  --jui-page-title-phone: 20px;
+  --jui-control: 40px;
+  --jui-control-small: 32px;
+  --jui-touch-target: 44px;
+  --jui-motion: 140ms;
+}
+
+/* Palette values come from ConfigProvider, including nested themes and overlays. */
+.jui-page-header {
+  min-width: 0;
+}
+.jui-page-heading {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px 24px;
+}
+.jui-page-copy {
+  min-width: 0;
+  flex: 1 1 200px;
+}
+.jui-page-title {
+  margin: 0;
+  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
+  font-size: var(--jui-page-title);
+  font-weight: 600;
+  line-height: 1.3;
+  letter-spacing: -0.015em;
+  color: var(--ant-color-text);
+  overflow-wrap: anywhere;
+}
+.jui-page-description {
+  margin-top: 6px;
+  max-width: 72ch;
+  color: var(--ant-color-text-secondary);
+}
+.jui-page-meta {
+  margin-top: 12px;
+}
+.jui-page-back {
+  margin-bottom: 16px;
+}
+.jui-page-back a {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 32px;
+  font-size: 13px;
+}
+.jui-page-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  max-width: 100%;
+}
+.jui-page-actions > * {
+  max-width: 100%;
+}
+.jui-page-header :focus-visible {
+  outline: 2px solid var(--ant-color-primary);
+  outline-offset: 2px;
+}
+@media (max-width: 767.98px) {
+  .jui-page-title {
+    font-size: var(--jui-page-title-phone);
+  }
+}
+@media (max-width: 479.98px) {
+  .jui-page-heading {
+    flex-direction: column;
+  }
+  .jui-page-copy {
+    flex-basis: auto;
+  }
+}
+@media (pointer: coarse) {
+  .jui-page-actions .ant-btn,
+  .jui-page-back a {
+    min-height: var(--jui-touch-target);
+  }
+}
+
+/* One navigation frame for both applications; only its content is product-specific. */
+.jui-shell.ant-layout {
+  min-height: 100dvh;
+  flex-direction: row;
+}
+.jui-shell-main {
+  min-width: 0;
+}
+.jui-sidebar .ant-layout-sider-children,
+.jui-navigation {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.jui-navigation-body {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+}
+.jui-navigation-brand {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  min-height: 64px;
+  padding: 8px 16px;
+  margin-bottom: 8px;
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+.jui-navigation-brand > a,
+.jui-mobile-bar > a {
+  display: flex;
+  align-items: center;
+  min-width: 0;
+  min-height: var(--jui-touch-target);
+  color: var(--ant-color-text);
+  text-decoration: none;
+}
+.jui-brand {
+  color: var(--ant-color-text);
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+}
+.jui-brand-mark {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  flex-shrink: 0;
+}
+.jui-brand-mark > svg {
+  width: 100%;
+  height: 100%;
+}
+.jui-navigation[data-collapsed='true'] .jui-brand-name {
+  display: none;
+}
+.jui-navigation[data-collapsed='true'] .jui-navigation-brand {
+  padding-inline: 0;
+  justify-content: center;
+}
+.jui-navigation[data-collapsed='true'] .jui-navigation-brand > a {
+  width: var(--jui-touch-target);
+  justify-content: center;
+}
+.jui-navigation > .jui-navigation-toggle.ant-btn {
+  flex-shrink: 0;
+  width: 100%;
+  height: var(--jui-touch-target);
+  margin-top: 8px;
+  border-radius: 0;
+  border-top: 1px solid var(--ant-color-border-secondary);
+  color: var(--ant-color-text-secondary);
+}
+.jui-mobile-bar {
+  box-sizing: border-box;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 64px;
+  padding: 8px;
+  background: var(--ant-color-bg-container);
+  border-bottom: 1px solid var(--ant-color-border-secondary);
+}
+.jui-mobile-bar > a {
+  flex: 1;
+}
+.jui-mobile-bar .ant-btn.ant-btn-icon-only,
+.jui-navigation-brand .ant-btn.ant-btn-icon-only {
+  flex-shrink: 0;
+  width: var(--jui-touch-target);
+  height: var(--jui-touch-target);
+}
+:is(.jui-navigation-brand, .jui-mobile-bar) a:focus-visible {
+  outline: 2px solid var(--ant-color-primary);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+.jui-navigation .ant-menu-root {
+  border-inline-end: 0;
+}

package/dist/types/antd.d.ts

@@ -0,0 +1,8 @@
+import { type ThemeConfig } from 'antd';
+import { type Accent } from './palette.js';
+export declare function createAppTheme({ dark, accent, reducedMotion, }: {
+    dark: boolean;
+    accent: Accent;
+    reducedMotion?: boolean;
+}): ThemeConfig;
+//# sourceMappingURL=antd.d.ts.map

package/dist/types/antd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"antd.d.ts","sourceRoot":"","sources":["../../src/antd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,WAAW,EAAE,MAAM,MAAM,CAAC;AAC5D,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AAGvD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,aAAqB,GACtB,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,WAAW,CAuJd"}

package/dist/types/index.d.ts

@@ -0,0 +1,19 @@
+export { paletteFor, type Palette, type Accent } from './palette.js';
+export declare const dimensions: {
+    readonly sidebar: 240;
+    readonly sidebarCollapsed: 64;
+    readonly navigationDrawer: 280;
+    readonly formDialog: 640;
+    readonly gutter: 24;
+    readonly gutterTablet: 16;
+    readonly gutterPhone: 12;
+    readonly pageTitle: 24;
+    readonly pageTitlePhone: 20;
+    readonly control: 40;
+    readonly controlSmall: 32;
+    readonly touchTarget: 44;
+    readonly motion: 140;
+};
+export declare const FONT_SANS = "var(--font-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif)";
+export declare const FONT_MONO = "var(--font-mono, ui-monospace, monospace)";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,cAAc,CAAC;AACrE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;CAcb,CAAC;AAEX,eAAO,MAAM,SAAS,kFACyD,CAAC;AAChF,eAAO,MAAM,SAAS,8CAA8C,CAAC"}

package/dist/types/media.d.ts

@@ -0,0 +1,6 @@
+export declare function mediaStore(query: string): {
+    subscribe(this: void, listener: () => void): () => void;
+    snapshot(this: void): boolean;
+};
+export declare const serverSnapshot: () => boolean;
+//# sourceMappingURL=media.d.ts.map

package/dist/types/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/media.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;oBAEpB,IAAI,YAAY,MAAM,IAAI,GAAG,MAAM,IAAI;mBAMxC,IAAI,GAAG,OAAO;EAMhC;AAED,eAAO,MAAM,cAAc,eAAc,CAAC"}

package/dist/types/navigation.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+export declare function AppBrand({ name, mark }: {
+    name: string;
+    mark: ReactNode;
+}): import("react").JSX.Element;
+export interface NavigationFrameProps {
+    /** A host-owned home link containing AppBrand. */
+    brand: ReactNode;
+    pathname: string;
+    navigation: (collapsed: boolean) => ReactNode;
+    children: ReactNode;
+    mobileActions?: ReactNode;
+    labels: {
+        navigation: string;
+        open: string;
+        close: string;
+        collapse: string;
+        expand: string;
+    };
+}
+/** Shared navigation mechanics; menus, user controls and routes remain in the applications. */
+export declare function NavigationFrame({ brand, pathname, navigation, children, mobileActions, labels, }: NavigationFrameProps): import("react").JSX.Element;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/types/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAyC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9E,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,+BASzE;AA0BD,MAAM,WAAW,oBAAoB;IACnC,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/F;AAED,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,aAAa,EACb,MAAM,GACP,EAAE,oBAAoB,+BAsGtB"}

package/dist/types/palette.d.ts

@@ -0,0 +1,20 @@
+export type Palette = {
+    page: string;
+    surface: string;
+    surfaceRaised: string;
+    border: string;
+    borderStrong: string;
+    text: string;
+    textSecondary: string;
+    primary: string;
+    primaryHover: string;
+    primaryActive: string;
+    accent: string;
+    success: string;
+    warning: string;
+    error: string;
+    info: string;
+};
+export type Accent = 'green' | 'blue';
+export declare function paletteFor(dark: boolean, accent?: Accent): Palette;
+//# sourceMappingURL=palette.d.ts.map

package/dist/types/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../../src/palette.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAsCF,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEtC,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,GAAE,MAAgB,GAAG,OAAO,CAU3E"}

package/dist/types/react.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export { AppBrand, NavigationFrame, type NavigationFrameProps } from './navigation.js';
+export interface PageHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+    back?: ReactNode;
+    actions?: ReactNode;
+    meta?: ReactNode;
+    className?: string;
+}
+/** Routing, translation and authorisation belong to the host application. */
+export declare function PageHeader({ title, description, back, actions, meta, className, }: PageHeaderProps): import("react").JSX.Element;
+/** SSR starts in light mode; hydration and later OS changes use the live preference. */
+export declare function useSystemAppearance(): {
+    dark: boolean;
+    reducedMotion: boolean;
+};
+//# sourceMappingURL=react.d.ts.map

package/dist/types/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,6EAA6E;AAC7E,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,GACV,EAAE,eAAe,+BAcjB;AAKD,wFAAwF;AACxF,wBAAgB,mBAAmB;;;EAIlC"}

package/package.json

@@ -1,6 +1,75 @@
 {
   "name": "@joshuan/design-system",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.2.0",
+  "description": "Shared design for the Joshuan applications: Ant Design theme, page layout and appearance",
+  "type": "module",
+  "types": "./dist/types/index.d.ts",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "engines": {
+    "node": ">=24"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./antd": {
+      "types": "./dist/types/antd.d.ts",
+      "import": "./dist/esm/antd.js",
+      "require": "./dist/cjs/antd.js"
+    },
+    "./react": {
+      "types": "./dist/types/react.d.ts",
+      "import": "./dist/esm/react.js",
+      "require": "./dist/cjs/react.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "typesVersions": {
+    "*": {
+      "antd": [
+        "dist/types/antd.d.ts"
+      ],
+      "react": [
+        "dist/types/react.d.ts"
+      ],
+      "*": [
+        "dist/types/index.d.ts"
+      ]
+    }
+  },
+  "scripts": {
+    "build": "node ../../scripts/clean-dist.mjs && tsc -p tsconfig.esm.json && tsc -p tsconfig.cjs.json && node ../../scripts/mark-cjs.mjs && node build-css.mjs",
+    "typecheck": "tsc --noEmit -p tsconfig.esm.json"
+  },
+  "peerDependencies": {
+    "antd": "^6.5.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "antd": "6.5.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/joshuan/js-lib.git",
+    "directory": "packages/design-system"
+  },
+  "license": "UNLICENSED"
+}