@geomak/ui 1.0.0 → 1.2.0

package/dist/index.d.cts

@@ -1,44 +1,8 @@
+export { C as COLORS, S as SemanticColorKey, a as SemanticRadiusKey, V as VarColorKey, b as VarRadiusKey, c as VarShadowKey, P as palette, s as semanticTokens, v as vars } from './index-CPCiQllz.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-declare const COLORS: {
-    PALETTE: {
-        readonly 'true-blue': "#0466C8";
-        readonly 'usafa-blue': "#0353A4";
-        readonly 'dark-cornflower-blue': "#023E7D";
-        readonly 'oxford-blue-700': "#002855";
-        readonly 'oxford-blue-800': "#001845";
-        readonly 'oxford-blue-900': "#001233";
-        readonly independence: "#33415C";
-        readonly 'black-coral': "#5C677D";
-        readonly 'roman-silver': "#7D8597";
-        readonly manatee: "#979DAC";
-        readonly white: "#fff";
-        readonly ice: "#DBF1FD";
-        readonly 'ice-dark': "#d0e3ed";
-        readonly 'midnight-green-eagle-900': "#013E53";
-        readonly 'midnight-green-eagle-700': "#125F6C";
-        readonly 'midnight-green-eagle-500': "#125F6C";
-        readonly 'rich-black-fogra': "#000202";
-        readonly 'rich-black-fogra-opaque': "#0000005b";
-        readonly 'prussian-blue': "#00273A";
-        readonly 'indigo-dye': "#013C54";
-        readonly ming: "#0F6372";
-        readonly skobeloff: "#217479";
-        readonly 'dark-cyan': "#2A8784";
-        readonly 'celadon-green': "#297E74";
-        readonly turquise: "#2EB8B0";
-        readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
-        readonly disabled: "#dee2e6";
-        readonly error: "tomato";
-        readonly warning: "orange";
-        readonly success: "lightgreen";
-        readonly info: "lightblue";
-        readonly transparent: "rgba(255, 255, 255, .0)";
-    };
-};
-
 declare const Icon: {
     (): react_jsx_runtime.JSX.Element;
     Moon: ({ color }: {
@@ -322,14 +286,15 @@ interface ModalProps {
     children?: React$1.ReactNode;
 }
 /**
- * Centred modal dialog powered by Radix Dialog.
+ * Centred modal dialog powered by Radix Dialog + Framer Motion.
  *
- * The Radix primitive handles focus-trap, escape-to-close, and ARIA roles.
- * The VesOPS visual style (scale-in animation, prussian-blue header) is preserved.
+ * Radix handles focus-trap, escape-to-close, and ARIA roles.
+ * Framer Motion drives the scale + fade enter/exit animation.
+ * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
  * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
- *   Are you sure?
+ *   Are you sure you want to delete this item?
  * </Modal>
  */
 declare function Modal({ size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, }: ModalProps): react_jsx_runtime.JSX.Element;
@@ -338,7 +303,7 @@ interface DrawerProps {
     isOpen?: boolean;
     onClose?: () => void;
     hasFooter?: boolean;
-    /** 'left' | 'right' */
+    /** 'left' | 'right' — which edge the panel slides from */
     placement?: 'left' | 'right';
     width?: number;
     okText?: string;
@@ -349,10 +314,11 @@ interface DrawerProps {
     children?: React$1.ReactNode;
 }
 /**
- * Side-sliding drawer panel powered by Radix Dialog.
+ * Side-sliding drawer panel powered by Radix Dialog + Framer Motion.
  *
  * Radix handles focus-trap, escape-to-close, and ARIA roles.
- * The drawer slides in from the left or right depending on `placement`.
+ * Framer Motion drives the slide enter/exit animation.
+ * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
  * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
@@ -421,7 +387,7 @@ declare function Tabs({ tabs, onTabChange, onTabClose, isLazy, tabsClosable, def
 
 interface TreeNode {
     key: string;
-    value: string;
+    label: string;
     nodeData?: any;
     parentLabel?: string;
     children?: TreeNode[];
@@ -434,26 +400,27 @@ interface TreeItemClickPayload {
     parentLabel?: string;
 }
 interface TreeProps {
-    structure: TreeNode[];
-    onItemClick: (payload: TreeItemClickPayload) => void;
+    nodes: TreeNode[];
+    onNodeClick: (payload: TreeItemClickPayload) => void;
     defaultExpandAll?: boolean;
     defaultExpandedKeys?: string[];
 }
 /** ─────────────────── public component ─────────────────── */
 /**
- * Hierarchical tree view powered by Radix Accordion (nested).
+ * Hierarchical tree view powered by Radix Accordion.
  *
- * Each parent node is an independent Accordion.Root with `type="multiple"` so
- * sibling branches are independent. Leaf nodes are plain clickable rows.
+ * Each parent node is an independent Accordion.Root with type="multiple" so
+ * sibling branches expand independently. Leaf nodes are plain buttons.
+ * Expand/collapse is animated via CSS keyframes.
  *
  * @example
  * <Tree
- *   structure={fleetTree}
- *   onItemClick={({ key, isParent }) => selectNode(key)}
+ *   nodes={fleetTree}
+ *   onNodeClick={({ key, isParent }) => selectNode(key)}
  *   defaultExpandAll
  * />
  */
-declare function Tree({ structure, onItemClick, defaultExpandAll, defaultExpandedKeys, }: TreeProps): react_jsx_runtime.JSX.Element;
+declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKeys, }: TreeProps): react_jsx_runtime.JSX.Element;
 
 interface ToggleItem {
     key: string;
@@ -1270,4 +1237,4 @@ declare const Temporal: {
     TemporalPicker: typeof TemporalPickerBase;
 };
 
-export { AutoComplete, type AutoCompleteProps, Button, type ButtonProps, COLORS, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, type DatePickerProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownPill, type DropdownPillProps, type DropdownProps, type ExpandRowOptions, FadingBase, type FadingBaseProps, FileInput, type FileInputProps, GridCard, type GridCardItem, type GridCardProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MenuBar, MenuBarItem, type MenuBarItemConfig, type MenuBarItemProps, type MenuBarProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, type PaginationOptions, Password, type PasswordProps, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, Switch, type SwitchInputProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Temporal, type TemporalPickerProps, TextInput, type TextInputProps, Switch$1 as ThemeSwitch, type ThemeSwitchProps, ToggleButton, type ToggleButtonProps, type ToggleItem, Tooltip, type TooltipProps, TooltipProvider, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Wizard, type WizardProps, type WizardStep, useNotification };
+export { AutoComplete, type AutoCompleteProps, Button, type ButtonProps, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, type DatePickerProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownPill, type DropdownPillProps, type DropdownProps, type ExpandRowOptions, FadingBase, type FadingBaseProps, FileInput, type FileInputProps, GridCard, type GridCardItem, type GridCardProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MenuBar, MenuBarItem, type MenuBarItemConfig, type MenuBarItemProps, type MenuBarProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, type PaginationOptions, Password, type PasswordProps, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, Switch, type SwitchInputProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Temporal, type TemporalPickerProps, TextInput, type TextInputProps, Switch$1 as ThemeSwitch, type ThemeSwitchProps, ToggleButton, type ToggleButtonProps, type ToggleItem, Tooltip, type TooltipProps, TooltipProvider, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Wizard, type WizardProps, type WizardStep, useNotification };

package/dist/index.d.ts

@@ -1,44 +1,8 @@
+export { C as COLORS, S as SemanticColorKey, a as SemanticRadiusKey, V as VarColorKey, b as VarRadiusKey, c as VarShadowKey, P as palette, s as semanticTokens, v as vars } from './index-CPCiQllz.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
-declare const COLORS: {
-    PALETTE: {
-        readonly 'true-blue': "#0466C8";
-        readonly 'usafa-blue': "#0353A4";
-        readonly 'dark-cornflower-blue': "#023E7D";
-        readonly 'oxford-blue-700': "#002855";
-        readonly 'oxford-blue-800': "#001845";
-        readonly 'oxford-blue-900': "#001233";
-        readonly independence: "#33415C";
-        readonly 'black-coral': "#5C677D";
-        readonly 'roman-silver': "#7D8597";
-        readonly manatee: "#979DAC";
-        readonly white: "#fff";
-        readonly ice: "#DBF1FD";
-        readonly 'ice-dark': "#d0e3ed";
-        readonly 'midnight-green-eagle-900': "#013E53";
-        readonly 'midnight-green-eagle-700': "#125F6C";
-        readonly 'midnight-green-eagle-500': "#125F6C";
-        readonly 'rich-black-fogra': "#000202";
-        readonly 'rich-black-fogra-opaque': "#0000005b";
-        readonly 'prussian-blue': "#00273A";
-        readonly 'indigo-dye': "#013C54";
-        readonly ming: "#0F6372";
-        readonly skobeloff: "#217479";
-        readonly 'dark-cyan': "#2A8784";
-        readonly 'celadon-green': "#297E74";
-        readonly turquise: "#2EB8B0";
-        readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
-        readonly disabled: "#dee2e6";
-        readonly error: "tomato";
-        readonly warning: "orange";
-        readonly success: "lightgreen";
-        readonly info: "lightblue";
-        readonly transparent: "rgba(255, 255, 255, .0)";
-    };
-};
-
 declare const Icon: {
     (): react_jsx_runtime.JSX.Element;
     Moon: ({ color }: {
@@ -322,14 +286,15 @@ interface ModalProps {
     children?: React$1.ReactNode;
 }
 /**
- * Centred modal dialog powered by Radix Dialog.
+ * Centred modal dialog powered by Radix Dialog + Framer Motion.
  *
- * The Radix primitive handles focus-trap, escape-to-close, and ARIA roles.
- * The VesOPS visual style (scale-in animation, prussian-blue header) is preserved.
+ * Radix handles focus-trap, escape-to-close, and ARIA roles.
+ * Framer Motion drives the scale + fade enter/exit animation.
+ * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
  * <Modal isOpen={open} onClose={() => setOpen(false)} title="Confirm" onOk={handleOk}>
- *   Are you sure?
+ *   Are you sure you want to delete this item?
  * </Modal>
  */
 declare function Modal({ size, isOpen, onClose, onOk, onCancel, okText, cancelText, hasFooter, title, children, }: ModalProps): react_jsx_runtime.JSX.Element;
@@ -338,7 +303,7 @@ interface DrawerProps {
     isOpen?: boolean;
     onClose?: () => void;
     hasFooter?: boolean;
-    /** 'left' | 'right' */
+    /** 'left' | 'right' — which edge the panel slides from */
     placement?: 'left' | 'right';
     width?: number;
     okText?: string;
@@ -349,10 +314,11 @@ interface DrawerProps {
     children?: React$1.ReactNode;
 }
 /**
- * Side-sliding drawer panel powered by Radix Dialog.
+ * Side-sliding drawer panel powered by Radix Dialog + Framer Motion.
  *
  * Radix handles focus-trap, escape-to-close, and ARIA roles.
- * The drawer slides in from the left or right depending on `placement`.
+ * Framer Motion drives the slide enter/exit animation.
+ * prefers-reduced-motion is respected via useReducedMotion().
  *
  * @example
  * <Drawer isOpen={open} placement="right" onClose={() => setOpen(false)} title="Filters">
@@ -421,7 +387,7 @@ declare function Tabs({ tabs, onTabChange, onTabClose, isLazy, tabsClosable, def
 
 interface TreeNode {
     key: string;
-    value: string;
+    label: string;
     nodeData?: any;
     parentLabel?: string;
     children?: TreeNode[];
@@ -434,26 +400,27 @@ interface TreeItemClickPayload {
     parentLabel?: string;
 }
 interface TreeProps {
-    structure: TreeNode[];
-    onItemClick: (payload: TreeItemClickPayload) => void;
+    nodes: TreeNode[];
+    onNodeClick: (payload: TreeItemClickPayload) => void;
     defaultExpandAll?: boolean;
     defaultExpandedKeys?: string[];
 }
 /** ─────────────────── public component ─────────────────── */
 /**
- * Hierarchical tree view powered by Radix Accordion (nested).
+ * Hierarchical tree view powered by Radix Accordion.
  *
- * Each parent node is an independent Accordion.Root with `type="multiple"` so
- * sibling branches are independent. Leaf nodes are plain clickable rows.
+ * Each parent node is an independent Accordion.Root with type="multiple" so
+ * sibling branches expand independently. Leaf nodes are plain buttons.
+ * Expand/collapse is animated via CSS keyframes.
  *
  * @example
  * <Tree
- *   structure={fleetTree}
- *   onItemClick={({ key, isParent }) => selectNode(key)}
+ *   nodes={fleetTree}
+ *   onNodeClick={({ key, isParent }) => selectNode(key)}
  *   defaultExpandAll
  * />
  */
-declare function Tree({ structure, onItemClick, defaultExpandAll, defaultExpandedKeys, }: TreeProps): react_jsx_runtime.JSX.Element;
+declare function Tree({ nodes, onNodeClick, defaultExpandAll, defaultExpandedKeys, }: TreeProps): react_jsx_runtime.JSX.Element;
 
 interface ToggleItem {
     key: string;
@@ -1270,4 +1237,4 @@ declare const Temporal: {
     TemporalPicker: typeof TemporalPickerBase;
 };
 
-export { AutoComplete, type AutoCompleteProps, Button, type ButtonProps, COLORS, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, type DatePickerProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownPill, type DropdownPillProps, type DropdownProps, type ExpandRowOptions, FadingBase, type FadingBaseProps, FileInput, type FileInputProps, GridCard, type GridCardItem, type GridCardProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MenuBar, MenuBarItem, type MenuBarItemConfig, type MenuBarItemProps, type MenuBarProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, type PaginationOptions, Password, type PasswordProps, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, Switch, type SwitchInputProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Temporal, type TemporalPickerProps, TextInput, type TextInputProps, Switch$1 as ThemeSwitch, type ThemeSwitchProps, ToggleButton, type ToggleButtonProps, type ToggleItem, Tooltip, type TooltipProps, TooltipProvider, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Wizard, type WizardProps, type WizardStep, useNotification };
+export { AutoComplete, type AutoCompleteProps, Button, type ButtonProps, Catalog, CatalogCarousel, type CatalogCarouselProps, CatalogGrid, type CatalogGridProps, type CatalogProps, Checkbox, type CheckboxProps, ContextMenu, type ContextMenuActionItem, type ContextMenuPosition, type ContextMenuProps, type DatePickerProps, Drawer, type DrawerProps, Dropdown, type DropdownItem, DropdownPill, type DropdownPillProps, type DropdownProps, type ExpandRowOptions, FadingBase, type FadingBaseProps, FileInput, type FileInputProps, GridCard, type GridCardItem, type GridCardProps, Icon, IconButton, type IconButtonProps, List, type ListItem, type ListProps, LoadingSpinner, type LoadingSpinnerProps, MenuBar, MenuBarItem, type MenuBarItemConfig, type MenuBarItemProps, type MenuBarProps, Modal, type ModalProps, type NotificationPayload, NotificationProvider, NumberInput, type NumberInputProps, OpaqueGridCard, type OpaqueGridCardProps, type PaginationOptions, Password, type PasswordProps, ScalableContainer, type ScalableContainerProps, SearchInput, type SearchInputProps, Switch, type SwitchInputProps, type TabItem, Table, type TableColumn, type TableProps, Tabs, type TabsProps, Temporal, type TemporalPickerProps, TextInput, type TextInputProps, Switch$1 as ThemeSwitch, type ThemeSwitchProps, ToggleButton, type ToggleButtonProps, type ToggleItem, Tooltip, type TooltipProps, TooltipProvider, Tree, type TreeItemClickPayload, type TreeNode, type TreeProps, TreeSelect, type TreeSelectProps, Wizard, type WizardProps, type WizardStep, useNotification };