@olwiba/ui 0.2.27 → 0.2.28

package/docs-manifest.json

@@ -1,6 +1,6 @@
 {
   "package": "@olwiba/ui",
-  "version": "0.2.26",
+  "version": "0.2.27",
   "generatedBy": "scripts/check-docs-exports.ts",
   "contentRoot": "content/docs",
   "demosRoot": "site/demos",
@@ -94,9 +94,7 @@
     "animated-swap.tsx",
     "app-shell.tsx",
     "app-ui-page.tsx",
-    "application-sidebar-block.tsx",
     "auth-section.tsx",
-    "auth-split-block.tsx",
     "billing-page.tsx",
     "billing-panel.tsx",
     "carousel.tsx",
@@ -108,8 +106,6 @@
     "context-menu.tsx",
     "count-up.tsx",
     "cta-section.tsx",
-    "dashboard-overview-block.tsx",
-    "dashboard-shell-block.tsx",
     "data-table.tsx",
     "demo-brand.tsx",
     "dock.tsx",
@@ -140,7 +136,6 @@
     "marketing-faq-block.tsx",
     "marketing-features-block.tsx",
     "marketing-footer-block.tsx",
-    "marketing-hero-block.tsx",
     "marketing-nav-block.tsx",
     "marketing-newsletter-block.tsx",
     "marketing-page.tsx",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olwiba/ui",
-  "version": "0.2.27",
+  "version": "0.2.28",
   "private": false,
   "type": "module",
   "sideEffects": false,

package/site/demos/overlay.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { Overlay, type OverlayVariant } from '@olwiba/ui';
-import { DemoControls, useUsageCode } from '~/components/ComponentPreview';
+import { DemoControls, useUsageCode } from '@olwiba/docs';
 import { Button, Badge } from '@olwiba/cn';
 
 const variants: OverlayVariant[] = ['dim', 'scrim', 'loading'];

package/site/demos/underlay.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { Underlay, type UnderlayVariant } from '@olwiba/ui';
-import { DemoControls, useUsageCode } from '~/components/ComponentPreview';
+import { DemoControls, useUsageCode } from '@olwiba/docs';
 import { Button, Badge } from '@olwiba/cn';
 
 const variants: UnderlayVariant[] = ['dots', 'lines', 'cross', 'glow'];

package/site/lib/sandboxes.ts

@@ -84,227 +84,6 @@ export default function SignInPage() {
     />
   );
 }
-`,
-      },
-    ],
-  },
-  'auth-split-block': {
-    id: 'auth-split-block',
-    defaultViewport: 'desktop',
-    preview: React.lazy(() => import('~/demos/auth-split-block')),
-    files: [
-      {
-        path: 'app/page.tsx',
-        language: 'tsx',
-        code: `import { AuthSplitBlock } from "@olwiba/ui";
-
-export default function Page() {
-  return <AuthSplitBlock />;
-}
-`,
-      },
-      {
-        path: 'src/blocks/AuthSplitBlock.tsx',
-        language: 'tsx',
-        code: `import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Input, Label } from "@olwiba/cn";
-
-export function AuthSplitBlock() {
-  return (
-    <section className="grid min-h-[560px] overflow-hidden rounded-2xl border bg-card lg:grid-cols-2">
-      <div className="relative hidden p-8 lg:flex lg:flex-col lg:justify-between">
-        <div className="absolute inset-0 bg-gradient-to-br from-primary/20 via-transparent to-muted" />
-        <div className="relative z-10">
-          <Badge variant="secondary" className="mb-4">Welcome</Badge>
-          <h2 className="text-3xl font-semibold tracking-tight">Build better interfaces faster</h2>
-        </div>
-      </div>
-
-      <div className="flex items-center justify-center p-6 lg:p-10">
-        <Card className="w-full max-w-md">
-          <CardHeader>
-            <CardTitle>Sign in</CardTitle>
-            <CardDescription>Enter your email and password to continue.</CardDescription>
-          </CardHeader>
-          <CardContent className="space-y-4">
-            <div className="space-y-2">
-              <Label htmlFor="email">Email</Label>
-              <Input id="email" type="email" placeholder="name@company.com" />
-            </div>
-            <Button className="w-full">Continue</Button>
-          </CardContent>
-        </Card>
-      </div>
-    </section>
-  );
-}
-`,
-      },
-    ],
-  },
-  'dashboard-overview-block': {
-    id: 'dashboard-overview-block',
-    defaultViewport: 'desktop',
-    preview: React.lazy(() => import('~/demos/dashboard-overview-block')),
-    files: [
-      {
-        path: 'app/page.tsx',
-        language: 'tsx',
-        code: `import { DashboardOverviewBlock } from "@olwiba/ui";
-
-export default function Page() {
-  return <DashboardOverviewBlock />;
-}
-`,
-      },
-      {
-        path: 'src/blocks/DashboardOverviewBlock.tsx',
-        language: 'tsx',
-        code: `import { ArrowUpRight } from "lucide-react";
-import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Progress, Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@olwiba/cn";
-
-export function DashboardOverviewBlock() {
-  return (
-    <section className="space-y-6 rounded-2xl border bg-card p-4 sm:p-6">
-      <div className="flex flex-wrap items-start justify-between gap-3">
-        <div>
-          <h2 className="text-2xl font-semibold tracking-tight">Overview</h2>
-          <p className="text-sm text-muted-foreground">Snapshot of key product and revenue metrics.</p>
-        </div>
-        <Button variant="outline" size="sm">Export report <ArrowUpRight className="ml-2 size-4" /></Button>
-      </div>
-
-      <Card>
-        <CardHeader>
-          <CardTitle>Recent invoices</CardTitle>
-          <CardDescription>Latest billing activity from your workspace.</CardDescription>
-        </CardHeader>
-        <CardContent>
-          <Table>
-            <TableHeader>
-              <TableRow>
-                <TableHead>Invoice</TableHead>
-                <TableHead>Status</TableHead>
-              </TableRow>
-            </TableHeader>
-            <TableBody>
-              <TableRow>
-                <TableCell>#INV-9031</TableCell>
-                <TableCell><Badge>Paid</Badge></TableCell>
-              </TableRow>
-            </TableBody>
-          </Table>
-          <div className="mt-4"><Progress value={72} /></div>
-        </CardContent>
-      </Card>
-    </section>
-  );
-}
-`,
-      },
-    ],
-  },
-  'dashboard-shell-block': {
-    id: 'dashboard-shell-block',
-    defaultViewport: 'desktop',
-    preview: React.lazy(() => import('~/demos/dashboard-shell-block')),
-    files: [
-      {
-        path: 'app/page.tsx',
-        language: 'tsx',
-        code: `import { DashboardShellBlock } from "@olwiba/ui";
-
-export default function Page() {
-  return <DashboardShellBlock />;
-}
-`,
-      },
-      {
-        path: 'src/blocks/DashboardShellBlock.tsx',
-        language: 'tsx',
-        code: `import { DashboardShellBlock } from "@olwiba/ui";
-
-export default function Example() {
-  return <DashboardShellBlock />;
-}
-`,
-      },
-    ],
-  },
-  'marketing-hero-block': {
-    id: 'marketing-hero-block',
-    defaultViewport: 'desktop',
-    preview: React.lazy(() => import('~/demos/marketing-hero-block')),
-    files: [
-      {
-        path: 'app/page.tsx',
-        language: 'tsx',
-        code: `import { MarketingHeroBlock } from "@olwiba/ui";
-
-export default function Page() {
-  return <MarketingHeroBlock />;
-}
-`,
-      },
-      {
-        path: 'src/blocks/MarketingHeroBlock.tsx',
-        language: 'tsx',
-        code: `import { ArrowRight } from "lucide-react";
-import { Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from "@olwiba/cn";
-
-export function MarketingHeroBlock() {
-  return (
-    <section className="overflow-hidden rounded-2xl border bg-card">
-      <div className="relative px-6 py-14 sm:px-10 sm:py-20">
-        <div className="relative mx-auto max-w-4xl text-center">
-          <Badge className="mb-4" variant="secondary">Base UI Blocks</Badge>
-          <h1 className="text-balance text-4xl font-semibold tracking-tight sm:text-5xl">
-            Ship polished screens with olwibaCN-powered building blocks
-          </h1>
-          <div className="mt-8 flex flex-wrap items-center justify-center gap-3">
-            <Button size="lg">Get started <ArrowRight className="ml-2 size-4" /></Button>
-            <Button size="lg" variant="outline">View examples</Button>
-          </div>
-        </div>
-      </div>
-      <div className="grid gap-4 p-6 sm:grid-cols-3 sm:p-8">
-        <Card>
-          <CardHeader>
-            <CardTitle className="text-base">Composable by default</CardTitle>
-            <CardDescription>Built from olwibaCN primitives.</CardDescription>
-          </CardHeader>
-          <CardContent />
-        </Card>
-      </div>
-    </section>
-  );
-}
-`,
-      },
-    ],
-  },
-  'application-sidebar-block': {
-    id: 'application-sidebar-block',
-    defaultViewport: 'desktop',
-    preview: React.lazy(() => import('~/demos/application-sidebar-block')),
-    files: [
-      {
-        path: 'app/page.tsx',
-        language: 'tsx',
-        code: `import { ApplicationSidebarBlock } from "@olwiba/ui";
-
-export default function Page() {
-  return <ApplicationSidebarBlock />;
-}
-`,
-      },
-      {
-        path: 'src/blocks/ApplicationSidebarBlock.tsx',
-        language: 'tsx',
-        code: `import { ApplicationSidebarBlock } from "@olwiba/ui";
-
-export default function Example() {
-  return <ApplicationSidebarBlock />;
-}
 `,
       },
     ],

package/src/app/AuthSection.tsx

@@ -123,6 +123,14 @@ export interface AuthFormProps {
   onSubmit?: (e: React.FormEvent<HTMLFormElement>) => void;
   onSso?: () => void;
   /** (signin) Link to the sign-up page */
+  /**
+   * Where "Create an account" points. Omit it to leave the link out.
+   *
+   * Previously defaulted to '#', so a consumer that never set it rendered a
+   * dead control, and passing undefined could not remove it — a default
+   * parameter reapplies on undefined. Sites where accounts are granted rather
+   * than self-served had no way to say so.
+   */
   signUpHref?: string;
   /** (signup / forgot-password / reset-password / verify) Link back to the sign-in page */
   signInHref?: string;
@@ -163,7 +171,7 @@ function DefaultForm({
   mode = 'signin',
   onSubmit,
   onSso,
-  signUpHref = '#',
+  signUpHref,
   signInHref = '#',
   forgotPasswordHref = '#',
   onResend,

package/site/demos/application-sidebar-block.tsx

@@ -1,9 +0,0 @@
-import { AppShell } from '@olwiba/ui';
-
-export default function ApplicationSidebarBlockDemo() {
-  return (
-    <div className="w-full max-w-7xl">
-      <AppShell />
-    </div>
-  );
-}

package/site/demos/auth-split-block.tsx

@@ -1,9 +0,0 @@
-import { AuthSection } from '@olwiba/ui';
-
-export default function AuthSplitBlockDemo() {
-  return (
-    <div className="w-full max-w-5xl">
-      <AuthSection layout="split" />
-    </div>
-  );
-}

package/site/demos/dashboard-overview-block.tsx

@@ -1,9 +0,0 @@
-import { AppShell } from '@olwiba/ui';
-
-export default function DashboardOverviewBlockDemo() {
-  return (
-    <div className="w-full max-w-6xl">
-      <AppShell />
-    </div>
-  );
-}

package/site/demos/dashboard-shell-block.tsx

@@ -1,10 +0,0 @@
-import { AppShell } from '@olwiba/ui';
-
-export default function DashboardShellBlockDemo() {
-  return (
-    <div className="h-full min-h-0 w-full max-w-[1400px]">
-      {/* contained: rail is absolute within this shell; provider uses layout=embedded + sandbox height */}
-      <AppShell sidebarPosition="contained" />
-    </div>
-  );
-}

package/site/demos/marketing-hero-block.tsx

@@ -1,10 +0,0 @@
-import { HeroSection } from '@olwiba/ui';
-import { demoHero } from './marketing-demo-data';
-
-export default function MarketingHeroBlockDemo() {
-  return (
-    <div className="w-full max-w-6xl">
-      <HeroSection {...demoHero} />
-    </div>
-  );
-}