fromsrc 0.0.0 → 0.0.2

package/dist/client.js

@@ -0,0 +1,202 @@
+"use client";
+export { Accordion, AccordionItem } from './components/accordion';
+export { Alert } from './components/alert';
+export { Autofill } from './components/autofill';
+export { Avatar, AvatarGroup, User } from './components/avatar';
+export { AvatarStack } from './components/avatarstack';
+export { BackToTop } from './components/backtotop';
+export { Badge } from './components/badge';
+export { Banner } from './components/banner';
+export { Breadcrumb } from './components/breadcrumb';
+export { Button } from './components/button';
+export { Callout } from './components/callout';
+export { Card, Cards } from './components/cards';
+export { Change, Changelog, Release } from './components/changelog';
+export { Checkbox } from './components/checkbox';
+export { Code, Pre } from './components/code';
+export { CodeBlock } from './components/codeblock';
+export { Twoslash } from './components/twoslash';
+export { CodeGroup, CodeTab, CodeTabs } from './components/codegroup';
+export { Collapsible, Details } from './components/collapsible';
+export { Command } from './components/command';
+export { Column, Compare, CompareRow } from './components/compare';
+export { Content } from './components/content';
+export { CopyBlock, Copyable } from './components/copyable';
+export { CopyButton } from './components/copybutton';
+export { Countdown } from './components/countdown';
+export { Create } from './components/create';
+export { Definition, DefinitionList, Glossary, GlossaryItem } from './components/definition';
+export { DiffView } from './components/diffview';
+export { DynamicCode } from './components/dynamiccode';
+export { Divider } from './components/divider';
+export { Dropdown } from './components/dropdown';
+export { CodeSandbox, Gist, StackBlitz, Tweet, YouTube } from './components/embed';
+export { Endpoint, Param, Response } from './components/endpoint';
+export { Openapi } from './components/openapi';
+export { OpenapiTags } from './components/openapitags';
+export { Openapischema } from './components/openapischema';
+export { ErrorMessage } from './components/errormessage';
+export { ExpandCode } from './components/expandcode';
+export { Feature, FeatureCard, Features } from './components/feature';
+export { Feedback } from './components/feedback';
+export { File, Files, Folder } from './components/files';
+export { FormLabel } from './components/formlabel';
+export { Github } from './components/github';
+export { Graph } from './components/graph';
+export { Anchor, H1, H2, H3, H4, H5, H6 } from './components/heading';
+export { HeadingCopy } from './components/headingcopy';
+export { Highlight, Underline } from './components/highlight';
+export { HoverInfo, TypePopup } from './components/hover';
+export { IconAlertCircle, IconCheck, IconCheckCircle, IconChevronDown, IconChevronLeft, IconChevronRight, IconCircle, IconCopy, IconExternalLink, IconInfo, IconLanguages, IconPanelLeft, IconSearch, IconStar, IconThumbsDown, IconThumbsUp, IconX, IconXCircle } from './components/icons';
+export { Input } from './components/input';
+export { Install } from './components/install';
+export { Kbd, Shortcut } from './components/kbd';
+export { LanguageSwitch } from './components/language';
+export { LangIcon } from './components/langicon';
+export { Link } from './components/link';
+export { LinkCard, LinkCards } from './components/linkcard';
+export { BulletItem, BulletList, CheckItem, CheckList, NumberItem, NumberList } from './components/list';
+export { Mermaid } from './components/mermaid';
+export { BlockMath, InlineMath, Math } from './components/math';
+export { MobileNav } from './components/mobilenav';
+export { Modal } from './components/modal';
+export { NavLink } from './components/navlink';
+export { Experimental, Important, Note } from './components/note';
+export { Pagination } from './components/pagination';
+export { Popover } from './components/popover';
+export { PreLink } from './components/prelink';
+export { Progress, ProgressSteps } from './components/progress';
+export { Properties, Property } from './components/property';
+export { Quote, Testimonial, Testimonials } from './components/quote';
+export { Radio, RadioGroup } from './components/radio';
+export { Rating } from './components/rating';
+export { ReadTime, calcReadTime } from './components/readtime';
+export { Flex, Grid, Show } from './components/responsive';
+export { Frame, Screenshot } from './components/screenshot';
+export { ScrollProgress } from './components/scrollprogress';
+export { Select } from './components/select';
+export { Search } from './components/search';
+export { Sidebar } from './components/sidebar';
+export { SidebarFilter, filternavigation } from './components/sidebarfilter';
+export { Skeleton, SkeletonCard, SkeletonText } from './components/skeleton';
+export { Loading, Spinner } from './components/spinner';
+export { Status, StatusDot } from './components/status';
+export { Step, Steps } from './components/steps';
+export { Switch } from './components/switch';
+export { Table } from './components/table';
+export { TabNav, TabNavDropdown } from './components/tabnav';
+export { Tab, Tabs } from './components/tabs';
+export { Tag, Tags } from './components/tag';
+export { Line, Output, Terminal, Typed } from './components/terminal';
+export { Textarea } from './components/textarea';
+export { ToastProvider, useToast } from './components/toast';
+export { ThemeToggle } from './components/theme';
+export { Toc, useToc } from './components/toc';
+export { TocInline } from './components/toc/inline';
+export { Tooltip } from './components/tooltip';
+export { TypeTable } from './components/typetable';
+export { Typewriter } from './components/typewriter';
+export { VersionSelect } from './components/version';
+export { Video } from './components/video';
+export { Zoom } from './components/zoom';
+export { useAnchorScroll } from './hooks/anchor';
+export { getNextIndex } from './hooks/arrownav';
+export { useClickOutside } from './hooks/clickoutside';
+export { useCopy } from './hooks/copy';
+export { useDebounce } from './hooks/debounce';
+export { useShare } from './hooks/share';
+export { useEscapeKey } from './hooks/escapekey';
+export { useEventListener } from './hooks/eventlistener';
+export { FOCUSABLE_SELECTOR, useFocusTrap } from './hooks/focustrap';
+export { useHash } from './hooks/hash';
+export { useInView } from './hooks/inview';
+export { useInterval } from './hooks/interval';
+export { useKeyboardNav, useKeyboardShortcut } from './hooks/keyboard';
+export { SkipLink } from './components/skiplink';
+export { useMounted } from './hooks/mounted';
+export { useIsDesktop, useIsMobile, useIsTablet, useMediaQuery, usePrefersDark, usePrefersReducedMotion } from './hooks/media';
+export { useScrollSpy } from './hooks/scrollspy';
+export { useScrollLock } from './hooks/scrolllock';
+export { useScrollDirection } from './hooks/scrolldirection';
+export { useIsScrollTop } from './hooks/scrolltop';
+export { usePagination } from './hooks/pagination';
+export { usePrevious } from './hooks/previous';
+export { useReadProgress } from './hooks/readprogress';
+export { useLocalStorage, useSessionStorage } from './hooks/storage';
+export { useToggle } from './hooks/toggle';
+export { useOnline } from './hooks/online';
+export { useHotkeys } from './hooks/hotkeys';
+export { useOs } from './hooks/os';
+export { BreadcrumbNav } from './components/breadcrumbnav';
+export { TocProgress } from './components/tocprogress';
+export { Shortcuts } from './components/shortcuts';
+export { Playground } from './components/playground';
+export { Hero } from './components/hero';
+export { Footer } from './components/footer';
+export { Navbar } from './components/navbar';
+export { FeatureGrid } from './components/featuregrid';
+export { DocsLayout } from './components/docslayout';
+export { Announce } from './components/announce';
+export { useClipboard } from './hooks/clipboard';
+export { useAboveBreakpoint, useBreakpoint } from './hooks/breakpoint';
+export { ScrollSpy } from './components/scrollspy';
+export { EditLink } from './components/editlink';
+export { PageTransition } from './components/pagetransition';
+export { PrevNext } from './components/prevnext';
+export { LastUpdated } from './components/lastupdated';
+export { CodeCopy } from './components/codecopy';
+export { ThemeProvider, useTheme } from './components/themeprovider';
+export { InlineToc } from './components/inlinetoc';
+export { DocHeader } from './components/docheader';
+export { SearchDialog } from './components/searchdialog';
+export { SearchButton } from './components/searchbutton';
+export { DocLinkCard, DocLinkCards } from './components/doclinkcard';
+export { FeedbackWidget } from './components/feedbackwidget';
+export { AdapterContext, AdapterProvider, defaultAdapter, useAdapter } from './adapter';
+export { nextAdapter } from './adapternext';
+export { usePageTransition, useViewTransition } from './hooks/viewtransition';
+export { useFullscreen } from './hooks/fullscreen';
+export { useIdle } from './hooks/idle';
+export { useWindowSize } from './hooks/windowsize';
+export { useDocumentTitle } from './hooks/documenttitle';
+export { useCounter } from './hooks/counter';
+export { useLongPress } from './hooks/longpress';
+export { useMousePosition } from './hooks/mouseposition';
+export { useFavicon } from './hooks/favicon';
+export { usePageLeave } from './hooks/pageleave';
+export { useTextSelection } from './hooks/textselection';
+export { useResizeObserver } from './hooks/resizeobserver';
+export { useNetworkState } from './hooks/networkstate';
+export { useGeolocation } from './hooks/geolocation';
+export { useOrientation } from './hooks/orientation';
+export { useBattery } from './hooks/battery';
+export { useEyeDropper } from './hooks/eyedropper';
+export { useSpeechRecognition } from './hooks/speechrecognition';
+export { useVibrate } from './hooks/vibrate';
+export { useWakeLock } from './hooks/wakelock';
+export { useColorScheme } from './hooks/colorscheme';
+export { useFocusWithin } from './hooks/focuswithin';
+export { useHover } from './hooks/hover';
+export { useMeasure } from './hooks/measure';
+export { usePermission } from './hooks/permission';
+export { useForm } from './hooks/form';
+export { useCountdown } from './hooks/countdown';
+export { useUndoRedo } from './hooks/undoredo';
+export { useStepper } from './hooks/stepper';
+export { useClipboardPaste } from './hooks/clipboard-paste';
+export { useSelection } from './hooks/selection';
+export { useQueue } from './hooks/queue';
+export { useInfiniteScroll } from './hooks/infinitescroll';
+export { useMediaRecorder } from './hooks/mediarecorder';
+export { useThrottle } from './hooks/throttle';
+export { useList } from './hooks/list';
+export { useMap } from './hooks/map';
+export { useAsync } from './hooks/async';
+export { useWebSocket } from './hooks/websocket';
+export { useEventSource } from './hooks/eventsource';
+export { useScript } from './hooks/script';
+export { useStylesheet } from './hooks/stylesheet';
+export { useFetch } from './hooks/fetch';
+export { useKeyPress } from './hooks/keypress';
+export { usePreferredLanguage } from './hooks/preferredlanguage';
+export { useDocumentVisibility } from './hooks/documentvisibility';

package/dist/codesample.d.ts

@@ -0,0 +1,20 @@
+type CodeLanguage = "javascript" | "python" | "curl" | "go" | "ruby" | "php";
+type CodeSampleConfig = {
+    method: string;
+    url: string;
+    headers?: Record<string, string>;
+    body?: unknown;
+    auth?: {
+        type: "bearer" | "apikey" | "basic";
+        value: string;
+    };
+};
+type CodeSample = {
+    language: CodeLanguage;
+    label: string;
+    code: string;
+};
+declare function generateSample(config: CodeSampleConfig, language: CodeLanguage): CodeSample;
+declare function generateSamples(config: CodeSampleConfig, languages?: CodeLanguage[]): CodeSample[];
+
+export { type CodeLanguage, type CodeSample, type CodeSampleConfig, generateSample, generateSamples };

package/dist/codesample.js

@@ -0,0 +1,115 @@
+const labels = {
+  javascript: "JavaScript",
+  python: "Python",
+  curl: "cURL",
+  go: "Go",
+  ruby: "Ruby",
+  php: "PHP"
+};
+const allLanguages = ["javascript", "python", "curl", "go", "ruby", "php"];
+function authHeader(auth) {
+  if (!auth) return {};
+  if (auth.type === "bearer") return { Authorization: `Bearer ${auth.value}` };
+  if (auth.type === "apikey") return { "X-API-Key": auth.value };
+  return { Authorization: `Basic ${btoa(auth.value)}` };
+}
+function merged(config) {
+  return { ...config.headers, ...authHeader(config.auth) };
+}
+function javascript(c) {
+  const h = merged(c);
+  const opts = [`	method: "${c.method}"`];
+  if (Object.keys(h).length > 0) {
+    const e = Object.entries(h).map(([k, v]) => `		"${k}": "${v}"`).join(",\n");
+    opts.push(`	headers: {
+${e}
+	}`);
+  }
+  if (c.body) opts.push(`	body: JSON.stringify(${JSON.stringify(c.body)})`);
+  return `const response = await fetch("${c.url}", {
+${opts.join(",\n")}
+})
+const data = await response.json()`;
+}
+function python(c) {
+  const h = merged(c);
+  const lines = ["import requests", ""];
+  const args = [`"${c.url}"`];
+  if (Object.keys(h).length > 0) {
+    const e = Object.entries(h).map(([k, v]) => `	"${k}": "${v}"`).join(",\n");
+    lines.push(`headers = {
+${e}
+}`);
+    args.push("headers=headers");
+  }
+  if (c.body) {
+    lines.push(`data = ${JSON.stringify(c.body)}`);
+    args.push("json=data");
+  }
+  lines.push(`response = requests.${c.method.toLowerCase()}(${args.join(", ")})`);
+  return lines.join("\n");
+}
+function curl(c) {
+  const h = merged(c);
+  const parts = [`curl -X ${c.method} "${c.url}"`];
+  for (const [k, v] of Object.entries(h)) parts.push(`  -H "${k}: ${v}"`);
+  if (c.body) parts.push(`  -d '${JSON.stringify(c.body)}'`);
+  return parts.join(" \\\n");
+}
+function go(c) {
+  const h = merged(c);
+  const body = c.body ? `bytes.NewBuffer([]byte(\`${JSON.stringify(c.body)}\`))` : "nil";
+  const lines = [`req, err := http.NewRequest("${c.method}", "${c.url}", ${body})`];
+  for (const [k, v] of Object.entries(h)) lines.push(`req.Header.Set("${k}", "${v}")`);
+  lines.push("client := &http.Client{}", "resp, err := client.Do(req)");
+  return lines.join("\n");
+}
+function ruby(c) {
+  const h = merged(c);
+  const uri = new URL(c.url);
+  const first = c.method[0]?.toUpperCase() ?? "G";
+  const cap = first + c.method.slice(1).toLowerCase();
+  const lines = [
+    'require "net/http"',
+    'require "json"',
+    "",
+    `uri = URI("${c.url}")`,
+    `http = Net::HTTP.new("${uri.hostname}", ${uri.port})`
+  ];
+  if (uri.protocol === "https:") lines.push("http.use_ssl = true");
+  lines.push(`request = Net::HTTP::${cap}.new(uri)`);
+  for (const [k, v] of Object.entries(h)) lines.push(`request["${k}"] = "${v}"`);
+  if (c.body) lines.push(`request.body = ${JSON.stringify(c.body)}.to_json`);
+  lines.push("response = http.request(request)");
+  return lines.join("\n");
+}
+function php(c) {
+  const h = merged(c);
+  const hl = Object.entries(h).map(([k, v]) => `${k}: ${v}`).join("\\r\\n");
+  const opts = [`	"method" => "${c.method}"`];
+  if (hl) opts.push(`	"header" => "${hl}"`);
+  if (c.body) opts.push(`	"content" => json_encode(${JSON.stringify(c.body)})`);
+  return [
+    `$context = stream_context_create(["http" => [`,
+    opts.join(",\n"),
+    "]]);",
+    `$response = file_get_contents("${c.url}", false, $context);`,
+    "$data = json_decode($response, true);"
+  ].join("\n");
+}
+const generators = {
+  javascript,
+  python,
+  curl,
+  go,
+  ruby,
+  php
+};
+function generateSample(config, language) {
+  return { language, label: labels[language], code: generators[language](config) };
+}
+function generateSamples(config, languages = allLanguages) {
+  return languages.map((lang) => generateSample(config, lang));
+}
+
+export { generateSample, generateSamples };

package/dist/collapse.d.ts

@@ -0,0 +1,5 @@
+import { ShikiTransformer } from '@shikijs/types';
+
+declare function transformerCollapse(): ShikiTransformer;
+
+export { transformerCollapse };

package/dist/collapse.js

@@ -0,0 +1,101 @@
+function transformerCollapse() {
+  return {
+    name: "collapse",
+    line(node, line) {
+      let found = false;
+      let isStart = false;
+      let isEnd = false;
+      for (const child of node.children) {
+        if (child.type === "element" && child.tagName === "span") {
+          for (const grandchild of child.children) {
+            if (grandchild.type === "text") {
+              if (/\[!code collapse:start\]/.test(grandchild.value)) {
+                grandchild.value = grandchild.value.replace(/\/\/ \[!code collapse:start\]|# \[!code collapse:start\]/, "");
+                isStart = true;
+                found = true;
+              }
+              if (/\[!code collapse:end\]/.test(grandchild.value)) {
+                grandchild.value = grandchild.value.replace(/\/\/ \[!code collapse:end\]|# \[!code collapse:end\]/, "");
+                isEnd = true;
+                found = true;
+              }
+            }
+          }
+        }
+      }
+      if (found) {
+        if (isStart) this.addClassToHast(node, "collapse-start");
+        if (isEnd) this.addClassToHast(node, "collapse-end");
+      }
+    },
+    pre(node) {
+      const codeEl = node.children[0];
+      if (!codeEl || codeEl.type !== "element") return;
+      const lines = "children" in codeEl ? codeEl.children : [];
+      if (!lines || !Array.isArray(lines)) return;
+      let inCollapse = false;
+      let collapseStart = -1;
+      let collapseLines = [];
+      for (let i = 0; i < lines.length; i++) {
+        const line = lines[i];
+        if (!line || line.type !== "element") continue;
+        if (!line.properties) continue;
+        const classes = Array.isArray(line.properties.class) ? line.properties.class : [];
+        const hasCollapseStart = classes.includes("collapse-start");
+        const hasCollapseEnd = classes.includes("collapse-end");
+        if (hasCollapseStart && !inCollapse) {
+          inCollapse = true;
+          collapseStart = i;
+          collapseLines = [];
+          const filteredClasses = classes.filter((c) => c !== "collapse-start");
+          if (filteredClasses.length > 0) {
+            line.properties.class = filteredClasses;
+          } else {
+            delete line.properties.class;
+          }
+          collapseLines.push(line);
+          continue;
+        }
+        if (hasCollapseEnd && inCollapse) {
+          inCollapse = false;
+          const filteredClasses = classes.filter((c) => c !== "collapse-end");
+          if (filteredClasses.length > 0) {
+            line.properties.class = filteredClasses;
+          } else {
+            delete line.properties.class;
+          }
+          collapseLines.push(line);
+          const count = collapseLines.length;
+          const details = {
+            type: "element",
+            tagName: "details",
+            properties: { class: ["code-collapse"] },
+            children: [
+              {
+                type: "element",
+                tagName: "summary",
+                properties: {},
+                children: [
+                  {
+                    type: "text",
+                    value: `${count} collapsed ${count === 1 ? "line" : "lines"}`
+                  }
+                ]
+              },
+              ...collapseLines
+            ]
+          };
+          lines.splice(collapseStart, count, details);
+          i = collapseStart;
+          collapseLines = [];
+          continue;
+        }
+        if (inCollapse) {
+          collapseLines.push(line);
+        }
+      }
+    }
+  };
+}
+
+export { transformerCollapse };

package/dist/collections.d.ts

@@ -0,0 +1,32 @@
+import { z } from 'zod';
+
+interface CollectionConfig<T extends z.ZodRawShape> {
+    name: string;
+    dir: string;
+    schema: z.ZodObject<T>;
+    includeDrafts?: boolean;
+}
+interface CollectionItem<T> {
+    slug: string;
+    content: string;
+    data: T;
+}
+type SortValue = string | number | bigint | boolean | Date;
+type SortKey<T> = {
+    [K in keyof T]: T[K] extends SortValue ? K : never;
+}[keyof T];
+interface Collection<T> {
+    name: string;
+    getAll(): Promise<CollectionItem<T>[]>;
+    get(slug: string): Promise<CollectionItem<T> | null>;
+    count(): Promise<number>;
+    filter(fn: (doc: CollectionItem<T>) => boolean): Promise<CollectionItem<T>[]>;
+    sort(key: "slug" | SortKey<T>, order?: "asc" | "desc"): Promise<CollectionItem<T>[]>;
+}
+type InferCollection<T extends z.ZodRawShape> = z.infer<z.ZodObject<T>>;
+declare function defineCollection<T extends z.ZodRawShape>(config: CollectionConfig<T>): Collection<InferCollection<T>>;
+declare function defineCollections<const T extends Record<string, CollectionConfig<z.ZodRawShape>>>(configs: T): {
+    [K in keyof T]: Collection<z.infer<T[K]["schema"]>>;
+};
+
+export { defineCollection, defineCollections };

package/dist/collections.js

@@ -0,0 +1,82 @@
+import { readdir, readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+import matter from 'gray-matter';
+
+async function scan(dir, schema, includeDrafts) {
+  const items = [];
+  async function walk(current, prefix = "") {
+    const entries = await readdir(current, { withFileTypes: true });
+    for (const entry of entries) {
+      if (entry.isDirectory()) {
+        await walk(join(current, entry.name), `${prefix}${entry.name}/`);
+      } else if (entry.name.endsWith(".mdx")) {
+        const filepath = join(current, entry.name);
+        const source = await readFile(filepath, "utf-8");
+        const { data, content } = matter(source);
+        if (!includeDrafts && data.draft === true) continue;
+        const parsed = schema.safeParse(data);
+        if (!parsed.success) {
+          console.error(`invalid frontmatter in ${filepath}`);
+          continue;
+        }
+        const slug = `${prefix}${entry.name.replace(".mdx", "")}`;
+        items.push({ slug, content, data: parsed.data });
+      }
+    }
+  }
+  await walk(dir);
+  return items;
+}
+function defineCollection(config) {
+  let cached = null;
+  function compare(a, b) {
+    if (a === b) return 0;
+    if (a === void 0) return -1;
+    if (b === void 0) return 1;
+    if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+    if (typeof a === "string" && typeof b === "string") return a.localeCompare(b);
+    if (typeof a === "number" && typeof b === "number") return a - b;
+    if (typeof a === "bigint" && typeof b === "bigint") return a < b ? -1 : 1;
+    if (typeof a === "boolean" && typeof b === "boolean") return a === b ? 0 : a ? 1 : -1;
+    return String(a).localeCompare(String(b));
+  }
+  async function load() {
+    if (cached) return cached;
+    const includeDrafts = config.includeDrafts ?? process.env.NODE_ENV !== "production";
+    const items = await scan(config.dir, config.schema, includeDrafts);
+    cached = items;
+    return items;
+  }
+  return {
+    name: config.name,
+    getAll: () => load(),
+    get: async (slug) => {
+      const items = await load();
+      return items.find((item) => item.slug === slug) ?? null;
+    },
+    count: async () => (await load()).length,
+    filter: async (fn) => (await load()).filter(fn),
+    sort: async (key, order = "asc") => {
+      const items = await load();
+      return [...items].sort((a, b) => {
+        const va = key === "slug" ? a.slug : a.data[key];
+        const vb = key === "slug" ? b.slug : b.data[key];
+        const result = compare(va, vb);
+        return order === "asc" ? result : -result;
+      });
+    }
+  };
+}
+function defineCollections(configs) {
+  const result = {};
+  for (const key of Object.keys(configs)) {
+    const config = configs[key];
+    if (config === void 0) {
+      throw new Error(`missing collection config: ${String(key)}`);
+    }
+    result[key] = defineCollection(config);
+  }
+  return result;
+}
+
+export { defineCollection, defineCollections };

package/dist/components/accordion.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface AccordionProps {
+    children: ReactNode;
+}
+declare const Accordion: react.NamedExoticComponent<AccordionProps>;
+/**
+ * @param title - accordion header text
+ * @param children - collapsible content
+ * @param defaultOpen - expanded on mount
+ */
+interface AccordionItemProps {
+    title: string;
+    children: ReactNode;
+    defaultOpen?: boolean;
+}
+declare function AccordionItemInner({ title, children, defaultOpen }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare const AccordionItem: react.MemoExoticComponent<typeof AccordionItemInner>;
+
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps };

package/dist/components/accordion.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { memo, useState, useId, useCallback } from 'react';
+
+const Accordion = memo(function Accordion2({ children }) {
+  return /* @__PURE__ */ jsx("div", { className: "my-6 divide-y divide-line border-y border-line", children });
+});
+function AccordionItemInner({ title, children, defaultOpen = false }) {
+  const [open, setOpen] = useState(defaultOpen);
+  const id = useId();
+  const buttonId = `${id}-button`;
+  const panelId = `${id}-panel`;
+  const toggle = useCallback(() => setOpen((prev) => !prev), []);
+  return /* @__PURE__ */ jsxs("div", { role: "group", children: [
+    /* @__PURE__ */ jsx("h3", { children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        id: buttonId,
+        type: "button",
+        onClick: toggle,
+        "aria-expanded": open,
+        "aria-controls": panelId,
+        className: "flex w-full items-center justify-between py-4 text-left font-medium transition-colors hover:text-fg",
+        children: [
+          title,
+          /* @__PURE__ */ jsx(
+            "svg",
+            {
+              "aria-hidden": "true",
+              viewBox: "0 0 16 16",
+              fill: "currentColor",
+              className: `size-4 text-muted transition-transform duration-200 ${open ? "rotate-180" : ""}`,
+              children: /* @__PURE__ */ jsx("path", { d: "M4.22 6.22a.75.75 0 011.06 0L8 8.94l2.72-2.72a.75.75 0 111.06 1.06l-3.25 3.25a.75.75 0 01-1.06 0L4.22 7.28a.75.75 0 010-1.06z" })
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: panelId,
+        role: "region",
+        "aria-labelledby": buttonId,
+        hidden: !open,
+        className: `overflow-hidden transition-all duration-200 ${open ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"}`,
+        children: /* @__PURE__ */ jsx("div", { className: "pb-4 text-sm text-muted", children })
+      }
+    )
+  ] });
+}
+const AccordionItem = memo(AccordionItemInner);
+
+export { Accordion, AccordionItem };

package/dist/components/alert.d.ts

@@ -0,0 +1,18 @@
+import react__default, { ReactNode } from 'react';
+
+/**
+ * props for the alert component
+ * @property children - alert content
+ * @property type - visual style variant
+ * @property title - optional heading
+ * @example <Alert type="warning">check your input</Alert>
+ */
+interface AlertProps {
+    children: ReactNode;
+    type?: "info" | "success" | "warning" | "error";
+    title?: string;
+}
+declare function AlertBase({ children, type, title }: AlertProps): react__default.ReactElement;
+declare const Alert: react__default.MemoExoticComponent<typeof AlertBase>;
+
+export { Alert, type AlertProps };