@hypoth-ui/wc 0.1.1

package/dist/layout.d.ts

@@ -0,0 +1,504 @@
+import { TemplateResult } from 'lit';
+import { D as DSElement } from './ds-element-Db0LMfxI.js';
+
+/**
+ * Layout Token Types
+ *
+ * Shared TypeScript types for layout primitive components.
+ * These types constrain props to valid design token values.
+ */
+/**
+ * Spacing tokens for gap, padding, and margin props.
+ */
+type SpacingToken = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/**
+ * Breakpoint tokens for responsive values.
+ */
+type BreakpointToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+/**
+ * Container size tokens for max-width constraints.
+ */
+type ContainerSizeToken = "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+/**
+ * Surface tokens for background colors.
+ */
+type SurfaceToken = "background" | "surface" | "surface-raised" | "surface-sunken" | "muted";
+/**
+ * Radius tokens for border-radius.
+ */
+type RadiusToken = "none" | "sm" | "md" | "lg" | "xl" | "full";
+/**
+ * Flex direction values.
+ */
+type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
+/**
+ * Flex alignment values (cross-axis).
+ */
+type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
+/**
+ * Flex justify values (main-axis).
+ */
+type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
+/**
+ * Flex wrap values.
+ */
+type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+/**
+ * Grid column values.
+ */
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | "auto-fit" | "auto-fill";
+/**
+ * Split layout ratio values.
+ */
+type SplitRatio = "equal" | "1:2" | "2:1" | "1:3" | "3:1";
+/**
+ * Spacer axis values.
+ */
+type SpacerAxis = "horizontal" | "vertical";
+
+/**
+ * Flow Web Component
+ *
+ * Primary 1D layout primitive with responsive direction switching.
+ * Replaces separate Stack/Inline components with unified API.
+ *
+ * @element ds-flow
+ * @slot - Default slot for children
+ */
+
+declare class DsFlow extends DSElement {
+    static styles: never[];
+    /**
+     * Flex direction. Supports responsive syntax: "base:column md:row"
+     */
+    direction: string;
+    /**
+     * Gap between children. Supports responsive syntax: "base:sm md:lg"
+     */
+    gap: string;
+    /**
+     * Cross-axis alignment.
+     */
+    align: FlexAlign;
+    /**
+     * Main-axis alignment.
+     */
+    justify: FlexJustify;
+    /**
+     * Flex wrap behavior.
+     */
+    wrap: FlexWrap;
+    /**
+     * Use inline-flex instead of flex.
+     */
+    inline: boolean;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-flow": DsFlow;
+    }
+}
+
+/**
+ * Container Web Component
+ *
+ * Constrains content width with responsive max-widths and padding.
+ *
+ * @element ds-container
+ * @slot - Default slot for children
+ */
+
+declare class DsContainer extends DSElement {
+    static styles: never[];
+    /**
+     * Maximum width constraint.
+     */
+    size: ContainerSizeToken;
+    /**
+     * Horizontal padding.
+     */
+    padding: SpacingToken;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-container": DsContainer;
+    }
+}
+
+/**
+ * Grid Web Component
+ *
+ * 2D grid layout with responsive columns.
+ *
+ * @element ds-grid
+ * @slot - Default slot for grid items
+ */
+
+declare class DsGrid extends DSElement {
+    static styles: never[];
+    /**
+     * Number of columns. Supports responsive syntax: "base:1 md:2 lg:3"
+     */
+    columns: string;
+    /**
+     * Gap between grid items. Supports responsive syntax: "base:sm lg:lg"
+     */
+    gap: string;
+    /**
+     * Row gap override.
+     */
+    rowGap?: SpacingToken;
+    /**
+     * Column gap override.
+     */
+    columnGap?: SpacingToken;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-grid": DsGrid;
+    }
+}
+
+/**
+ * Box Web Component
+ *
+ * Token-only styling escape hatch for padding, background, and radius.
+ *
+ * @element ds-box
+ * @slot - Default slot for children
+ */
+
+declare class DsBox extends DSElement {
+    static styles: never[];
+    /**
+     * Padding (all sides).
+     */
+    p?: SpacingToken;
+    /**
+     * Horizontal padding.
+     */
+    px?: SpacingToken;
+    /**
+     * Vertical padding.
+     */
+    py?: SpacingToken;
+    /**
+     * Background color token.
+     */
+    bg?: SurfaceToken;
+    /**
+     * Border radius token.
+     */
+    radius?: RadiusToken;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-box": DsBox;
+    }
+}
+
+/**
+ * Page Web Component
+ *
+ * Page wrapper with min-height and background.
+ *
+ * @element ds-page
+ * @slot - Default slot for page content
+ */
+
+type MinHeightValue = "viewport" | "full";
+declare class DsPage extends DSElement {
+    static styles: never[];
+    /**
+     * Background color token.
+     */
+    bg: SurfaceToken;
+    /**
+     * Minimum height.
+     */
+    minHeight: MinHeightValue;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-page": DsPage;
+    }
+}
+
+/**
+ * Section Web Component
+ *
+ * Semantic section wrapper with consistent vertical spacing.
+ *
+ * @element ds-section
+ * @slot - Default slot for section content
+ */
+
+declare class DsSection extends DSElement {
+    static styles: never[];
+    /**
+     * Vertical padding.
+     */
+    spacing: SpacingToken;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-section": DsSection;
+    }
+}
+
+/**
+ * AppShell Web Component
+ *
+ * Application structure with landmark regions using CSS Grid.
+ *
+ * @element ds-app-shell
+ * @slot header - Header region
+ * @slot sidebar - Sidebar region
+ * @slot - Default slot for main content
+ * @slot footer - Footer region
+ */
+
+type SidebarPosition = "left" | "right" | "none";
+declare class DsAppShell extends DSElement {
+    static styles: never[];
+    /**
+     * Sidebar position.
+     */
+    sidebarPosition: SidebarPosition;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-app-shell": DsAppShell;
+    }
+}
+
+/**
+ * Header Web Component
+ *
+ * Landmark header with sticky and safe-area support.
+ *
+ * @element ds-header
+ * @slot - Default slot for header content
+ */
+
+declare class DsHeader extends DSElement {
+    static styles: never[];
+    /**
+     * Enable sticky positioning.
+     */
+    sticky: boolean;
+    /**
+     * Enable safe area insets.
+     */
+    safeArea: boolean;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-header": DsHeader;
+    }
+}
+
+/**
+ * Footer Web Component
+ *
+ * Landmark footer with sticky and safe-area support.
+ *
+ * @element ds-footer
+ * @slot - Default slot for footer content
+ */
+
+declare class DsFooter extends DSElement {
+    static styles: never[];
+    /**
+     * Enable sticky positioning.
+     */
+    sticky: boolean;
+    /**
+     * Enable safe area insets.
+     */
+    safeArea: boolean;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-footer": DsFooter;
+    }
+}
+
+/**
+ * Main Web Component
+ *
+ * Main content region for skip-link targeting.
+ *
+ * @element ds-main
+ * @slot - Default slot for main content
+ */
+
+declare class DsMain extends DSElement {
+    static styles: never[];
+    /**
+     * Element ID for skip-link targeting.
+     */
+    id: string;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-main": DsMain;
+    }
+}
+
+/**
+ * Spacer Web Component
+ *
+ * Explicit space element for fine-grained spacing control.
+ *
+ * @element ds-spacer
+ */
+
+declare class DsSpacer extends DSElement {
+    static styles: never[];
+    /**
+     * Size of the space.
+     */
+    size: SpacingToken;
+    /**
+     * Axis direction.
+     */
+    axis: SpacerAxis;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-spacer": DsSpacer;
+    }
+}
+
+/**
+ * Center Web Component
+ *
+ * Centers content horizontally/vertically with optional max-width.
+ *
+ * @element ds-center
+ * @slot - Default slot for centered content
+ */
+
+declare class DsCenter extends DSElement {
+    static styles: never[];
+    /**
+     * Maximum width constraint.
+     */
+    maxWidth?: ContainerSizeToken;
+    /**
+     * Enable vertical centering.
+     */
+    vertical: boolean;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-center": DsCenter;
+    }
+}
+
+/**
+ * Split Web Component
+ *
+ * Two-region layout with collapse breakpoint.
+ *
+ * @element ds-split
+ * @slot - Default slot for the two regions
+ */
+
+declare class DsSplit extends DSElement {
+    static styles: never[];
+    /**
+     * Breakpoint at which to collapse to single column.
+     */
+    collapseAt: BreakpointToken;
+    /**
+     * Gap between regions.
+     */
+    gap: SpacingToken;
+    /**
+     * Width ratio between regions.
+     */
+    ratio: SplitRatio;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-split": DsSplit;
+    }
+}
+
+/**
+ * Wrap Web Component
+ *
+ * Wrapping row layout for tags/chips.
+ *
+ * @element ds-wrap
+ * @slot - Default slot for wrapped items
+ */
+
+declare class DsWrap extends DSElement {
+    static styles: never[];
+    /**
+     * Gap between items.
+     */
+    gap: SpacingToken;
+    /**
+     * Row gap override.
+     */
+    rowGap?: SpacingToken;
+    /**
+     * Cross-axis alignment.
+     */
+    align: FlexAlign;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private validateProps;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ds-wrap": DsWrap;
+    }
+}
+
+export { type BreakpointToken, type ContainerSizeToken, DsAppShell, DsBox, DsCenter, DsContainer, DsFlow, DsFooter, DsGrid, DsHeader, DsMain, DsPage, DsSection, DsSpacer, DsSplit, DsWrap, type FlexAlign, type FlexDirection, type FlexJustify, type FlexWrap, type GridColumns, type RadiusToken, type SpacerAxis, type SpacingToken, type SplitRatio, type SurfaceToken };

package/dist/layout.js

@@ -0,0 +1,34 @@
+import {
+  DsAppShell,
+  DsBox,
+  DsCenter,
+  DsContainer,
+  DsFlow,
+  DsFooter,
+  DsGrid,
+  DsHeader,
+  DsMain,
+  DsPage,
+  DsSection,
+  DsSpacer,
+  DsSplit,
+  DsWrap
+} from "./chunk-4HLM6DBG.js";
+import "./chunk-H4GJJZ3N.js";
+export {
+  DsAppShell,
+  DsBox,
+  DsCenter,
+  DsContainer,
+  DsFlow,
+  DsFooter,
+  DsGrid,
+  DsHeader,
+  DsMain,
+  DsPage,
+  DsSection,
+  DsSpacer,
+  DsSplit,
+  DsWrap
+};
+//# sourceMappingURL=layout.js.map

package/dist/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/link-NHDJ6SFY.js

@@ -0,0 +1,9 @@
+import {
+  DsLink
+} from "./chunk-GXKZ6E6K.js";
+import "./chunk-YDQ434UH.js";
+import "./chunk-H4GJJZ3N.js";
+export {
+  DsLink
+};
+//# sourceMappingURL=link-NHDJ6SFY.js.map

package/dist/link-NHDJ6SFY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}