@craftzbay/ui 0.7.1 → 0.8.1

package/dist-lib/components/patterns/Pricing.d.ts

@@ -1,40 +0,0 @@
-import { ReactNode } from 'react';
-export interface PricingTier {
-    name: string;
-    /** Price string. Pre-formatted — render '$0', '$20', 'Custom', '¥1,200', etc. */
-    price: string;
-    /** Cadence label rendered next to the price ('per user / month'). */
-    cadence?: string;
-    description?: string;
-    features: string[];
-    /** CTA label. */
-    cta: string;
-    /** Mark this tier as the recommended one — adds accent border + badge. */
-    highlighted?: boolean;
-    /** Click handler for the CTA. */
-    onSelect?: () => void;
-}
-export interface PricingProps {
-    /** Top heading. */
-    title?: ReactNode;
-    /** Subtitle under the heading. */
-    subtitle?: ReactNode;
-    /** Tier descriptors. */
-    tiers?: PricingTier[];
-    /** Label shown on the highlighted tier badge. */
-    highlightedLabel?: string;
-    className?: string;
-}
-/**
- * Pricing grid. Defaults to a 3-tier demo if `tiers` is omitted.
- *
- * @example
- *   <Pricing
- *     title="Plans"
- *     tiers={[
- *       { name: 'Free', price: '$0', features: ['…'], cta: 'Start' },
- *       { name: 'Pro', price: '$12', features: ['…'], cta: 'Upgrade', highlighted: true },
- *     ]}
- *   />
- */
-export declare function Pricing({ title, subtitle, tiers, highlightedLabel, className, }?: PricingProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/RecordDetail.d.ts

@@ -1,48 +0,0 @@
-import { ReactNode } from 'react';
-export interface RecordDetailHeader {
-    title: ReactNode;
-    subtitle?: ReactNode;
-    /** Optional status pill rendered next to the title. */
-    status?: ReactNode;
-    /** Right-aligned action buttons. */
-    actions?: ReactNode;
-    /** Breadcrumb trail rendered above the header. */
-    breadcrumbs?: {
-        label: ReactNode;
-        href?: string;
-    }[];
-}
-export interface RecordDetailTab {
-    id: string;
-    label: ReactNode;
-    render: () => ReactNode;
-}
-export interface RecordDetailProps {
-    header?: RecordDetailHeader;
-    tabs?: RecordDetailTab[];
-    /** Initial tab id. Defaults to the first tab. */
-    defaultTab?: string;
-    /** Optional right-side panel (related items, details list, watchers, …). */
-    sidePanel?: ReactNode;
-    className?: string;
-}
-/**
- * Record detail page — header (breadcrumbs + title + actions) + tabs + side panel.
- *
- * @example
- *   <RecordDetail
- *     header={{
- *       title: project.name,
- *       subtitle: project.description,
- *       status: <Badge tone="success">Active</Badge>,
- *       actions: <Button>Share</Button>,
- *       breadcrumbs: [{ label: 'Projects', href: '/projects' }, { label: project.name }],
- *     }}
- *     tabs={[
- *       { id: 'overview', label: 'Overview', render: () => <Overview project={project} /> },
- *       { id: 'activity', label: 'Activity', render: () => <Activity projectId={project.id} /> },
- *     ]}
- *     sidePanel={<RelatedItems project={project} />}
- *   />
- */
-export declare function RecordDetail({ header, tabs, defaultTab, sidePanel, className, }?: RecordDetailProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/components/patterns/Settings.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-export interface SettingsSection {
-    id: string;
-    label: string;
-    icon?: ReactNode;
-    render: () => ReactNode;
-}
-export interface SettingsPageProps {
-    /** Page title — defaults to "Settings". */
-    title?: ReactNode;
-    /** Subtitle under the heading. */
-    subtitle?: ReactNode;
-    sections?: SettingsSection[];
-    /** Initially active section id. Defaults to the first section. */
-    defaultSection?: string;
-    /** Controlled active section id. */
-    activeSection?: string;
-    /** Fires when the active section changes (controlled mode). */
-    onActiveSectionChange?: (id: string) => void;
-    className?: string;
-}
-/**
- * Settings page with a sticky sub-nav on the left and section cards on the right.
- *
- * @example
- *   <SettingsPage
- *     sections={[
- *       { id: 'profile', label: 'Profile', icon: <User />, render: () => <ProfileForm /> },
- *       { id: 'team', label: 'Team', icon: <Users />, render: () => <TeamForm /> },
- *     ]}
- *     defaultSection="profile"
- *   />
- */
-export declare function SettingsPage({ title, subtitle, sections, defaultSection, activeSection, onActiveSectionChange, className, }?: SettingsPageProps): import("react/jsx-runtime").JSX.Element;

package/dist-lib/favicon.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="7" fill="#0a0d14"/>
-  <text x="16" y="22" text-anchor="middle" font-family="-apple-system,system-ui,sans-serif" font-size="20" font-weight="600" fill="#fff">✦</text>
-</svg>

package/dist-lib/showcase/components/Accordion.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Alert.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Avatar.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Badge.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Breadcrumbs.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Button.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Calendar.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Card.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Carousel.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Chart.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Checkbox.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Combobox.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/CommandPalette.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/ContextMenu.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/DataGrid.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/DatePicker.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Dialog.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Drawer.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/DropdownMenu.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/EmptyState.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/ErrorState.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/FileUpload.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Form.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/IconButton.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Input.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Kbd.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/MultiSelect.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Pagination.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Popover.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Progress.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/RadioGroup.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/ScrollArea.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Select.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Separator.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Sheet.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Sidebar.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Skeleton.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Slider.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Snackbar.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Spinner.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Stepper.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Switch.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Table.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Tabs.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/TagInput.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Textarea.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Timeline.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Toast.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Tooltip.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/TopNav.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/components/Tree.docs.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-declare const doc: ComponentDoc;
-export default doc;

package/dist-lib/showcase/guides/DarkMode.d.ts

@@ -1 +0,0 @@
-export declare function DarkModeBody(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/guides/Forms.d.ts

@@ -1 +0,0 @@
-export declare function FormsBody(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/guides/Migration.d.ts

@@ -1 +0,0 @@
-export declare function MigrationBody(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/guides/Responsive.d.ts

@@ -1 +0,0 @@
-export declare function ResponsiveBody(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/guides/Theming.d.ts

@@ -1 +0,0 @@
-export declare function ThemingBody(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/layout/DocLayout.d.ts

@@ -1,28 +0,0 @@
-import { ReactNode } from 'react';
-import { DocSidebarSection } from './DocSidebar';
-import { Route } from '../routing';
-interface DocLayoutProps {
-    sidebar: DocSidebarSection[];
-    topLinks?: {
-        label: string;
-        route: Route;
-    }[];
-    current: {
-        kind: Route['kind'];
-        slug?: string;
-    };
-    /**
-     * Additional sections searched ONLY when a query is active. Pass the other
-     * kinds' sidebar sections so a user on the Components page can still find
-     * Templates / Guides through search.
-     */
-    crossKindSections?: DocSidebarSection[];
-    children: ReactNode;
-}
-/**
- * Two-column doc shell: left sidebar (sticky), right scrollable content.
- * On screens < md the sidebar collapses behind a hamburger button that
- * opens its contents in a left Sheet drawer.
- */
-export declare function DocLayout({ sidebar, topLinks, current, crossKindSections, children, }: DocLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/layout/DocSidebar.d.ts

@@ -1,41 +0,0 @@
-import { Route } from '../routing';
-export interface DocSidebarEntry {
-    slug: string;
-    label: string;
-    group: string;
-}
-export interface DocSidebarSection {
-    /** Heading rendered above the section. Use 'top' for the "Get started" links. */
-    title: string;
-    /** kind = 'component' | 'template' | 'guide' — used to build the URL. */
-    kind: 'component' | 'template' | 'guide';
-    entries: DocSidebarEntry[];
-}
-interface DocSidebarProps {
-    sections: DocSidebarSection[];
-    current?: {
-        kind: Route['kind'];
-        slug?: string;
-    };
-    /** Top links: Overview / Components index / Templates index / Guides index. */
-    topLinks?: {
-        label: string;
-        route: Route;
-    }[];
-    /**
-     * Additional sections searched ONLY when a query is active. Lets the
-     * Components-page sidebar surface matching Templates and Guides results
-     * without showing them when the query is empty.
-     */
-    crossKindSections?: DocSidebarSection[];
-    /**
-     * Render variant. `'desktop'` (default) is sticky-positioned and hidden
-     * on screens < md. `'mobile'` is plain block — meant to be embedded inside
-     * a Sheet content.
-     */
-    variant?: 'desktop' | 'mobile';
-    /** Called when a link is clicked. Mobile uses this to close the Sheet. */
-    onNavigate?: () => void;
-}
-export declare function DocSidebar({ sections, current, topLinks, crossKindSections, variant, onNavigate, }: DocSidebarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/layout/ShowcaseFooter.d.ts

@@ -1,5 +0,0 @@
-/**
- * Site-wide footer rendered on Home + all doc routes. Hidden on
- * full-bleed preview routes so it doesn't pollute template screenshots.
- */
-export declare function ShowcaseFooter(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/layout/ShowcaseTopBar.d.ts

@@ -1,13 +0,0 @@
-import { Route } from '../routing';
-interface ShowcaseTopBarProps {
-    theme: 'light' | 'dark';
-    onToggleTheme: () => void;
-    onOpenPalette: () => void;
-    current: Route;
-}
-/**
- * Persistent top bar shared by Home + docs pages. Hidden in full-bleed
- * preview routes (templates rendered for screenshot / live use).
- */
-export declare function ShowcaseTopBar({ theme, onToggleTheme, onOpenPalette, current, }: ShowcaseTopBarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/layout/sidebars.d.ts

@@ -1,22 +0,0 @@
-import { Route } from '../routing';
-import { DocSidebarSection } from './DocSidebar';
-/**
- * Build the sidebar sections + top links for each page kind.
- * Same sidebar shape across components / templates / guides — only the
- * active highlight differs.
- */
-export declare function buildComponentSidebar(): DocSidebarSection[];
-export declare function buildTemplateSidebar(): DocSidebarSection[];
-export declare function buildGuideSidebar(): DocSidebarSection[];
-export declare const docTopLinks: {
-    label: string;
-    route: Route;
-}[];
-type Kind = 'component' | 'template' | 'guide';
-/**
- * Returns the sidebar sections for the two kinds NOT matching `currentKind`.
- * Passed to DocLayout as `crossKindSections` so the search input can surface
- * matches from other docs sections without showing them when idle.
- */
-export declare function buildCrossKindSections(currentKind: Kind): DocSidebarSection[];
-export {};

package/dist-lib/showcase/pages/ComponentDocPage.d.ts

@@ -1,6 +0,0 @@
-import { ComponentDoc } from '../registry/types';
-interface ComponentDocPageProps {
-    doc: ComponentDoc;
-}
-export declare function ComponentDocPage({ doc }: ComponentDocPageProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/pages/ComponentsIndexPage.d.ts

@@ -1 +0,0 @@
-export declare function ComponentsIndexPage(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/pages/GuidePage.d.ts

@@ -1,6 +0,0 @@
-import { GuideDoc } from '../registry/types';
-interface GuidePageProps {
-    doc: GuideDoc;
-}
-export declare function GuidePage({ doc }: GuidePageProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/pages/GuidesIndexPage.d.ts

@@ -1 +0,0 @@
-export declare function GuidesIndexPage(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/pages/HomePage.d.ts

@@ -1 +0,0 @@
-export declare function HomePage(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/pages/TemplateDocPage.d.ts

@@ -1,6 +0,0 @@
-import { TemplateDoc } from '../registry/types';
-interface TemplateDocPageProps {
-    doc: TemplateDoc;
-}
-export declare function TemplateDocPage({ doc }: TemplateDocPageProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-lib/showcase/pages/TemplatesIndexPage.d.ts

@@ -1 +0,0 @@
-export declare function TemplatesIndexPage(): import("react/jsx-runtime").JSX.Element;

package/dist-lib/showcase/registry/components.d.ts

@@ -1,4 +0,0 @@
-import { ComponentDoc } from './types';
-export declare const componentDocs: ComponentDoc[];
-export declare function getComponentDoc(slug: string): ComponentDoc | undefined;
-export declare function getRelatedDocs(slugs: string[]): ComponentDoc[];

package/dist-lib/showcase/registry/guides.d.ts

@@ -1,3 +0,0 @@
-import { GuideDoc } from './types';
-export declare const guideDocs: GuideDoc[];
-export declare function getGuideDoc(slug: string): GuideDoc | undefined;

package/dist-lib/showcase/registry/templates.d.ts

@@ -1,3 +0,0 @@
-import { TemplateDoc } from './types';
-export declare const templateDocs: TemplateDoc[];
-export declare function getTemplateDoc(slug: string): TemplateDoc | undefined;