@exegia/corpora-ui 3.0.0 → 4.0.0

package/src/components/stories/otp-field.story.tsx

@@ -1,35 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Label } from "@/components/ui/label"
-import { OTPField, OTPFieldInput } from "@/components/ui/otp-field"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof OTPField>,
-  "size" | "disabled" | "sound"
-> & { length: 4 | 6 | 8 }
-
-function OTPFieldPreview({ length, ...props }: TPreviewProps) {
-  return (
-    <div className="overflow-x-auto p-6">
-      <Label className="sr-only" htmlFor="otp-story">
-        One-time passcode
-      </Label>
-      <OTPField {...props} id="otp-story" key={length} length={length}>
-        {Array.from({ length }, (_, i) => (
-          <OTPFieldInput key={i} aria-label={`Digit ${i + 1}`} />
-        ))}
-      </OTPField>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: OTPFieldPreview,
-  args: {
-    initial: { length: 6, size: "default", disabled: false, sound: true },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/passkey-manager-block.story.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { PasskeyManagerBlock } from "@/components/blocks/auth/passkey-manager-block"
-
-export const story = defineStory({
-  Component: PasskeyManagerBlock,
-  args: {
-    initial: {
-      available: true,
-      loading: false,
-      passkeys: [{ id: "research-laptop", name: "Research laptop" }],
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/passkey-sign-in-block.story.tsx

@@ -1,15 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { PasskeySignInBlock } from "@/components/blocks/auth/passkey-sign-in-block"
-
-export const story = defineStory({
-  Component: PasskeySignInBlock,
-  centered: true,
-  args: {
-    initial: { available: true, label: "Sign in with a passkey" },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/password-input.story.tsx

@@ -1,35 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory, type TStoryData } from "@/registry/story"
-
-import { PasswordInput } from "@/components/composed/password-input"
-
-type TPreviewProps = TStoryData<
-  Pick<
-    ComponentProps<typeof PasswordInput>,
-    | "visibilityToggle"
-    | "showStrength"
-    | "placeholder"
-    | "disabled"
-    | "sound"
-  >
-> & { autoComplete?: "new-password" | "current-password" | "off" | "on" }
-
-function PasswordInputPreview(props: TPreviewProps) {
-  return <PasswordInput {...props} />
-}
-
-export const story = defineStory({
-  Component: PasswordInputPreview,
-  args: {
-    initial: {
-      visibilityToggle: true,
-      showStrength: false,
-      autoComplete: "new-password",
-      placeholder: "Enter password",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/profile-card-block.story.tsx

@@ -1,29 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { ProfileCardBlock } from "@/components/blocks/profile/profile-card-block"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof ProfileCardBlock>,
-  "user" | "variant" | "sound" | "presence" | "menuWidth" | "align" | "side"
->
-
-function BlockPreview(props: TPreviewProps) {
-  return <ProfileCardBlock {...props} />
-}
-
-export const story = defineStory({
-  Component: BlockPreview,
-  args: {
-    initial: {
-      user: { name: "Jenny Hamilton", username: "@jennycodes" },
-      variant: "expanded",
-      sound: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/recommendation-card.story.tsx

@@ -1,37 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { RecommendationCard } from "@/components/composed/chat/recommendation"
-
-export const story = defineStory({
-  Component: RecommendationCard as FC<
-    Pick<
-      ComponentProps<typeof RecommendationCard>,
-      | "title"
-      | "description"
-      | "confidence"
-      | "state"
-      | "step"
-      | "defaultOpen"
-      | "acceptLabel"
-      | "rejectLabel"
-    >
-  >,
-  args: {
-    initial: {
-      title: "Review these lemma links?",
-      description: "Resolve ambiguous forms in the Iliad",
-      confidence: "high",
-      state: "pending",
-      step: 1,
-      defaultOpen: true,
-      acceptLabel: "Accept",
-      rejectLabel: "Ignore",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/records-table.story.tsx

@@ -1,52 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory, type TStoryData } from "@/registry/story"
-
-import { RecordsTable } from "@/components/composed/chat/records-table"
-
-type TPreviewProps = TStoryData<
-  Pick<ComponentProps<typeof RecordsTable>, "rows" | "headers" | "maxTags" | "stickyHeader">
->
-
-function RecordsTablePreview(props: TPreviewProps) {
-  return <RecordsTable {...props} />
-}
-
-export const story = defineStory({
-  Component: RecordsTablePreview,
-  args: {
-    initial: {
-      rows: [
-        {
-          id: "1",
-          name: "Iliad",
-          initial: "I",
-          tags: [
-            {
-              label: "Epic",
-            },
-          ],
-          lastInteraction: "Today",
-          strength: "Strong",
-        },
-        {
-          id: "2",
-          name: "Odyssey",
-          initial: "O",
-          tags: [
-            {
-              label: "Epic",
-            },
-          ],
-          lastInteraction: "Yesterday",
-          strength: "Strong",
-        },
-      ],
-      maxTags: 2,
-      stickyHeader: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/reference.story.tsx

@@ -1,33 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Reference } from "@/components/atoms/reference"
-
-type TPreviewProps = Pick<ComponentProps<typeof Reference>, "href"> & {
-  children: string
-  preview?: string
-}
-
-function ReferencePreview({ children, ...props }: TPreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="">
-        <Reference {...props}>{children}</Reference>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: ReferencePreview,
-  args: {
-    initial: {
-      href: "#passage",
-      children: "Iliad 1.12",
-      preview: "A passage preview from the manuscript.",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/research-answer.story.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory, type TStoryData } from "@/registry/story"
-
-import { ResearchAnswer } from "@/components/composed/ai/research-answer"
-
-type TPreviewProps = TStoryData<
-  Pick<
-    ComponentProps<typeof ResearchAnswer>,
-    "kicker" | "kickerSub" | "content" | "source" | "authors" | "date" | "bare"
-  >
->
-
-function ResearchAnswerPreview(props: TPreviewProps) {
-  return <ResearchAnswer {...props} />
-}
-
-export const story = defineStory({
-  Component: ResearchAnswerPreview,
-  args: {
-    initial: {
-      content: "Homeric verse uses repeated formulas to fit the meter.",
-      source: "Iliad · Homer corpus",
-      authors: "Homer",
-      date: "c. 750 BCE",
-      bare: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/scaffold-root.story.tsx

@@ -1,47 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { ScaffoldCanvas } from "@/components/blocks/scaffold/scaffold-canvas"
-import { ScaffoldInspector } from "@/components/blocks/scaffold/scaffold-inspector"
-import { ScaffoldMain } from "@/components/blocks/scaffold/scaffold-main"
-import { ScaffoldPanel } from "@/components/blocks/scaffold/scaffold-panel"
-import { ScaffoldRoot } from "@/components/blocks/scaffold/scaffold-root"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof ScaffoldRoot>,
-  "className" | "inspectorOpen" | "inspectorWidth" | "children"
->
-
-function BlockPreview(props: TPreviewProps) {
-  return <ScaffoldRoot {...props} />
-}
-
-export const story = defineStory({
-  Component: BlockPreview,
-  args: {
-    initial: {
-      className: "h-[28rem] w-full",
-      inspectorOpen: false,
-      inspectorWidth: 272,
-    },
-    fixed: {
-      children: (
-        <ScaffoldMain>
-          <ScaffoldCanvas key="canvas">
-            <ScaffoldPanel>
-              <div className="p-6">Corpus workspace</div>
-            </ScaffoldPanel>
-          </ScaffoldCanvas>
-          <ScaffoldInspector key="inspector" name="Passage details">
-            <div className="p-4">Selected passage: a.1, ¶1–¶2</div>
-          </ScaffoldInspector>
-        </ScaffoldMain>
-      ),
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/separator.story.tsx

@@ -1,37 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { Separator } from "@/components/ui/separator"
-import { defineStory } from "@/registry/story"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof Separator>,
-  "orientation" | "className"
->
-
-function SeparatorPreview({
-  orientation = "horizontal",
-  ...props
-}: TPreviewProps) {
-  return orientation === "vertical" ? (
-    <div className="h-8 gap-3 text-sm flex items-center">
-      <span>Read</span>
-      <Separator {...props} orientation={orientation} />
-      <span>Annotate</span>
-    </div>
-  ) : (
-    <div className="max-w-64 gap-3 text-sm flex w-full flex-col">
-      <span>Manuscripts</span>
-      <Separator {...props} orientation={orientation} />
-      <span>Codices</span>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: SeparatorPreview,
-  centered: true,
-  args: { initial: { orientation: "horizontal" } },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/shell-layout.story.tsx

@@ -1,19 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { ShellLayout } from "@/components/blocks/shell/shell-layout"
-
-export const story = defineStory({
-  Component: ShellLayout,
-  args: {
-    initial: {
-      variant: "web",
-      className: "h-[28rem] w-full",
-      children: "Corpus workspace",
-      header: "Context Fabric",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/signup-block.story.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { SignupBlock } from "@/components/blocks/auth/signup-block"
-
-export const story = defineStory({
-  Component: SignupBlock,
-  args: {
-    initial: {
-      showNameField: true,
-      showTerms: true,
-      enforceStrongPassword: true,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/social-providers.story.tsx

@@ -1,26 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { SocialProviders } from "@/components/composed/social-providers"
-
-export const story = defineStory({
-  Component: SocialProviders as FC<
-    Pick<
-      ComponentProps<typeof SocialProviders>,
-      "providers" | "action" | "layout" | "disabled"
-    >
-  >,
-  args: {
-    initial: {
-      action: "continue",
-      layout: "stack",
-      providers: ["google", "apple", "github"],
-      disabled: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/streaming-text.story.tsx

@@ -1,25 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { StreamingText } from "@/components/composed/ai/streaming-text"
-
-export const story = defineStory({
-  Component: StreamingText as FC<
-    Pick<
-      ComponentProps<typeof StreamingText>,
-      "paragraphs" | "streaming" | "wordMs"
-    >
-  >,
-  args: {
-    initial: {
-      paragraphs: ["The Iliad opens with an invocation to the Muse."],
-      streaming: true,
-      wordMs: 60,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/text.story.tsx

@@ -1,31 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Text } from "@/components/atoms/text/default"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof Text>,
-  "type" | "size" | "selection"
-> & { children: string }
-
-function TextPreview(props: TPreviewProps) {
-  return (
-    <div className="p-6">
-      <Text {...props} />
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: TextPreview,
-  args: {
-    initial: {
-      children: "Readable corpus prose belongs here.",
-      type: "paragraph",
-      size: "medium",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/textarea.story.tsx

@@ -1,34 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Textarea } from "@/components/ui/textarea"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof Textarea>,
-  "placeholder" | "disabled" | "readOnly" | "rows"
->
-
-function TextareaPreview(props: TPreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <Textarea {...props} aria-label="Annotation" />
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: TextareaPreview,
-  args: {
-    initial: {
-      placeholder: "Add an annotation…",
-      disabled: false,
-      readOnly: false,
-      rows: 3,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/tree.story.tsx

@@ -1,31 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { Tree } from "@/components/composed/tree"
-
-function TreePreview({ sound }: { sound: boolean }) {
-  return (
-    <Tree
-      sound={sound}
-      variant="navigation"
-      items={[
-        {
-          id: "corpora",
-          label: "Corpora",
-          children: [
-            { id: "iliad", label: "Iliad" },
-            { id: "odyssey", label: "Odyssey" },
-          ],
-        },
-      ]}
-    />
-  )
-}
-
-export const story = defineStory({
-  Component: TreePreview,
-  args: { initial: { sound: true } },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/update-password-block.story.tsx

@@ -1,14 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { UpdatePasswordBlock } from "@/components/blocks/auth/update-password-block"
-
-export const story = defineStory({
-  Component: UpdatePasswordBlock,
-  args: {
-    initial: { minStrength: 4 },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/user.story.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Info } from "@/components/composed/user/info"
-
-export const story = defineStory({
-  Component: Info as FC<
-    Pick<
-      ComponentProps<typeof Info>,
-      "variant" | "user" | "description" | "size" | "direction" | "audio"
-    >
-  >,
-  args: {
-    initial: {
-      variant: "info",
-      user: {
-        firstName: "Jenny",
-        lastName: "Hamilton",
-        role: "Editor",
-      },
-      description: "Corpus researcher",
-      size: "default",
-      direction: "sender",
-      audio: "muted",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/stories/verse.story.tsx

@@ -1,42 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Verse } from "@/components/composed/verse"
-
-type TPreviewProps = Pick<
-  ComponentProps<typeof Verse>,
-  "chapter" | "href" | "size" | "children"
->
-
-function VersePreview(props: TPreviewProps) {
-  return (
-    <Verse
-      {...props}
-      chapterPopover={
-        <div className="gap-1 grid">
-          <span className="text-xs font-medium">Genesis {props.chapter}</span>
-          <span className="text-sm text-muted-foreground">
-            Opening reference in the creation account.
-          </span>
-        </div>
-      }
-    />
-  )
-}
-
-export const story = defineStory({
-  Component: VersePreview as FC<TPreviewProps>,
-  args: {
-    initial: {
-      chapter: "1:1",
-      href: "#verse-preview",
-      size: "medium",
-      children: "In the beginning God created the heavens and the earth.",
-    },
-  },
-})
-
-export const Preview = story.WithControl