@ciderpress/ui 1.0.0-rc.1

package/dist/theme/components/openapi/copy-markdown-button.tsx

@@ -0,0 +1,41 @@
+import { LlmsCopyButton } from '@rspress/core/theme'
+import type React from 'react'
+import { useCallback } from 'react'
+
+export interface CopyMarkdownButtonProps {
+  /**
+   * Markdown content to copy to the clipboard.
+   */
+  readonly markdown: string
+}
+
+/**
+ * Copy Markdown button that overrides Rspress's default copy behavior.
+ *
+ * Uses the native Clipboard API to copy pre-generated markdown content
+ * instead of the raw MDX source.
+ *
+ * @param props - Props with the markdown string to copy to the clipboard
+ * @returns React element with the copy button
+ */
+export function CopyMarkdownButton({
+  markdown,
+}: CopyMarkdownButtonProps): React.ReactElement | null {
+  if (import.meta.env.SSG_MD) {
+    return null
+  }
+
+  const handleClick = useCallback(
+    (event: React.MouseEvent<HTMLButtonElement>) => {
+      event.preventDefault()
+      return navigator.clipboard.writeText(markdown).catch(() => null)
+    },
+    [markdown]
+  )
+
+  return (
+    <div className="cp-oas-copy-markdown">
+      <LlmsCopyButton text="Copy Markdown" onClick={handleClick} />
+    </div>
+  )
+}

package/dist/theme/components/openapi/icons.tsx

@@ -0,0 +1,45 @@
+import type React from 'react'
+
+/**
+ * SVG lock icon for authentication badges.
+ *
+ * @returns React element with lock SVG
+ */
+export function LockIcon(): React.ReactElement {
+  return (
+    <svg
+      className="cp-oas-security__lock"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <rect x="3" y="11" width="18" height="11" rx="2" ry="2" />
+      <path d="M7 11V7a5 5 0 0 1 10 0v4" />
+    </svg>
+  )
+}
+
+/**
+ * SVG chevron icon for expandable sections.
+ *
+ * @param props - Props with an optional className to apply to the SVG
+ * @returns React element with chevron SVG
+ */
+export function ChevronIcon({ className }: { readonly className?: string }): React.ReactElement {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <polyline points="9 18 15 12 9 6" />
+    </svg>
+  )
+}

package/dist/theme/components/openapi/index.ts

@@ -0,0 +1,6 @@
+export { CopyMarkdownButton } from './copy-markdown-button'
+export type { CopyMarkdownButtonProps } from './copy-markdown-button'
+export { OpenAPIOperation } from './operation'
+export type { OpenAPIOperationProps } from './operation'
+export { OpenAPIOverview } from './overview'
+export type { OpenAPIOverviewProps } from './overview'

package/dist/theme/components/openapi/method-badge.tsx

@@ -0,0 +1,24 @@
+import type React from 'react'
+
+export interface MethodBadgeProps {
+  /**
+   * HTTP method name (get, post, put, patch, delete, etc.).
+   */
+  readonly method: string
+}
+
+/**
+ * Colored badge for an HTTP method.
+ *
+ * Maps the method string to a BEM modifier class that applies
+ * the corresponding `--cp-oas-*` color token.
+ *
+ * @param props - Props with the HTTP method name
+ * @returns React element with a method badge span
+ */
+export function MethodBadge({ method }: MethodBadgeProps): React.ReactElement {
+  const normalized = method.toLowerCase()
+  return (
+    <span className={`cp-oas-method-badge cp-oas-method-badge--${normalized}`}>{normalized}</span>
+  )
+}