@genispace/geniapp 0.1.0

package/dist/ui/components/ui/typography.d.ts

@@ -0,0 +1,15 @@
+interface TypographyProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+}
+export declare function H1({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function H2({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function H3({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function H4({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function P({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function Blockquote({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function InlineCode({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function Lead({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function Large({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function Small({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export declare function Muted({ children, className, ...props }: TypographyProps): import("react").JSX.Element;
+export {};

package/dist/ui/components/ui/underline-tabs.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const UnderlineTabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const UnderlineTabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const underlineTabsTriggerVariants: (props?: ({
+    variant?: "default" | "orange" | "brand" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const UnderlineTabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "orange" | "brand" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const UnderlineTabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { UnderlineTabs, UnderlineTabsList, UnderlineTabsTrigger, UnderlineTabsContent, underlineTabsTriggerVariants, };

package/dist/ui/components/ui/view-mode-toggle.d.ts

@@ -0,0 +1,9 @@
+export type ViewMode = "grid" | "list";
+export interface ViewModeToggleProps {
+    mode: ViewMode;
+    onModeChange: (mode: ViewMode) => void;
+    className?: string;
+    gridAriaLabel?: string;
+    listAriaLabel?: string;
+}
+export declare function ViewModeToggle({ mode, onModeChange, className, gridAriaLabel, listAriaLabel, }: ViewModeToggleProps): import("react").JSX.Element;

package/dist/ui/hooks/useIsMobile.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Tailwind `sm` breakpoint in px. Below this width we treat the viewport as an
+ * H5 / mobile device and switch to the mobile-first layouts (stat grids start at
+ * 2 columns, data tables fall back to card lists, denser padding, etc.).
+ */
+export declare const MOBILE_BREAKPOINT = 640;
+/**
+ * Reports whether the viewport is narrower than the given breakpoint (default:
+ * the Tailwind `sm` boundary, 640px). SSR-safe — returns `false` on the server
+ * and during the first client render, then syncs on mount so hydration matches.
+ *
+ * Use this to switch between desktop and mobile renderings that pure Tailwind
+ * responsive classes cannot express — e.g. rendering a card list instead of a
+ * `<table>`, or mounting a bottom sheet instead of an inline filter row.
+ */
+export declare function useIsMobile(breakpoint?: number): boolean;

package/dist/ui/styles/design-tokens.d.ts

@@ -0,0 +1,189 @@
+/**
+ * GeniSpace Design Tokens
+ *
+ * Single source of truth for all design values across the platform.
+ * Aligned with DESIGN_GUIDELINE.html v2.0 and GeniSpace_Design_Guideline.md v1.1.0.
+ */
+export declare const CSS_VARS: {
+    readonly light: {
+        readonly background: "0 0% 100%";
+        readonly foreground: "0 0% 9%";
+        readonly card: "0 0% 100%";
+        readonly cardForeground: "0 0% 9%";
+        readonly popover: "0 0% 100%";
+        readonly popoverForeground: "0 0% 9%";
+        readonly primary: "217 91% 60%";
+        readonly primaryForeground: "0 0% 100%";
+        readonly secondary: "0 0% 96.1%";
+        readonly secondaryForeground: "0 0% 14.9%";
+        readonly muted: "210 40% 96.1%";
+        readonly mutedForeground: "0 0% 25.1%";
+        readonly accent: "210 40% 96.1%";
+        readonly accentForeground: "222.2 47.4% 11.2%";
+        readonly destructive: "0 84.2% 60.2%";
+        readonly destructiveForeground: "0 0% 100%";
+        readonly border: "214.3 31.8% 91.4%";
+        readonly input: "214.3 31.8% 91.4%";
+        readonly ring: "217 91% 60%";
+        readonly radius: "0.5rem";
+        readonly sidebarBackground: "0 0% 98%";
+        readonly sidebarForeground: "0 0% 9%";
+        readonly sidebarPrimary: "0 0% 9%";
+        readonly sidebarPrimaryForeground: "0 0% 98%";
+        readonly sidebarAccent: "0 0% 96.1%";
+        readonly sidebarAccentForeground: "0 0% 9%";
+        readonly sidebarBorder: "0 0% 89.8%";
+        readonly sidebarRing: "0 0% 9%";
+    };
+    readonly dark: {
+        readonly background: "0 0% 3.9%";
+        readonly foreground: "0 0% 98%";
+        readonly card: "0 0% 3.9%";
+        readonly cardForeground: "0 0% 98%";
+        readonly popover: "0 0% 3.9%";
+        readonly popoverForeground: "0 0% 98%";
+        readonly primary: "0 0% 98%";
+        readonly primaryForeground: "0 0% 9%";
+        readonly secondary: "0 0% 14.9%";
+        readonly secondaryForeground: "0 0% 98%";
+        readonly muted: "0 0% 14.9%";
+        readonly mutedForeground: "0 0% 63.9%";
+        readonly accent: "0 0% 14.9%";
+        readonly accentForeground: "0 0% 98%";
+        readonly destructive: "0 84.2% 60.2%";
+        readonly destructiveForeground: "0 0% 100%";
+        readonly border: "0 0% 14.9%";
+        readonly input: "0 0% 14.9%";
+        readonly ring: "0 0% 83.1%";
+        readonly sidebarBackground: "0 0% 9%";
+        readonly sidebarForeground: "0 0% 98%";
+        readonly sidebarPrimary: "0 0% 98%";
+        readonly sidebarPrimaryForeground: "0 0% 9%";
+        readonly sidebarAccent: "0 0% 14.9%";
+        readonly sidebarAccentForeground: "0 0% 98%";
+        readonly sidebarBorder: "0 0% 14.9%";
+        readonly sidebarRing: "0 0% 83.1%";
+    };
+};
+export declare const BRAND_COLORS: {
+    readonly ink: {
+        readonly black: "#171717";
+        readonly dark: "#262626";
+        readonly medium: "#404040";
+        readonly light: "#737373";
+    };
+    readonly brand: {
+        readonly primary: "#262626";
+        readonly 'primary-light': "#525252";
+        readonly 'primary-dark': "#171717";
+    };
+    readonly paper: {
+        readonly light: "#FFFCF7";
+        readonly medium: "#FDF7EF";
+        readonly dark: "#FBF1E4";
+    };
+    readonly surface: {
+        readonly DEFAULT: "#ffffff";
+        readonly dark: "#0a0a0a";
+        readonly darker: "#171717";
+        readonly light: "#f3f4f6";
+    };
+    readonly content: {
+        readonly DEFAULT: "#111827";
+        readonly dark: "#fafafa";
+        readonly muted: "#4b5563";
+        readonly 'dark-muted': "#d1d5db";
+    };
+    readonly accent: {
+        readonly DEFAULT: "#3b82f6";
+        readonly light: "#60a5fa";
+        readonly dark: "#2563eb";
+        readonly foreground: "#ffffff";
+    };
+    readonly functional: {
+        readonly success: "#27AE60";
+        readonly warning: "#F39C12";
+        readonly error: "#E74C3C";
+        readonly info: "#3498DB";
+    };
+};
+export declare const TYPOGRAPHY: {
+    readonly fontFamily: {
+        readonly sans: readonly ["Inter", "Noto Sans SC", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Arial", "sans-serif"];
+        readonly mono: readonly ["Geist Mono", "Noto Sans SC", "Consolas", "Monaco", "Courier New", "monospace"];
+        readonly display: readonly ["Space Grotesk", "Noto Sans SC", "system-ui", "-apple-system", "BlinkMacSystemFont", "sans-serif"];
+    };
+    readonly fontSize: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly base: "1rem";
+        readonly lg: "1.125rem";
+        readonly xl: "1.25rem";
+        readonly '2xl': "1.5rem";
+        readonly '3xl': "1.75rem";
+        readonly '4xl': "2rem";
+    };
+    readonly lineHeight: {
+        readonly tight: "1.1";
+        readonly normal: "1.3";
+        readonly relaxed: "1.5";
+    };
+};
+export declare const SPACING: {
+    readonly px: "1px";
+    readonly 0: "0";
+    readonly 0.5: "2px";
+    readonly 1: "4px";
+    readonly 1.5: "6px";
+    readonly 2: "8px";
+    readonly 2.5: "10px";
+    readonly 3: "12px";
+    readonly 3.5: "14px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 7: "28px";
+    readonly 8: "32px";
+    readonly 9: "36px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 20: "80px";
+    readonly 24: "96px";
+};
+export declare const SHADOWS: {
+    readonly sm: "0 2px 4px rgba(10, 10, 10, 0.08)";
+    readonly md: "0 4px 12px rgba(10, 10, 10, 0.12)";
+    readonly lg: "0 8px 24px rgba(10, 10, 10, 0.16)";
+};
+export declare const TRANSITIONS: {
+    readonly fast: "150ms";
+    readonly standard: "300ms";
+    readonly slow: "500ms";
+};
+export declare const MODAL_DIMENSIONS: {
+    readonly sm: {
+        readonly width: "480px";
+        readonly maxHeight: "90vh";
+    };
+    readonly md: {
+        readonly width: "640px";
+        readonly maxHeight: "90vh";
+    };
+    readonly lg: {
+        readonly width: "896px";
+        readonly maxHeight: "90vh";
+    };
+    readonly xl: {
+        readonly width: "1000px";
+        readonly maxHeight: "90vh";
+    };
+    readonly wide: {
+        readonly width: "min(1152px, 95vw)";
+        readonly maxHeight: "90vh";
+    };
+    readonly full: {
+        readonly width: "95vw";
+        readonly maxHeight: "95vh";
+    };
+};

package/dist/ui/styles/z-index-layers.d.ts

@@ -0,0 +1,46 @@
+export declare const Z_INDEX_LAYERS: {
+    readonly DEFAULT: 0;
+    readonly WATERMARK: 5;
+    readonly STICKY_HEADER: 10;
+    readonly SIDEBAR: 20;
+    readonly FIXED_HEADER: 30;
+    readonly FLOATING_PANEL: 100;
+    readonly TOOLTIP: 150;
+    readonly DROPDOWN_MENU: 200;
+    readonly POPOVER: 250;
+    readonly BACKDROP: 300;
+    readonly DRAWER: 400;
+    readonly MODAL_BACKDROP: 500;
+    readonly CONTEXT_MENU: 1000;
+    readonly FUNCTION_DROPDOWN: 10001;
+    readonly MODAL: 10000;
+    readonly NESTED_MODAL: 10002;
+    /** Date picker calendar popover inside modals */
+    readonly DATE_PICKER_POPOVER: 10003;
+    /** Select/Popover/DropdownMenu content portaled to body — must paint above dialog/sheet layers */
+    readonly OVERLAY_POPOVER: 10003;
+    readonly ALERT_MODAL: 50000;
+    readonly TOAST: 100000;
+};
+export declare const Z_INDEX_CLASSES: {
+    readonly DEFAULT: "z-0";
+    readonly WATERMARK: "z-[5]";
+    readonly STICKY_HEADER: "z-10";
+    readonly SIDEBAR: "z-20";
+    readonly FIXED_HEADER: "z-30";
+    readonly FLOATING_PANEL: "z-[100]";
+    readonly TOOLTIP: "z-[150]";
+    readonly DROPDOWN_MENU: "z-[200]";
+    readonly POPOVER: "z-[250]";
+    readonly BACKDROP: "z-[300]";
+    readonly DRAWER: "z-[400]";
+    readonly MODAL_BACKDROP: "z-[500]";
+    readonly CONTEXT_MENU: "z-[1000]";
+    readonly FUNCTION_DROPDOWN: "z-[10001]";
+    readonly MODAL: "z-[10000]";
+    readonly NESTED_MODAL: "z-[10002]";
+    readonly DATE_PICKER_POPOVER: "z-[10003]";
+    readonly OVERLAY_POPOVER: "z-[10003]";
+    readonly ALERT_MODAL: "z-[50000]";
+    readonly TOAST: "z-[100000]";
+};

package/dist/ui.d.ts

@@ -0,0 +1,2 @@
+/** Stable, application-facing layout and form contract. */
+export * from './ui/components/features/app/index';

package/dist/ui.js

@@ -0,0 +1,35 @@
+import { A as s, a as p, b as t, c as o, d as r, e as l, f as i, g as n, h as A, i as S, j as k, k as m, l as D, C as g, D as u, F as P, G as c, P as d, Q as T, S as b, m as f, T as C, U as h, n as y, o as I, p as U, q as x, t as B, u as E } from "./useUserDirectory-CqkyCQoR.js";
+import { A as G } from "./Page-wHZrMN17.js";
+export {
+  s as AppCheckboxInput,
+  p as AppConfirmDialog,
+  t as AppDashboardSkeleton,
+  o as AppDatePicker,
+  r as AppDateRangePicker,
+  l as AppDateTimePicker,
+  i as AppHelpSheet,
+  n as AppModal,
+  G as AppPage,
+  A as AppPageStates,
+  S as AppSelectInput,
+  k as AppSidebar,
+  m as AppTemporalInput,
+  D as AppTimePicker,
+  g as ConfigEditorSkeleton,
+  u as DetailTabsSkeleton,
+  P as FormPageSkeleton,
+  c as GridCardsSkeleton,
+  d as PageLoadingSkeleton,
+  T as QueryErrorAlert,
+  b as Skeleton,
+  f as StatsRowSkeleton,
+  C as TablePageSkeleton,
+  h as UserDisplay,
+  y as UserSelect,
+  I as formatBusinessDateValue,
+  U as isTemporalInputType,
+  x as parseBusinessDate,
+  B as temporalLabels,
+  E as useUserDirectory
+};
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}