@orbit-work/ui 0.1.2-preview.0 → 0.1.3

package/src/components/composite/Popover/Popover.stories.tsx

@@ -1,175 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { useState } from "react"
-import { Button, Checkbox, Field, Switch } from "../../primitives"
-import { Popover } from "./index"
-
-const meta = {
-  title: "Composite/Popover",
-  component: Popover,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof Popover>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-function Demo({
-  label = "打开弹层",
-  placement,
-  width,
-  padded,
-  children,
-}: {
-  label?: string
-  placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end"
-  width?: number
-  padded?: boolean
-  children: React.ReactNode
-}) {
-  const [open, setOpen] = useState(false)
-  return (
-    <Popover
-      open={open}
-      onOpenChange={setOpen}
-      placement={placement}
-      width={width}
-      padded={padded}
-      ariaLabel={label}
-      trigger={
-        <Button variant="secondary" aria-label={label}>
-          {label}
-        </Button>
-      }
-    >
-      {children}
-    </Popover>
-  )
-}
-
-/** 标准形：锚在触发件下方左对齐，12 圆角 ＋ popover 面 ＋ 1px 边 ＋ pop 影。 */
-export const Default: Story = {
-  render: () => (
-    <div style={{ padding: 120 }}>
-      <Demo label="查看详情" width={280}>
-        <div className="flex flex-col gap-2">
-          <div className="text-[color:var(--ow-text)] font-medium text-ow-fs-ui leading-[1.4]">最近一次构建</div>
-          <div className="text-[color:var(--ow-text-2)] font-normal text-ow-fs-ui leading-[1.5]">
-            产物已就绪，可以直接发布。
-          </div>
-          <div className="font-mono [font-variant-numeric:tabular-nums] text-xs text-[color:var(--ow-text-3)]">
-            2026-08-31 14:20:07 · 1.8 MB
-          </div>
-        </div>
-      </Demo>
-    </div>
-  ),
-}
-
-/** 四向出法；视口空间不足时自动上下翻面（autoFlip）。 */
-export const Placements: Story = {
-  render: () => (
-    <div style={{ padding: 160, display: "flex", gap: 16, flexWrap: "wrap" }}>
-      <Demo label="下·左对齐" placement="bottom-start" width={200}>
-        bottom-start
-      </Demo>
-      <Demo label="下·右对齐" placement="bottom-end" width={200}>
-        bottom-end
-      </Demo>
-      <Demo label="上·左对齐" placement="top-start" width={200}>
-        top-start
-      </Demo>
-      <Demo label="上·右对齐" placement="top-end" width={200}>
-        top-end
-      </Demo>
-    </div>
-  ),
-}
-
-/** 表单内容：输入类三态边框由 Field 原语负责，弹层只管立面。 */
-export const WithForm: Story = {
-  render: () => (
-    <div style={{ padding: 120 }}>
-      <Demo label="筛选" width={300}>
-        <div className="flex flex-col gap-3">
-          <label className="flex flex-col gap-2">
-            <span className="text-[color:var(--ow-text-2)] font-medium text-ow-fs-ui leading-[1.4]">关键词</span>
-            <Field placeholder="按标题或作者过滤" autoFocus />
-          </label>
-          <div className="flex items-center gap-2.5">
-            <Checkbox defaultChecked aria-label="只看我参与的" />
-            <span className="text-[color:var(--ow-text-2)] font-normal text-ow-fs-ui leading-[1.5]">只看我参与的</span>
-          </div>
-          <div className="flex items-center justify-between gap-3">
-            <span className="text-[color:var(--ow-text-2)] font-normal text-ow-fs-ui leading-[1.5]">含已归档</span>
-            <Switch aria-label="含已归档" />
-          </div>
-        </div>
-      </Demo>
-    </div>
-  ),
-}
-
-/** 行列表：弹层内行 hover 一律 pop 档（§5，暗档全局 hover 坐在 popover 面上对比≈1.0）。 */
-export const RowsUsePopHover: Story = {
-  render: () => (
-    <div style={{ padding: 120 }}>
-      <Demo label="切换分支" width={240} padded={false}>
-        <div className="p-1.5 flex flex-col gap-0.5">
-          {["main", "feat/ds2-p4-dialog", "fix/scrim-z"].map((name) => (
-            <Button
-              key={name}
-              variant="unstyled"
-              type="button"
-              className="ow-focus-ring flex items-center w-full h-8 px-2 text-left [border-radius:var(--ow-radius-control)] text-[color:var(--ow-text)] font-normal text-ow-fs-ui font-[family-name:var(--ow-font-mono)] [font-variant-numeric:tabular-nums] transition-colors duration-[var(--ow-dur-1)] ease-[var(--ow-ease-beacon)] hover:bg-[var(--ow-hover-pop)] active:bg-[var(--ow-press-pop)]"
-            >
-              {name}
-            </Button>
-          ))}
-        </div>
-      </Demo>
-    </div>
-  ),
-}
-
-/** 无内边距 + 自带滚动内容。 */
-export const Scrolling: Story = {
-  render: () => (
-    <div style={{ padding: 120 }}>
-      <Demo label="长列表" width={260} padded={false}>
-        <div className="max-h-[220px] overflow-y-auto p-3 flex flex-col gap-2">
-          {Array.from({ length: 20 }, (_, i) => (
-            <div key={i} className="text-[color:var(--ow-text-2)] font-normal text-ow-fs-ui leading-[1.5]">
-              第 {i + 1} 行内容
-            </div>
-          ))}
-        </div>
-      </Demo>
-    </div>
-  ),
-}
-
-/** 触发件禁用：弹层不开（状态由触发件自己承担）。 */
-export const DisabledTrigger: Story = {
-  render: () => {
-    const [open, setOpen] = useState(false)
-    return (
-      <div style={{ padding: 120 }}>
-        <Popover
-          open={open}
-          onOpenChange={setOpen}
-          disabled
-          ariaLabel="不可用的弹层"
-          trigger={
-            <Button variant="secondary" disabled>
-              暂不可用
-            </Button>
-          }
-        >
-          这条内容不会出现。
-        </Popover>
-      </div>
-    )
-  },
-}

package/src/components/composite/Popover/PopoverSource.test.mjs

@@ -1,59 +0,0 @@
-import assert from "node:assert/strict"
-import { readFile } from "node:fs/promises"
-import test from "node:test"
-
-const source = await readFile(new URL("./index.tsx", import.meta.url), "utf8")
-const stories = await readFile(new URL("./Popover.stories.tsx", import.meta.url), "utf8")
-
-test("Popover 立面按 §5：popover 面 + shadow-pop + 永远 1px 边 + z-popover", () => {
-  assert.match(source, /bg-\[var\(--ow-popover-bg\)\]/)
-  assert.match(source, /shadow-\[var\(--ow-shadow-pop\)\]/)
-  assert.match(source, /border border-\[color:var\(--ow-border\)\]/)
-  assert.match(source, /z-\[var\(--ow-z-popover\)\]/)
-  // 反色只属 tooltip；弹层不得反色、不得叠模态影。
-  assert.doesNotMatch(source, /--ow-tooltip-bg|--ow-shadow-modal|--ow-scrim/)
-})
-
-test("Popover 圆角走 §7 的 12 档（与卡片/toast 同档）", () => {
-  assert.match(source, /\[border-radius:var\(--ow-radius-card\)\]/)
-  assert.doesNotMatch(source, /rounded-xl|rounded-\[12px\]/)
-})
-
-test("Popover 动效按 §9：ease-beacon + 200ms 纯淡入，reduced-motion 静态出场", () => {
-  assert.match(source, /animate-\[fade-in_var\(--ow-dur-2\)_var\(--ow-ease-beacon\)\]/)
-  assert.match(source, /"ow-motion absolute/)
-  assert.doesNotMatch(source, /scale\(|translateY\(/)
-})
-
-test("四向出法 + 空间不足翻面", () => {
-  assert.match(source, /"bottom-start": "top-full left-0 mt-1\.5"/)
-  assert.match(source, /"bottom-end": "top-full right-0 mt-1\.5"/)
-  assert.match(source, /"top-start": "bottom-full left-0 mb-1\.5"/)
-  assert.match(source, /"top-end": "bottom-full right-0 mb-1\.5"/)
-  assert.match(source, /const FLIPPED: Record<PopoverPlacement, PopoverPlacement>/)
-})
-
-test("行为齐备：外点关闭、Escape 关闭并还焦、disabled 不开合", () => {
-  assert.match(source, /addEventListener\("mousedown", onDown, true\)/)
-  assert.match(source, /event\.key !== "Escape"/)
-  assert.match(source, /triggerRef\.current\?\.querySelector<HTMLElement>\("button,\[tabindex\]"\)\?\.focus\(\)/)
-  assert.match(source, /if \(disabled\) return/)
-  assert.match(source, /aria-haspopup="dialog"/)
-  assert.match(source, /aria-expanded=\{open\}/)
-})
-
-test("R3 中性件：弹层基座不含信标/荧黄", () => {
-  assert.doesNotMatch(source, /--ow-beacon|--ow-yellow|--ow-accent-dot/)
-})
-
-test("任意值 var() 全部带类型标注（防 tailwind-merge 吞类）", () => {
-  for (const file of [source, stories]) {
-    assert.doesNotMatch(file, /(?:text|border)-\[var\(--ow-/)
-    assert.doesNotMatch(file, /font-\[var\(--ow-font-/)
-  }
-})
-
-test("stories 里弹层内行 hover 走 pop 档（§5，暗档全局 hover 对比≈1.0）", () => {
-  assert.match(stories, /hover:bg-\[var\(--ow-hover-pop\)\] active:bg-\[var\(--ow-press-pop\)\]/)
-  assert.doesNotMatch(stories, /data-theme=/)
-})

package/src/components/composite/Popover/index.tsx

@@ -1,176 +0,0 @@
-"use client"
-
-import { type ReactNode, useCallback, useEffect, useId, useRef, useState } from "react"
-import { cn } from "../../../lib/utils"
-
-export type PopoverPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end"
-
-const PLACEMENT_CLASS: Record<PopoverPlacement, string> = {
-  "bottom-start": "top-full left-0 mt-1.5",
-  "bottom-end": "top-full right-0 mt-1.5",
-  "top-start": "bottom-full left-0 mb-1.5",
-  "top-end": "bottom-full right-0 mb-1.5",
-}
-
-const FLIPPED: Record<PopoverPlacement, PopoverPlacement> = {
-  "bottom-start": "top-start",
-  "bottom-end": "top-end",
-  "top-start": "bottom-start",
-  "top-end": "bottom-end",
-}
-
-export type PopoverProps = {
-  /** 受控开合 */
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  /** 触发元素（自带按钮语义）；点击由 Popover 代为开合 */
-  trigger: ReactNode
-  children: ReactNode
-  /** 出向；空间不足时按 autoFlip 反向 */
-  placement?: PopoverPlacement
-  /** 面板宽度；不给＝随内容 */
-  width?: number | string
-  /** 关掉默认内边距 —— 自管间距的行列表内容用 */
-  padded?: boolean
-  /** 视口空间不足时上下翻面（默认开） */
-  autoFlip?: boolean
-  /** autoFlip 的空间估值，单位 px */
-  estimatedHeight?: number
-  /** 点外部关闭（默认开） */
-  closeOnOutsideClick?: boolean
-  /** Escape 关闭并把焦点还给触发元素（默认开） */
-  closeOnEscape?: boolean
-  /** 触发件不可用：点击不再开合（禁用配色由触发件自己承担，§6 逐 token） */
-  disabled?: boolean
-  /** 无标题内容时的无障碍名 */
-  ariaLabel?: string
-  className?: string
-  triggerClassName?: string
-}
-
-/**
- * Popover —— DS 2.0 锚定弹层基座（蓝图 02 patterns）。
- *
- * 立面按 §5：`--ow-popover-bg` 面 ＋ `--ow-shadow-pop` ＋ 永远保留 1px `--ow-border`，
- * z 取 `--ow-z-popover`；圆角按 §7 的 12 档（`--ow-radius-card`，popover 与卡片同档）。
- * 动效按 §9：`--ow-ease-beacon` ＋ 200ms 纯淡入（禁缩放位移）；`.ow-motion`
- * 让 prefers-reduced-motion 下静态出场。
- * 内容里的行 hover 一律走 `--ow-hover-pop` / `--ow-press-pop`（§5，暗档全局 hover
- * 坐在 popover 面上对比≈1.0）。R3 中性件——无信标元素。
- *
- * 菜单行（含搜索/勾选/portal）请用 Menu 簇；本件是通用锚定容器，只管立面与开合。
- */
-export function Popover({
-  open,
-  onOpenChange,
-  trigger,
-  children,
-  placement = "bottom-start",
-  width,
-  padded = true,
-  autoFlip = true,
-  estimatedHeight = 240,
-  closeOnOutsideClick = true,
-  closeOnEscape = true,
-  disabled = false,
-  ariaLabel,
-  className = "",
-  triggerClassName = "",
-}: PopoverProps) {
-  const wrapRef = useRef<HTMLSpanElement | null>(null)
-  const triggerRef = useRef<HTMLSpanElement | null>(null)
-  const [resolved, setResolved] = useState<PopoverPlacement>(placement)
-  const panelId = `${useId()}-popover`
-
-  const close = useCallback(() => onOpenChange(false), [onOpenChange])
-
-  // 出向定夺：开的那一刻按视口余量决定是否翻面，开着期间不再抖动。
-  useEffect(() => {
-    if (!open) return
-    if (!autoFlip) {
-      setResolved(placement)
-      return
-    }
-    const rect = triggerRef.current?.getBoundingClientRect()
-    if (!rect) {
-      setResolved(placement)
-      return
-    }
-    const below = window.innerHeight - rect.bottom
-    const above = rect.top
-    const wantsUp = placement.startsWith("top")
-    const fits = wantsUp ? above >= estimatedHeight : below >= estimatedHeight
-    const otherFits = wantsUp ? below >= estimatedHeight : above >= estimatedHeight
-    setResolved(!fits && otherFits ? FLIPPED[placement] : placement)
-  }, [open, placement, autoFlip, estimatedHeight])
-
-  useEffect(() => {
-    if (!open || !closeOnOutsideClick) return undefined
-    const onDown = (event: MouseEvent) => {
-      if (wrapRef.current?.contains(event.target as Node)) return
-      close()
-    }
-    document.addEventListener("mousedown", onDown, true)
-    return () => document.removeEventListener("mousedown", onDown, true)
-  }, [open, closeOnOutsideClick, close])
-
-  useEffect(() => {
-    if (!open || !closeOnEscape) return undefined
-    const onKey = (event: KeyboardEvent) => {
-      if (event.key !== "Escape") return
-      event.stopPropagation()
-      close()
-      triggerRef.current?.querySelector<HTMLElement>("button,[tabindex]")?.focus()
-    }
-    document.addEventListener("keydown", onKey, true)
-    return () => document.removeEventListener("keydown", onKey, true)
-  }, [open, closeOnEscape, close])
-
-  return (
-    <span
-      ref={wrapRef}
-      data-slot="popover"
-      data-ow-state={open ? "open" : "closed"}
-      data-ow-disabled={disabled || undefined}
-      className={cn("relative inline-flex", className)}
-    >
-      <span
-        ref={triggerRef}
-        data-ow-part="trigger"
-        aria-haspopup="dialog"
-        aria-expanded={open}
-        aria-disabled={disabled || undefined}
-        aria-controls={open ? panelId : undefined}
-        className={cn("inline-flex", triggerClassName)}
-        onClick={() => {
-          if (disabled) return
-          onOpenChange(!open)
-        }}
-      >
-        {trigger}
-      </span>
-      {open && (
-        <div
-          id={panelId}
-          data-slot="popover-panel"
-          data-ow-part="surface"
-          data-ow-placement={resolved}
-          role="dialog"
-          aria-label={ariaLabel}
-          style={width === undefined ? undefined : { width }}
-          className={cn(
-            "ow-motion absolute min-w-max max-w-[min(92vw,420px)]",
-            PLACEMENT_CLASS[resolved],
-            "z-[var(--ow-z-popover)] bg-[var(--ow-popover-bg)]",
-            "[border-radius:var(--ow-radius-card)] border border-[color:var(--ow-border)] shadow-[var(--ow-shadow-pop)]",
-            "text-[color:var(--ow-text)] font-normal text-ow-fs-ui leading-[1.5] font-[family-name:var(--ow-font-sans)]",
-            "animate-[fade-in_var(--ow-dur-2)_var(--ow-ease-beacon)]",
-            padded && "p-3",
-          )}
-        >
-          {children}
-        </div>
-      )}
-    </span>
-  )
-}

package/src/components/composite/PptxRenderer/ElementDispatcher/index.tsx

@@ -1,70 +0,0 @@
-import { type CSSProperties, memo } from "react"
-import { AudioElement } from "../elements/AudioElement"
-import { ChartElement } from "../elements/ChartElement"
-import { DiagramElement } from "../elements/DiagramElement"
-import { GroupElement } from "../elements/GroupElement"
-import { ImageElement } from "../elements/ImageElement"
-import { MathElement } from "../elements/MathElement"
-import { ShapeElement } from "../elements/ShapeElement"
-import { TableElement } from "../elements/TableElement"
-import { TextElement } from "../elements/TextElement"
-import { VideoElement } from "../elements/VideoElement"
-import type { PptxElement } from "../types"
-import { borderToCSS, buildTransform, ptToPx, shadowToCSS } from "../utils"
-
-export interface ElementDispatcherProps {
-  element: PptxElement
-}
-
-export const ElementDispatcher = memo(function ElementDispatcher({ element }: ElementDispatcherProps) {
-  const style: CSSProperties = {
-    position: "absolute",
-    left: ptToPx(element.left),
-    top: ptToPx(element.top),
-    width: ptToPx(element.width),
-    height: ptToPx(element.height),
-    zIndex: element.order ?? 0,
-    transform: buildTransform(
-      "rotate" in element ? element.rotate : undefined,
-      "isFlipH" in element ? element.isFlipH : undefined,
-      "isFlipV" in element ? element.isFlipV : undefined,
-    ),
-    ...("shadow" in element ? shadowToCSS(element.shadow) : {}),
-    ...("borderWidth" in element && element.type !== "shape"
-      ? borderToCSS(element.borderColor, element.borderWidth, element.borderType)
-      : {}),
-  }
-
-  return (
-    <div className="pointer-events-none" style={style}>
-      {renderElement(element)}
-    </div>
-  )
-})
-
-function renderElement(element: PptxElement) {
-  switch (element.type) {
-    case "text":
-      return <TextElement element={element} />
-    case "shape":
-      return <ShapeElement element={element} />
-    case "image":
-      return <ImageElement element={element} />
-    case "table":
-      return <TableElement element={element} />
-    case "chart":
-      return <ChartElement element={element} />
-    case "video":
-      return <VideoElement element={element} />
-    case "audio":
-      return <AudioElement element={element} />
-    case "diagram":
-      return <DiagramElement element={element} />
-    case "math":
-      return <MathElement element={element} />
-    case "group":
-      return <GroupElement element={element} />
-    default:
-      return null
-  }
-}

package/src/components/composite/PptxRenderer/PptxChromeStyleSource.test.mjs

@@ -1,36 +0,0 @@
-import assert from "node:assert/strict"
-import { readFile } from "node:fs/promises"
-import test from "node:test"
-
-const styles = await readFile(new URL("../../../../styles/components.css", import.meta.url), "utf8")
-const preview = await readFile(new URL("../../domain/office/OfficePreview/index.tsx", import.meta.url), "utf8")
-
-// pptx 家族 chrome（缩略图抽屉与缩略图选中态）——内容层按 §2 豁免不管，只锁 UI 壳。
-
-// ── W5 终扫：§9 动效语汇 ────────────────────────────────────────────────────
-test("缩略图抽屉入场＝纯淡入 ＋ ease-beacon，无位移、无 ease-out", () => {
-  assert.match(styles, /animation: pptx-drawer-in var\(--ow-dur-2\) var\(--ow-ease-beacon\);/)
-  assert.doesNotMatch(styles, /animation: pptx-drawer-in [^;]*ease-out/)
-  const frames = styles.match(/@keyframes pptx-drawer-in \{[^}]*\{[^}]*\}[^}]*\{[^}]*\}[^}]*\}/s)?.[0] ?? ""
-  assert.ok(frames)
-  assert.doesNotMatch(frames, /translateX/)
-})
-
-// ── W5 终扫：§6 无彩选中 ───────────────────────────────────────────────────
-test("缩略图选中态＝--ow-selected-bg ＋ 1px 边，不留 info 光晕环与 info 现调底", () => {
-  assert.match(preview, /data-\[ow-state=active\]:bg-ow-selected-bg/)
-  assert.match(
-    styles,
-    /\[data-slot="pptx-thumb"\]\[data-ow-state="active"\] \[data-ow-part="slide"\] \{\s*border-color: var\(--ow-control-on\);/,
-  )
-  // 光晕环（box-shadow 0 0 0 Npx info）与 info 现调底两套都已退役
-  assert.doesNotMatch(styles, /pptx-thumb[^\n]*box-shadow: 0 0 0/)
-  assert.doesNotMatch(styles, /pptx-thumb[\s\S]{0,200}?color-mix\(in srgb, var\(--ow-info\)/)
-  assert.doesNotMatch(styles, /pptx-thumbs"\]:hover > \[data-ow-state="active"\] \{\s*background: color-mix/)
-})
-
-// ── §4 R2：暗档 --ow-primary 就是荧黄 ─────────────────────────────────────
-test("当前页页码不再被 --ow-primary 覆写，提色交还 text-3 → text 两档", () => {
-  assert.doesNotMatch(styles, /\[data-ow-part="num"\] \{\s*color: var\(--ow-primary\);/)
-  assert.match(preview, /text-ow-text-3 text-center group-data-\[ow-state=active\]:text-ow-text/)
-})

package/src/components/composite/PptxRenderer/PptxRenderer.stories.tsx

@@ -1,128 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react"
-import { PptxSlide } from "./index"
-import type { Slide } from "./types"
-
-const meta = {
-  title: "Composite/PptxRenderer",
-  component: PptxSlide,
-  parameters: {
-    layout: "centered",
-  },
-  tags: ["autodocs"],
-} satisfies Meta<typeof PptxSlide>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-const sampleSlide: Slide = {
-  fill: { type: "color", value: "#FFFFFF" },
-  elements: [
-    {
-      type: "text",
-      left: 40,
-      top: 40,
-      width: 600,
-      height: 60,
-      order: 0,
-      borderColor: "transparent",
-      borderWidth: 0,
-      borderType: "solid",
-      borderStrokeDasharray: "",
-      fill: { type: "color", value: "#000000" },
-      isFlipV: false,
-      isFlipH: false,
-      isVertical: false,
-      rotate: 0,
-      content: "Slide Title",
-      vAlign: "middle",
-    },
-    {
-      type: "text",
-      left: 40,
-      top: 120,
-      width: 600,
-      height: 40,
-      order: 1,
-      borderColor: "transparent",
-      borderWidth: 0,
-      borderType: "solid",
-      borderStrokeDasharray: "",
-      fill: { type: "color", value: "#333333" },
-      isFlipV: false,
-      isFlipH: false,
-      isVertical: false,
-      rotate: 0,
-      content: "This is a sample subtitle rendered by PptxSlide.",
-      vAlign: "middle",
-    },
-    {
-      type: "shape",
-      left: 40,
-      top: 200,
-      width: 200,
-      height: 100,
-      order: 2,
-      borderColor: "#0066FF",
-      borderWidth: 1,
-      borderType: "solid",
-      borderStrokeDasharray: "",
-      fill: { type: "color", value: "#E6F0FF" },
-      content: "Shape",
-      isFlipV: false,
-      isFlipH: false,
-      rotate: 0,
-      shapType: "rect",
-      vAlign: "middle",
-    },
-  ],
-  layoutElements: [],
-  note: "",
-  transition: null,
-}
-
-export const Default: Story = {
-  args: {
-    slide: sampleSlide,
-    slideWidth: 720,
-    slideHeight: 540,
-  },
-}
-
-export const WithLayoutElements: Story = {
-  args: {
-    slide: {
-      ...sampleSlide,
-      layoutElements: [
-        {
-          type: "shape",
-          left: 0,
-          top: 0,
-          width: 720,
-          height: 540,
-          order: -1,
-          borderColor: "transparent",
-          borderWidth: 0,
-          borderType: "solid",
-          borderStrokeDasharray: "",
-          fill: { type: "color", value: "#F7F6F1" },
-          content: "",
-          isFlipV: false,
-          isFlipH: false,
-          rotate: 0,
-          shapType: "rect",
-          vAlign: "middle",
-        },
-      ],
-    },
-    slideWidth: 720,
-    slideHeight: 540,
-  },
-}
-
-export const WideSlide: Story = {
-  args: {
-    slide: sampleSlide,
-    slideWidth: 960,
-    slideHeight: 540,
-  },
-}