@ldkj/web-ui 0.7.0 → 0.8.1

package/components/layout/col/Col.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { type GridOffset, type GridProps, type GridSize } from "../grid";
+export type ColProps = Omit<GridProps, "container" | "size"> & {
+    span?: GridSize;
+    offset?: GridOffset;
+    flex?: React.CSSProperties["flex"];
+};
+export declare function Col(props: ColProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Col {
+    var displayName: string;
+}

package/components/layout/col/index.d.ts

@@ -0,0 +1 @@
+export * from "./Col";

package/components/layout/row/Row.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { type GridDirection, type GridProps, type GridSpacing, type GridWrap } from "../grid";
+export type RowGutter = GridSpacing | [GridSpacing, GridSpacing];
+export type RowProps = Omit<GridProps, "container" | "spacing" | "rowSpacing" | "columnSpacing"> & {
+    gutter?: RowGutter;
+    align?: React.CSSProperties["alignItems"];
+    justify?: React.CSSProperties["justifyContent"];
+    wrap?: GridWrap;
+    direction?: GridDirection;
+};
+export declare function Row(props: RowProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Row {
+    var displayName: string;
+}

package/components/layout/row/index.d.ts

@@ -0,0 +1 @@
+export * from "./Row";

package/components/layout/space/Space.d.ts

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { type SxProps } from "@/styling";
+import { type BoxProps } from "../box";
+type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
+type SpaceDirection = "horizontal" | "vertical";
+type SpaceAlign = React.CSSProperties["alignItems"];
+type SpaceJustify = React.CSSProperties["justifyContent"];
+type SpaceWrap = boolean | React.CSSProperties["flexWrap"];
+type SpaceGapPreset = "xs" | "sm" | "md" | "lg" | "xl";
+type SpaceGapUnit = SpaceGapPreset | number | string;
+type SpaceGap = SpaceGapUnit | [SpaceGapUnit, SpaceGapUnit] | {
+    row?: SpaceGapUnit;
+    column?: SpaceGapUnit;
+} | {
+    x?: SpaceGapUnit;
+    y?: SpaceGapUnit;
+};
+type SpaceItemOwnProps = {
+    className?: string;
+    class?: string;
+    style?: React.CSSProperties;
+    sx?: SxProps;
+    flex?: React.CSSProperties["flex"];
+    grow?: React.CSSProperties["flexGrow"];
+    shrink?: React.CSSProperties["flexShrink"];
+    basis?: React.CSSProperties["flexBasis"];
+    order?: React.CSSProperties["order"];
+    alignSelf?: React.CSSProperties["alignSelf"];
+    children?: React.ReactNode;
+};
+type SpaceItemProps = React.ComponentPropsWithoutRef<"div"> & SpaceItemOwnProps;
+declare const SPACE_ITEM_SYMBOL: unique symbol;
+type SpaceItemComponent = React.FC<SpaceItemProps> & {
+    [SPACE_ITEM_SYMBOL]: true;
+};
+declare const SpaceItemBase: SpaceItemComponent;
+type SpaceOwnProps = {
+    direction?: Responsive<SpaceDirection>;
+    size?: Responsive<SpaceGap>;
+    wrap?: Responsive<SpaceWrap>;
+    align?: Responsive<SpaceAlign>;
+    justify?: Responsive<SpaceJustify>;
+    split?: React.ReactNode;
+    itemStyle?: React.CSSProperties;
+    itemClassName?: string;
+    itemSx?: SxProps;
+};
+export type SpaceProps = BoxProps<React.ElementType> & SpaceOwnProps;
+type SpaceComponent = React.FC<SpaceProps> & {
+    Item: typeof SpaceItemBase;
+};
+export declare const Space: SpaceComponent;
+export {};

package/components/layout/space/index.d.ts

@@ -0,0 +1 @@
+export * from "./Space";

package/components/navigation/anchor/Anchor.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import type { ElementType } from "react";
+import { type SxProps } from "@/styling";
+type ScrollBehavior = "smooth" | "instant" | "auto";
+type ScrollLogicalPosition = "start" | "center" | "end" | "nearest";
+type AnchorCommonProps = {
+    id: string;
+    offset?: number;
+    behavior?: ScrollBehavior;
+    block?: ScrollLogicalPosition;
+    inline?: ScrollLogicalPosition;
+    onNavigate?: (id: string) => void;
+    className?: string;
+    class?: string;
+    sx?: SxProps;
+    style?: React.CSSProperties;
+};
+type AnchorHashModeProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "id" | "className" | "style"> & AnchorCommonProps & {
+    hash: true;
+    component?: never;
+};
+type AnchorScrollModeProps<T extends ElementType = "button"> = Omit<React.ComponentPropsWithoutRef<T>, "id" | "className" | "style" | "onClick" | "onKeyDown"> & AnchorCommonProps & {
+    hash?: false | undefined;
+    component?: T;
+    onClick?: React.MouseEventHandler<Element>;
+    onKeyDown?: React.KeyboardEventHandler<Element>;
+};
+export type AnchorProps<T extends ElementType = "button"> = AnchorHashModeProps | AnchorScrollModeProps<T>;
+export declare function Anchor<T extends ElementType = "button">(props: AnchorProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Anchor {
+    var displayName: string;
+}
+export {};

package/components/navigation/anchor/index.d.ts

@@ -0,0 +1 @@
+export * from "./Anchor";