@pixpilot/shadcn-ui 0.7.0 → 0.9.0

package/dist/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
@@ -39,7 +39,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime4.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/ContentCard.d.ts

@@ -1,6 +1,6 @@
 import { Card } from "@pixpilot/shadcn";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime1.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime0.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/DatePicker.d.ts
 type DatePickerProps = {
@@ -8,7 +8,7 @@ type DatePickerProps = {
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime2.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime1.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/Select.d.ts

@@ -1,6 +1,6 @@
 import { Select } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/Select.d.ts
 interface SelectOption {
@@ -13,6 +13,6 @@ type BaseSelectProps = {
   onChange?: (value: string) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectOption };

package/dist/ThemeToggle.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/ThemeToggle.d.ts
-declare function ThemeToggle(): react_jsx_runtime5.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { ThemeToggle };

package/dist/file-upload/FileUpload.d.cts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime7.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload-inline/FileUploadInline.cjs

@@ -20,7 +20,8 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * FileUploadInline - An inline file upload component using FileUpload primitives
 */
 function FileUploadInline(props) {
-	const { value, onChange, className, disabled = require_defaults.defaultOptions.disabled, multiple = require_defaults.defaultOptions.multiple, buttonText, showIcon = require_defaults.defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { value, onChange, className, disabled = require_defaults.defaultOptions.disabled, multiple = require_defaults.defaultOptions.multiple, buttonText: buttonTextProp, showIcon = require_defaults.defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const buttonText = buttonTextProp ?? (multiple ? "Click to upload files" : "Click to upload a file");
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
 		value,
 		onChange,

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime6.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.js

@@ -15,7 +15,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * FileUploadInline - An inline file upload component using FileUpload primitives
 */
 function FileUploadInline(props) {
-	const { value, onChange, className, disabled = defaultOptions.disabled, multiple = defaultOptions.multiple, buttonText, showIcon = defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const { value, onChange, className, disabled = defaultOptions.disabled, multiple = defaultOptions.multiple, buttonText: buttonTextProp, showIcon = defaultOptions.showIcon, onAccept, preventDuplicates,...rest } = props;
+	const buttonText = buttonTextProp ?? (multiple ? "Click to upload files" : "Click to upload a file");
 	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
 		value,
 		onChange,

package/dist/index.cjs

@@ -23,6 +23,11 @@ require('./hooks/index.cjs');
 const require_LoadingOverlay = require('./LoadingOverlay.cjs');
 const require_IconPicker = require('./icon-selector/IconPicker.cjs');
 require('./icon-selector/index.cjs');
+const require_Layout = require('./layout/Layout.cjs');
+const require_LayoutFooter = require('./layout/LayoutFooter.cjs');
+const require_LayoutHeader = require('./layout/LayoutHeader.cjs');
+const require_LayoutMain = require('./layout/LayoutMain.cjs');
+require('./layout/index.cjs');
 const require_Pagination = require('./pagination/Pagination.cjs');
 require('./pagination/index.cjs');
 const require_RichTextEditor = require('./rich-text-editor/RichTextEditor.cjs');
@@ -55,6 +60,10 @@ exports.DialogProvider = require_DialogProvider.DialogProvider;
 exports.FileUpload = require_FileUpload.FileUpload;
 exports.FileUploadInline = require_FileUploadInline.FileUploadInline;
 exports.IconPicker = require_IconPicker.IconPicker;
+exports.Layout = require_Layout.Layout;
+exports.LayoutFooter = require_LayoutFooter.LayoutFooter;
+exports.LayoutHeader = require_LayoutHeader.LayoutHeader;
+exports.LayoutMain = require_LayoutMain.LayoutMain;
 exports.LoadingOverlay = require_LoadingOverlay.LoadingOverlay;
 exports.Pagination = require_Pagination.Pagination;
 exports.RichTextEditor = require_RichTextEditor.RichTextEditor;

package/dist/index.d.cts

@@ -24,6 +24,11 @@ import { useMediaQuery } from "./hooks/use-media-query.cjs";
 import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.cjs";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.cjs";
 import "./icon-selector/index.cjs";
+import { Layout, LayoutProps } from "./layout/Layout.cjs";
+import { LayoutFooter, LayoutFooterProps } from "./layout/LayoutFooter.cjs";
+import { LayoutHeader, LayoutHeaderProps } from "./layout/LayoutHeader.cjs";
+import { LayoutMain, LayoutMainProps } from "./layout/LayoutMain.cjs";
+import "./layout/index.cjs";
 import { LoaderProps, LoadingOverlay } from "./LoadingOverlay.cjs";
 import { Pagination, PaginationProps } from "./pagination/Pagination.cjs";
 import "./pagination/index.cjs";
@@ -38,4 +43,4 @@ import { ThemeToggle } from "./ThemeToggle.cjs";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
 import "./toast/index.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };

package/dist/index.d.ts

@@ -25,6 +25,11 @@ import "./hooks/index.js";
 import { IconProvider, IconProviderLoader, IconProviderProps } from "./icon-selector/types.js";
 import { IconPicker, IconPickerProps, IconPickerVariant } from "./icon-selector/IconPicker.js";
 import "./icon-selector/index.js";
+import { Layout, LayoutProps } from "./layout/Layout.js";
+import { LayoutFooter, LayoutFooterProps } from "./layout/LayoutFooter.js";
+import { LayoutHeader, LayoutHeaderProps } from "./layout/LayoutHeader.js";
+import { LayoutMain, LayoutMainProps } from "./layout/LayoutMain.js";
+import "./layout/index.js";
 import { LoaderProps, LoadingOverlay } from "./LoadingOverlay.js";
 import { Pagination, PaginationProps } from "./pagination/Pagination.js";
 import "./pagination/index.js";
@@ -39,4 +44,4 @@ import { ThemeToggle } from "./ThemeToggle.js";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, Select, SelectOption, SingleFileUploadProps, Slider, SliderProps, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };

package/dist/index.js

@@ -22,6 +22,11 @@ import "./hooks/index.js";
 import { LoadingOverlay } from "./LoadingOverlay.js";
 import { IconPicker } from "./icon-selector/IconPicker.js";
 import "./icon-selector/index.js";
+import { Layout } from "./layout/Layout.js";
+import { LayoutFooter } from "./layout/LayoutFooter.js";
+import { LayoutHeader } from "./layout/LayoutHeader.js";
+import { LayoutMain } from "./layout/LayoutMain.js";
+import "./layout/index.js";
 import { Pagination } from "./pagination/Pagination.js";
 import "./pagination/index.js";
 import { RichTextEditor } from "./rich-text-editor/RichTextEditor.js";
@@ -36,4 +41,4 @@ import { DEFAULT_ALERT_DURATION, toast, toastError, toastInfo, toastSuccess, toa
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
 
-export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, LoadingOverlay, Pagination, RichTextEditor, Select, Slider, TagsInput, ThemeProvider, ThemeToggle, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };
+export { AbsoluteFill, Alert, AvatarUpload, Button, CircleLoader, CloseButtonAbsolute, CloseButtonRounded, Combobox, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DialogProvider, FileUpload, FileUploadInline, IconPicker, Layout, LayoutFooter, LayoutHeader, LayoutMain, LoadingOverlay, Pagination, RichTextEditor, Select, Slider, TagsInput, ThemeProvider, ThemeToggle, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useTheme };

package/dist/layout/Layout.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/layout/Layout.tsx
+const Layout = react.default.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: (0, __pixpilot_shadcn.cn)("flex w-full flex-col overflow-hidden", "h-dvh", "max-h-full", className),
+		...props
+	});
+});
+Layout.displayName = "Layout";
+
+//#endregion
+exports.Layout = Layout;

package/dist/layout/Layout.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/Layout.d.ts
+interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Layout, LayoutProps };

package/dist/layout/Layout.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/Layout.d.ts
+interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Layout, LayoutProps };

package/dist/layout/Layout.js

@@ -0,0 +1,16 @@
+import { cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layout/Layout.tsx
+const Layout = React.forwardRef(({ className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("flex w-full flex-col overflow-hidden", "h-dvh", "max-h-full", className),
+		...props
+	});
+});
+Layout.displayName = "Layout";
+
+//#endregion
+export { Layout };

package/dist/layout/LayoutFooter.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/layout/LayoutFooter.tsx
+const LayoutFooter = react.default.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	...props,
+	className: (0, __pixpilot_shadcn.cn)(className),
+	ref
+}));
+LayoutFooter.displayName = "LayoutFooter";
+
+//#endregion
+exports.LayoutFooter = LayoutFooter;

package/dist/layout/LayoutFooter.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/LayoutFooter.d.ts
+interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const LayoutFooter: React.ForwardRefExoticComponent<LayoutFooterProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { LayoutFooter, LayoutFooterProps };

package/dist/layout/LayoutFooter.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/LayoutFooter.d.ts
+interface LayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const LayoutFooter: React.ForwardRefExoticComponent<LayoutFooterProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { LayoutFooter, LayoutFooterProps };

package/dist/layout/LayoutFooter.js

@@ -0,0 +1,14 @@
+import { cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layout/LayoutFooter.tsx
+const LayoutFooter = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	...props,
+	className: cn(className),
+	ref
+}));
+LayoutFooter.displayName = "LayoutFooter";
+
+//#endregion
+export { LayoutFooter };

package/dist/layout/LayoutHeader.cjs

@@ -0,0 +1,18 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/layout/LayoutHeader.tsx
+const LayoutHeader = react.default.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	...props,
+	className: (0, __pixpilot_shadcn.cn)(className),
+	ref
+}));
+LayoutHeader.displayName = "LayoutHeader";
+
+//#endregion
+exports.LayoutHeader = LayoutHeader;

package/dist/layout/LayoutHeader.d.cts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/LayoutHeader.d.ts
+interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const LayoutHeader: React.ForwardRefExoticComponent<LayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { LayoutHeader, LayoutHeaderProps };

package/dist/layout/LayoutHeader.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+
+//#region src/layout/LayoutHeader.d.ts
+interface LayoutHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare const LayoutHeader: React.ForwardRefExoticComponent<LayoutHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { LayoutHeader, LayoutHeaderProps };

package/dist/layout/LayoutHeader.js

@@ -0,0 +1,14 @@
+import { cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layout/LayoutHeader.tsx
+const LayoutHeader = React.forwardRef(({ className,...props }, ref) => /* @__PURE__ */ jsx("div", {
+	...props,
+	className: cn(className),
+	ref
+}));
+LayoutHeader.displayName = "LayoutHeader";
+
+//#endregion
+export { LayoutHeader };

package/dist/layout/LayoutMain.cjs

@@ -0,0 +1,20 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/layout/LayoutMain.tsx
+const LayoutMain = react.default.forwardRef(({ autoScroll = true, className,...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("main", {
+		ref,
+		className: (0, __pixpilot_shadcn.cn)("flex-1", { "overflow-auto": autoScroll }, className),
+		...props
+	});
+});
+LayoutMain.displayName = "LayoutMain";
+
+//#endregion
+exports.LayoutMain = LayoutMain;

package/dist/layout/LayoutMain.d.cts

@@ -0,0 +1,9 @@
+import React from "react";
+
+//#region src/layout/LayoutMain.d.ts
+interface LayoutMainProps extends React.HTMLAttributes<HTMLElement> {
+  autoScroll?: boolean;
+}
+declare const LayoutMain: React.ForwardRefExoticComponent<LayoutMainProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { LayoutMain, LayoutMainProps };

package/dist/layout/LayoutMain.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+
+//#region src/layout/LayoutMain.d.ts
+interface LayoutMainProps extends React.HTMLAttributes<HTMLElement> {
+  autoScroll?: boolean;
+}
+declare const LayoutMain: React.ForwardRefExoticComponent<LayoutMainProps & React.RefAttributes<HTMLElement>>;
+//#endregion
+export { LayoutMain, LayoutMainProps };

package/dist/layout/LayoutMain.js

@@ -0,0 +1,16 @@
+import { cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/layout/LayoutMain.tsx
+const LayoutMain = React.forwardRef(({ autoScroll = true, className,...props }, ref) => {
+	return /* @__PURE__ */ jsx("main", {
+		ref,
+		className: cn("flex-1", { "overflow-auto": autoScroll }, className),
+		...props
+	});
+});
+LayoutMain.displayName = "LayoutMain";
+
+//#endregion
+export { LayoutMain };

package/dist/layout/index.cjs

@@ -0,0 +1,4 @@
+const require_Layout = require('./Layout.cjs');
+const require_LayoutFooter = require('./LayoutFooter.cjs');
+const require_LayoutHeader = require('./LayoutHeader.cjs');
+const require_LayoutMain = require('./LayoutMain.cjs');

package/dist/layout/index.d.cts

@@ -0,0 +1,4 @@
+import { Layout, LayoutProps } from "./Layout.cjs";
+import { LayoutFooter, LayoutFooterProps } from "./LayoutFooter.cjs";
+import { LayoutHeader, LayoutHeaderProps } from "./LayoutHeader.cjs";
+import { LayoutMain, LayoutMainProps } from "./LayoutMain.cjs";

package/dist/layout/index.d.ts

@@ -0,0 +1,4 @@
+import { Layout, LayoutProps } from "./Layout.js";
+import { LayoutFooter, LayoutFooterProps } from "./LayoutFooter.js";
+import { LayoutHeader, LayoutHeaderProps } from "./LayoutHeader.js";
+import { LayoutMain, LayoutMainProps } from "./LayoutMain.js";

package/dist/layout/index.js

@@ -0,0 +1,4 @@
+import { Layout } from "./Layout.js";
+import { LayoutFooter } from "./LayoutFooter.js";
+import { LayoutHeader } from "./LayoutHeader.js";
+import { LayoutMain } from "./LayoutMain.js";

package/dist/tags-input.d.cts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "./CommandOptionList.cjs";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/tags-input.d.ts
 interface TagsInputProps {
@@ -55,6 +55,6 @@ declare function TagsInput({
   addOnPaste,
   addOnTab,
   onValidate
-}: TagsInputProps): react_jsx_runtime4.JSX.Element;
+}: TagsInputProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input.d.ts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "./CommandOptionList.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/tags-input.d.ts
 interface TagsInputProps {
@@ -55,6 +55,6 @@ declare function TagsInput({
   addOnPaste,
   addOnTab,
   onValidate
-}: TagsInputProps): react_jsx_runtime4.JSX.Element;
+}: TagsInputProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",