@flikk/ui 1.0.0-beta.27 → 1.0.0-beta.29

package/dist/components/layout/Stack/Stack.theme.js

@@ -0,0 +1,10 @@
+const stackTheme = {
+    baseStyle: "flex",
+    direction: { row: "flex-row", col: "flex-col" },
+    gaps: { 0: "gap-0", 1: "gap-1", 2: "gap-2", 3: "gap-3", 4: "gap-4", 5: "gap-5", 6: "gap-6", 8: "gap-8", 10: "gap-10", 12: "gap-12" },
+    align: { start: "items-start", center: "items-center", end: "items-end", stretch: "items-stretch" },
+    justify: { start: "justify-start", center: "justify-center", end: "justify-end", between: "justify-between" },
+    wrap: "flex-wrap",
+};
+
+export { stackTheme };

package/dist/components/layout/Stack/Stack.types.d.ts

@@ -0,0 +1,39 @@
+import { HTMLAttributes } from "react";
+import { GridGap, GridAlign, GridJustify } from "../Grid/Grid.types";
+export type StackDirection = "row" | "col";
+export interface StackTheme {
+    baseStyle: string;
+    direction: Record<StackDirection, string>;
+    gaps: Record<GridGap, string>;
+    align: Record<GridAlign, string>;
+    justify: Record<GridJustify, string>;
+    wrap: string;
+}
+export interface StackThemeOverrides {
+    baseStyle?: string;
+    direction?: Partial<Record<StackDirection, string>>;
+    gaps?: Partial<Record<GridGap, string>>;
+    align?: Partial<Record<GridAlign, string>>;
+    justify?: Partial<Record<GridJustify, string>>;
+    wrap?: string;
+}
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Flex direction.
+     * @default "col"
+     */
+    direction?: StackDirection;
+    /**
+     * Gap between items (Tailwind spacing scale → gap-N).
+     * @default 4
+     */
+    gap?: GridGap;
+    /** align-items. */
+    align?: GridAlign;
+    /** justify-content. */
+    justify?: GridJustify;
+    /** Allow items to wrap. */
+    wrap?: boolean;
+    className?: string;
+    theme?: StackThemeOverrides;
+}

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

@@ -0,0 +1,3 @@
+export { Stack } from "./Stack";
+export type { StackProps, StackTheme, StackThemeOverrides, StackDirection } from "./Stack.types";
+export { stackTheme } from "./Stack.theme";

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

@@ -1,3 +1,6 @@
 export * from "./FormLayout";
 export * from "./PageLayout";
 export * from "./AppShell";
+export * from "./Grid";
+export * from "./Stack";
+export * from "./Section";

package/dist/components/layout/index.js

@@ -4,3 +4,9 @@ export { PageLayout } from './PageLayout/PageLayout.js';
 export { pageLayoutTheme } from './PageLayout/PageLayout.theme.js';
 export { AppShell } from './AppShell/AppShell.js';
 export { appShellTheme, getAppShellTheme } from './AppShell/AppShell.theme.js';
+export { Grid } from './Grid/Grid.js';
+export { gridTheme } from './Grid/Grid.theme.js';
+export { Stack } from './Stack/Stack.js';
+export { stackTheme } from './Stack/Stack.theme.js';
+export { Section } from './Section/Section.js';
+export { sectionTheme } from './Section/Section.theme.js';