@exegia/corpora-ui 1.0.0 → 3.0.0

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

@@ -1,32 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Label } from "./label"
-import { Input } from "./input"
-
-type PreviewProps = Pick<ComponentProps<typeof Label>, "sound"> & {
-  children: string
-}
-
-function LabelPreview({ children, ...props }: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm space-y-2">
-        <>
-          <Label {...props} htmlFor="story-manuscript">
-            {children}
-          </Label>
-          <Input id="story-manuscript" placeholder="Enter a title" />
-        </>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: LabelPreview,
-  args: { initial: { sound: false, children: "Manuscript title" } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/menu-command.story.tsx

@@ -1,37 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { MenuCommand } from "./menu-command"
-import { Button } from "./button"
-
-type PreviewProps = Pick<ComponentProps<typeof MenuCommand>, "side" | "align">
-
-function MenuCommandPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="">
-        <MenuCommand
-          {...props}
-          items={[
-            {
-              id: "search",
-              label: "Search corpus",
-              description: "Find a passage",
-              trailing: "Connected",
-            },
-          ]}
-        >
-          <Button variant="outline">Corpus actions</Button>
-        </MenuCommand>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: MenuCommandPreview,
-  args: { initial: { side: "top", align: "start" } },
-})
-
-export const Preview = story.WithControl

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

@@ -1,35 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Label } from "./label"
-import { OTPField, OTPFieldInput } from "./otp-field"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof OTPField>,
-  "size" | "disabled" | "sound"
-> & { length: 4 | 6 | 8 }
-
-function OTPFieldPreview({ length, ...props }: PreviewProps) {
-  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/ui/password-input.story.tsx

@@ -1,19 +0,0 @@
-"use client"
-
-import { defineStory } from "@/registry/story"
-
-import { PasswordInput } from "@/components/composed/password-input"
-
-export const story = defineStory({
-  Component: PasswordInput,
-  args: {
-    initial: {
-      visibilityToggle: true,
-      showStrength: false,
-      autoComplete: "new-password",
-      placeholder: "Enter password",
-    },
-  },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/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 PreviewProps = Pick<ComponentProps<typeof Reference>, "href"> & {
-  children: string
-  preview?: string
-}
-
-function ReferencePreview({ children, ...props }: PreviewProps) {
-  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/ui/separator.story.tsx

@@ -1,34 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Separator } from "./separator"
-
-type PreviewProps = Pick<ComponentProps<typeof Separator>, "orientation">
-
-function SeparatorPreview(props: PreviewProps) {
-  return (
-    <div className="p-6">
-      <div className="max-w-sm">
-        <div
-          className={
-            props.orientation === "vertical"
-              ? "flex h-20 items-center gap-4"
-              : "flex flex-col gap-4"
-          }
-        >
-          <span>Manuscript</span>
-          <Separator {...props} />
-          <span>Annotations</span>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export const story = defineStory({
-  Component: SeparatorPreview,
-  args: { initial: { orientation: "horizontal" } },
-})
-
-export const Preview = story.WithControl

package/src/components/ui/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 PreviewProps = Pick<
-  ComponentProps<typeof Text>,
-  "type" | "size" | "selection"
-> & { children: string }
-
-function TextPreview(props: PreviewProps) {
-  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/ui/textarea.story.tsx

@@ -1,34 +0,0 @@
-"use client"
-
-import type { ComponentProps } from "react"
-import { defineStory } from "@/registry/story"
-import { Textarea } from "./textarea"
-
-type PreviewProps = Pick<
-  ComponentProps<typeof Textarea>,
-  "placeholder" | "disabled" | "readOnly" | "rows"
->
-
-function TextareaPreview(props: PreviewProps) {
-  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