@exegia/corpora-ui 1.0.0 → 2.0.0

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

@@ -1,46 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { RecordsTable } from "./chat/records-table"
-
-export const story = defineStory({
-  Component: RecordsTable as FC<
-    Pick<ComponentProps<typeof RecordsTable>, "rows" | "maxTags">
-  >,
-  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,
-    },
-  },
-})
-
-export const Preview = story.WithControl

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

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

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

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

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

@@ -1,24 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { StreamingText } from "./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,
-    },
-  },
-})
-
-export const Preview = story.WithControl

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

@@ -1,31 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { Tree } from "./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/composed/user.story.tsx

@@ -1,29 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Info } from "./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",
-    },
-  },
-})
-
-export const Preview = story.WithControl

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

@@ -1,21 +0,0 @@
-"use client"
-
-import type { ComponentProps, FC } from "react"
-
-import { defineStory } from "@/registry/story"
-
-import { Verse } from "./verse"
-
-export const story = defineStory({
-  Component: Verse as FC<
-    Pick<ComponentProps<typeof Verse>, "chapter" | "href" | "size" | "children">
-  >,
-  args: {
-    initial: {
-      chapter: "1:1",
-      children: "In the beginning God created the heavens and the earth.",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/avatar.story.tsx

@@ -1,33 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Avatar } from "@/components/atoms/avatar"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof Avatar>,
-  "user" | "size" | "audio" | "loading"
->
-
-function AvatarPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="">
-        <Avatar {...props} />
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: AvatarPreview,
-  args: {
-    initial: {
-      size: "lg",
-      loading: false,
-      user: { firstName: "John", lastName: "Doe", status: "online" },
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/bubble.story.tsx

@@ -1,45 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Bubble } from "@/components/atoms/bubble"
-
-type PreviewProps = Pick<ComponentProps<typeof Bubble>, "variant" | "continued">
-
-function BubblePreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-lg">
-        <Bubble {...props}>
-          {!props.continued && (
-            <Bubble.Header>
-              <span>John Doe</span>
-              <span className="text-muted-foreground">10 min ago</span>
-            </Bubble.Header>
-          )}
-          <Bubble.Message>
-            Can you check whether this passage keeps the boundary?
-          </Bubble.Message>
-          <Bubble.Reactions
-            reactions={[
-              {
-                id: "heart",
-                emoji: "❤️",
-                count: 4,
-                reacted: true,
-                label: "heart",
-              },
-            ]}
-          />
-        </Bubble>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: BubblePreview,
-  args: { initial: { variant: "recipient", continued: false } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/button.story.tsx

@@ -1,62 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-import { BookOpen } from "lucide-react"
-import { Button, type ButtonProps } from "./button"
-
-type PreviewProps = Pick<
-  ButtonProps,
-  "variant" | "glassVariant" | "size" | "loading" | "disabled" | "sound"
-> & { children: string }
-
-function ButtonPreview({
-  variant,
-  glassVariant,
-  size,
-  children,
-  ...props
-}: PreviewProps) {
-  const isIconSize = size?.startsWith("icon")
-  const content = isIconSize ? <BookOpen aria-hidden /> : children
-
-  return (
-    <div className="min-h-32 p-6 flex items-center justify-center">
-      {variant === "glass" ? (
-        <Button
-          {...props}
-          aria-label={isIconSize ? children : undefined}
-          variant="glass"
-          glassVariant={glassVariant}
-          size={size}
-        >
-          {content}
-        </Button>
-      ) : (
-        <Button
-          {...props}
-          aria-label={isIconSize ? children : undefined}
-          variant={variant}
-          size={size}
-        >
-          {content}
-        </Button>
-      )}
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: ButtonPreview,
-  args: {
-    initial: {
-      children: "Consult manuscript",
-      variant: "outline",
-      size: "default",
-      loading: false,
-      disabled: false,
-      sound: true,
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/card.story.tsx

@@ -1,36 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Card, CardHeader, CardPanel, CardTitle } from "./card"
-
-type PreviewProps = Pick<ComponentProps<typeof Card>, "className"> & {
-  children: string
-}
-
-function CardPreview({ children, ...props }: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <Card {...props}>
-          <CardHeader>
-            <CardTitle>Manuscript</CardTitle>
-          </CardHeader>
-          <CardPanel>{children}</CardPanel>
-        </Card>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: CardPreview,
-  args: {
-    initial: {
-      className: "",
-      children: "Explore this passage and its annotations.",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/chat-atoms.story.tsx

@@ -1,94 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { FileText } from "lucide-react"
-import { defineStory } from "@/registry/story"
-import { IconTile } from "./chat/icon-tile"
-import { Thumbnail } from "./chat/thumbnail"
-import { AvatarHandle } from "./chat/avatar-handle"
-import { Waveform } from "./chat/waveform"
-import { SendButton } from "./chat/buttons"
-
-function IconTilePreview(
-  props: Pick<ComponentProps<typeof IconTile>, "size" | "tone">
-) {
-  return (
-    <div className="p-6">
-      <IconTile {...props}>
-        <FileText aria-hidden="true" />
-      </IconTile>
-    </div>
-  )
-}
-
-function ThumbnailPreview(
-  props: Pick<ComponentProps<typeof Thumbnail>, "size" | "src" | "alt">
-) {
-  return (
-    <div className="p-6">
-      <Thumbnail {...props} />
-    </div>
-  )
-}
-
-function AvatarHandlePreview(
-  props: Pick<ComponentProps<typeof AvatarHandle>, "size" | "initials" | "src">
-) {
-  return (
-    <div className="p-6">
-      <AvatarHandle {...props} />
-    </div>
-  )
-}
-
-function WaveformPreview(
-  props: Pick<ComponentProps<typeof Waveform>, "bars" | "progress">
-) {
-  return (
-    <div className="overflow-x-auto p-6">
-      <Waveform {...props} />
-    </div>
-  )
-}
-
-function SendButtonPreview(
-  props: Pick<
-    ComponentProps<typeof SendButton>,
-    "disabled" | "loading" | "sound"
-  >
-) {
-  return (
-    <div className="p-6">
-      <SendButton {...props} />
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: IconTilePreview,
-  args: { initial: { size: 40, tone: "accent" } },
-})
-export const thumbnailStory = defineStory({
-  Component: ThumbnailPreview,
-  args: { initial: { size: "sm", alt: "Manuscript preview" } },
-})
-export const avatarHandleStory = defineStory({
-  Component: AvatarHandlePreview,
-  args: { initial: { size: 20, initials: "JD" } },
-})
-export const waveformStory = defineStory({
-  Component: WaveformPreview,
-  args: {
-    initial: { progress: 4, bars: [0.3, 0.6, 1, 0.75, 0.45, 0.9, 0.55, 0.35] },
-  },
-})
-export const sendButtonStory = defineStory({
-  Component: SendButtonPreview,
-  args: { initial: { disabled: false, loading: false, sound: true } },
-})
-
-export const Preview = story.WithControl
-export const ThumbnailPreviewControl = thumbnailStory.WithControl
-export const AvatarHandlePreviewControl = avatarHandleStory.WithControl
-export const WaveformPreviewControl = waveformStory.WithControl
-export const SendButtonPreviewControl = sendButtonStory.WithControl

package/src/components/ui/checkbox.story.tsx

@@ -1,30 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Checkbox } from "./checkbox"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof Checkbox>,
-  "indeterminate" | "disabled" | "sound"
->
-
-function CheckboxPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="">
-        <label className="flex items-center gap-2">
-          <Checkbox {...props} />
-          Include this passage
-        </label>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: CheckboxPreview,
-  args: { initial: { indeterminate: false, disabled: false, sound: true } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/field.story.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Field, FieldLabel, FieldDescription, FieldError } from "./field"
-import { Input } from "./input"
-
-type PreviewProps = Pick<ComponentProps<typeof Field>, "disabled" | "invalid">
-
-function FieldPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <Field {...props}>
-          <FieldLabel>Manuscript title</FieldLabel>
-          <Input placeholder="Enter a title" />
-          <FieldDescription>The title shown in your corpus.</FieldDescription>
-          <FieldError match={Boolean(props.invalid)}>
-            Enter a manuscript title.
-          </FieldError>
-        </Field>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: FieldPreview,
-  args: { initial: { disabled: false, invalid: false } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/file-icons.story.tsx

@@ -1,24 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { FileBadgeTei } from "@/components/icons/file-badge-tei"
-
-type PreviewProps = Pick<ComponentProps<typeof FileBadgeTei>, "size" | "title">
-
-function FileBadgeTeiPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="">
-        <FileBadgeTei {...props} />
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: FileBadgeTeiPreview,
-  args: { initial: { size: 64, title: "TEI file" } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/frame.story.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Frame, FrameFooter } from "./frame"
-import { Card, CardPanel } from "./card"
-
-type PreviewProps = Pick<ComponentProps<typeof Frame>, "className"> & {
-  children: string
-}
-
-function FramePreview({ children, ...props }: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <Frame {...props}>
-          <Card>
-            <CardPanel>{children}</CardPanel>
-          </Card>
-          <FrameFooter>Updated today</FrameFooter>
-        </Frame>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: FramePreview,
-  args: { initial: { className: "", children: "Manuscript notes" } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/input-group.story.tsx

@@ -1,27 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { InputGroup, InputGroupAddon, InputGroupInput } from "./input-group"
-
-type PreviewProps = Pick<ComponentProps<typeof InputGroup>, "className">
-
-function InputGroupPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <InputGroup {...props}>
-          <InputGroupAddon>Corpus</InputGroupAddon>
-          <InputGroupInput aria-label="Search corpus" placeholder="Search…" />
-        </InputGroup>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: InputGroupPreview,
-  args: { initial: { className: "" } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/input.story.tsx

@@ -1,42 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Input } from "./input"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof Input>,
-  "placeholder" | "size" | "disabled" | "type" | "readOnly"
-> & {
-  variant: "default" | "unstyled"
-}
-
-function InputPreview({ variant, ...props }: PreviewProps) {
-  return (
-    <div className="flex justify-center p-6">
-      <div className="w-full max-w-sm">
-        <Input
-          {...props}
-          aria-label="Search the corpus"
-          unstyled={variant === "unstyled"}
-        />
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: InputPreview,
-  args: {
-    initial: {
-      placeholder: "Search the corpus",
-      size: "default",
-      disabled: false,
-      variant: "default",
-      type: "text",
-      readOnly: false,
-    },
-  },
-})
-
-export const Preview = story.WithControl