@sragatiping/cuboid 0.1.0

package/dist/components/core/Overlay/Overlay.d.ts

@@ -0,0 +1,21 @@
+import { default as React, CSSProperties } from 'react';
+import { CubeTheme } from '../../../theme/types';
+export type OverlayVariant = "modal" | "sheet" | "none";
+export interface OverlayProps {
+    /** When false, nothing is rendered. */
+    open?: boolean;
+    /** Scrim strength — `modal` blocks strongly, `sheet` is lighter, `none` is transparent and non-blocking. */
+    variant?: OverlayVariant;
+    /** Called when the scrim is clicked or Escape is pressed. Omit for a non-dismissible backdrop. */
+    onDismiss?: () => void;
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Full-viewport scrim layer — portaled to `document.body`.
+ *
+ * Use beneath Dialog (modal variant) or Sheet (sheet variant). Does not trap
+ * focus or lock scroll; those belong on Dialog / Sheet.
+ */
+export declare function Overlay({ open, variant, onDismiss, theme, className, style, }: OverlayProps): React.ReactPortal | null;

package/dist/components/core/Overlay/Overlay.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Overlay } from './Overlay';
+declare const meta: Meta<typeof Overlay>;
+export default meta;
+type Story = StoryObj<typeof Overlay>;
+export declare const Playground: Story;
+export declare const Modal: Story;
+export declare const Sheet: Story;
+export declare const None: Story;
+export declare const NonDismissible: Story;

package/dist/components/core/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { Overlay } from './Overlay';
+export type { OverlayProps, OverlayVariant } from './Overlay';

package/dist/components/core/Pill/Pill.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { CubeTheme, PillIntensity, PillSurface, ThemeTokens } from '../../../theme/types';
+import { default as themeOutput } from '../../../theme/output/theme.json';
+/** Shade keys from `pillColors` in theme.json — add `yellow.json`, etc. alongside `gray.json`. */
+export type PillShade = keyof typeof themeOutput.pillColors;
+export type { PillIntensity, PillSurface };
+type PillElement = "span" | "a";
+export interface PillProps {
+    /** Color family — maps to Figma `shade` (token file per shade). */
+    shade?: PillShade;
+    /** Emphasis step — maps to Figma `intensity`. */
+    intensity?: PillIntensity;
+    /** When true, uses the `bordered` surface recipe (Figma `border?`). */
+    border?: boolean;
+    /** Render as static label (`span`) or link (`a` when `href` is set). */
+    as?: PillElement;
+    href?: string;
+    size?: keyof ThemeTokens["sizes"]["pill"];
+    leadingVisual?: React.ReactNode;
+    trailingVisual?: React.ReactNode;
+    theme?: CubeTheme;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function Pill({ shade, intensity, border, as, href, size, leadingVisual, trailingVisual, theme, className, children, style, ...rest }: PillProps & Omit<React.HTMLAttributes<HTMLElement>, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/Pill/Pill.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pill } from './Pill';
+declare const meta: Meta<typeof Pill>;
+export default meta;
+type Story = StoryObj<typeof Pill>;
+export declare const Playground: Story;

package/dist/components/core/Pill/index.d.ts

@@ -0,0 +1,3 @@
+export { Pill } from './Pill';
+export type { PillProps, PillShade } from './Pill';
+export type { PillIntensity, PillSurface } from '../../../theme/types';

package/dist/components/core/Popover/Popover.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { CubeTheme } from '../../../theme/types';
+export type PopoverPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right";
+/** Figma `ActionMenu.Overlay` elevation variants — `3x` is the default dropdown shell. */
+export type PopoverElevation = "3x" | "4x";
+export type PopoverPanelRole = "dialog" | false;
+export interface PopoverProps {
+    /** When omitted, open state is managed internally (toggle on trigger click). */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Anchor element — must be a single React element that accepts event props. */
+    trigger: React.ReactElement;
+    /** Panel content — menus, forms, or any interactive UI. */
+    children: React.ReactNode;
+    placement?: PopoverPlacement;
+    elevation?: PopoverElevation;
+    /** Close on outside pointer down and Escape. Default true. */
+    dismissible?: boolean;
+    /**
+     * Panel ARIA role. Use `false` for positioning shells whose semantics live on
+     * children (e.g. `ActionMenuList` with `role="menu"`).
+     * @default "dialog"
+     */
+    panelRole?: PopoverPanelRole;
+    /** @default "dialog" */
+    triggerHasPopup?: "dialog" | "menu" | "listbox" | "grid" | "tree" | boolean;
+    panelRef?: React.Ref<HTMLDivElement>;
+    onPanelKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    /** Return focus to the trigger after the panel closes. */
+    returnFocusOnClose?: boolean;
+    /** Accessible name for the panel when content has no visible title. */
+    "aria-label"?: string;
+    /** id of an element that labels the panel. */
+    "aria-labelledby"?: string;
+    theme?: CubeTheme;
+    className?: string;
+    contentClassName?: string;
+}
+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;

package/dist/components/core/Popover/Popover.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Popover } from './Popover';
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const Placements: Story;
+export declare const Elevation: Story;
+export declare const NotClippedByOverflow: Story;

package/dist/components/core/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement, PopoverElevation, PopoverPanelRole } from './Popover';

package/dist/components/core/ResizeHandle/ResizeHandle.d.ts

@@ -0,0 +1,21 @@
+import { CubeTheme } from '../../../theme/types';
+export type ResizeHandleOrientation = "vertical" | "horizontal";
+export type ResizeHandleEdge = "start" | "end" | "top" | "bottom";
+export interface ResizeHandleProps {
+    /** `vertical` = width; `horizontal` = height */
+    orientation?: ResizeHandleOrientation;
+    /** Which edge of the parent panel the handle sits on */
+    edge: ResizeHandleEdge;
+    /** Pointer delta in px — positive = toward end/bottom edge of screen axis */
+    onResizeDelta: (deltaPx: number) => void;
+    onResizeStart?: () => void;
+    onResizeEnd?: () => void;
+    "aria-label"?: string;
+    theme?: CubeTheme;
+    className?: string;
+}
+/**
+ * Shared drag affordance for resizable panels — used by Sheet, Sidebar, etc.
+ * Parent must be `position: relative` (or fixed) with room for the handle.
+ */
+export declare function ResizeHandle({ orientation, edge, onResizeDelta, onResizeStart, onResizeEnd, "aria-label": ariaLabel, theme, className, }: ResizeHandleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/ResizeHandle/index.d.ts

@@ -0,0 +1,2 @@
+export { ResizeHandle } from './ResizeHandle';
+export type { ResizeHandleProps, ResizeHandleOrientation, ResizeHandleEdge, } from './ResizeHandle';

package/dist/components/core/Sheet/Sheet.d.ts

@@ -0,0 +1,55 @@
+import { default as React, CSSProperties } from 'react';
+import { CubeTheme, SheetWidthStopTokens } from '../../../theme/types';
+export type SheetEdge = "left" | "right" | "bottom";
+export type SheetWidthStop = keyof SheetWidthStopTokens;
+/** Named stop (`sm` / `md` / `lg`) or any CSS length (e.g. `28rem`). Ignored for `edge="bottom"`. */
+export type SheetWidth = SheetWidthStop | (string & {});
+export interface SheetProps {
+    /** When false, nothing is rendered. */
+    open?: boolean;
+    /** Which viewport edge the panel slides from. */
+    edge?: SheetEdge;
+    /** Panel width for left/right sheets — token stop or CSS length. @default "md" */
+    width?: SheetWidth;
+    /** Drag the inner edge to resize (left/right only). */
+    resizable?: boolean;
+    /** Fired while resizing with the current width in px. */
+    onWidthChange?: (widthPx: number) => void;
+    /** When true (default), renders a sheet-variant Overlay scrim behind the panel. */
+    modal?: boolean;
+    /** Called when Escape is pressed or the scrim is clicked (when modal). */
+    onDismiss?: () => void;
+    /** Accessible name when the sheet has no visible title. */
+    "aria-label"?: string;
+    /** ID of the visible title element, when present. */
+    "aria-labelledby"?: string;
+    /**
+     * Rounds the top corners when `edge="bottom"`. Ignored for left/right sheets.
+     * @default true
+     */
+    roundedTop?: boolean;
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export interface SheetRegionProps {
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+declare function SheetHeader({ theme, className, style, children }: SheetRegionProps): import("react/jsx-runtime").JSX.Element;
+declare function SheetBody({ theme, className, style, children }: SheetRegionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Portaled slide-in panel — the content layer above {@link Overlay}.
+ *
+ * Shell has no padding — use {@link Sheet.Header} and {@link Sheet.Body}.
+ * {@link ResizeHandle} is shared with Sidebar and other resizable panels.
+ */
+export declare function Sheet({ open, edge, width, resizable, onWidthChange, modal, roundedTop, onDismiss, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, theme, className, style, children, }: SheetProps): React.ReactPortal | null;
+export declare namespace Sheet {
+    var Header: typeof SheetHeader;
+    var Body: typeof SheetBody;
+}
+export {};

package/dist/components/core/Sheet/Sheet.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sheet } from './Sheet';
+declare const meta: Meta<typeof Sheet>;
+export default meta;
+type Story = StoryObj<typeof Sheet>;
+export declare const Playground: Story;
+export declare const StickyHeader: Story;
+export declare const WidthLarge: Story;
+export declare const Resizable: Story;
+export declare const Right: Story;
+export declare const Left: Story;
+export declare const Bottom: Story;
+export declare const BottomFlat: Story;
+export declare const NonModal: Story;

package/dist/components/core/Sheet/index.d.ts

@@ -0,0 +1,4 @@
+export { Sheet } from './Sheet';
+export type { SheetProps, SheetEdge, SheetRegionProps, SheetWidth, SheetWidthStop, } from './Sheet';
+export { ResizeHandle } from '../ResizeHandle';
+export type { ResizeHandleProps, ResizeHandleOrientation, ResizeHandleEdge, } from '../ResizeHandle';

package/dist/components/core/Sidebar/Sidebar.d.ts

@@ -0,0 +1,68 @@
+import { default as React, CSSProperties } from 'react';
+import { CubeTheme, SheetWidthStopTokens } from '../../../theme/types';
+export type SidebarEdge = "left" | "right";
+export type SidebarWidthStop = keyof SheetWidthStopTokens;
+/** Named stop (`sm` / `md` / `lg`) or any CSS length (e.g. `17rem`). */
+export type SidebarWidth = SidebarWidthStop | (string & {});
+export interface SidebarProps {
+    /** When true, the sidebar collapses to the minimized rail width. */
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Which document edge the sidebar sits on. @default "left" */
+    edge?: SidebarEdge;
+    /** Expanded width — token stop or CSS length. @default "md" */
+    width?: SidebarWidth;
+    /** Drag the inner edge to resize (disabled while collapsed). */
+    resizable?: boolean;
+    /** Fired while resizing with the current width in px. */
+    onWidthChange?: (widthPx: number) => void;
+    /** Accessible name when the sidebar has no visible title. */
+    "aria-label"?: string;
+    /** ID of the visible title element, when present. */
+    "aria-labelledby"?: string;
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export interface SidebarRegionProps {
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+}
+export interface SidebarToggleProps {
+    /** Pin the toggle to the top inner corner of the sidebar shell. */
+    floating?: boolean;
+    /** Override the default expand/collapse label. */
+    "aria-label"?: string;
+    theme?: CubeTheme;
+    className?: string;
+    style?: CSSProperties;
+}
+interface SidebarContextValue {
+    collapsed: boolean;
+    edge: SidebarEdge;
+    toggleCollapsed: () => void;
+}
+/** Read collapse state and toggle from anywhere inside {@link Sidebar}. */
+export declare function useSidebar(): SidebarContextValue;
+declare function SidebarHeader({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarBody({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarFooter({ theme, className, style, children }: SidebarRegionProps): import("react/jsx-runtime").JSX.Element;
+declare function SidebarToggle({ floating, "aria-label": ariaLabel, theme, className, style, }: SidebarToggleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * In-flow navigation shell — not portaled like {@link Sheet}.
+ *
+ * Use {@link Sidebar.Header}, {@link Sidebar.Body}, and {@link Sidebar.Footer} for regions.
+ * {@link Sidebar.Toggle} calls into the sidebar collapse state (controlled or uncontrolled).
+ */
+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;
+export declare namespace Sidebar {
+    var Header: typeof SidebarHeader;
+    var Body: typeof SidebarBody;
+    var Footer: typeof SidebarFooter;
+    var Toggle: typeof SidebarToggle;
+}
+export {};

package/dist/components/core/Sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Sidebar } from './Sidebar';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof Sidebar>;
+export declare const Default: Story;
+export declare const CollapsedRail: Story;
+export declare const Resizable: Story;
+export declare const ExternalToggle: Story;
+export declare const FloatingToggle: Story;
+export declare const RightEdge: Story;

package/dist/components/core/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { Sidebar, useSidebar } from './Sidebar';
+export type { SidebarProps, SidebarEdge, SidebarRegionProps, SidebarToggleProps, SidebarWidth, SidebarWidthStop, } from './Sidebar';

package/dist/components/core/Sidebar/sidebarCssVars.d.ts

@@ -0,0 +1,2 @@
+import { ThemeTokens } from '../../../theme/types';
+export declare function sidebarCssVars(tokens: ThemeTokens): Record<string, string>;

package/dist/components/core/SiteHeader/SiteHeader.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { CubeTheme } from '../../../theme/types';
+export interface SiteHeaderProps {
+    /** Primary navigation region (menu, breadcrumbs, back affordances). */
+    leading?: React.ReactNode;
+    /** Actions region (search, notifications, primary buttons). */
+    trailing?: React.ReactNode;
+    theme?: CubeTheme;
+    className?: string;
+}
+export declare function SiteHeader({ leading, trailing, theme, className }: SiteHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface SiteHeaderDividerProps {
+    theme?: CubeTheme;
+    className?: string;
+}
+/** Vertical rule between leading controls (e.g. back button and breadcrumbs). */
+export declare function SiteHeaderDivider({ theme, className }: SiteHeaderDividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/SiteHeader/SiteHeader.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SiteHeader } from './SiteHeader';
+declare const meta: Meta<typeof SiteHeader>;
+export default meta;
+type Story = StoryObj<typeof SiteHeader>;
+export declare const Playground: Story;

package/dist/components/core/SiteHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { SiteHeader, SiteHeaderDivider } from './SiteHeader';
+export type { SiteHeaderProps, SiteHeaderDividerProps } from './SiteHeader';

package/dist/components/core/SplitLayout/SplitLayout.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { CubeTheme } from '../../../theme/types';
+export interface SplitLayoutProps {
+    theme?: CubeTheme;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export interface SplitLayoutMainProps {
+    theme?: CubeTheme;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare function SplitLayoutMain({ className, style, children }: SplitLayoutMainProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Horizontal app shell — sidebar (or other leading panel) plus scrollable main.
+ * In-flow only; pair with {@link Sidebar} rather than portaled {@link Sheet}.
+ */
+export declare function SplitLayout({ className, style, children }: SplitLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SplitLayout {
+    var Main: typeof SplitLayoutMain;
+}
+export {};

package/dist/components/core/SplitLayout/SplitLayout.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SplitLayout } from './SplitLayout';
+declare const meta: Meta<typeof SplitLayout>;
+export default meta;
+type Story = StoryObj<typeof SplitLayout>;
+export declare const WithSidebar: Story;

package/dist/components/core/SplitLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { SplitLayout } from './SplitLayout';
+export type { SplitLayoutProps, SplitLayoutMainProps } from './SplitLayout';

package/dist/components/core/Stack/Stack.d.ts

@@ -0,0 +1,43 @@
+import { default as React, CSSProperties } from 'react';
+import { CubeTheme, StackGap, StackPadding } from '../../../theme/types';
+import { Responsive } from '../../../utils/responsive';
+export type StackDirection = "horizontal" | "vertical";
+export type { StackGap, StackPadding };
+/** @deprecated Use `StackGap` or `StackPadding`. */
+export type { StackGap as StackSpacing };
+export interface StackProps {
+    /** HTML element or component to render as (default: div) */
+    as?: React.ElementType;
+    /** Flex direction — scalar or `{ sm, md, lg }` for responsive layout */
+    direction?: Responsive<StackDirection>;
+    /** Gap between children — `none`, `xxs` … `xxl`; responsive supported */
+    gap?: Responsive<StackGap>;
+    /** Padding on all sides — same scale as gap; overridden by `paddingBlock` / `paddingInline` */
+    padding?: Responsive<StackPadding>;
+    /** Block-axis padding (overrides `padding` on block axis) */
+    paddingBlock?: Responsive<StackPadding>;
+    /** Inline-axis padding (overrides `padding` on inline axis) */
+    paddingInline?: Responsive<StackPadding>;
+    /** align-items — responsive supported */
+    align?: Responsive<CSSProperties["alignItems"]>;
+    /** justify-content — responsive supported */
+    justify?: Responsive<CSSProperties["justifyContent"]>;
+    /** Allow children to wrap — responsive supported */
+    wrap?: Responsive<boolean>;
+    theme?: CubeTheme;
+    style?: CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Flex-based layout primitive. Replaces raw <div> usage for arranging
+ * children horizontally or vertically with consistent spacing.
+ *
+ * `gap` uses `none`, `xxs`, `xs`, `sm`, `md`, `lg`, `xl`, `xxl`.
+ * `padding`, `paddingBlock`, and `paddingInline` use the same stop names.
+ * Directional padding props override the matching axis from `padding`.
+ *
+ * Responsive: pass `{ sm, md, lg }` on layout props (mobile-first).
+ * `sm` = default; `md` / `lg` override at `--cube-breakpoint-md` / `--cube-breakpoint-lg`.
+ */
+export declare function Stack({ as: As, direction, gap, padding, paddingBlock, paddingInline, align, justify, wrap, theme, style, className, children, }: StackProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/Stack/Stack.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Stack } from './Stack';
+declare const meta: Meta<typeof Stack>;
+export default meta;
+type Story = StoryObj<typeof Stack>;
+export declare const Playground: Story;
+export declare const GapScale: Story;
+export declare const PaddingScale: Story;
+export declare const DirectionalPadding: Story;
+export declare const Responsive: Story;
+export declare const Vertical: Story;
+export declare const Horizontal: Story;
+export declare const SpaceBetween: Story;
+export declare const WithPadding: Story;
+export declare const Wrap: Story;

package/dist/components/core/Stack/index.d.ts

@@ -0,0 +1,3 @@
+export { Stack } from './Stack';
+export type { StackProps, StackDirection, StackGap, StackPadding, StackSpacing } from './Stack';
+export type { Breakpoint, Responsive } from '../../../utils/responsive';

package/dist/components/core/Text/Text.d.ts

@@ -0,0 +1,29 @@
+import { default as React, CSSProperties } from 'react';
+import { CubeTheme, TextTokens } from '../../../theme/types';
+export type TextVariant = keyof TextTokens;
+/** Shorthand names for functional foreground tokens */
+export type TextColor = "default" | "muted" | "onEmphasis" | "disabled" | "link" | "white" | "neutral";
+export interface TextProps {
+    /** Override the default HTML element for this variant */
+    as?: React.ElementType;
+    /** Maps to a named text style from the theme */
+    variant?: TextVariant;
+    /**
+     * Functional foreground color name, or any raw CSS color string.
+     * @example "muted"       → theme.colors.functional.foreground.muted
+     * @example "#ff0000"     → used as-is
+     */
+    color?: TextColor | string;
+    align?: CSSProperties["textAlign"];
+    /** Truncate with ellipsis on a single line */
+    truncate?: boolean;
+    /** Override any theme tokens */
+    theme?: CubeTheme;
+    style?: CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+}
+/**
+ * Typography primitive. Styles come from generated theme CSS variables (`--cube-typography-text-*`).
+ */
+export declare function Text({ as, variant, color, align, truncate, theme, style, className, children, }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/Text/Text.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Text } from './Text';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const AllVariants: Story;
+export declare const Colors: Story;
+export declare const Truncate: Story;

package/dist/components/core/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+export type { TextProps, TextVariant, TextColor } from './Text';

package/dist/components/core/Tooltip/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { CubeTheme } from '../../../theme/types';
+export type TooltipPlacement = "top" | "bottom" | "left" | "right";
+export interface TooltipProps {
+    /** Tooltip content (non-interactive label) */
+    content: React.ReactNode;
+    /** Anchor element(s); must be a single React element that accepts event props */
+    children: React.ReactElement;
+    placement?: TooltipPlacement;
+    /** Single line + ellipsis + narrow max-width (Figma truncated variant) */
+    compact?: boolean;
+    /** Milliseconds before showing after hover/focus */
+    showDelay?: number;
+    theme?: CubeTheme;
+    className?: string;
+}
+export declare function Tooltip({ content, children, placement, compact, showDelay, theme, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/core/Tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './Tooltip';
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const Default: Story;
+export declare const LongText: Story;
+export declare const WithIconButton: Story;
+export declare const Placements: Story;
+export declare const NotClippedByOverflow: Story;

package/dist/components/core/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipPlacement } from './Tooltip';

package/dist/components/core/index.d.ts

@@ -0,0 +1,34 @@
+export { Stack } from './Stack';
+export type { StackProps, StackGap, StackPadding, StackSpacing } from './Stack';
+export { Text } from './Text';
+export type { TextProps, TextVariant, TextColor } from './Text';
+export { Button } from './Button';
+export type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from './Button';
+export { IconButton } from './IconButton';
+export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton';
+export { Tooltip } from './Tooltip';
+export type { TooltipProps, TooltipPlacement } from './Tooltip';
+export { Icon } from './Icon';
+export type { IconProps, IconSize } from './Icon';
+export { Link } from './Link';
+export type { LinkProps, LinkVariant } from './Link';
+export { Pill } from './Pill';
+export type { PillProps, PillShade, PillIntensity, PillSurface } from './Pill';
+export { BreadcrumbLink, Breadcrumbs } from './Breadcrumb';
+export type { BreadcrumbLinkProps, BreadcrumbLinkState, BreadcrumbsProps, BreadcrumbItem, } from './Breadcrumb';
+export { SiteHeader, SiteHeaderDivider } from './SiteHeader';
+export type { SiteHeaderProps, SiteHeaderDividerProps } from './SiteHeader';
+export { Overlay } from './Overlay';
+export type { OverlayProps, OverlayVariant } from './Overlay';
+export { Sheet } from './Sheet';
+export type { SheetProps, SheetEdge, SheetRegionProps, SheetWidth, SheetWidthStop, } from './Sheet';
+export { ResizeHandle } from './ResizeHandle';
+export type { ResizeHandleProps, ResizeHandleOrientation, ResizeHandleEdge, } from './ResizeHandle';
+export { Popover } from './Popover';
+export type { PopoverProps, PopoverPlacement, PopoverElevation } from './Popover';
+export { ActionMenu, ActionMenuItem, ActionMenuList } from './ActionMenu';
+export type { ActionMenuProps, ActionMenuItemProps, ActionMenuListProps, ActionMenuListRegionProps, ActionMenuListSectionProps, } from './ActionMenu';
+export { Sidebar, useSidebar } from './Sidebar';
+export type { SidebarProps, SidebarEdge, SidebarRegionProps, SidebarToggleProps, SidebarWidth, SidebarWidthStop, } from './Sidebar';
+export { SplitLayout } from './SplitLayout';
+export type { SplitLayoutProps, SplitLayoutMainProps } from './SplitLayout';

package/dist/icons/Icons.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Catalog: Story;
+export declare const Sizes: Story;

package/dist/icons/index.d.ts

@@ -0,0 +1,13 @@
+import { default as manifest } from './manifest.json';
+export * from './material';
+export { MATERIAL_ICON_STYLE, MATERIAL_ICON_WEIGHT } from './material/config';
+export { manifest as iconManifest };
+export type IconName = keyof typeof manifest;
+export type IconManifestEntry = {
+    source: "material-rounded" | "custom";
+    export: string;
+    category: string;
+    style?: "rounded";
+    weight?: number;
+    path?: string;
+};