@hanzo/docs-base-ui 16.4.2

package/dist/components/sidebar/tabs/index.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/sidebar/tabs/index.tsx
+const defaultTransform = (option, node) => {
+	if (!node.icon) return option;
+	return {
+		...option,
+		icon: /* @__PURE__ */ jsx("div", {
+			className: "size-full [&_svg]:size-full max-md:p-1.5 max-md:rounded-md max-md:border max-md:bg-fd-secondary",
+			children: node.icon
+		})
+	};
+};
+function getSidebarTabs(tree, { transform = defaultTransform } = {}) {
+	const results = [];
+	function scanOptions(node, unlisted) {
+		if ("root" in node && node.root) {
+			const urls = getFolderUrls(node);
+			if (urls.size > 0) {
+				const option = {
+					url: urls.values().next().value ?? "",
+					title: node.name,
+					icon: node.icon,
+					unlisted,
+					description: node.description,
+					urls
+				};
+				const mapped = transform ? transform(option, node) : option;
+				if (mapped) results.push(mapped);
+			}
+		}
+		for (const child of node.children) if (child.type === "folder") scanOptions(child, unlisted);
+	}
+	scanOptions(tree);
+	if (tree.fallback) scanOptions(tree.fallback, true);
+	return results;
+}
+function getFolderUrls(folder, output = /* @__PURE__ */ new Set()) {
+	if (folder.index) output.add(folder.index.url);
+	for (const child of folder.children) {
+		if (child.type === "page" && !child.external) output.add(child.url);
+		if (child.type === "folder") getFolderUrls(child, output);
+	}
+	return output;
+}
+
+//#endregion
+export { getSidebarTabs };
+//# sourceMappingURL=index.js.map

package/dist/components/sidebar/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["defaultTransform: GetSidebarTabsOptions['transform']","results: SidebarTab[]","option: SidebarTab"],"sources":["../../../../src/components/sidebar/tabs/index.tsx"],"sourcesContent":["import type * as PageTree from '@hanzo/docs-core/page-tree';\nimport type { ReactNode } from 'react';\n\nexport interface SidebarTab {\n  /**\n   * Redirect URL of the folder, usually the index page\n   */\n  url: string;\n\n  icon?: ReactNode;\n  title: ReactNode;\n  description?: ReactNode;\n\n  /**\n   * Detect from a list of urls\n   */\n  urls?: Set<string>;\n  unlisted?: boolean;\n}\n\nexport interface GetSidebarTabsOptions {\n  transform?: (option: SidebarTab, node: PageTree.Folder) => SidebarTab | null;\n}\n\nconst defaultTransform: GetSidebarTabsOptions['transform'] = (option, node) => {\n  if (!node.icon) return option;\n\n  return {\n    ...option,\n    icon: (\n      <div className=\"size-full [&_svg]:size-full max-md:p-1.5 max-md:rounded-md max-md:border max-md:bg-fd-secondary\">\n        {node.icon}\n      </div>\n    ),\n  };\n};\n\nexport function getSidebarTabs(\n  tree: PageTree.Root,\n  { transform = defaultTransform }: GetSidebarTabsOptions = {},\n): SidebarTab[] {\n  const results: SidebarTab[] = [];\n\n  function scanOptions(node: PageTree.Root | PageTree.Folder, unlisted?: boolean) {\n    if ('root' in node && node.root) {\n      const urls = getFolderUrls(node);\n\n      if (urls.size > 0) {\n        const option: SidebarTab = {\n          url: urls.values().next().value ?? '',\n          title: node.name,\n          icon: node.icon,\n          unlisted,\n          description: node.description,\n          urls,\n        };\n\n        const mapped = transform ? transform(option, node) : option;\n        if (mapped) results.push(mapped);\n      }\n    }\n\n    for (const child of node.children) {\n      if (child.type === 'folder') scanOptions(child, unlisted);\n    }\n  }\n\n  scanOptions(tree);\n  if (tree.fallback) scanOptions(tree.fallback, true);\n\n  return results;\n}\n\nfunction getFolderUrls(folder: PageTree.Folder, output: Set<string> = new Set()): Set<string> {\n  if (folder.index) output.add(folder.index.url);\n\n  for (const child of folder.children) {\n    if (child.type === 'page' && !child.external) output.add(child.url);\n    if (child.type === 'folder') getFolderUrls(child, output);\n  }\n\n  return output;\n}\n"],"mappings":";;;AAwBA,MAAMA,oBAAwD,QAAQ,SAAS;AAC7E,KAAI,CAAC,KAAK,KAAM,QAAO;AAEvB,QAAO;EACL,GAAG;EACH,MACE,oBAAC;GAAI,WAAU;aACZ,KAAK;IACF;EAET;;AAGH,SAAgB,eACd,MACA,EAAE,YAAY,qBAA4C,EAAE,EAC9C;CACd,MAAMC,UAAwB,EAAE;CAEhC,SAAS,YAAY,MAAuC,UAAoB;AAC9E,MAAI,UAAU,QAAQ,KAAK,MAAM;GAC/B,MAAM,OAAO,cAAc,KAAK;AAEhC,OAAI,KAAK,OAAO,GAAG;IACjB,MAAMC,SAAqB;KACzB,KAAK,KAAK,QAAQ,CAAC,MAAM,CAAC,SAAS;KACnC,OAAO,KAAK;KACZ,MAAM,KAAK;KACX;KACA,aAAa,KAAK;KAClB;KACD;IAED,MAAM,SAAS,YAAY,UAAU,QAAQ,KAAK,GAAG;AACrD,QAAI,OAAQ,SAAQ,KAAK,OAAO;;;AAIpC,OAAK,MAAM,SAAS,KAAK,SACvB,KAAI,MAAM,SAAS,SAAU,aAAY,OAAO,SAAS;;AAI7D,aAAY,KAAK;AACjB,KAAI,KAAK,SAAU,aAAY,KAAK,UAAU,KAAK;AAEnD,QAAO;;AAGT,SAAS,cAAc,QAAyB,yBAAsB,IAAI,KAAK,EAAe;AAC5F,KAAI,OAAO,MAAO,QAAO,IAAI,OAAO,MAAM,IAAI;AAE9C,MAAK,MAAM,SAAS,OAAO,UAAU;AACnC,MAAI,MAAM,SAAS,UAAU,CAAC,MAAM,SAAU,QAAO,IAAI,MAAM,IAAI;AACnE,MAAI,MAAM,SAAS,SAAU,eAAc,OAAO,OAAO;;AAG3D,QAAO"}

package/dist/components/steps.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime34 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/steps.d.ts
+declare function Steps({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime34.JSX.Element;
+declare function Step({
+  children
+}: {
+  children: ReactNode;
+}): react_jsx_runtime34.JSX.Element;
+//#endregion
+export { Step, Steps };
+//# sourceMappingURL=steps.d.ts.map

package/dist/components/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":[],"mappings":";;;;iBAEgB,KAAA;;;YAAgC;IAAW,mBAAA,CAAA,GAAA,CAAA;AAA3C,iBAIA,IAAA,CAJK;EAAA;CAAA,EAAA;EAAG,QAAA,EAIuB,SAJvB;CAAwB,CAAA,EAIU,mBAAA,CAAA,GAAA,CAAA,OAJV"}

package/dist/components/steps.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/steps.tsx
+function Steps({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "fd-steps",
+		children
+	});
+}
+function Step({ children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "fd-step",
+		children
+	});
+}
+
+//#endregion
+export { Step, Steps };
+//# sourceMappingURL=steps.js.map

package/dist/components/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport function Steps({ children }: { children: ReactNode }) {\n  return <div className=\"fd-steps\">{children}</div>;\n}\n\nexport function Step({ children }: { children: ReactNode }) {\n  return <div className=\"fd-step\">{children}</div>;\n}\n"],"mappings":";;;AAEA,SAAgB,MAAM,EAAE,YAAqC;AAC3D,QAAO,oBAAC;EAAI,WAAU;EAAY;GAAe;;AAGnD,SAAgB,KAAK,EAAE,YAAqC;AAC1D,QAAO,oBAAC;EAAI,WAAU;EAAW;GAAe"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,52 @@
+import { Tabs as Tabs$1, TabsContent as TabsContent$1 } from "./ui/tabs.js";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as React from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as _base_ui_react0 from "@base-ui/react";
+
+//#region src/components/tabs.d.ts
+interface TabsProps extends Omit<ComponentProps<typeof Tabs$1>, 'value' | 'onValueChange'> {
+  /**
+   * Use simple mode instead of advanced usage as documented in https://radix-ui.com/primitives/docs/components/tabs.
+   */
+  items?: string[];
+  /**
+   * Shortcut for `defaultValue` when `items` is provided.
+   *
+   * @defaultValue 0
+   */
+  defaultIndex?: number;
+  /**
+   * Additional label in tabs list when `items` is provided.
+   */
+  label?: ReactNode;
+}
+declare const TabsList: React.ForwardRefExoticComponent<Omit<_base_ui_react0.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<_base_ui_react0.TabsTabProps & React.RefAttributes<Element>, "ref"> & React.RefAttributes<Element>>;
+declare function Tabs({
+  ref,
+  className,
+  items,
+  label,
+  defaultIndex,
+  defaultValue,
+  ...props
+}: TabsProps): react_jsx_runtime29.JSX.Element;
+interface TabProps extends Omit<ComponentProps<typeof TabsContent$1>, 'value'> {
+  /**
+   * Value of tab, detect from index if unspecified.
+   */
+  value?: string;
+}
+declare function Tab({
+  value,
+  ...props
+}: TabProps): react_jsx_runtime29.JSX.Element;
+declare function TabsContent({
+  value,
+  className,
+  ...props
+}: ComponentProps<typeof TabsContent$1>): react_jsx_runtime29.JSX.Element;
+//#endregion
+export { Tab, TabProps, Tabs, TabsContent, TabsList, TabsProps, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/components/tabs.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAkBiB,SAAA,SAAkB,KACjC,sBAAsB;;;;EADP,KAAA,CAAA,EAAA,MAAU,EAAA;EACH;;;;;EAgCX,YAcX,CAAA,EAAA,MAAA;EAAA;;;EAdmB,KAAA,CAAA,EAdX,SAcW;;AAAA,cAAR,QAAQ,EAAA,KAAA,CAAA,yBAAA,CAAA,IAAA,CAcnB,eAAA,CAdmB,aAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA,CAAA,EAAA,KAAA,CAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA,CAAA,CAAA;AAAA,cAiBR,WAjBQ,EAiBG,KAAA,CAAA,yBAjBH,CAiBG,IAjBH,CA+BnB,eAAA,CAdsB,YAAA,GAAA,KAAA,CAAA,aAjBH,CAiBG,OAjBH,CAAA,EAAA,KAAA,CAAA,GAiBG,KAAA,CAAA,aAjBH,CAiBG,OAjBH,CAAA,CAAA;AAAA,iBAkCL,IAAA,CAlCK;EAAA,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,KAAA;EAAA,YAAA;EAAA,YAAA;EAAA,GAAA;AAAA,CAAA,EA0ClB,SA1CkB,CAAA,EA0CT,mBAAA,CAAA,GAAA,CAAA,OA1CS;AAiBR,UA8DI,QAAA,SAAiB,IAhDhC,CAgDqC,cAhDrC,CAAA,OAgD2D,aAhD3D,CAAA,EAAA,OAAA,CAAA,CAAA;EAAA;;;EAdsB,KAAA,CAAA,EAAA,MAAA;;AAAA,iBAqER,GAAA,CArEQ;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAqEiB,QArEjB,CAAA,EAqEyB,mBAAA,CAAA,GAAA,CAAA,OArEzB;AAAA,iBAuFR,WAAA,CAvFQ;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2FrB,cA3FqB,CAAA,OA2FC,aA3FD,CAAA,CAAA,EA2FsB,mBAAA,CAAA,GAAA,CAAA,OA3FtB"}

package/dist/components/tabs.js

@@ -0,0 +1,101 @@
+'use client';
+
+import { Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "./ui/tabs.js";
+import { cn } from "@hanzo/docs-ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createContext, useContext, useEffect, useId, useMemo, useState } from "react";
+
+//#region src/components/tabs.tsx
+const TabsContext = createContext(null);
+function useTabContext() {
+	const ctx = useContext(TabsContext);
+	if (!ctx) throw new Error("You must wrap your component in <Tabs>");
+	return ctx;
+}
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsList$1, {
+	ref,
+	...props,
+	className: (s) => cn("flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose", typeof className === "function" ? className(s) : className)
+}));
+TabsList.displayName = "TabsList";
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
+	ref,
+	...props,
+	className: (s) => cn("inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:border-fd-primary data-[active]:text-fd-primary", typeof className === "function" ? className(s) : className)
+}));
+TabsTrigger.displayName = "TabsTrigger";
+function Tabs({ ref, className, items, label, defaultIndex = 0, defaultValue = items ? escapeValue(items[defaultIndex]) : void 0, ...props }) {
+	const [value, setValue] = useState(defaultValue);
+	const collection = useMemo(() => [], []);
+	return /* @__PURE__ */ jsxs(Tabs$1, {
+		ref,
+		className: (s) => cn("flex flex-col overflow-hidden rounded-xl border bg-fd-secondary my-4", typeof className === "function" ? className(s) : className),
+		value,
+		onValueChange: (v) => {
+			if (items && !items.some((item) => escapeValue(item) === v)) return;
+			setValue(v);
+		},
+		...props,
+		children: [items && /* @__PURE__ */ jsxs(TabsList, { children: [label && /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-medium my-auto me-auto",
+			children: label
+		}), items.map((item) => /* @__PURE__ */ jsx(TabsTrigger, {
+			value: escapeValue(item),
+			children: item
+		}, item))] }), /* @__PURE__ */ jsx(TabsContext.Provider, {
+			value: useMemo(() => ({
+				items,
+				collection
+			}), [collection, items]),
+			children: props.children
+		})]
+	});
+}
+function Tab({ value, ...props }) {
+	const { items } = useTabContext();
+	const resolved = value ?? items?.at(useCollectionIndex());
+	if (!resolved) throw new Error("Failed to resolve tab `value`, please pass a `value` prop to the Tab component.");
+	return /* @__PURE__ */ jsx(TabsContent, {
+		value: escapeValue(resolved),
+		...props,
+		children: props.children
+	});
+}
+function TabsContent({ value, className, ...props }) {
+	return /* @__PURE__ */ jsx(TabsContent$1, {
+		value,
+		keepMounted: true,
+		className: (s) => cn("p-4 text-[0.9375rem] bg-fd-background rounded-xl outline-none prose-no-margin data-[inactive]:hidden [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none", typeof className === "function" ? className(s) : className),
+		...props,
+		children: props.children
+	});
+}
+/**
+* Inspired by Headless UI.
+*
+* Return the index of children, this is made possible by registering the order of render from children using React context.
+* This is supposed by work with pre-rendering & pure client-side rendering.
+*/
+function useCollectionIndex() {
+	const key = useId();
+	const { collection } = useTabContext();
+	useEffect(() => {
+		return () => {
+			const idx = collection.indexOf(key);
+			if (idx !== -1) collection.splice(idx, 1);
+		};
+	}, [key, collection]);
+	if (!collection.includes(key)) collection.push(key);
+	return collection.indexOf(key);
+}
+/**
+* only escape whitespaces in values in simple mode
+*/
+function escapeValue(v) {
+	return v.toLowerCase().replace(/\s/, "-");
+}
+
+//#endregion
+export { Tab, Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["Unstyled.TabsList","Unstyled.TabsTrigger","Unstyled.Tabs","Unstyled.TabsContent"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  type ComponentProps,\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useState,\n} from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport * as Unstyled from './ui/tabs';\n\ntype CollectionKey = string | symbol;\n\nexport interface TabsProps extends Omit<\n  ComponentProps<typeof Unstyled.Tabs>,\n  'value' | 'onValueChange'\n> {\n  /**\n   * Use simple mode instead of advanced usage as documented in https://radix-ui.com/primitives/docs/components/tabs.\n   */\n  items?: string[];\n\n  /**\n   * Shortcut for `defaultValue` when `items` is provided.\n   *\n   * @defaultValue 0\n   */\n  defaultIndex?: number;\n\n  /**\n   * Additional label in tabs list when `items` is provided.\n   */\n  label?: ReactNode;\n}\n\nconst TabsContext = createContext<{\n  items?: string[];\n  collection: CollectionKey[];\n} | null>(null);\n\nfunction useTabContext() {\n  const ctx = useContext(TabsContext);\n  if (!ctx) throw new Error('You must wrap your component in <Tabs>');\n  return ctx;\n}\n\nexport const TabsList = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsList>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsList>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsList\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'flex gap-3.5 text-fd-secondary-foreground overflow-x-auto px-4 not-prose',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTrigger = React.forwardRef<\n  React.ComponentRef<typeof Unstyled.TabsTrigger>,\n  React.ComponentPropsWithoutRef<typeof Unstyled.TabsTrigger>\n>(({ className, ...props }, ref) => (\n  <Unstyled.TabsTrigger\n    ref={ref}\n    {...props}\n    className={(s) =>\n      cn(\n        'inline-flex items-center gap-2 whitespace-nowrap text-fd-muted-foreground border-b border-transparent py-2 text-sm font-medium transition-colors [&_svg]:size-4 hover:text-fd-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active]:border-fd-primary data-[active]:text-fd-primary',\n        typeof className === 'function' ? className(s) : className,\n      )\n    }\n  />\n));\nTabsTrigger.displayName = 'TabsTrigger';\n\nexport function Tabs({\n  ref,\n  className,\n  items,\n  label,\n  defaultIndex = 0,\n  defaultValue = items ? escapeValue(items[defaultIndex]) : undefined,\n  ...props\n}: TabsProps) {\n  const [value, setValue] = useState(defaultValue);\n  const collection = useMemo<CollectionKey[]>(() => [], []);\n\n  return (\n    <Unstyled.Tabs\n      ref={ref}\n      className={(s) =>\n        cn(\n          'flex flex-col overflow-hidden rounded-xl border bg-fd-secondary my-4',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      value={value}\n      onValueChange={(v: string) => {\n        if (items && !items.some((item) => escapeValue(item) === v)) return;\n        setValue(v);\n      }}\n      {...props}\n    >\n      {items && (\n        <TabsList>\n          {label && <span className=\"text-sm font-medium my-auto me-auto\">{label}</span>}\n          {items.map((item) => (\n            <TabsTrigger key={item} value={escapeValue(item)}>\n              {item}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      )}\n      <TabsContext.Provider value={useMemo(() => ({ items, collection }), [collection, items])}>\n        {props.children}\n      </TabsContext.Provider>\n    </Unstyled.Tabs>\n  );\n}\n\nexport interface TabProps extends Omit<ComponentProps<typeof Unstyled.TabsContent>, 'value'> {\n  /**\n   * Value of tab, detect from index if unspecified.\n   */\n  value?: string;\n}\n\nexport function Tab({ value, ...props }: TabProps) {\n  const { items } = useTabContext();\n  const resolved =\n    value ??\n    // eslint-disable-next-line react-hooks/rules-of-hooks -- `value` is not supposed to change\n    items?.at(useCollectionIndex());\n  if (!resolved)\n    throw new Error(\n      'Failed to resolve tab `value`, please pass a `value` prop to the Tab component.',\n    );\n\n  return (\n    <TabsContent value={escapeValue(resolved)} {...props}>\n      {props.children}\n    </TabsContent>\n  );\n}\n\nexport function TabsContent({\n  value,\n  className,\n  ...props\n}: ComponentProps<typeof Unstyled.TabsContent>) {\n  return (\n    <Unstyled.TabsContent\n      value={value}\n      keepMounted\n      className={(s) =>\n        cn(\n          'p-4 text-[0.9375rem] bg-fd-background rounded-xl outline-none prose-no-margin data-[inactive]:hidden [&>figure:only-child]:-m-4 [&>figure:only-child]:border-none',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {props.children}\n    </Unstyled.TabsContent>\n  );\n}\n\n/**\n * Inspired by Headless UI.\n *\n * Return the index of children, this is made possible by registering the order of render from children using React context.\n * This is supposed by work with pre-rendering & pure client-side rendering.\n */\nfunction useCollectionIndex() {\n  const key = useId();\n  const { collection } = useTabContext();\n\n  useEffect(() => {\n    return () => {\n      const idx = collection.indexOf(key);\n      if (idx !== -1) collection.splice(idx, 1);\n    };\n  }, [key, collection]);\n\n  if (!collection.includes(key)) collection.push(key);\n  return collection.indexOf(key);\n}\n\n/**\n * only escape whitespaces in values in simple mode\n */\nfunction escapeValue(v: string): string {\n  return v.toLowerCase().replace(/\\s/, '-');\n}\n"],"mappings":";;;;;;;;;AAwCA,MAAM,cAAc,cAGV,KAAK;AAEf,SAAS,gBAAgB;CACvB,MAAM,MAAM,WAAW,YAAY;AACnC,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,yCAAyC;AACnE,QAAO;;AAGT,MAAa,WAAW,MAAM,YAG3B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACA;CACM;CACL,GAAI;CACJ,YAAY,MACV,GACE,4EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,CACF;AACF,SAAS,cAAc;AAEvB,MAAa,cAAc,MAAM,YAG9B,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC;CACM;CACL,GAAI;CACJ,YAAY,MACV,GACE,kTACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,CACF;AACF,YAAY,cAAc;AAE1B,SAAgB,KAAK,EACnB,KACA,WACA,OACA,OACA,eAAe,GACf,eAAe,QAAQ,YAAY,MAAM,cAAc,GAAG,QAC1D,GAAG,SACS;CACZ,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAChD,MAAM,aAAa,cAA+B,EAAE,EAAE,EAAE,CAAC;AAEzD,QACE,qBAACC;EACM;EACL,YAAY,MACV,GACE,wEACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEI;EACP,gBAAgB,MAAc;AAC5B,OAAI,SAAS,CAAC,MAAM,MAAM,SAAS,YAAY,KAAK,KAAK,EAAE,CAAE;AAC7D,YAAS,EAAE;;EAEb,GAAI;aAEH,SACC,qBAAC,uBACE,SAAS,oBAAC;GAAK,WAAU;aAAuC;IAAa,EAC7E,MAAM,KAAK,SACV,oBAAC;GAAuB,OAAO,YAAY,KAAK;aAC7C;KADe,KAEJ,CACd,IACO,EAEb,oBAAC,YAAY;GAAS,OAAO,eAAe;IAAE;IAAO;IAAY,GAAG,CAAC,YAAY,MAAM,CAAC;aACrF,MAAM;IACc;GACT;;AAWpB,SAAgB,IAAI,EAAE,OAAO,GAAG,SAAmB;CACjD,MAAM,EAAE,UAAU,eAAe;CACjC,MAAM,WACJ,SAEA,OAAO,GAAG,oBAAoB,CAAC;AACjC,KAAI,CAAC,SACH,OAAM,IAAI,MACR,kFACD;AAEH,QACE,oBAAC;EAAY,OAAO,YAAY,SAAS;EAAE,GAAI;YAC5C,MAAM;GACK;;AAIlB,SAAgB,YAAY,EAC1B,OACA,WACA,GAAG,SAC2C;AAC9C,QACE,oBAACC;EACQ;EACP;EACA,YAAY,MACV,GACE,qKACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;YAEH,MAAM;GACc;;;;;;;;AAU3B,SAAS,qBAAqB;CAC5B,MAAM,MAAM,OAAO;CACnB,MAAM,EAAE,eAAe,eAAe;AAEtC,iBAAgB;AACd,eAAa;GACX,MAAM,MAAM,WAAW,QAAQ,IAAI;AACnC,OAAI,QAAQ,GAAI,YAAW,OAAO,KAAK,EAAE;;IAE1C,CAAC,KAAK,WAAW,CAAC;AAErB,KAAI,CAAC,WAAW,SAAS,IAAI,CAAE,YAAW,KAAK,IAAI;AACnD,QAAO,WAAW,QAAQ,IAAI;;;;;AAMhC,SAAS,YAAY,GAAmB;AACtC,QAAO,EAAE,aAAa,CAAC,QAAQ,MAAM,IAAI"}

package/dist/components/toc/clerk.d.ts

@@ -0,0 +1 @@
+export * from "@hanzo/docs-ui/components/toc/clerk";

package/dist/components/toc/clerk.js

@@ -0,0 +1,12 @@
+import { __reExport } from "../../_virtual/rolldown_runtime.js";
+
+export * from "@hanzo/docs-ui/components/toc/clerk"
+
+//#region src/components/toc/clerk.tsx
+var clerk_exports = {};
+import * as import__hanzo_docs_ui_components_toc_clerk from "@hanzo/docs-ui/components/toc/clerk";
+__reExport(clerk_exports, import__hanzo_docs_ui_components_toc_clerk);
+
+//#endregion
+export { clerk_exports };
+//# sourceMappingURL=clerk.js.map

package/dist/components/toc/clerk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clerk.js","names":[],"sources":["../../../src/components/toc/clerk.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/components/toc/clerk';\n"],"mappings":""}

package/dist/components/toc/default.d.ts

@@ -0,0 +1 @@
+export * from "@hanzo/docs-ui/components/toc/default";

package/dist/components/toc/default.js

@@ -0,0 +1,12 @@
+import { __reExport } from "../../_virtual/rolldown_runtime.js";
+
+export * from "@hanzo/docs-ui/components/toc/default"
+
+//#region src/components/toc/default.tsx
+var default_exports = {};
+import * as import__hanzo_docs_ui_components_toc_default from "@hanzo/docs-ui/components/toc/default";
+__reExport(default_exports, import__hanzo_docs_ui_components_toc_default);
+
+//#endregion
+export { default_exports };
+//# sourceMappingURL=default.js.map

package/dist/components/toc/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","names":[],"sources":["../../../src/components/toc/default.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/components/toc/default';\n"],"mappings":""}

package/dist/components/toc/index.d.ts

@@ -0,0 +1 @@
+export * from "@hanzo/docs-ui/components/toc/index";

package/dist/components/toc/index.js

@@ -0,0 +1,12 @@
+import { __reExport } from "../../_virtual/rolldown_runtime.js";
+
+export * from "@hanzo/docs-ui/components/toc/index"
+
+//#region src/components/toc/index.tsx
+var toc_exports = {};
+import * as import__hanzo_docs_ui_components_toc_index from "@hanzo/docs-ui/components/toc/index";
+__reExport(toc_exports, import__hanzo_docs_ui_components_toc_index);
+
+//#endregion
+export { toc_exports };
+//# sourceMappingURL=index.js.map

package/dist/components/toc/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/toc/index.tsx"],"sourcesContent":["export * from '@hanzo/docs-ui/components/toc/index';\n"],"mappings":""}

package/dist/components/type-table.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/type-table.d.ts
+interface ParameterNode {
+  name: string;
+  description: ReactNode;
+}
+interface TypeNode {
+  /**
+   * Additional description of the field
+   */
+  description?: ReactNode;
+  /**
+   * type signature (short)
+   */
+  type: ReactNode;
+  /**
+   * type signature (full)
+   */
+  typeDescription?: ReactNode;
+  /**
+   * Optional `href` for the type
+   */
+  typeDescriptionLink?: string;
+  default?: ReactNode;
+  required?: boolean;
+  deprecated?: boolean;
+  parameters?: ParameterNode[];
+  returns?: ReactNode;
+}
+declare function TypeTable({
+  type
+}: {
+  type: Record<string, TypeNode>;
+}): react_jsx_runtime32.JSX.Element;
+//#endregion
+export { ParameterNode, TypeNode, TypeTable };
+//# sourceMappingURL=type-table.d.ts.map

package/dist/components/type-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-table.d.ts","names":[],"sources":["../../src/components/type-table.tsx"],"sourcesContent":[],"mappings":";;;;UASiB,aAAA;;eAEF;AAFf;AAKiB,UAAA,QAAA,CAAQ;EAIT;;;EAiBJ,WAAA,CAAA,EAjBI,SAiBJ;EAKG;;;EAeC,IAAA,EAhCR,SAgCiB;EAAG;;;EAA0C,eAAA,CAAA,EA3BlD,SA2BkD;EAAA;;;;YApB1D;;;eAKG;YAEH;;iBAaI,SAAA;;;QAA4B,eAAe;IAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/type-table.js

@@ -0,0 +1,109 @@
+'use client';
+
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./ui/collapsible.js";
+import Link from "@hanzo/docs-core/link";
+import { cn } from "@hanzo/docs-ui/cn";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { useState } from "react";
+import { cva } from "class-variance-authority";
+
+//#region src/components/type-table.tsx
+const keyVariants = cva("text-fd-primary", { variants: { deprecated: { true: "line-through text-fd-primary/50" } } });
+const fieldVariants = cva("text-fd-muted-foreground not-prose pe-2");
+function TypeTable({ type }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "@container flex flex-col p-1 bg-fd-card text-fd-card-foreground rounded-2xl border my-6 text-sm overflow-hidden",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex font-medium items-center px-3 py-1 not-prose text-fd-muted-foreground",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "w-[25%]",
+				children: "Prop"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "@max-xl:hidden",
+				children: "Type"
+			})]
+		}), Object.entries(type).map(([key, value]) => /* @__PURE__ */ jsx(Item, {
+			name: key,
+			item: value
+		}, key))]
+	});
+}
+function Item({ name, item: { parameters = [], description, required = false, deprecated, typeDescription, default: defaultValue, type, typeDescriptionLink, returns } }) {
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Collapsible, {
+		open,
+		onOpenChange: setOpen,
+		className: cn("rounded-xl border overflow-hidden transition-all", open ? "shadow-sm bg-fd-background not-last:mb-2" : "border-transparent"),
+		children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
+			className: "relative flex flex-row items-center w-full group text-start px-3 py-2 not-prose hover:bg-fd-accent",
+			children: [
+				/* @__PURE__ */ jsxs("code", {
+					className: cn(keyVariants({
+						deprecated,
+						className: "min-w-fit w-[25%] font-medium pe-2"
+					})),
+					children: [name, !required && "?"]
+				}),
+				typeDescriptionLink ? /* @__PURE__ */ jsx(Link, {
+					href: typeDescriptionLink,
+					className: "underline @max-xl:hidden",
+					children: type
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "@max-xl:hidden",
+					children: type
+				}),
+				/* @__PURE__ */ jsx(ChevronDown, { className: "absolute end-2 size-4 text-fd-muted-foreground transition-transform group-data-[open]:rotate-180" })
+			]
+		}), /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxs("div", {
+			className: "grid grid-cols-[1fr_3fr] gap-y-4 text-sm p-3 overflow-auto fd-scroll-container border-t",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "text-sm prose col-span-full prose-no-margin empty:hidden",
+					children: description
+				}),
+				typeDescription && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+					className: cn(fieldVariants()),
+					children: "Type"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "my-auto not-prose",
+					children: typeDescription
+				})] }),
+				defaultValue && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+					className: cn(fieldVariants()),
+					children: "Default"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "my-auto not-prose",
+					children: defaultValue
+				})] }),
+				parameters.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+					className: cn(fieldVariants()),
+					children: "Parameters"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex flex-col gap-2",
+					children: parameters.map((param) => /* @__PURE__ */ jsxs("div", {
+						className: "inline-flex items-center flex-wrap gap-1",
+						children: [/* @__PURE__ */ jsxs("p", {
+							className: "font-medium not-prose text-nowrap",
+							children: [param.name, " -"]
+						}), /* @__PURE__ */ jsx("div", {
+							className: "text-sm prose prose-no-margin",
+							children: param.description
+						})]
+					}, param.name))
+				})] }),
+				returns && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("p", {
+					className: cn(fieldVariants()),
+					children: "Returns"
+				}), /* @__PURE__ */ jsx("div", {
+					className: "my-auto text-sm prose prose-no-margin",
+					children: returns
+				})] })
+			]
+		}) })]
+	});
+}
+
+//#endregion
+export { TypeTable };
+//# sourceMappingURL=type-table.js.map

package/dist/components/type-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-table.js","names":[],"sources":["../../src/components/type-table.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronDown } from 'lucide-react';\nimport Link from '@hanzo/docs-core/link';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@hanzo/docs-ui/cn';\nimport { type ReactNode, useState } from 'react';\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';\n\nexport interface ParameterNode {\n  name: string;\n  description: ReactNode;\n}\n\nexport interface TypeNode {\n  /**\n   * Additional description of the field\n   */\n  description?: ReactNode;\n\n  /**\n   * type signature (short)\n   */\n  type: ReactNode;\n\n  /**\n   * type signature (full)\n   */\n  typeDescription?: ReactNode;\n\n  /**\n   * Optional `href` for the type\n   */\n  typeDescriptionLink?: string;\n\n  default?: ReactNode;\n\n  required?: boolean;\n  deprecated?: boolean;\n\n  parameters?: ParameterNode[];\n\n  returns?: ReactNode;\n}\n\nconst keyVariants = cva('text-fd-primary', {\n  variants: {\n    deprecated: {\n      true: 'line-through text-fd-primary/50',\n    },\n  },\n});\n\nconst fieldVariants = cva('text-fd-muted-foreground not-prose pe-2');\n\nexport function TypeTable({ type }: { type: Record<string, TypeNode> }) {\n  return (\n    <div className=\"@container flex flex-col p-1 bg-fd-card text-fd-card-foreground rounded-2xl border my-6 text-sm overflow-hidden\">\n      <div className=\"flex font-medium items-center px-3 py-1 not-prose text-fd-muted-foreground\">\n        <p className=\"w-[25%]\">Prop</p>\n        <p className=\"@max-xl:hidden\">Type</p>\n      </div>\n      {Object.entries(type).map(([key, value]) => (\n        <Item key={key} name={key} item={value} />\n      ))}\n    </div>\n  );\n}\n\nfunction Item({\n  name,\n  item: {\n    parameters = [],\n    description,\n    required = false,\n    deprecated,\n    typeDescription,\n    default: defaultValue,\n    type,\n    typeDescriptionLink,\n    returns,\n  },\n}: {\n  name: string;\n  item: TypeNode;\n}) {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Collapsible\n      open={open}\n      onOpenChange={setOpen}\n      className={cn(\n        'rounded-xl border overflow-hidden transition-all',\n        open ? 'shadow-sm bg-fd-background not-last:mb-2' : 'border-transparent',\n      )}\n    >\n      <CollapsibleTrigger className=\"relative flex flex-row items-center w-full group text-start px-3 py-2 not-prose hover:bg-fd-accent\">\n        <code\n          className={cn(\n            keyVariants({\n              deprecated,\n              className: 'min-w-fit w-[25%] font-medium pe-2',\n            }),\n          )}\n        >\n          {name}\n          {!required && '?'}\n        </code>\n        {typeDescriptionLink ? (\n          <Link href={typeDescriptionLink} className=\"underline @max-xl:hidden\">\n            {type}\n          </Link>\n        ) : (\n          <span className=\"@max-xl:hidden\">{type}</span>\n        )}\n        <ChevronDown className=\"absolute end-2 size-4 text-fd-muted-foreground transition-transform group-data-[open]:rotate-180\" />\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <div className=\"grid grid-cols-[1fr_3fr] gap-y-4 text-sm p-3 overflow-auto fd-scroll-container border-t\">\n          <div className=\"text-sm prose col-span-full prose-no-margin empty:hidden\">\n            {description}\n          </div>\n          {typeDescription && (\n            <>\n              <p className={cn(fieldVariants())}>Type</p>\n              <p className=\"my-auto not-prose\">{typeDescription}</p>\n            </>\n          )}\n          {defaultValue && (\n            <>\n              <p className={cn(fieldVariants())}>Default</p>\n              <p className=\"my-auto not-prose\">{defaultValue}</p>\n            </>\n          )}\n          {parameters.length > 0 && (\n            <>\n              <p className={cn(fieldVariants())}>Parameters</p>\n              <div className=\"flex flex-col gap-2\">\n                {parameters.map((param) => (\n                  <div key={param.name} className=\"inline-flex items-center flex-wrap gap-1\">\n                    <p className=\"font-medium not-prose text-nowrap\">{param.name} -</p>\n                    <div className=\"text-sm prose prose-no-margin\">{param.description}</div>\n                  </div>\n                ))}\n              </div>\n            </>\n          )}\n          {returns && (\n            <>\n              <p className={cn(fieldVariants())}>Returns</p>\n              <div className=\"my-auto text-sm prose prose-no-margin\">{returns}</div>\n            </>\n          )}\n        </div>\n      </CollapsibleContent>\n    </Collapsible>\n  );\n}\n"],"mappings":";;;;;;;;;;;AA6CA,MAAM,cAAc,IAAI,mBAAmB,EACzC,UAAU,EACR,YAAY,EACV,MAAM,mCACP,EACF,EACF,CAAC;AAEF,MAAM,gBAAgB,IAAI,0CAA0C;AAEpE,SAAgB,UAAU,EAAE,QAA4C;AACtE,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACb,oBAAC;IAAE,WAAU;cAAU;KAAQ,EAC/B,oBAAC;IAAE,WAAU;cAAiB;KAAQ;IAClC,EACL,OAAO,QAAQ,KAAK,CAAC,KAAK,CAAC,KAAK,WAC/B,oBAAC;GAAe,MAAM;GAAK,MAAM;KAAtB,IAA+B,CAC1C;GACE;;AAIV,SAAS,KAAK,EACZ,MACA,MAAM,EACJ,aAAa,EAAE,EACf,aACA,WAAW,OACX,YACA,iBACA,SAAS,cACT,MACA,qBACA,aAKD;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;AAEvC,QACE,qBAAC;EACO;EACN,cAAc;EACd,WAAW,GACT,oDACA,OAAO,6CAA6C,qBACrD;aAED,qBAAC;GAAmB,WAAU;;IAC5B,qBAAC;KACC,WAAW,GACT,YAAY;MACV;MACA,WAAW;MACZ,CAAC,CACH;gBAEA,MACA,CAAC,YAAY;MACT;IACN,sBACC,oBAAC;KAAK,MAAM;KAAqB,WAAU;eACxC;MACI,GAEP,oBAAC;KAAK,WAAU;eAAkB;MAAY;IAEhD,oBAAC,eAAY,WAAU,qGAAqG;;IACzG,EACrB,oBAAC,gCACC,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACZ;MACG;IACL,mBACC,4CACE,oBAAC;KAAE,WAAW,GAAG,eAAe,CAAC;eAAE;MAAQ,EAC3C,oBAAC;KAAE,WAAU;eAAqB;MAAoB,IACrD;IAEJ,gBACC,4CACE,oBAAC;KAAE,WAAW,GAAG,eAAe,CAAC;eAAE;MAAW,EAC9C,oBAAC;KAAE,WAAU;eAAqB;MAAiB,IAClD;IAEJ,WAAW,SAAS,KACnB,4CACE,oBAAC;KAAE,WAAW,GAAG,eAAe,CAAC;eAAE;MAAc,EACjD,oBAAC;KAAI,WAAU;eACZ,WAAW,KAAK,UACf,qBAAC;MAAqB,WAAU;iBAC9B,qBAAC;OAAE,WAAU;kBAAqC,MAAM,MAAK;QAAM,EACnE,oBAAC;OAAI,WAAU;iBAAiC,MAAM;QAAkB;QAFhE,MAAM,KAGV,CACN;MACE,IACL;IAEJ,WACC,4CACE,oBAAC;KAAE,WAAW,GAAG,eAAe,CAAC;eAAE;MAAW,EAC9C,oBAAC;KAAI,WAAU;eAAyC;MAAc,IACrE;;IAED,GACa;GACT"}

package/dist/components/ui/accordion.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime109 from "react/jsx-runtime";
+import { ComponentProps } from "react";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+
+//#region src/components/ui/accordion.d.ts
+declare function Accordion({
+  className,
+  ...props
+}: ComponentProps<typeof Accordion$1.Root>): react_jsx_runtime109.JSX.Element;
+declare function AccordionItem({
+  children,
+  ...props
+}: ComponentProps<typeof Accordion$1.Item>): react_jsx_runtime109.JSX.Element;
+declare function AccordionHeader({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof Accordion$1.Header>): react_jsx_runtime109.JSX.Element;
+declare function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof Accordion$1.Trigger>): react_jsx_runtime109.JSX.Element;
+declare function AccordionContent({
+  className,
+  children,
+  ...props
+}: ComponentProps<typeof Accordion$1.Panel>): react_jsx_runtime109.JSX.Element;
+//#endregion
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOgB,SAAA;;;GAAmC,sBAAsB,WAAA,CAAU,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAcxE,aAAA;;;GAAsC,sBAAsB,WAAA,CAAU,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI3E,eAAA;;;;GAIb,sBAAsB,WAAA,CAAU,UAAO,oBAAA,CAAA,GAAA,CAAA;AAtB1B,iBAsCA,gBAAA,CAtCS;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0CtB,cA1CsB,CAAA,OA0CA,WAAA,CAAU,OA1CV,CAAA,CAAA,EA0CkB,oBAAA,CAAA,GAAA,CAAA,OA1ClB;AAAG,iBA2DZ,gBAAA,CA3DY;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA+DzB,cA/DyB,CAAA,OA+DH,WAAA,CAAU,KA/DP,CAAA,CAAA,EA+Da,oBAAA,CAAA,GAAA,CAAA,OA/Db"}

package/dist/components/ui/accordion.js

@@ -0,0 +1,45 @@
+'use client';
+
+import { cn } from "@hanzo/docs-ui/cn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "lucide-react";
+import { Accordion as Accordion$1 } from "@base-ui/react/accordion";
+
+//#region src/components/ui/accordion.tsx
+function Accordion({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Root, {
+		className: (s) => cn("divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card", typeof className === "function" ? className(s) : className),
+		...props
+	});
+}
+function AccordionItem({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Item, {
+		...props,
+		children
+	});
+}
+function AccordionHeader({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Header, {
+		className: (s) => cn("scroll-m-24 not-prose flex flex-row items-center text-fd-card-foreground font-medium has-focus-visible:bg-fd-accent", typeof className === "function" ? className(s) : className),
+		...props,
+		children
+	});
+}
+function AccordionTrigger({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Accordion$1.Trigger, {
+		className: (s) => cn("group flex flex-1 items-center gap-2 px-3 py-2.5 text-start focus-visible:outline-none", typeof className === "function" ? className(s) : className),
+		...props,
+		children: [/* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-fd-muted-foreground transition-transform duration-200 group-data-[panel-open]:rotate-90" }), children]
+	});
+}
+function AccordionContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion$1.Panel, {
+		className: (s) => cn("h-(--accordion-panel-height) overflow-hidden transition-[height] ease-out data-[ending-style]:h-0 data-[starting-style]:h-0", typeof className === "function" ? className(s) : className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["Primitive"],"sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as Primitive } from '@base-ui/react/accordion';\nimport { ChevronRight } from 'lucide-react';\nimport { type ComponentProps } from 'react';\nimport { cn } from '@hanzo/docs-ui/cn';\n\nexport function Accordion({ className, ...props }: ComponentProps<typeof Primitive.Root>) {\n  return (\n    <Primitive.Root\n      className={(s) =>\n        cn(\n          'divide-y divide-fd-border overflow-hidden rounded-lg border bg-fd-card',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    />\n  );\n}\n\nexport function AccordionItem({ children, ...props }: ComponentProps<typeof Primitive.Item>) {\n  return <Primitive.Item {...props}>{children}</Primitive.Item>;\n}\n\nexport function AccordionHeader({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Primitive.Header>) {\n  return (\n    <Primitive.Header\n      className={(s) =>\n        cn(\n          'scroll-m-24 not-prose flex flex-row items-center text-fd-card-foreground font-medium has-focus-visible:bg-fd-accent',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {children}\n    </Primitive.Header>\n  );\n}\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Primitive.Trigger>) {\n  return (\n    <Primitive.Trigger\n      className={(s) =>\n        cn(\n          'group flex flex-1 items-center gap-2 px-3 py-2.5 text-start focus-visible:outline-none',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      <ChevronRight className=\"size-4 shrink-0 text-fd-muted-foreground transition-transform duration-200 group-data-[panel-open]:rotate-90\" />\n      {children}\n    </Primitive.Trigger>\n  );\n}\n\nexport function AccordionContent({\n  className,\n  children,\n  ...props\n}: ComponentProps<typeof Primitive.Panel>) {\n  return (\n    <Primitive.Panel\n      className={(s) =>\n        cn(\n          'h-(--accordion-panel-height) overflow-hidden transition-[height] ease-out data-[ending-style]:h-0 data-[starting-style]:h-0',\n          typeof className === 'function' ? className(s) : className,\n        )\n      }\n      {...props}\n    >\n      {children}\n    </Primitive.Panel>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAgD;AACxF,QACE,oBAACA,YAAU;EACT,YAAY,MACV,GACE,0EACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;GACJ;;AAIN,SAAgB,cAAc,EAAE,UAAU,GAAG,SAAgD;AAC3F,QAAO,oBAACA,YAAU;EAAK,GAAI;EAAQ;GAA0B;;AAG/D,SAAgB,gBAAgB,EAC9B,WACA,UACA,GAAG,SACuC;AAC1C,QACE,oBAACA,YAAU;EACT,YAAY,MACV,GACE,uHACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;EAEH;GACgB;;AAIvB,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SACwC;AAC3C,QACE,qBAACA,YAAU;EACT,YAAY,MACV,GACE,0FACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;aAEJ,oBAAC,gBAAa,WAAU,iHAAiH,EACxI;GACiB;;AAIxB,SAAgB,iBAAiB,EAC/B,WACA,UACA,GAAG,SACsC;AACzC,QACE,oBAACA,YAAU;EACT,YAAY,MACV,GACE,+HACA,OAAO,cAAc,aAAa,UAAU,EAAE,GAAG,UAClD;EAEH,GAAI;EAEH;GACe"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
+  color?: "primary" | "outline" | "ghost" | "secondary" | null | undefined;
+  size?: "icon" | "sm" | "icon-sm" | "icon-xs" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+type ButtonProps = VariantProps<typeof buttonVariants>;
+//#endregion
+export { ButtonProps, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","names":[],"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":[],"mappings":";;;;cAUa,sBAiByB;;;EAjBzB,IAAA,CAAA,EAAA,MAAA,GAAA,IAeZ,GAAA,SAAA,GAAA,SAAA,GAAA,IAAA,GAAA,SAAA;AAED,CAAA,GAFC,+BAAA,CAAA,SAEyB,CAAA,GAAA,SAAY,EAAA,GAAA,MAAA;KAA1B,WAAA,GAAc,oBAAoB"}