@faskai/ui-commons 0.0.0-alpha.26 → 0.0.0-alpha.28

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const GRID_STYLES: {
+    readonly 2: "grid-cols-1 gap-4 sm:grid-cols-2";
+    readonly 3: "grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3";
+    readonly 4: "grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 xl:grid-cols-4";
+};
+declare function Grid({ columns, className, ...props }: React.ComponentProps<'div'> & {
+    columns: keyof typeof GRID_STYLES;
+}): import("react/jsx-runtime").JSX.Element;
+export { Grid };

package/dist/components/layout/grid.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+const GRID_STYLES = {
+    2: 'grid-cols-1 gap-4 sm:grid-cols-2',
+    3: 'grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3',
+    4: 'grid-cols-1 gap-3 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3 xl:grid-cols-4',
+};
+function Grid({ columns, className, ...props }) {
+    return (_jsx("div", { "data-slot": "grid", className: cn('grid', GRID_STYLES[columns], className), ...props }));
+}
+export { Grid };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare function Row({ gap, fill, wrap, className, ...props }: React.ComponentProps<'div'> & {
+    gap?: 0 | 1 | 1.5 | 2 | 3 | 4 | 6 | 8;
+    fill?: boolean;
+    wrap?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Row };

package/dist/components/layout/row.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+const GAP_MAP = {
+    0: 'gap-0',
+    1: 'gap-1',
+    1.5: 'gap-1.5',
+    2: 'gap-2',
+    3: 'gap-3',
+    4: 'gap-4',
+    6: 'gap-6',
+    8: 'gap-8',
+};
+function Row({ gap = 2, fill = false, wrap = false, className, ...props }) {
+    return (_jsx("div", { "data-slot": "row", className: cn('flex flex-row min-w-0 overflow-hidden items-center', GAP_MAP[gap], fill && 'flex-1', wrap && 'flex-wrap', className), ...props }));
+}
+export { Row };

package/dist/components/layout/split-view.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare function SplitView({ desktop, mobile, className, ...props }: Omit<React.ComponentProps<'div'>, 'children'> & {
+    desktop: React.ReactNode;
+    mobile: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export { SplitView };

package/dist/components/layout/split-view.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+function SplitView({ desktop, mobile, className, ...props }) {
+    return (_jsxs("div", { "data-slot": "split-view", className: cn('flex min-h-0 flex-1 flex-col', className), ...props, children: [_jsx("div", { className: "hidden min-h-0 min-w-0 flex-1 overflow-hidden lg:flex", children: desktop }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col lg:hidden", children: mobile })] }));
+}
+export { SplitView };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare function Stack({ gap, fill, className, ...props }: React.ComponentProps<'div'> & {
+    gap?: 0 | 1 | 1.5 | 2 | 3 | 4 | 6 | 8;
+    fill?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Stack };

package/dist/components/layout/stack.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils';
+const GAP_MAP = {
+    0: 'gap-0',
+    1: 'gap-1',
+    1.5: 'gap-1.5',
+    2: 'gap-2',
+    3: 'gap-3',
+    4: 'gap-4',
+    6: 'gap-6',
+    8: 'gap-8',
+};
+function Stack({ gap = 4, fill = false, className, ...props }) {
+    return (_jsx("div", { "data-slot": "stack", className: cn('flex flex-col min-h-0 overflow-hidden', GAP_MAP[gap], fill && 'flex-1', className), ...props }));
+}
+export { Stack };

package/dist/index.d.ts

@@ -11,4 +11,8 @@ export type { ConnectionsApi } from './types/connections-api';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Badge, badgeVariants } from './components/ui/badge';
 export { Button, buttonVariants } from './components/ui/button';
+export { Stack } from './components/layout/stack';
+export { Row } from './components/layout/row';
+export { Grid } from './components/layout/grid';
+export { SplitView } from './components/layout/split-view';
 export { cn } from './lib/utils';

package/dist/index.js

@@ -11,5 +11,10 @@ export { ConnectionsPanel } from './components/connections/connections-panel';
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, } from './components/ui/card';
 export { Badge, badgeVariants } from './components/ui/badge';
 export { Button, buttonVariants } from './components/ui/button';
+// Layout primitives
+export { Stack } from './components/layout/stack';
+export { Row } from './components/layout/row';
+export { Grid } from './components/layout/grid';
+export { SplitView } from './components/layout/split-view';
 // Utilities
 export { cn } from './lib/utils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@faskai/ui-commons",
   "author": "Fask AI <arko@fask.ai>",
-  "version": "0.0.0-alpha.26",
+  "version": "0.0.0-alpha.28",
   "description": "Common UI components for Fask applications.",
   "private": false,
   "main": "dist/index.js",