@olwiba/ui 0.0.44 → 0.0.46

package/dist/chunk-AMWLSHD6.js

@@ -0,0 +1,37 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { useMDXComponent } from '@content-collections/mdx/react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var components = {
+  h1: ({ className, ...props }) => /* @__PURE__ */ jsx("h1", { className: cn("mt-8 scroll-m-20 text-3xl font-bold tracking-tight text-foreground first:mt-0", className), ...props }),
+  h2: ({ className, ...props }) => /* @__PURE__ */ jsx("h2", { className: cn("mt-10 scroll-m-20 text-2xl font-semibold tracking-tight text-foreground first:mt-0", className), ...props }),
+  h3: ({ className, ...props }) => /* @__PURE__ */ jsx("h3", { className: cn("mt-8 scroll-m-20 text-xl font-semibold tracking-tight text-foreground", className), ...props }),
+  h4: ({ className, ...props }) => /* @__PURE__ */ jsx("h4", { className: cn("mt-6 scroll-m-20 text-lg font-semibold tracking-tight text-foreground", className), ...props }),
+  p: ({ className, ...props }) => /* @__PURE__ */ jsx("p", { className: cn("leading-7 text-muted-foreground [&:not(:first-child)]:mt-6", className), ...props }),
+  ul: ({ className, ...props }) => /* @__PURE__ */ jsx("ul", { className: cn("my-6 ml-6 list-disc text-muted-foreground", className), ...props }),
+  ol: ({ className, ...props }) => /* @__PURE__ */ jsx("ol", { className: cn("my-6 ml-6 list-decimal text-muted-foreground", className), ...props }),
+  li: ({ className, ...props }) => /* @__PURE__ */ jsx("li", { className: cn("mt-2", className), ...props }),
+  blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx("blockquote", { className: cn("mt-6 rounded-r-lg border-l-4 border-primary bg-muted py-4 pl-6 pr-4 italic text-muted-foreground", className), ...props }),
+  hr: (props) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-border", ...props }),
+  img: ({ className, alt, ...props }) => /* @__PURE__ */ jsx("img", { className: cn("rounded-lg border shadow-sm", className), alt, ...props }),
+  pre: ({ className, ...props }) => /* @__PURE__ */ jsx("pre", { className: cn("mt-6 mb-4 overflow-x-auto rounded-lg bg-muted p-4 text-sm", className), ...props }),
+  code: ({ className, ...props }) => /* @__PURE__ */ jsx("code", { className: cn("relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm text-foreground", className), ...props }),
+  table: ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: "my-6 w-full overflow-y-auto rounded-lg border border-border", children: /* @__PURE__ */ jsx("table", { className: cn("w-full", className), ...props }) }),
+  tr: ({ className, ...props }) => /* @__PURE__ */ jsx("tr", { className: cn("m-0 border-t border-border p-0 even:bg-muted", className), ...props }),
+  th: ({ className, ...props }) => /* @__PURE__ */ jsx("th", { className: cn("border border-border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right", className), ...props }),
+  td: ({ className, ...props }) => /* @__PURE__ */ jsx("td", { className: cn("border border-border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right", className), ...props }),
+  a: ({ className, ...props }) => /* @__PURE__ */ jsx("a", { className: cn("font-medium text-primary underline underline-offset-4 hover:text-primary/80", className), ...props })
+};
+function MdxContent({ code }) {
+  const MDXComponent = useMDXComponent(code);
+  return /* @__PURE__ */ jsx(MDXComponent, { components });
+}
+
+export { MdxContent, cn };
+//# sourceMappingURL=chunk-AMWLSHD6.js.map
+//# sourceMappingURL=chunk-AMWLSHD6.js.map

package/dist/chunk-AMWLSHD6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/blog/MdxContent.tsx"],"names":[],"mappings":";;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACDA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,+EAAA,EAAiF,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAE5H,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,oFAAA,EAAsF,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEjI,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,uEAAA,EAAyE,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEpH,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,uEAAA,EAAyE,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEpH,CAAA,EAAG,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACxB,GAAA,CAAC,GAAA,EAAA,EAAE,WAAW,EAAA,CAAG,4DAAA,EAA8D,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAExG,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,2CAAA,EAA6C,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAExF,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAE3F,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,MAAA,EAAQ,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEnD,UAAA,EAAY,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACjC,GAAA,CAAC,YAAA,EAAA,EAAW,WAAW,EAAA,CAAG,kGAAA,EAAoG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEvJ,EAAA,EAAI,CAAC,KAAA,qBACH,GAAA,CAAC,QAAG,SAAA,EAAU,oBAAA,EAAsB,GAAG,KAAA,EAAO,CAAA;AAAA,EAEhD,KAAK,CAAC,EAAE,SAAA,EAAW,GAAA,EAAK,GAAG,KAAA,EAAM,qBAC/B,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,6BAAA,EAA+B,SAAS,CAAA,EAAG,GAAA,EAAW,GAAG,KAAA,EAAO,CAAA;AAAA,EAErF,GAAA,EAAK,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC1B,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,EAAA,CAAG,2DAAA,EAA6D,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEzG,IAAA,EAAM,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBAC3B,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,qFAAA,EAAuF,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEpI,KAAA,EAAO,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,yBAC3B,KAAA,EAAA,EAAI,SAAA,EAAU,+DACb,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAW,EAAA,CAAG,QAAA,EAAU,SAAS,CAAA,EAAI,GAAG,OAAO,CAAA,EACxD,CAAA;AAAA,EAEF,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,8CAAA,EAAgD,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAE3F,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,8GAAA,EAAgH,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAE3J,EAAA,EAAI,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACzB,GAAA,CAAC,IAAA,EAAA,EAAG,WAAW,EAAA,CAAG,oGAAA,EAAsG,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,EAEjJ,CAAA,EAAG,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,qBACxB,GAAA,CAAC,GAAA,EAAA,EAAE,WAAW,EAAA,CAAG,6EAAA,EAA+E,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE3H,CAAA;AAMO,SAAS,UAAA,CAAW,EAAE,IAAA,EAAK,EAAoB;AACpD,EAAA,MAAM,YAAA,GAAe,gBAAgB,IAAI,CAAA;AACzC,EAAA,uBAAO,GAAA,CAAC,gBAAa,UAAA,EAAwB,CAAA;AAC/C","file":"chunk-AMWLSHD6.js","sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from 'react';\nimport { useMDXComponent } from '@content-collections/mdx/react';\nimport { cn } from '../lib/utils';\n\nconst components = {\n  h1: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h1 className={cn('mt-8 scroll-m-20 text-3xl font-bold tracking-tight text-foreground first:mt-0', className)} {...props} />\n  ),\n  h2: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h2 className={cn('mt-10 scroll-m-20 text-2xl font-semibold tracking-tight text-foreground first:mt-0', className)} {...props} />\n  ),\n  h3: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h3 className={cn('mt-8 scroll-m-20 text-xl font-semibold tracking-tight text-foreground', className)} {...props} />\n  ),\n  h4: ({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>) => (\n    <h4 className={cn('mt-6 scroll-m-20 text-lg font-semibold tracking-tight text-foreground', className)} {...props} />\n  ),\n  p: ({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) => (\n    <p className={cn('leading-7 text-muted-foreground [&:not(:first-child)]:mt-6', className)} {...props} />\n  ),\n  ul: ({ className, ...props }: React.HTMLAttributes<HTMLUListElement>) => (\n    <ul className={cn('my-6 ml-6 list-disc text-muted-foreground', className)} {...props} />\n  ),\n  ol: ({ className, ...props }: React.HTMLAttributes<HTMLOListElement>) => (\n    <ol className={cn('my-6 ml-6 list-decimal text-muted-foreground', className)} {...props} />\n  ),\n  li: ({ className, ...props }: React.HTMLAttributes<HTMLLIElement>) => (\n    <li className={cn('mt-2', className)} {...props} />\n  ),\n  blockquote: ({ className, ...props }: React.HTMLAttributes<HTMLQuoteElement>) => (\n    <blockquote className={cn('mt-6 rounded-r-lg border-l-4 border-primary bg-muted py-4 pl-6 pr-4 italic text-muted-foreground', className)} {...props} />\n  ),\n  hr: (props: React.HTMLAttributes<HTMLHRElement>) => (\n    <hr className=\"my-8 border-border\" {...props} />\n  ),\n  img: ({ className, alt, ...props }: React.ImgHTMLAttributes<HTMLImageElement>) => (\n    <img className={cn('rounded-lg border shadow-sm', className)} alt={alt} {...props} />\n  ),\n  pre: ({ className, ...props }: React.HTMLAttributes<HTMLPreElement>) => (\n    <pre className={cn('mt-6 mb-4 overflow-x-auto rounded-lg bg-muted p-4 text-sm', className)} {...props} />\n  ),\n  code: ({ className, ...props }: React.HTMLAttributes<HTMLElement>) => (\n    <code className={cn('relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm text-foreground', className)} {...props} />\n  ),\n  table: ({ className, ...props }: React.HTMLAttributes<HTMLTableElement>) => (\n    <div className=\"my-6 w-full overflow-y-auto rounded-lg border border-border\">\n      <table className={cn('w-full', className)} {...props} />\n    </div>\n  ),\n  tr: ({ className, ...props }: React.HTMLAttributes<HTMLTableRowElement>) => (\n    <tr className={cn('m-0 border-t border-border p-0 even:bg-muted', className)} {...props} />\n  ),\n  th: ({ className, ...props }: React.HTMLAttributes<HTMLTableCellElement>) => (\n    <th className={cn('border border-border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right', className)} {...props} />\n  ),\n  td: ({ className, ...props }: React.HTMLAttributes<HTMLTableCellElement>) => (\n    <td className={cn('border border-border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right', className)} {...props} />\n  ),\n  a: ({ className, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => (\n    <a className={cn('font-medium text-primary underline underline-offset-4 hover:text-primary/80', className)} {...props} />\n  ),\n};\n\nexport interface MdxContentProps {\n  code: string;\n}\n\nexport function MdxContent({ code }: MdxContentProps) {\n  const MDXComponent = useMDXComponent(code);\n  return <MDXComponent components={components} />;\n}\n"]}

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import React__default, { ReactNode } from 'react';
 import { ButtonProps as ButtonProps$1, CardProps as CardProps$1, BadgeProps as BadgeProps$1, InputProps as InputProps$1, TextareaProps as TextareaProps$1, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1 } from '@olwiba/cn';
 export { CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@olwiba/cn';
 import { LucideIcon } from 'lucide-react';
+export { MdxContent, MdxContentProps } from './mdx/index.js';
 
 declare function cn(...inputs: ClassValue[]): string;
 
@@ -60,7 +61,7 @@ declare const Switch: React.ForwardRefExoticComponent<SwitchProps$1 & {
     mode?: "default" | "playful" | "smooth";
 } & React.RefAttributes<HTMLButtonElement>>;
 
-declare const gapMap$1: {
+declare const gapMap$2: {
     none: string;
     xs: string;
     sm: string;
@@ -70,7 +71,7 @@ declare const gapMap$1: {
 };
 interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
     columns?: 1 | 2 | 3 | 4 | 5 | 6 | 12;
-    gap?: keyof typeof gapMap$1;
+    gap?: keyof typeof gapMap$2;
 }
 declare function Grid({ columns, gap, className, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
 interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
@@ -79,7 +80,7 @@ interface GridItemProps extends React__default.HTMLAttributes<HTMLDivElement> {
 }
 declare function GridItem({ span, rowSpan, className, children, ...props }: GridItemProps): react_jsx_runtime.JSX.Element;
 
-declare const gapMap: {
+declare const gapMap$1: {
     none: string;
     xs: string;
     sm: string;
@@ -102,7 +103,7 @@ declare const justifyMap: {
 };
 interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
     direction?: 'col' | 'row';
-    gap?: keyof typeof gapMap;
+    gap?: keyof typeof gapMap$1;
     align?: keyof typeof alignMap;
     justify?: keyof typeof justifyMap;
     wrap?: boolean;
@@ -122,6 +123,72 @@ interface SectionProps extends React__default.HTMLAttributes<HTMLElement> {
 }
 declare function Section({ title, description, padding, className, children, ...props }: SectionProps): react_jsx_runtime.JSX.Element;
 
+declare const spacingMap$1: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const maxWidthMap$1: {
+    none: string;
+    'screen-lg': string;
+    'screen-xl': string;
+    'screen-2xl': string;
+};
+interface AppContentProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    spacing?: keyof typeof spacingMap$1;
+    maxWidth?: keyof typeof maxWidthMap$1;
+}
+declare function AppContent({ spacing, maxWidth, className, children, ...props }: AppContentProps): react_jsx_runtime.JSX.Element;
+
+declare const columnsMap: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+};
+declare const gapMap: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const spanMap: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    full: string;
+};
+interface AppGridProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    columns?: keyof typeof columnsMap;
+    gap?: keyof typeof gapMap;
+}
+declare function AppGrid({ columns, gap, className, children, ...props }: AppGridProps): react_jsx_runtime.JSX.Element;
+interface AppGridCellProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    span?: keyof typeof spanMap;
+}
+declare function AppGridCell({ span, className, children, ...props }: AppGridCellProps): react_jsx_runtime.JSX.Element;
+
+declare const surfaceMap: {
+    default: string;
+    muted: string;
+};
+declare const spacingMap: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+declare const maxWidthMap: {
+    none: string;
+    'screen-xl': string;
+    'screen-2xl': string;
+};
+interface PublicPageFrameProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    surface?: keyof typeof surfaceMap;
+    spacing?: keyof typeof spacingMap;
+    maxWidth?: keyof typeof maxWidthMap;
+}
+declare function PublicPageFrame({ surface, spacing, maxWidth, className, children, ...props }: PublicPageFrameProps): react_jsx_runtime.JSX.Element;
+
 interface AppNavItem {
     icon: LucideIcon;
     label: string;
@@ -951,4 +1018,4 @@ interface UsePaginationReturn {
 }
 declare function usePagination(total: number, pageSize: number): UsePaginationReturn;
 
-export { type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
+export { AppContent, type AppContentProps, AppGrid, AppGridCell, type AppGridCellProps, type AppGridProps, type AppNavItem, AppScreen, AppShell, type AppShellAction, type AppShellBrand, type AppShellProps, type AppShellRenderLink, type AppShellUser, type AuthFormProps, AuthSection, type AuthSectionProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, ChangelogCard, type ChangelogCardProps, ChangelogList, type ChangelogListProps, Checkbox, type CheckboxProps, ConfirmDialog, type ConfirmDialogProps, type ConfirmOptions, type ContactInfoItem, ContactSection, type ContactSectionProps, ContextMenu, type ContextMenuDef, type ContextMenuProps, CountUp, type CountUpProps, CtaSection, type CtaSectionProps, DevBanner, type DevBannerProps, Dock, type DockItem, type DockProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, FadeIn, type FadeInProps, FaqSection, type FaqSectionProps, FeatureCard, type FeatureCardProps, FeaturesSection, type FeaturesSectionProps, Footer, type FooterProps, FullPageSpinner, GlassCard, type GlassCardProps, Grid, GridItem, type GridItemProps, type GridProps, HeroSection, type HeroSectionProps, type Hotkey, ImageCard, type ImageCardProps, Input, type InputProps, LogoStrip, type LogoStripProps, Navbar, type NavbarProps, NewsletterSection, type NewsletterSectionProps, OlwibaUIProvider, type OlwibaUIProviderProps, Overlay, type OverlayProps, type OverlayVariant, PageHeader, type PageHeaderBackButton, type PageHeaderBreadcrumb, type PageHeaderProps, PageTransition, type PageTransitionProps, PhoneFrame, type PhoneFrameProps, PostCard, type PostCardProps, PostList, type PostListProps, PricingCard, type PricingCardProps, type PricingFeature, type PricingPlan, PricingSection, type PricingSectionProps, PublicPageFrame, type PublicPageFrameProps, RegisterHotkeys, RootErrorFallback, Section, type SectionProps, SectionTitle, type SectionTitleProps, Spotlight, type SpotlightGroup, type SpotlightItem, type SpotlightProps, Stack, type StackProps, StaggerChildren, type StaggerChildrenProps, StatCard, type StatCardProps, StatsSection, type StatsSectionProps, Suspensed, Switch, type SwitchProps, TeamSection, TestimonialCard, type TestimonialCardProps, TestimonialsSection, type TestimonialsSectionProps, Textarea, type TextareaProps, ThemeColorUpdater, ThemeSwitchMinimal, type UIMode, Underlay, type UnderlayProps, type UnderlayVariant, type UpgradeComparisonRow, UpgradePrompt, type UpgradePromptProps, type UseConfirmReturn, type UseControlledOpenReturn, type UsePaginationReturn, VersionBanner, cn, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { cn } from './chunk-SUKTBILF.js';
-export { cn } from './chunk-SUKTBILF.js';
+import { cn } from './chunk-AMWLSHD6.js';
+export { MdxContent, cn } from './chunk-AMWLSHD6.js';
 import * as React25 from 'react';
 import { useState, useEffect } from 'react';
 import { Button as Button$1, Card as Card$1, Input as Input$1, Textarea as Textarea$1, Checkbox as Checkbox$1, Switch as Switch$1, useIsMobile, UIVariantProvider, Badge as Badge$1, cn as cn$1, Table, TableHeader, TableRow, TableHead, TableBody, TableCell, Avatar, AvatarImage, AvatarFallback, Separator, Accordion, AccordionItem, AccordionTrigger, AccordionContent, Label, Sheet, SheetTrigger, SheetContent, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandSeparator, CommandGroup, CommandItem, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, ContextMenu as ContextMenu$1, ContextMenuTrigger, ContextMenuContent, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Spinner, SidebarProvider, SidebarInset, CardHeader, CardTitle, CardDescription, CardContent, ContextMenuSeparator, ContextMenuLabel, ContextMenuSub, ContextMenuSubTrigger, ContextMenuSubContent, ContextMenuItem, ContextMenuShortcut, Sidebar, SidebarHeader, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarFooter, SidebarTrigger, useSidebar, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuGroup, DropdownMenuItem } from '@olwiba/cn';
@@ -181,6 +181,74 @@ function Section({ title, description, padding = "md", className, children, ...p
     children
   ] });
 }
+var spacingMap = {
+  sm: "space-y-4",
+  md: "space-y-6",
+  lg: "space-y-8"
+};
+var maxWidthMap = {
+  none: "",
+  "screen-lg": "mx-auto max-w-screen-lg",
+  "screen-xl": "mx-auto max-w-screen-xl",
+  "screen-2xl": "mx-auto max-w-screen-2xl"
+};
+function AppContent({
+  spacing = "md",
+  maxWidth = "none",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("p-6", maxWidthMap[maxWidth], spacingMap[spacing], className), ...props, children });
+}
+var columnsMap = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-2 xl:grid-cols-3",
+  4: "grid-cols-1 md:grid-cols-2 xl:grid-cols-4"
+};
+var gapMap3 = {
+  sm: "gap-3",
+  md: "gap-4",
+  lg: "gap-6"
+};
+var spanMap2 = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "xl:col-span-3",
+  4: "xl:col-span-4",
+  full: "col-span-full"
+};
+function AppGrid({ columns = 3, gap = "md", className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid", columnsMap[columns], gapMap3[gap], className), ...props, children });
+}
+function AppGridCell({ span = 1, className, children, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(spanMap2[span], className), ...props, children });
+}
+var surfaceMap = {
+  default: "bg-background",
+  muted: "bg-muted/50"
+};
+var spacingMap2 = {
+  sm: "gap-4 p-4",
+  md: "gap-5 p-4 sm:gap-6 sm:p-6",
+  lg: "gap-6 p-4 sm:gap-8 sm:p-6"
+};
+var maxWidthMap2 = {
+  none: "",
+  "screen-xl": "mx-auto max-w-screen-xl",
+  "screen-2xl": "mx-auto max-w-screen-2xl"
+};
+function PublicPageFrame({
+  surface = "muted",
+  spacing = "md",
+  maxWidth = "none",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("min-h-screen", surfaceMap[surface], className), ...props, children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-col", spacingMap2[spacing], maxWidthMap2[maxWidth]), children }) });
+}
 function NavUser({ user }) {
   const { isMobile } = useSidebar();
   const uiMode = useUIMode();
@@ -2482,6 +2550,6 @@ function usePagination(total, pageSize) {
   return { page, pageSize, totalPages, offset, hasPrev: page > 1, hasNext: page < totalPages, goTo, next, prev };
 }
 
-export { AppScreen, AppShell, AuthSection, Badge, Button, Card, ChangelogCard, ChangelogList, Checkbox, ConfirmDialog, ContactSection, ContextMenu, CountUp, CtaSection, DevBanner, Dock, EmptyState, ErrorPage, FadeIn, FaqSection, FeatureCard, FeaturesSection, Footer, FullPageSpinner, GlassCard, Grid, GridItem, HeroSection, ImageCard, Input, LogoStrip, Navbar, NewsletterSection, OlwibaUIProvider, Overlay, PageHeader, PageTransition, PhoneFrame, PostCard, PostList, PricingCard, PricingSection, RegisterHotkeys, RootErrorFallback, Section, SectionTitle, Spotlight, Stack, StaggerChildren, StatCard, StatsSection, Suspensed, Switch, TeamSection, TestimonialCard, TestimonialsSection, Textarea, ThemeColorUpdater, ThemeSwitchMinimal, Underlay, UpgradePrompt, VersionBanner, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
+export { AppContent, AppGrid, AppGridCell, AppScreen, AppShell, AuthSection, Badge, Button, Card, ChangelogCard, ChangelogList, Checkbox, ConfirmDialog, ContactSection, ContextMenu, CountUp, CtaSection, DevBanner, Dock, EmptyState, ErrorPage, FadeIn, FaqSection, FeatureCard, FeaturesSection, Footer, FullPageSpinner, GlassCard, Grid, GridItem, HeroSection, ImageCard, Input, LogoStrip, Navbar, NewsletterSection, OlwibaUIProvider, Overlay, PageHeader, PageTransition, PhoneFrame, PostCard, PostList, PricingCard, PricingSection, PublicPageFrame, RegisterHotkeys, RootErrorFallback, Section, SectionTitle, Spotlight, Stack, StaggerChildren, StatCard, StatsSection, Suspensed, Switch, TeamSection, TestimonialCard, TestimonialsSection, Textarea, ThemeColorUpdater, ThemeSwitchMinimal, Underlay, UpgradePrompt, VersionBanner, useConfirm, useControlledOpen, useCopyToClipboard, useDebounce, useIntersectionObserver, useLocalStorage, useMediaQuery, useMounted, useOlwibaUI, usePagination, useScrolledPast, useUIMode };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map