@sragatiping/cuboid 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/dist/components/ApiResponseViewer/ApiResponseViewer.d.ts +2 -1
  2. package/dist/components/CodeBlock/CodeBlock.d.ts +1 -1
  3. package/dist/components/CodeBlock/CodeSurface.d.ts +1 -1
  4. package/dist/components/CodeBlock/CodeViewingDocs.d.ts +3 -2
  5. package/dist/components/CodeBlock/JsonCodeView.d.ts +2 -1
  6. package/dist/components/CodeSnippet/CodeSnippet.d.ts +1 -1
  7. package/dist/components/DataGrid/DataGrid.d.ts +1 -1
  8. package/dist/components/Graph/GraphCanvas.d.ts +1 -1
  9. package/dist/components/Graph/GraphCard.d.ts +1 -1
  10. package/dist/components/Graph/GraphHandle.d.ts +2 -2
  11. package/dist/components/Graph/GraphRow.d.ts +1 -1
  12. package/dist/components/JsonGraph/JsonCardTitle.d.ts +1 -1
  13. package/dist/components/JsonGraph/JsonFieldRow.d.ts +2 -2
  14. package/dist/components/JsonGraph/JsonInputHandle.d.ts +2 -1
  15. package/dist/components/JsonGraph/JsonObjectRow.d.ts +1 -1
  16. package/dist/components/JsonViewer/JsonViewer.d.ts +2 -1
  17. package/dist/components/core/ActionMenu/ActionMenu.d.ts +1 -1
  18. package/dist/components/core/ActionMenu/ActionMenuItem.d.ts +1 -1
  19. package/dist/components/core/ActionMenu/ActionMenuList.d.ts +3 -3
  20. package/dist/components/core/Breadcrumb/BreadcrumbLink.d.ts +1 -1
  21. package/dist/components/core/Breadcrumb/Breadcrumbs.d.ts +2 -1
  22. package/dist/components/core/Button/Button.d.ts +1 -1
  23. package/dist/components/core/Callout/Callout.d.ts +1 -1
  24. package/dist/components/core/Container/Container.d.ts +1 -1
  25. package/dist/components/core/Divider/Divider.d.ts +1 -1
  26. package/dist/components/core/Highlight/Highlight.d.ts +1 -1
  27. package/dist/components/core/Icon/Icon.d.ts +3 -3
  28. package/dist/components/core/IconButton/IconButton.d.ts +1 -1
  29. package/dist/components/core/Link/Link.d.ts +1 -1
  30. package/dist/components/core/Pill/Pill.d.ts +2 -1
  31. package/dist/components/core/Popover/Popover.d.ts +1 -1
  32. package/dist/components/core/ResizeHandle/ResizeHandle.d.ts +2 -1
  33. package/dist/components/core/Sheet/Sheet.d.ts +2 -2
  34. package/dist/components/core/Sidebar/Sidebar.d.ts +5 -5
  35. package/dist/components/core/SiteHeader/SiteHeader.d.ts +2 -2
  36. package/dist/components/core/SplitLayout/SplitLayout.d.ts +2 -2
  37. package/dist/components/core/Text/Text.d.ts +1 -1
  38. package/dist/components/core/Tooltip/Tooltip.d.ts +1 -1
  39. package/dist/globalColor-BecSaRw9.mjs +1736 -0
  40. package/dist/globalColor-BecSaRw9.mjs.map +1 -0
  41. package/dist/globalColor-DO1bmuFH.js +2 -0
  42. package/dist/globalColor-DO1bmuFH.js.map +1 -0
  43. package/dist/index.cjs.js +3 -3
  44. package/dist/index.cjs.js.map +1 -1
  45. package/dist/index.es.js +2491 -4177
  46. package/dist/index.es.js.map +1 -1
  47. package/dist/style.css +1 -1
  48. package/dist/theme/ThemeContext.d.ts +1 -1
  49. package/dist/theme/foundationTokens.d.ts +7 -0
  50. package/dist/theme/foundationTypes.d.ts +36 -0
  51. package/dist/theme/output/theme.json.d.ts +30 -3
  52. package/dist/theme/types.d.ts +16 -1
  53. package/dist/tokens.cjs.js +2 -0
  54. package/dist/tokens.cjs.js.map +1 -0
  55. package/dist/tokens.d.ts +10 -0
  56. package/dist/tokens.es.js +55 -0
  57. package/dist/tokens.es.js.map +1 -0
  58. package/package.json +6 -1
  59. package/src/theme/output/components.css +1 -0
  60. package/src/theme/output/theme.css +18 -2
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { JsonCodeViewProps } from '../CodeBlock';
2
3
  import { CubeTheme } from '../../theme/types';
3
4
  export type HttpMethod = "GET" | "POST" | "PUT" | "PATCH" | "DELETE" | "HEAD" | "OPTIONS";
@@ -21,4 +22,4 @@ export interface ApiResponseViewerProps {
21
22
  * HTTP response shell — status summary, optional headers, JSON body via
22
23
  * {@link JsonCodeView}. Intended for API debug panels and network inspectors.
23
24
  */
24
- export declare function ApiResponseViewer({ body, status, method, url, headers, durationMs, theme, codeView, "aria-label": ariaLabel, }: ApiResponseViewerProps): import("react/jsx-runtime").JSX.Element;
25
+ export declare function ApiResponseViewer({ body, status, method, url, headers, durationMs, theme, codeView, "aria-label": ariaLabel, }: ApiResponseViewerProps): React.JSX.Element;
@@ -15,4 +15,4 @@ export interface CodeBlockProps extends Pick<CodeSurfaceProps, "height" | "maxHe
15
15
  *
16
16
  * For JSON API payloads use {@link JsonCodeView} instead.
17
17
  */
18
- export declare function CodeBlock({ code, language, height, maxHeight, theme, linkify, onLinkClick, watchlist, defaultWatchlist, onWatchlistChange, surfaceVariant, "aria-label": ariaLabel, }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function CodeBlock({ code, language, height, maxHeight, theme, linkify, onLinkClick, watchlist, defaultWatchlist, onWatchlistChange, surfaceVariant, "aria-label": ariaLabel, }: CodeBlockProps): import("react").JSX.Element;
@@ -45,4 +45,4 @@ export interface CodeSurfaceProps {
45
45
  surfaceVariant?: "default" | "embedded";
46
46
  "aria-label"?: string;
47
47
  }
48
- export declare function CodeSurface({ lines, gutterLineCount, tokenColor, onToggleCollapse, gutterIcons, indent, height, maxHeight, linkify, onLinkClick, watchlist: watchlistProp, defaultWatchlist, onWatchlistChange, theme, surfaceVariant, "aria-label": ariaLabel, }: CodeSurfaceProps): import("react/jsx-runtime").JSX.Element;
48
+ export declare function CodeSurface({ lines, gutterLineCount, tokenColor, onToggleCollapse, gutterIcons, indent, height, maxHeight, linkify, onLinkClick, watchlist: watchlistProp, defaultWatchlist, onWatchlistChange, theme, surfaceVariant, "aria-label": ariaLabel, }: CodeSurfaceProps): React.JSX.Element;
@@ -1,7 +1,8 @@
1
+ import { default as React } from 'react';
1
2
  export type CodeViewingDocsFocus = "overview" | "codeBlock" | "jsonCodeView" | "apiResponseViewer";
2
3
  export declare function CodeViewingDocsSubtitle({ focus }: {
3
4
  focus: CodeViewingDocsFocus;
4
- }): import("react/jsx-runtime").JSX.Element;
5
+ }): React.JSX.Element;
5
6
  export declare function CodeViewingArchitectureSection({ focus, }: {
6
7
  focus?: CodeViewingDocsFocus;
7
- }): import("react/jsx-runtime").JSX.Element;
8
+ }): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { CodeSurfaceGutterIcons, CodeSurfaceProps } from './CodeSurface';
2
3
  export interface JsonCodeViewProps extends Pick<CodeSurfaceProps, "height" | "maxHeight" | "theme" | "linkify" | "onLinkClick" | "watchlist" | "defaultWatchlist" | "onWatchlistChange" | "indent" | "aria-label" | "surfaceVariant"> {
3
4
  /** Any JSON-serialisable value to render as syntax-coloured code lines. */
@@ -14,4 +15,4 @@ export interface JsonCodeViewProps extends Pick<CodeSurfaceProps, "height" | "ma
14
15
  * JSON → tokenized lines → {@link CodeSurface}.
15
16
  * Use for API response bodies, debug panels, and large structured payloads.
16
17
  */
17
- export declare function JsonCodeView({ data, defaultCollapsed, gutterIcons, height, maxHeight, theme, linkify, onLinkClick, watchlist, defaultWatchlist, onWatchlistChange, indent, surfaceVariant, "aria-label": ariaLabel, }: JsonCodeViewProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function JsonCodeView({ data, defaultCollapsed, gutterIcons, height, maxHeight, theme, linkify, onLinkClick, watchlist, defaultWatchlist, onWatchlistChange, indent, surfaceVariant, "aria-label": ariaLabel, }: JsonCodeViewProps): React.JSX.Element;
@@ -6,4 +6,4 @@ export type CodeSnippetProps = JsonCodeViewProps;
6
6
  /**
7
7
  * @deprecated Use {@link JsonCodeView} — JSON data + collapse → {@link CodeSurface}.
8
8
  */
9
- export declare function CodeSnippet(props: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function CodeSnippet(props: CodeSnippetProps): import("react").JSX.Element;
@@ -8,4 +8,4 @@ export interface DataGridProps {
8
8
  /**
9
9
  * Table-style JSON viewer — implementation TBD.
10
10
  */
11
- export declare function DataGrid({ data }: DataGridProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function DataGrid({ data }: DataGridProps): import("react").JSX.Element;
@@ -12,4 +12,4 @@ export interface GraphCanvasProps {
12
12
  };
13
13
  style?: CSSProperties;
14
14
  }
15
- export declare function GraphCanvas({ children, width, height, defaultZoom, defaultPan, style, }: GraphCanvasProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function GraphCanvas({ children, width, height, defaultZoom, defaultPan, style, }: GraphCanvasProps): React.JSX.Element;
@@ -28,4 +28,4 @@ export interface GraphCardProps {
28
28
  * `overflow: visible` is intentional — handle dots extend beyond the card
29
29
  * boundary and must not be clipped.
30
30
  */
31
- export declare function GraphCard({ id, x, y, minWidth, children, style, className, }: GraphCardProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function GraphCard({ id, x, y, minWidth, children, style, className, }: GraphCardProps): React.JSX.Element;
@@ -1,4 +1,4 @@
1
- import { CSSProperties } from 'react';
1
+ import { default as React, CSSProperties } from 'react';
2
2
  export type HandleSide = "left" | "right" | "top" | "bottom";
3
3
  export interface GraphHandleProps {
4
4
  /** Must be unique within its card. Edge references: "cardId:handleId". */
@@ -13,4 +13,4 @@ export interface GraphHandleProps {
13
13
  color?: string;
14
14
  style?: CSSProperties;
15
15
  }
16
- export declare function GraphHandle({ id, side, size, color, style }: GraphHandleProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function GraphHandle({ id, side, size, color, style }: GraphHandleProps): React.JSX.Element;
@@ -11,4 +11,4 @@ export interface GraphRowProps {
11
11
  * position: absolute to anchor itself to the row's left or right edge,
12
12
  * vertically centred at the row's midpoint.
13
13
  */
14
- export declare function GraphRow({ children, style, className }: GraphRowProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function GraphRow({ children, style, className }: GraphRowProps): React.JSX.Element;
@@ -9,4 +9,4 @@ export interface JsonCardTitleProps {
9
9
  * Sets `position: relative` so a `JsonInputHandle` placed inside it can
10
10
  * anchor itself to the title row's left edge rather than the card's midpoint.
11
11
  */
12
- export declare function JsonCardTitle({ children, style }: JsonCardTitleProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function JsonCardTitle({ children, style }: JsonCardTitleProps): React.JSX.Element;
@@ -1,4 +1,4 @@
1
- import { CSSProperties } from 'react';
1
+ import { default as React, CSSProperties } from 'react';
2
2
  export interface JsonFieldRowProps {
3
3
  /** The field key — rendered in `foreground.default`. */
4
4
  label: string;
@@ -12,4 +12,4 @@ export interface JsonFieldRowProps {
12
12
  * Key is in `foreground.default`, value in `foreground.muted`.
13
13
  * 8px gap separates key from value.
14
14
  */
15
- export declare function JsonFieldRow({ label, value, style }: JsonFieldRowProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function JsonFieldRow({ label, value, style }: JsonFieldRowProps): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  export interface JsonInputHandleProps {
2
3
  /** Handle id — must be unique within the card. Edge references: "cardId:handleId". */
3
4
  id: string;
@@ -27,4 +28,4 @@ export interface JsonInputHandleProps {
27
28
  * cancels the card padding so the handle protrudes from the card's true left
28
29
  * border — consistent with handles on `GraphRow` object rows.
29
30
  */
30
- export declare function JsonInputHandle({ id, color }: JsonInputHandleProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function JsonInputHandle({ id, color }: JsonInputHandleProps): React.JSX.Element;
@@ -19,4 +19,4 @@ export interface JsonObjectRowProps {
19
19
  * nested-object rows from plain key-value rows. Place a `<GraphHandle>`
20
20
  * as children to attach an edge to the target card.
21
21
  */
22
- export declare function JsonObjectRow({ label, children, style }: JsonObjectRowProps): import("react/jsx-runtime").JSX.Element;
22
+ export declare function JsonObjectRow({ label, children, style }: JsonObjectRowProps): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { CubeTheme } from '../../theme/types';
2
3
  export type JsonViewerMode = "table" | "code";
3
4
  export interface JsonViewerProps {
@@ -12,4 +13,4 @@ export interface JsonViewerProps {
12
13
  * Top-level component that toggles between JsonCodeView and DataGrid views.
13
14
  * Toggle UI and wiring TBD — requirements coming soon.
14
15
  */
15
- export declare function JsonViewer({ data, defaultMode }: JsonViewerProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function JsonViewer({ data, defaultMode }: JsonViewerProps): React.JSX.Element;
@@ -25,4 +25,4 @@ export interface ActionMenuProps {
25
25
  *
26
26
  * Wires trigger + `Popover` + `ActionMenuList` with menu keyboard support.
27
27
  */
28
- export declare function ActionMenu({ trigger, children, open: openProp, onOpenChange, placement, elevation, closeOnSelect, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, theme, className, listClassName, }: ActionMenuProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare function ActionMenu({ trigger, children, open: openProp, onOpenChange, placement, elevation, closeOnSelect, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, theme, className, listClassName, }: ActionMenuProps): React.JSX.Element;
@@ -19,4 +19,4 @@ export interface ActionMenuItemProps extends Omit<React.ButtonHTMLAttributes<HTM
19
19
  theme?: CubeTheme;
20
20
  }
21
21
  /** Single row in an `ActionMenuList` — maps to Figma `ActionMenuItem`. */
22
- export declare function ActionMenuItem({ children, subtext, subtextIcon, selected, showSelectionCheck, leadingIcon, iconOnly, hasSubmenu, trailingIcon, keepOpenOnSelect, theme, className, disabled, type, "aria-label": ariaLabel, ...rest }: ActionMenuItemProps): import("react/jsx-runtime").JSX.Element;
22
+ export declare function ActionMenuItem({ children, subtext, subtextIcon, selected, showSelectionCheck, leadingIcon, iconOnly, hasSubmenu, trailingIcon, keepOpenOnSelect, theme, className, disabled, type, "aria-label": ariaLabel, ...rest }: ActionMenuItemProps): React.JSX.Element;
@@ -21,9 +21,9 @@ export interface ActionMenuListRegionProps {
21
21
  export interface ActionMenuListSectionProps extends ActionMenuListRegionProps {
22
22
  label: React.ReactNode;
23
23
  }
24
- declare function ActionMenuListHeader({ children, theme, className, style, }: ActionMenuListRegionProps): import("react/jsx-runtime").JSX.Element;
25
- declare function ActionMenuListFooter({ children, theme, className, style, }: ActionMenuListRegionProps): import("react/jsx-runtime").JSX.Element;
26
- declare function ActionMenuListSection({ label, children, theme, className, style, }: ActionMenuListSectionProps): import("react/jsx-runtime").JSX.Element;
24
+ declare function ActionMenuListHeader({ children, theme, className, style, }: ActionMenuListRegionProps): React.JSX.Element;
25
+ declare function ActionMenuListFooter({ children, theme, className, style, }: ActionMenuListRegionProps): React.JSX.Element;
26
+ declare function ActionMenuListSection({ label, children, theme, className, style, }: ActionMenuListSectionProps): React.JSX.Element;
27
27
  export declare const ActionMenuList: React.ForwardRefExoticComponent<ActionMenuListProps & React.RefAttributes<HTMLDivElement>> & {
28
28
  Header: typeof ActionMenuListHeader;
29
29
  Footer: typeof ActionMenuListFooter;
@@ -9,4 +9,4 @@ export interface BreadcrumbLinkProps {
9
9
  className?: string;
10
10
  children: React.ReactNode;
11
11
  }
12
- export declare function BreadcrumbLink({ href, current, theme, className, children, ...rest }: BreadcrumbLinkProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children">): import("react/jsx-runtime").JSX.Element;
12
+ export declare function BreadcrumbLink({ href, current, theme, className, children, ...rest }: BreadcrumbLinkProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children">): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { CubeTheme } from '../../../theme/types';
2
3
  export interface BreadcrumbItem {
3
4
  label: string;
@@ -10,4 +11,4 @@ export interface BreadcrumbsProps {
10
11
  theme?: CubeTheme;
11
12
  className?: string;
12
13
  }
13
- export declare function Breadcrumbs({ items, "aria-label": ariaLabel, theme, className, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
14
+ export declare function Breadcrumbs({ items, "aria-label": ariaLabel, theme, className, }: BreadcrumbsProps): React.JSX.Element | null;
@@ -19,4 +19,4 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
19
19
  theme?: CubeTheme;
20
20
  children?: React.ReactNode;
21
21
  }
22
- export declare function Button({ size, variant, shape, block, leadingIcon, trailingIcon, theme, children, disabled, style, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
22
+ export declare function Button({ size, variant, shape, block, leadingIcon, trailingIcon, theme, children, disabled, style, ...rest }: ButtonProps): React.JSX.Element;
@@ -14,4 +14,4 @@ export interface CalloutProps {
14
14
  children?: React.ReactNode;
15
15
  }
16
16
  /** Inset block for blockquotes, notes, and asides. */
17
- export declare function Callout({ background, theme, className, style, children, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Callout({ background, theme, className, style, children, }: CalloutProps): React.JSX.Element;
@@ -20,4 +20,4 @@ export interface ContainerProps {
20
20
  * Page shell — max-width, horizontal padding, and optional vertical fill.
21
21
  * Replaces ad-hoc `#root` / layout wrapper CSS in consuming apps.
22
22
  */
23
- export declare function Container({ as, width, center, paddingInline, minHeight, theme, className, style, children, }: ContainerProps): import("react/jsx-runtime").JSX.Element;
23
+ export declare function Container({ as, width, center, paddingInline, minHeight, theme, className, style, children, }: ContainerProps): React.JSX.Element;
@@ -14,4 +14,4 @@ export interface DividerProps {
14
14
  style?: React.CSSProperties;
15
15
  }
16
16
  /** Horizontal separator using global border tokens. */
17
- export declare function Divider({ orientation, color, theme, className, style, }: DividerProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Divider({ orientation, color, theme, className, style, }: DividerProps): React.JSX.Element;
@@ -13,4 +13,4 @@ export interface HighlightProps {
13
13
  * Inline marker emphasis inside body copy. Renders semantic `<mark>` and inherits
14
14
  * surrounding font metrics — pair with {@link Text} `variant="bodyMedium"`.
15
15
  */
16
- export declare function Highlight({ color, theme, className, style, children, }: HighlightProps): import("react/jsx-runtime").JSX.Element;
16
+ export declare function Highlight({ color, theme, className, style, children, }: HighlightProps): React.JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import { default as React } from 'react';
2
- import { CubeTheme } from '../../../theme/types';
3
- export type IconSize = "xs" | "sm" | "md" | "lg";
2
+ import { CubeTheme, IconSizesTokens } from '../../../theme/types';
3
+ export type IconSize = keyof IconSizesTokens;
4
4
  export interface IconProps {
5
5
  /** SVG element — use `fill="currentColor"` (or stroke) so color inherits from context. */
6
6
  children: React.ReactElement;
@@ -10,4 +10,4 @@ export interface IconProps {
10
10
  theme?: CubeTheme;
11
11
  className?: string;
12
12
  }
13
- export declare function Icon({ children, size, label, theme, className }: IconProps): import("react/jsx-runtime").JSX.Element;
13
+ export declare function Icon({ children, size, label, theme, className }: IconProps): React.JSX.Element;
@@ -25,4 +25,4 @@ export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLBut
25
25
  tooltipShowDelay?: number;
26
26
  theme?: CubeTheme;
27
27
  }
28
- export declare function IconButton({ size, variant, selected, theme, children, disabled, style, type, className: userClassName, tooltip, tooltipPlacement, tooltipCompact, tooltipShowDelay, "aria-pressed": ariaPressedProp, onClick, onKeyDown, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
28
+ export declare function IconButton({ size, variant, selected, theme, children, disabled, style, type, className: userClassName, tooltip, tooltipPlacement, tooltipCompact, tooltipShowDelay, "aria-pressed": ariaPressedProp, onClick, onKeyDown, ...rest }: IconButtonProps): React.JSX.Element;
@@ -19,5 +19,5 @@ type LinkOwnProps = {
19
19
  export type LinkProps<E extends React.ElementType = "a"> = LinkOwnProps & Omit<React.ComponentPropsWithoutRef<E>, keyof LinkOwnProps | "as"> & {
20
20
  as?: E;
21
21
  };
22
- export declare function Link<E extends React.ElementType = "a">({ as, href, variant, external, showExternalIcon, theme, children, className, target, rel, style, ...rest }: LinkProps<E>): import("react/jsx-runtime").JSX.Element;
22
+ export declare function Link<E extends React.ElementType = "a">({ as, href, variant, external, showExternalIcon, theme, children, className, target, rel, style, ...rest }: LinkProps<E>): React.JSX.Element;
23
23
  export {};
@@ -21,6 +21,7 @@ export interface PillProps {
21
21
  as?: React.ElementType;
22
22
  href?: string;
23
23
  leadingVisual?: React.ReactNode;
24
+ /** Pass `<Icon size="…">` — pill height stays fixed regardless of icon size. */
24
25
  trailingVisual?: React.ReactNode;
25
26
  /** Override chip geometry (`sizes.pill`) or colors for this instance. */
26
27
  theme?: CubeTheme;
@@ -28,4 +29,4 @@ export interface PillProps {
28
29
  children?: React.ReactNode;
29
30
  }
30
31
  /** Static chip / tag — not a button; colors do not change on hover. */
31
- export declare function Pill({ shade, intensity, border, variant, as, href, leadingVisual, trailingVisual, theme, className, children, style, ...rest }: PillProps & Omit<React.HTMLAttributes<HTMLElement>, "children">): import("react/jsx-runtime").JSX.Element;
32
+ export declare function Pill({ shade, intensity, border, variant, as, href, leadingVisual, trailingVisual, theme, className, children, style, ...rest }: PillProps & Omit<React.HTMLAttributes<HTMLElement>, "children">): React.JSX.Element;
@@ -36,4 +36,4 @@ export interface PopoverProps {
36
36
  className?: string;
37
37
  contentClassName?: string;
38
38
  }
39
- export declare function Popover({ open: openProp, onOpenChange, trigger, children, placement, elevation, dismissible, panelRole, triggerHasPopup, panelRef: panelRefProp, onPanelKeyDown, returnFocusOnClose, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, theme, className, contentClassName, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
39
+ export declare function Popover({ open: openProp, onOpenChange, trigger, children, placement, elevation, dismissible, panelRole, triggerHasPopup, panelRef: panelRefProp, onPanelKeyDown, returnFocusOnClose, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, theme, className, contentClassName, }: PopoverProps): React.JSX.Element;
@@ -1,3 +1,4 @@
1
+ import { default as React } from 'react';
1
2
  import { CubeTheme } from '../../../theme/types';
2
3
  export type ResizeHandleOrientation = "vertical" | "horizontal";
3
4
  export type ResizeHandleEdge = "start" | "end" | "top" | "bottom";
@@ -18,4 +19,4 @@ export interface ResizeHandleProps {
18
19
  * Shared drag affordance for resizable panels — used by Sheet, Sidebar, etc.
19
20
  * Parent must be `position: relative` (or fixed) with room for the handle.
20
21
  */
21
- export declare function ResizeHandle({ orientation, edge, onResizeDelta, onResizeStart, onResizeEnd, "aria-label": ariaLabel, theme, className, }: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;
22
+ export declare function ResizeHandle({ orientation, edge, onResizeDelta, onResizeStart, onResizeEnd, "aria-label": ariaLabel, theme, className, }: ResizeHandleProps): React.JSX.Element;
@@ -39,8 +39,8 @@ export interface SheetRegionProps {
39
39
  style?: CSSProperties;
40
40
  children?: React.ReactNode;
41
41
  }
42
- declare function SheetHeader({ theme, className, style, children }: SheetRegionProps): import("react/jsx-runtime").JSX.Element;
43
- declare function SheetBody({ theme, className, style, children }: SheetRegionProps): import("react/jsx-runtime").JSX.Element;
42
+ declare function SheetHeader({ theme, className, style, children }: SheetRegionProps): React.JSX.Element;
43
+ declare function SheetBody({ theme, className, style, children }: SheetRegionProps): React.JSX.Element;
44
44
  /**
45
45
  * Portaled slide-in panel — the content layer above {@link Overlay}.
46
46
  *
@@ -48,17 +48,17 @@ interface SidebarContextValue {
48
48
  }
49
49
  /** Read collapse state and toggle from anywhere inside {@link Sidebar}. */
50
50
  export declare function useSidebar(): SidebarContextValue;
51
- declare function SidebarHeader({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
52
- declare function SidebarBody({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
53
- declare function SidebarFooter({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
54
- declare function SidebarToggle({ floating, "aria-label": ariaLabel, theme, className, style, }: SidebarToggleProps): import("react/jsx-runtime").JSX.Element;
51
+ declare function SidebarHeader({ theme, className, style, children }: SidebarRegionProps): React.JSX.Element;
52
+ declare function SidebarBody({ theme, className, style, children }: SidebarRegionProps): React.JSX.Element;
53
+ declare function SidebarFooter({ theme, className, style, children }: SidebarRegionProps): React.JSX.Element;
54
+ declare function SidebarToggle({ floating, "aria-label": ariaLabel, theme, className, style, }: SidebarToggleProps): React.JSX.Element;
55
55
  /**
56
56
  * In-flow navigation shell — not portaled like {@link Sheet}.
57
57
  *
58
58
  * Use {@link Sidebar.Header}, {@link Sidebar.Body}, and {@link Sidebar.Footer} for regions.
59
59
  * {@link Sidebar.Toggle} calls into the sidebar collapse state (controlled or uncontrolled).
60
60
  */
61
- export declare function Sidebar({ collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, edge, width, resizable, onWidthChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, theme, className, style, children, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
61
+ export declare function Sidebar({ collapsed: collapsedProp, defaultCollapsed, onCollapsedChange, edge, width, resizable, onWidthChange, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, theme, className, style, children, }: SidebarProps): React.JSX.Element;
62
62
  export declare namespace Sidebar {
63
63
  var Header: typeof SidebarHeader;
64
64
  var Body: typeof SidebarBody;
@@ -8,10 +8,10 @@ export interface SiteHeaderProps {
8
8
  theme?: CubeTheme;
9
9
  className?: string;
10
10
  }
11
- export declare function SiteHeader({ leading, trailing, theme, className }: SiteHeaderProps): import("react/jsx-runtime").JSX.Element;
11
+ export declare function SiteHeader({ leading, trailing, theme, className }: SiteHeaderProps): React.JSX.Element;
12
12
  export interface SiteHeaderDividerProps {
13
13
  theme?: CubeTheme;
14
14
  className?: string;
15
15
  }
16
16
  /** Vertical rule between leading controls (e.g. back button and breadcrumbs). */
17
- export declare function SiteHeaderDivider({ theme, className }: SiteHeaderDividerProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function SiteHeaderDivider({ theme, className }: SiteHeaderDividerProps): React.JSX.Element;
@@ -12,12 +12,12 @@ export interface SplitLayoutMainProps {
12
12
  style?: React.CSSProperties;
13
13
  children?: React.ReactNode;
14
14
  }
15
- declare function SplitLayoutMain({ className, style, children }: SplitLayoutMainProps): import("react/jsx-runtime").JSX.Element;
15
+ declare function SplitLayoutMain({ className, style, children }: SplitLayoutMainProps): React.JSX.Element;
16
16
  /**
17
17
  * Horizontal app shell — sidebar (or other leading panel) plus scrollable main.
18
18
  * In-flow only; pair with {@link Sidebar} rather than portaled {@link Sheet}.
19
19
  */
20
- export declare function SplitLayout({ className, style, children }: SplitLayoutProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function SplitLayout({ className, style, children }: SplitLayoutProps): React.JSX.Element;
21
21
  export declare namespace SplitLayout {
22
22
  var Main: typeof SplitLayoutMain;
23
23
  }
@@ -26,4 +26,4 @@ export interface TextProps {
26
26
  /**
27
27
  * Typography primitive. Styles come from generated theme CSS variables (`--cube-typography-text-*`).
28
28
  */
29
- export declare function Text({ as, variant, color, align, truncate, theme, style, className, children, }: TextProps): import("react/jsx-runtime").JSX.Element;
29
+ export declare function Text({ as, variant, color, align, truncate, theme, style, className, children, }: TextProps): React.JSX.Element;
@@ -14,4 +14,4 @@ export interface TooltipProps {
14
14
  theme?: CubeTheme;
15
15
  className?: string;
16
16
  }
17
- export declare function Tooltip({ content, children, placement, compact, showDelay, theme, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
17
+ export declare function Tooltip({ content, children, placement, compact, showDelay, theme, className, }: TooltipProps): React.JSX.Element;