@ciridae/ui 0.2.4 → 0.2.5

package/dist/components/ui/app-shell-page.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { PageHeader } from "@ciridae/ui/page-header";
+type AppShellPageBrand = {
+    name: string;
+    iconLight: string;
+    iconDark?: string;
+};
+type AppShellPageProps = React.ComponentProps<"div">;
+type AppShellPageHeaderProps = Omit<React.ComponentProps<typeof PageHeader>, "children"> & {
+    actions?: React.ReactNode;
+    description?: React.ReactNode;
+    title: React.ReactNode;
+};
+type AppShellWelcomeProps = Omit<React.ComponentProps<"div">, "title"> & {
+    brand?: AppShellPageBrand;
+    description?: React.ReactNode;
+    title: React.ReactNode;
+};
+declare function AppShellPage({ className, ...props }: AppShellPageProps): React.JSX.Element;
+declare function AppShellPageHeader({ actions, className, description, title, ...props }: AppShellPageHeaderProps): React.JSX.Element;
+declare function AppShellWelcome({ brand, children, className, description, title, ...props }: AppShellWelcomeProps): React.JSX.Element;
+export { AppShellPage, type AppShellPageBrand, AppShellPageHeader, type AppShellPageHeaderProps, type AppShellPageProps, AppShellWelcome, type AppShellWelcomeProps, };

package/dist/components/ui/app-shell-page.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@ciridae/ui/utils";
+import { PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderMain, PageHeaderTitle, } from "@ciridae/ui/page-header";
+import { SidebarTrigger } from "@ciridae/ui/sidebar";
+function AppShellPage({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "app-shell-page", className: cn("flex min-h-0 flex-1 flex-col bg-background text-foreground", className), ...props }));
+}
+function AppShellPageHeader({ actions, className, description, title, ...props }) {
+    return (_jsx(PageHeader, { className: className, ...props, children: _jsxs(PageHeaderMain, { className: "relative pl-14 md:pl-6 lg:pl-8", children: [_jsx(SidebarTrigger, { className: "absolute top-1/2 left-4 -translate-y-1/2 md:hidden" }), _jsxs(PageHeaderContent, { children: [_jsx(PageHeaderTitle, { children: title }), description ? _jsx(PageHeaderDescription, { children: description }) : null] }), actions ? _jsx(PageHeaderActions, { children: actions }) : null] }) }));
+}
+function AppShellWelcome({ brand, children, className, description, title, ...props }) {
+    return (_jsx("div", { "data-slot": "app-shell-welcome", className: cn("flex min-h-0 flex-1 items-center justify-center p-6", className), ...props, children: _jsxs("div", { className: "flex max-w-md flex-col items-center gap-4 text-center", children: [brand ? _jsx(AppShellWelcomeBrand, { brand: brand }) : null, _jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("h2", { className: "text-2xl font-heading tracking-normal", children: title }), description ? (_jsx("div", { className: "text-sm text-muted-foreground [&>a]:font-medium [&>a]:text-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-foreground/72", children: description })) : null] }), children] }) }));
+}
+function AppShellWelcomeBrand({ brand }) {
+    return (_jsxs(_Fragment, { children: [_jsx("img", { alt: brand.name, className: "h-24 w-auto dark:hidden", src: brand.iconLight }), brand.iconDark ? (_jsx("img", { alt: brand.name, className: "hidden h-24 w-auto dark:block", src: brand.iconDark })) : null] }));
+}
+export { AppShellPage, AppShellPageHeader, AppShellWelcome, };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ciridae/ui",
-	"version": "0.2.4",
+	"version": "0.2.5",
 	"type": "module",
 	"private": false,
 	"repository": {
@@ -275,6 +275,10 @@
 			"types": "./dist/components/ui/alert.d.ts",
 			"default": "./dist/components/ui/alert.js"
 		},
+		"./app-shell-page": {
+			"types": "./dist/components/ui/app-shell-page.d.ts",
+			"default": "./dist/components/ui/app-shell-page.js"
+		},
 		"./app-shell": {
 			"types": "./dist/components/ui/app-shell.d.ts",
 			"default": "./dist/components/ui/app-shell.js"