@gentleduck/docs 0.0.13 → 0.0.14

package/src/velite/config.ts

@@ -8,7 +8,7 @@ import { codeImport } from 'remark-code-import'
 import remarkGfm from 'remark-gfm'
 import type { Pluggable } from 'unified'
 import { defineConfig, s, type ZodMeta } from 'velite'
-import { rehypeMermaid, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle, rhypeMetadataPlugin } from './plugins'
+import { rehypeMermaid, rehypeMetadataPlugin, rehypeNpmCommand, rehypePreBlockSource, rehypeTitle } from './plugins'
 import { cleanTocItems } from './utils'
 
 export type DocsVeliteConfigOptions = {
@@ -19,6 +19,59 @@ export type DocsVeliteConfigOptions = {
   remarkPluginsBefore?: Pluggable[]
 }
 
+function buildDefaultRehypePlugins({
+  rehypePlugins = [],
+  rehypePluginsBefore = [],
+}: Pick<DocsVeliteConfigOptions, 'rehypePlugins' | 'rehypePluginsBefore'>): Pluggable[] {
+  return [
+    ...rehypePluginsBefore,
+    // 1) Structural transforms.
+    // @ts-ignore
+    rehypeSlug,
+    rehypeMetadataPlugin,
+    // 2) Syntax highlighting.
+    [
+      rehypePrettyCode,
+      {
+        getHighlighter,
+        onVisitHighlightedLine(node: UnistNode) {
+          // @ts-ignore
+          node.properties.className.push('line--highlighted')
+        },
+        onVisitHighlightedWord(node: UnistNode) {
+          // @ts-ignore
+          node.properties.className = ['word--highlighted']
+        },
+        onVisitLine(node: UnistNode) {
+          if (node.children?.length === 0) {
+            node.children = [{ type: 'text', value: ' ' }]
+          }
+        },
+        theme: {
+          dark: 'catppuccin-mocha',
+          light: 'github-light',
+        },
+      },
+    ],
+    // 3) Post-highlight enrichments and specialized transforms.
+    rehypeTitle,
+    rehypePreBlockSource,
+    rehypeMermaid,
+    rehypeNpmCommand,
+    // 4) Heading links for docs navigation.
+    // @ts-ignore
+    [rehypeAutolinkHeadings, { properties: { ariaLabel: 'Link to section', className: ['subheading-anchor'] } }],
+    ...rehypePlugins,
+  ]
+}
+
+function buildDefaultRemarkPlugins({
+  remarkPlugins = [],
+  remarkPluginsBefore = [],
+}: Pick<DocsVeliteConfigOptions, 'remarkPlugins' | 'remarkPluginsBefore'>): Pluggable[] {
+  return [...remarkPluginsBefore, remarkGfm, codeImport, ...remarkPlugins]
+}
+
 export function createDocsVeliteConfig({
   docsPattern = 'docs/**/*.mdx',
   rehypePlugins = [],
@@ -74,43 +127,8 @@ export function createDocsVeliteConfig({
       },
     },
     mdx: {
-      rehypePlugins: [
-        ...rehypePluginsBefore,
-        // @ts-ignore
-        rehypeSlug,
-        rhypeMetadataPlugin,
-        [
-          rehypePrettyCode,
-          {
-            getHighlighter,
-            onVisitHighlightedLine(node: UnistNode) {
-              // @ts-ignore
-              node.properties.className.push('line--highlighted')
-            },
-            onVisitHighlightedWord(node: UnistNode) {
-              // @ts-ignore
-              node.properties.className = ['word--highlighted']
-            },
-            onVisitLine(node: UnistNode) {
-              if (node.children?.length === 0) {
-                node.children = [{ type: 'text', value: ' ' }]
-              }
-            },
-            theme: {
-              dark: 'catppuccin-mocha',
-              light: 'github-light',
-            },
-          },
-        ],
-        rehypeTitle,
-        rehypePreBlockSource,
-        rehypeMermaid,
-        rehypeNpmCommand,
-        // @ts-ignore
-        [rehypeAutolinkHeadings, { properties: { ariaLabel: 'Link to section', className: ['subheading-anchor'] } }],
-        ...rehypePlugins,
-      ],
-      remarkPlugins: [...remarkPluginsBefore, remarkGfm, codeImport, ...remarkPlugins],
+      rehypePlugins: buildDefaultRehypePlugins({ rehypePlugins, rehypePluginsBefore }),
+      remarkPlugins: buildDefaultRemarkPlugins({ remarkPlugins, remarkPluginsBefore }),
     },
   }) as any
 }

package/src/velite/plugins/hast-properties.ts

@@ -0,0 +1,12 @@
+import type { UnistNode } from '@duck-docs/types'
+
+export function readNodeProperties<T extends object>(node: UnistNode): T {
+  return (node.properties ?? {}) as T
+}
+
+export function assignNodeProperties<T extends object>(node: UnistNode, nextProperties: T) {
+  node.properties = {
+    ...(node.properties ?? {}),
+    ...nextProperties,
+  }
+}

package/src/velite/plugins/metadata-plugin.ts

@@ -1,26 +1,29 @@
-import type { UnistNode, UnistTree } from '@duck-docs/types'
+import type { MdxCodeNodeProperties, UnistNode, UnistTree } from '@duck-docs/types'
 import { visit } from 'unist-util-visit'
+import { assignNodeProperties } from './hast-properties'
+import { parseCodeFenceMeta } from './metadata-utils'
 
-export function rhypeMetadataPlugin() {
+export function rehypeMetadataPlugin() {
   return (tree: UnistTree): UnistTree => {
     visit(tree, 'element', (node: UnistNode) => {
       if (node.tagName === 'code' && node.children) {
-        let match = {} as any
+        const nextProperties: Partial<MdxCodeNodeProperties> = {
+          __rawString__: node.children?.[0]?.value,
+        }
 
         if (node.data?.meta) {
-          const meta = node.data?.meta as string
-          match.__title__ = (meta?.match(/title="([^"]*)"/) ?? [])[1]
-          match.__marks__ = [...meta?.matchAll(/\/([^/]+)\//g)].map((m) => m[1])
+          const parsed = parseCodeFenceMeta(node.data.meta as string)
+          nextProperties.__title__ = parsed.title
+          nextProperties.__marks__ = parsed.marks
         }
 
-        node.properties = {
-          ...node.properties,
-          __rawString__: node.children?.[0]?.value,
-          ...match,
-        }
+        assignNodeProperties(node, nextProperties)
       }
     })
 
     return tree
   }
 }
+
+// Backward-compatible alias kept for downstream consumers.
+export const rhypeMetadataPlugin = rehypeMetadataPlugin

package/src/velite/plugins/metadata-utils.ts

@@ -0,0 +1,14 @@
+type ParsedCodeFenceMeta = {
+  marks?: string[]
+  title?: string
+}
+
+export function parseCodeFenceMeta(meta: string): ParsedCodeFenceMeta {
+  const title = (meta.match(/title="([^"]*)"/) ?? [])[1]
+  const marks = [...meta.matchAll(/\/([^/]+)\//g)].map((match) => match[1]).filter(Boolean) as string[]
+
+  return {
+    marks: marks.length ? marks : undefined,
+    title,
+  }
+}

package/src/velite/plugins/rehype-npm-command.ts

@@ -1,5 +1,6 @@
-import type { UnistNode, UnistTree } from '@duck-docs/types'
+import type { MdxCodeNodeProperties, UnistNode, UnistTree } from '@duck-docs/types'
 import { visit } from 'unist-util-visit'
+import { readNodeProperties } from './hast-properties'
 
 export function rehypeNpmCommand() {
   return (tree: UnistTree) => {
@@ -8,34 +9,35 @@ export function rehypeNpmCommand() {
         return
       }
 
+      const props = readNodeProperties<MdxCodeNodeProperties>(node)
+      const raw = props.__rawString__
+
+      if (!raw) {
+        return
+      }
+
       // npm install.
-      if (node.properties?.['__rawString__']?.startsWith('npm install')) {
-        const npmCommand = node.properties?.['__rawString__']
-        node.properties['__npmCommand__'] = npmCommand
-        node.properties['__yarnCommand__'] = npmCommand.replace('npm install', 'yarn add')
-        node.properties['__pnpmCommand__'] = npmCommand.replace('npm install', 'pnpm add')
-        node.properties['__bunCommand__'] = npmCommand.replace('npm install', 'bun add')
+      if (raw.startsWith('npm install')) {
+        props.__npmCommand__ = raw
+        props.__yarnCommand__ = raw.replace('npm install', 'yarn add')
+        props.__pnpmCommand__ = raw.replace('npm install', 'pnpm add')
+        props.__bunCommand__ = raw.replace('npm install', 'bun add')
       }
 
       // npx create.
-      if (node.properties?.['__rawString__']?.startsWith('npx create-')) {
-        const npmCommand = node.properties?.['__rawString__']
-        node.properties['__npmCommand__'] = npmCommand
-        node.properties['__yarnCommand__'] = npmCommand.replace('npx create-', 'yarn create ')
-        node.properties['__pnpmCommand__'] = npmCommand.replace('npx create-', 'pnpm create ')
-        node.properties['__bunCommand__'] = npmCommand.replace('npx', 'bunx --bun')
+      if (raw.startsWith('npx create-')) {
+        props.__npmCommand__ = raw
+        props.__yarnCommand__ = raw.replace('npx create-', 'yarn create ')
+        props.__pnpmCommand__ = raw.replace('npx create-', 'pnpm create ')
+        props.__bunCommand__ = raw.replace('npx', 'bunx --bun')
       }
 
       // npx.
-      if (
-        node.properties?.['__rawString__']?.startsWith('npx') &&
-        !node.properties?.['__rawString__']?.startsWith('npx create-')
-      ) {
-        const npmCommand = node.properties?.['__rawString__']
-        node.properties['__npmCommand__'] = npmCommand
-        node.properties['__yarnCommand__'] = npmCommand.replace('npx', 'yarn dlx')
-        node.properties['__pnpmCommand__'] = npmCommand.replace('npx', 'pnpm dlx')
-        node.properties['__bunCommand__'] = npmCommand.replace('npx', 'bunx --bun')
+      if (raw.startsWith('npx') && !raw.startsWith('npx create-')) {
+        props.__npmCommand__ = raw
+        props.__yarnCommand__ = raw.replace('npx', 'yarn dlx')
+        props.__pnpmCommand__ = raw.replace('npx', 'pnpm dlx')
+        props.__bunCommand__ = raw.replace('npx', 'bunx --bun')
       }
     })
   }

package/src/velite/plugins/rehype-pre-block-source.ts

@@ -1,7 +1,8 @@
-import type { UnistNode, UnistTree } from '@duck-docs/types'
+import type { MdxCodeNodeProperties, UnistNode, UnistTree } from '@duck-docs/types'
 import type { Nodes } from 'hast'
 import { toString } from 'hast-util-to-string'
 import { visit } from 'unist-util-visit'
+import { assignNodeProperties, readNodeProperties } from './hast-properties'
 
 export function rehypePreBlockSource() {
   return (tree: UnistTree) => {
@@ -13,10 +14,11 @@ export function rehypePreBlockSource() {
 
         node.children?.forEach((child: UnistNode) => {
           if (child?.type === 'element' && child?.tagName === 'pre') {
-            child.properties = {
-              ...child?.properties,
+            const currentProperties = readNodeProperties<MdxCodeNodeProperties>(child)
+            assignNodeProperties(child, {
+              ...currentProperties,
               __rawString__: toString(child as Nodes),
-            }
+            })
           }
         })
       }

package/dist/button-Ao0Egplu.js

@@ -1,2 +0,0 @@
-import{r as e}from"./chunk-BPpoHddQ-DLGSIJHp.js";import{t}from"./dist-DfVBUGvk.js";import{cn as n}from"@gentleduck/libs/cn";import*as r from"react";import i from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{Loader as c}from"lucide-react";function l(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function u(...e){return t=>e.forEach(e=>{l(e,t)})}function d(...e){return r.useCallback(u(...e),e)}e({Slot:()=>p,Slottable:()=>_,createSlot:()=>f,createSlottable:()=>g});function f(e){let t=m(e),n=i.forwardRef((e,n)=>{let{children:r,...a}=e,s=i.Children.toArray(r),c=s.find(v);if(c){let e=c.props.children,r=s.map(t=>t===c?e:t);return o(t,{...a,ref:n,children:r})}return o(t,{...a,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}const p=f(`Slot`);function m(e){let t=i.forwardRef((e,t)=>{let{children:n,...r}=e,s=i.Children.toArray(n);if(s.length===0)return null;let c=s.findIndex(e=>i.isValidElement(e));if(c===-1)return o(a,{children:n});let l=s[c],d=b(l),f=y(r,l.props||{});l.type!==i.Fragment&&(f.ref=t?u(t,d):d);let p=i.cloneElement(l,f),m=s.map((e,t)=>t===c?p:e);return m.length===1?m[0]:m});return t.displayName=`${e}.SlotClone`,t}const h=Symbol(`radix.slottable`);function g(e){let t=({children:e})=>o(a,{children:e});return t.displayName=`${e}.Slottable`,t.__radixId=h,t}const _=g(`Slottable`);function v(e){return i.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===h}function y(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function b(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}const x=t(`relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{defaultVariants:{border:`default`,size:`default`,variant:`default`},variants:{border:{default:``,destructive:`border border-destructive/40 bg-destructive/40 hover:border-destructive hover:bg-destructive/65`,primary:`border border-border/40 hover:border-border/80`,secondary:`border border-secondary/40 bg-secondary/40 hover:border-secondary hover:bg-secondary/65`,warning:`border border-warning/40 bg-warning/40 hover:border-warning hover:bg-warning/65`},size:{default:`h-9 px-4 py-2 has-[>svg]:px-3`,icon:`size-9`,"icon-lg":`size-10`,"icon-sm":`size-8`,lg:`h-10 px-6 has-[>svg]:px-4`,sm:`h-8 gap-1.5 px-3 has-[>svg]:px-2.5`},variant:{dashed:`border border-input border-dashed bg-background text-accent-foreground shadow-xs hover:bg-accent/50 hover:text-accent-foreground`,default:`bg-primary text-primary-foreground shadow-sm hover:bg-primary/90`,destructive:`bg-destructive/90 text-destructive-foreground shadow-xs hover:bg-destructive/70`,expand_icon:`group relative bg-primary text-primary-foreground hover:bg-primary/90`,ghost:`text-accent-foreground hover:bg-accent hover:text-accent-foreground`,link:`text-primary underline-offset-4 hover:underline`,nothing:``,outline:`border border-input bg-background text-accent-foreground shadow-xs hover:bg-accent hover:text-accent-foreground`,secondary:`bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80`,warning:`bg-warning/90 text-warning-foreground shadow-xs hover:bg-warning/70`}}});function S({children:e,variant:t=`default`,size:r=`default`,border:i=`default`,asChild:a,className:l,loading:u,isCollapsed:d,icon:f,secondIcon:m,type:h=`button`,disabled:g,ref:_,...v}){return s(a?p:`button`,{"data-slot":`button`,...v,className:n(x({border:i,className:l,size:d?`icon`:r,variant:t})),disabled:u??g,ref:_,type:h,children:[u?o(c,{className:`animate-spin`}):f,!d&&e,!d&&m&&m]})}export{d as i,x as n,p as r,S as t};
-//# sourceMappingURL=button-Ao0Egplu.js.map

package/dist/button-Ao0Egplu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-Ao0Egplu.js","names":["e","t","n","e","t","r","n","a","o","s","c","i","l","u","d","f","cva","Slot"],"sources":["../../duck-primitives/dist/use-composed-refs-BDlr_-as.js","../../duck-primitives/dist/slot-BvvoEYgZ.js","../../registry-ui-duckui/src/button/button.constants.ts","../../registry-ui-duckui/src/button/button.tsx"],"sourcesContent":["import*as e from\"react\";function t(e,t){typeof e==`function`?e(t):e!=null&&(e.current=t)}function n(...e){return n=>e.forEach(e=>{t(e,n)})}function r(...t){return e.useCallback(n(...t),t)}export{r as n,n as t};","import{n as e}from\"./chunk-BPpoHddQ.js\";import{t}from\"./use-composed-refs-BDlr_-as.js\";import n from\"react\";import{Fragment as r,jsx as i}from\"react/jsx-runtime\";var a=e({Slot:()=>s,Slottable:()=>d,createSlot:()=>o,createSlottable:()=>u});function o(e){let t=c(e),r=n.forwardRef((e,r)=>{let{children:a,...o}=e,s=n.Children.toArray(a),c=s.find(f);if(c){let e=c.props.children,n=s.map(t=>t===c?e:t);return i(t,{...o,ref:r,children:n})}return i(t,{...o,ref:r,children:a})});return r.displayName=`${e}.Slot`,r}const s=o(`Slot`);function c(e){let a=n.forwardRef((e,a)=>{let{children:o,...s}=e,c=n.Children.toArray(o);if(c.length===0)return null;let l=c.findIndex(e=>n.isValidElement(e));if(l===-1)return i(r,{children:o});let u=c[l],d=m(u),f=p(s,u.props||{});u.type!==n.Fragment&&(f.ref=a?t(a,d):d);let h=n.cloneElement(u,f),g=c.map((e,t)=>t===l?h:e);return g.length===1?g[0]:g});return a.displayName=`${e}.SlotClone`,a}const l=Symbol(`radix.slottable`);function u(e){let t=({children:e})=>i(r,{children:e});return t.displayName=`${e}.Slottable`,t.__radixId=l,t}const d=u(`Slottable`);function f(e){return n.isValidElement(e)&&typeof e.type==`function`&&`__radixId`in e.type&&e.type.__radixId===l}function p(e,t){let n={...t};for(let r in t){let i=e[r],a=t[r];/^on[A-Z]/.test(r)?i&&a?n[r]=(...e)=>{let t=a(...e);return i(...e),t}:i&&(n[r]=i):r===`style`?n[r]={...i,...a}:r===`className`&&(n[r]=[i,a].filter(Boolean).join(` `))}return{...e,...n}}function m(e){let t=Object.getOwnPropertyDescriptor(e.props,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,`ref`)?.get,n=t&&`isReactWarning`in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}export{a,u as i,d as n,o as r,s as t};","import { cva } from '@gentleduck/variants'\n\nexport const buttonVariants = cva(\n  \"relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n\n  {\n    defaultVariants: {\n      border: 'default',\n      size: 'default',\n      variant: 'default',\n    },\n    variants: {\n      border: {\n        default: '',\n        destructive: 'border border-destructive/40 bg-destructive/40 hover:border-destructive hover:bg-destructive/65',\n        primary: 'border border-border/40 hover:border-border/80',\n        secondary: 'border border-secondary/40 bg-secondary/40 hover:border-secondary hover:bg-secondary/65',\n        warning: 'border border-warning/40 bg-warning/40 hover:border-warning hover:bg-warning/65',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        icon: 'size-9',\n        'icon-lg': 'size-10',\n        'icon-sm': 'size-8',\n        lg: 'h-10 px-6 has-[>svg]:px-4',\n        sm: 'h-8 gap-1.5 px-3 has-[>svg]:px-2.5',\n      },\n      variant: {\n        dashed:\n          'border border-input border-dashed bg-background text-accent-foreground shadow-xs hover:bg-accent/50 hover:text-accent-foreground',\n        default: 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n        destructive: 'bg-destructive/90 text-destructive-foreground shadow-xs hover:bg-destructive/70',\n        expand_icon: 'group relative bg-primary text-primary-foreground hover:bg-primary/90',\n        ghost: 'text-accent-foreground hover:bg-accent hover:text-accent-foreground',\n        link: 'text-primary underline-offset-4 hover:underline',\n        nothing: '',\n        outline:\n          'border border-input bg-background text-accent-foreground shadow-xs hover:bg-accent hover:text-accent-foreground',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        warning: 'bg-warning/90 text-warning-foreground shadow-xs hover:bg-warning/70',\n      },\n    },\n  },\n)\n","import { cn } from '@gentleduck/libs/cn'\nimport { Slot } from '@gentleduck/primitives/slot'\nimport { Loader } from 'lucide-react'\nimport type * as React from 'react'\nimport { buttonVariants } from './button.constants'\nimport type { AnimationIconProps, ButtonProps } from './button.types'\n\n/**\n * Renders a customizable button component, supporting various styles and behaviors.\n */\nfunction Button({\n  children,\n  variant = 'default',\n  size = 'default',\n  border = 'default',\n  asChild,\n  className,\n  loading,\n  isCollapsed,\n  icon,\n  secondIcon,\n  type = 'button',\n  disabled,\n  ref,\n  ...props\n}: ButtonProps): React.JSX.Element {\n  const Component = (asChild ? Slot : 'button') as React.ElementType\n\n  return (\n    <Component\n      data-slot=\"button\"\n      {...props}\n      className={cn(\n        buttonVariants({\n          border,\n          className,\n          size: isCollapsed ? 'icon' : size,\n          variant,\n        }),\n      )}\n      disabled={loading ?? disabled}\n      ref={ref}\n      type={type}>\n      {loading ? <Loader className=\"animate-spin\" /> : icon}\n      {!isCollapsed && children}\n      {!isCollapsed && secondIcon && secondIcon}\n    </Component>\n  )\n}\n\n/**\n * Renders an animation icon component.\n */\nfunction AnimationIcon({ children, animationIcon }: AnimationIconProps): React.JSX.Element {\n  return (\n    <>\n      {animationIcon?.icon && animationIcon.iconPlacement === 'left' && (\n        <div className=\"w-0 translate-x-[-1.3em] pr-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:-translate-x-1 group-hover:pr-2 group-hover:opacity-100\">\n          {animationIcon?.icon}\n        </div>\n      )}\n      {children}\n      {animationIcon?.icon && animationIcon.iconPlacement === 'right' && (\n        <div className=\"w-0 translate-x-[1.3em] pl-0 opacity-0 transition-all duration-200 group-hover:w-5 group-hover:translate-x-0 group-hover:pl-2 group-hover:opacity-100\">\n          {animationIcon?.icon}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport { Button, AnimationIcon }\n"],"mappings":"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"}

package/dist/callout-C1MveMtC.d.ts

@@ -1,20 +0,0 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
-
-//#region src/components/mdx/mdx-components/callout.d.ts
-interface CalloutProps {
-  icon?: React.ReactNode;
-  title?: string;
-  children?: React.ReactNode;
-  className?: string;
-  [key: string]: unknown;
-}
-declare function Callout({
-  title,
-  children,
-  icon,
-  className,
-  ...props
-}: CalloutProps): react_jsx_runtime40.JSX.Element;
-//#endregion
-export { Callout as t };
-//# sourceMappingURL=callout-C1MveMtC.d.ts.map

package/dist/callout-C1MveMtC.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"callout-C1MveMtC.d.ts","names":[],"sources":["../src/components/mdx/mdx-components/callout.tsx"],"sourcesContent":[],"mappings":";;;UAGU,YAAA;SACD,KAAA,CAAM;;EADL,QAAA,CAAA,EAGG,KAAA,CAAM,SAHG;EAQN,SAAA,CAAO,EAAA,MAAA;EAAG,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA,OAAA;;AAAiB,iBAA3B,OAAA,CAA2B;EAAA,KAAA;EAAA,QAAA;EAAA,IAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAA6B,YAA7B,CAAA,EAAyC,mBAAA,CAAA,GAAA,CAAA,OAAzC"}

package/dist/callout-ChU_uu_5.js

@@ -1,2 +0,0 @@
-import{t as e}from"./dist-DfVBUGvk.js";import{cn as t}from"@gentleduck/libs/cn";import{jsx as n,jsxs as r}from"react/jsx-runtime";const i=e(`relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current`,{defaultVariants:{variant:`default`},variants:{variant:{default:`bg-card text-card-foreground`,destructive:`bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current`}}});function a({className:e,variant:r,...a}){return n(`div`,{className:t(i({variant:r}),e),"data-slot":`alert`,role:`alert`,...a})}function o({className:e,...r}){return n(`div`,{className:t(`col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight`,e),"data-slot":`alert-title`,...r})}function s({className:e,...r}){return n(`div`,{className:t(`col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed`,e),"data-slot":`alert-description`,...r})}function c({title:e,children:i,icon:c,className:l,...u}){return r(a,{className:t(`my-6`,c&&`grid-cols-[calc(var(--spacing)*4)_1fr] gap-x-3`,l),children:[c&&n(`span`,{className:`row-span-2 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:translate-y-0.5 [&_svg]:text-current`,children:c}),e&&n(o,{children:e}),n(s,{children:i})]})}export{o as i,a as n,s as r,c as t};
-//# sourceMappingURL=callout-ChU_uu_5.js.map

package/dist/callout-ChU_uu_5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"callout-ChU_uu_5.js","names":["cva"],"sources":["../../registry-ui-duckui/src/alert/alert.constants.ts","../../registry-ui-duckui/src/alert/alert.tsx","../src/components/mdx/mdx-components/callout.tsx"],"sourcesContent":["import { cva } from '@gentleduck/variants'\n\nexport const alertVariants = cva(\n  'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n  {\n    defaultVariants: {\n      variant: 'default',\n    },\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current',\n      },\n    },\n  },\n)\n","import { cn } from '@gentleduck/libs/cn'\nimport type { VariantProps } from '@gentleduck/variants'\nimport type React from 'react'\nimport { alertVariants } from './alert.constants'\n\nfunction Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>) {\n  return <div className={cn(alertVariants({ variant }), className)} data-slot=\"alert\" role=\"alert\" {...props} />\n}\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className)}\n      data-slot=\"alert-title\"\n      {...props}\n    />\n  )\n}\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'col-start-2 grid justify-items-start gap-1 text-muted-foreground text-sm [&_p]:leading-relaxed',\n        className,\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    />\n  )\n}\nexport { Alert, AlertTitle, AlertDescription }\n","import { cn } from '@gentleduck/libs/cn'\nimport { Alert, AlertDescription, AlertTitle } from '@gentleduck/registry-ui-duckui/alert'\n\ninterface CalloutProps {\n  icon?: React.ReactNode\n  title?: string\n  children?: React.ReactNode\n  className?: string\n  [key: string]: unknown\n}\n\nexport function Callout({ title, children, icon, className, ...props }: CalloutProps) {\n  return (\n    <Alert className={cn('my-6', icon && 'grid-cols-[calc(var(--spacing)*4)_1fr] gap-x-3', className)}>\n      {icon && (\n        <span className=\"row-span-2 [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:translate-y-0.5 [&_svg]:text-current\">\n          {icon}\n        </span>\n      )}\n      {title && <AlertTitle>{title}</AlertTitle>}\n      <AlertDescription>{children}</AlertDescription>\n    </Alert>\n  )\n}\n"],"mappings":"kIAEA,MAAa,EAAgBA,EAC3B,oOACA,CACE,gBAAiB,CACf,QAAS,UACV,CACD,SAAU,CACR,QAAS,CACP,QAAS,+BACT,YACE,oGACH,CACF,CACF,CACF,CCXD,SAAS,EAAM,CAAE,YAAW,UAAS,GAAG,GAA2E,CACjH,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,UAAS,CAAC,CAAE,EAAU,CAAE,YAAU,QAAQ,KAAK,QAAQ,GAAI,GAAS,CAEhH,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAC,MAAA,CACC,UAAW,EAAG,8DAA+D,EAAU,CACvF,YAAU,cACV,GAAI,GACJ,CAGN,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAsC,CAC9E,OACE,EAAC,MAAA,CACC,UAAW,EACT,iGACA,EACD,CACD,YAAU,oBACV,GAAI,GACJ,CCfN,SAAgB,EAAQ,CAAE,QAAO,WAAU,OAAM,YAAW,GAAG,GAAuB,CACpF,OACE,EAAC,EAAA,CAAM,UAAW,EAAG,OAAQ,GAAQ,iDAAkD,EAAU,WAC9F,GACC,EAAC,OAAA,CAAK,UAAU,mGACb,GACI,CAER,GAAS,EAAC,EAAA,CAAA,SAAY,EAAA,CAAmB,CAC1C,EAAC,EAAA,CAAkB,WAAA,CAA4B,GACzC"}

package/dist/charts-Cyick3Tp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"charts-Cyick3Tp.d.ts","names":[],"sources":["../src/lib/charts.ts"],"sourcesContent":[],"mappings":";iBAAgB,yBAAA,SAAkC,yBAAyB;AAA3D,iBAoBA,2BAAA,CApB2D,IAAA,EAAA,MAAM,CAAA,EAAA,MAAA"}

package/dist/chunk-BPpoHddQ-DLGSIJHp.js

@@ -1,2 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n&&t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));export{o as n,s as r,l as t};
-//# sourceMappingURL=chunk-BPpoHddQ-DLGSIJHp.js.map

package/dist/chunk-BPpoHddQ-DLGSIJHp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chunk-BPpoHddQ-DLGSIJHp.js","names":["t","e","r","i","n","c","l","o","s","a"],"sources":["../../duck-primitives/dist/chunk-BPpoHddQ.js"],"sourcesContent":["var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n&&t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));export{s as n,l as r,o as t};"],"mappings":"AAAA,IAAI,EAAE,OAAO,OAAO,EAAE,OAAO,eAAe,EAAE,OAAO,yBAAyB,EAAE,OAAO,oBAAoB,EAAE,OAAO,eAAe,EAAE,OAAO,UAAU,eAAe,GAAG,EAAE,SAASA,GAAGC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,QAAQD,EAAE,CAACA,EAAE,SAAS,GAAG,EAAE,IAAI,CAAC,IAAIE,EAAE,EAAE,CAAC,IAAI,IAAIC,KAAKF,EAAE,EAAEC,EAAEC,EAAE,CAAC,IAAIF,EAAEE,GAAG,WAAW,CAAC,EAAE,CAAC,CAAC,OAAOC,GAAG,EAAEF,EAAE,OAAO,YAAY,CAAC,MAAM,SAAS,CAAC,CAACA,GAAG,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,GAAGC,GAAG,OAAOA,GAAG,UAAU,OAAOA,GAAG,WAAW,IAAI,IAAIE,EAAE,EAAEF,EAAE,CAACG,EAAE,EAAE,EAAED,EAAE,OAAO,EAAEC,EAAE,EAAE,IAAI,EAAED,EAAEC,GAAG,CAAC,EAAE,KAAKL,EAAE,EAAE,EAAE,IAAIM,GAAG,EAAEN,EAAE,EAAE,CAAC,KAAK,GAAGE,EAAEF,IAAI,KAAK,KAAK,EAAE,CAAC,WAAW,EAAE,EAAE,EAAEE,EAAE,EAAE,GAAGK,EAAE,WAAW,CAAC,CAAC,OAAOP,GAAG,GAAG,EAAE,EAAE,KAAK,EAAEG,GAAG,KAAK,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,CAAC,EAAEF,GAAG,CAACE,GAAG,CAACA,EAAE,WAAW,EAAEK,EAAE,UAAU,CAAC,MAAML,EAAE,WAAW,CAAC,EAAE,CAAC,CAACK,EAAEL,EAAE"}

package/dist/code-block-BNW0BxR6.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-block-BNW0BxR6.d.ts","names":[],"sources":["../src/components/mdx/mdx-components/code/code-block.tsx"],"sourcesContent":[],"mappings":";;;UAEU,SAAA,SAAkB,KAAA,CAAM,eAAe;;;AAAvC,iBAIM,SAAA,CAJiC;EAAA,SAArB;EAAA,aAAM;EAAA,GAAc;AAAA,CAAA,EAIkB,SAJlB,CAAA,EAI2B,mBAAA,CAAA,GAAA,CAAA,OAJ3B"}

package/dist/code-preview-DTVYDNkK.js

@@ -1,2 +0,0 @@
-import{t as e}from"./icons-CiCgiCYy.js";import{n as t,t as n}from"./tabs-jsmxQQW0.js";import{t as r}from"./use-lift-mode-CqcC0vis.js";import{cn as i}from"@gentleduck/libs/cn";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{GripVertical as c}from"lucide-react";import*as l from"react-resizable-panels";const u=({className:e,...t})=>o(l.PanelGroup,{className:i(`flex h-full w-full data-[panel-group-direction=vertical]:flex-col`,e),"data-slot":`panel-group`,...t}),d=l.Panel,f=({withHandle:e,className:t,...n})=>o(l.PanelResizeHandle,{className:i(`relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90`,t),"data-slot":`panel-resize-handle`,...n,children:e&&o(`div`,{className:`z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border`,"data-slot":`panel-handle`,children:o(c,{className:`h-2.5 w-2.5`})})});function p({block:c}){let{isLiftMode:l}=r(c.name),[p,m]=a.useState(!0),h=a.useRef(null);return s(n,{className:`relative grid w-full scroll-m-20 gap-4`,defaultValue:`preview`,id:c.name,style:{"--container-height":c.container?.height},children:[o(t,{className:`relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted`,value:`preview`,children:s(u,{className:`relative z-10`,direction:`horizontal`,children:[s(d,{className:i(`relative rounded-lg border bg-background`,l?`border-border/50`:`border-border`),defaultSize:100,minSize:30,ref:h,children:[p?s(`div`,{className:`absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 bg-background text-muted-foreground text-sm`,children:[o(e.spinner,{className:`h-4 w-4 animate-spin`}),`Loading...`]}):null,o(`iframe`,{allowTransparency:!0,className:`chunk-mode relative z-20 w-full bg-background`,height:c.container?.height??450,onLoad:()=>{m(!1)},src:`/blocks/${c.name}`})]}),o(f,{className:i(`relative hidden w-3 bg-transparent p-0 after:absolute after:top-1/2 after:right-0 after:h-8 after:w-[6px] after:translate-x-[-1px] after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block`,l&&`invisible`)}),o(d,{defaultSize:0,minSize:0})]})}),o(t,{value:`code`,children:o(`div`,{className:`w-full overflow-hidden rounded-md [&_pre]:my-0 [&_pre]:h-[--container-height] [&_pre]:overflow-auto [&_pre]:whitespace-break-spaces [&_pre]:p-6 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-relaxed`,dangerouslySetInnerHTML:{__html:c.highlightedCode},"data-rehype-pretty-code-fragment":!0})})]})}export{p as t};
-//# sourceMappingURL=code-preview-DTVYDNkK.js.map

package/dist/code-preview-DTVYDNkK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"code-preview-DTVYDNkK.js","names":[],"sources":["../../registry-ui-duckui/src/resizable/resizable.tsx","../src/components/mdx/mdx-components/code/code-preview.tsx"],"sourcesContent":["'use client'\n\nimport { cn } from '@gentleduck/libs/cn'\nimport { GripVertical } from 'lucide-react'\nimport type * as React from 'react'\nimport * as ResizablePrimitive from 'react-resizable-panels'\n\nconst ResizablePanelGroup = ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\n  <ResizablePrimitive.PanelGroup\n    className={cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className)}\n    data-slot=\"panel-group\"\n    {...props}\n  />\n)\n\nconst ResizablePanel = ResizablePrimitive.Panel\n\nconst ResizableHandle = ({\n  withHandle,\n  className,\n  ...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n  withHandle?: boolean\n}) => (\n  <ResizablePrimitive.PanelResizeHandle\n    className={cn(\n      'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      className,\n    )}\n    data-slot=\"panel-resize-handle\"\n    {...props}>\n    {withHandle && (\n      <div\n        className=\"z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border\"\n        data-slot=\"panel-handle\">\n        <GripVertical className=\"h-2.5 w-2.5\" />\n      </div>\n    )}\n  </ResizablePrimitive.PanelResizeHandle>\n)\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n","'use client'\n\nimport { Icons } from '@duck-docs/components/icons'\nimport { useLiftMode } from '@duck-docs/hooks/use-lift-mode'\nimport { cn } from '@gentleduck/libs/cn'\nimport { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@gentleduck/registry-ui-duckui/resizable'\nimport { Tabs, TabsContent } from '@gentleduck/registry-ui-duckui/tabs'\nimport React from 'react'\nimport type { ImperativePanelHandle } from 'react-resizable-panels'\n\ntype Block = {\n  name: string\n  container?: {\n    height?: number\n  }\n  highlightedCode: string\n}\n\nexport function CodePreview({ block }: { block: Block & { hasLiftMode: boolean } }) {\n  const { isLiftMode } = useLiftMode(block.name)\n  const [isLoading, setIsLoading] = React.useState(true)\n  const ref = React.useRef<ImperativePanelHandle>(null)\n\n  return (\n    <Tabs\n      className=\"relative grid w-full scroll-m-20 gap-4\"\n      defaultValue=\"preview\"\n      id={block.name}\n      style={\n        {\n          '--container-height': block.container?.height,\n        } as React.CSSProperties\n      }>\n      <TabsContent\n        className=\"relative after:absolute after:inset-0 after:right-3 after:z-0 after:rounded-lg after:bg-muted\"\n        value=\"preview\">\n        <ResizablePanelGroup className=\"relative z-10\" direction=\"horizontal\">\n          <ResizablePanel\n            className={cn(\n              'relative rounded-lg border bg-background',\n              isLiftMode ? 'border-border/50' : 'border-border',\n            )}\n            defaultSize={100}\n            minSize={30}\n            ref={ref}>\n            {isLoading ? (\n              <div className=\"absolute inset-0 z-10 flex h-[--container-height] w-full items-center justify-center gap-2 bg-background text-muted-foreground text-sm\">\n                <Icons.spinner className=\"h-4 w-4 animate-spin\" />\n                Loading...\n              </div>\n            ) : null}\n            <iframe\n              allowTransparency\n              className=\"chunk-mode relative z-20 w-full bg-background\"\n              height={block.container?.height ?? 450}\n              onLoad={() => {\n                setIsLoading(false)\n              }}\n              src={`/blocks/${block.name}`}\n            />\n          </ResizablePanel>\n          <ResizableHandle\n            className={cn(\n              'relative hidden w-3 bg-transparent p-0 after:absolute after:top-1/2 after:right-0 after:h-8 after:w-[6px] after:translate-x-[-1px] after:-translate-y-1/2 after:rounded-full after:bg-border after:transition-all after:hover:h-10 sm:block',\n              isLiftMode && 'invisible',\n            )}\n          />\n          <ResizablePanel defaultSize={0} minSize={0} />\n        </ResizablePanelGroup>\n      </TabsContent>\n      <TabsContent value=\"code\">\n        <div\n          className=\"w-full overflow-hidden rounded-md [&_pre]:my-0 [&_pre]:h-[--container-height] [&_pre]:overflow-auto [&_pre]:whitespace-break-spaces [&_pre]:p-6 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-relaxed\"\n          dangerouslySetInnerHTML={{ __html: block.highlightedCode }}\n          data-rehype-pretty-code-fragment\n        />\n      </TabsContent>\n    </Tabs>\n  )\n}\n"],"mappings":"2UAOA,MAAM,GAAuB,CAAE,YAAW,GAAG,KAC3C,EAAC,EAAmB,WAAA,CAClB,UAAW,EAAG,oEAAqE,EAAU,CAC7F,YAAU,cACV,GAAI,GACJ,CAGE,EAAiB,EAAmB,MAEpC,GAAmB,CACvB,aACA,YACA,GAAG,KAIH,EAAC,EAAmB,kBAAA,CAClB,UAAW,EACT,4oBACA,EACD,CACD,YAAU,sBACV,GAAI,WACH,GACC,EAAC,MAAA,CACC,UAAU,4EACV,YAAU,wBACV,EAAC,EAAA,CAAa,UAAU,cAAA,CAAgB,EACpC,EAE6B,CCpBzC,SAAgB,EAAY,CAAE,SAAsD,CAClF,GAAM,CAAE,cAAe,EAAY,EAAM,KAAK,CACxC,CAAC,EAAW,GAAgB,EAAM,SAAS,GAAK,CAChD,EAAM,EAAM,OAA8B,KAAK,CAErD,OACE,EAAC,EAAA,CACC,UAAU,yCACV,aAAa,UACb,GAAI,EAAM,KACV,MACE,CACE,qBAAsB,EAAM,WAAW,OACxC,WAEH,EAAC,EAAA,CACC,UAAU,gGACV,MAAM,mBACN,EAAC,EAAA,CAAoB,UAAU,gBAAgB,UAAU,uBACvD,EAAC,EAAA,CACC,UAAW,EACT,2CACA,EAAa,mBAAqB,gBACnC,CACD,YAAa,IACb,QAAS,GACJ,gBACJ,EACC,EAAC,MAAA,CAAI,UAAU,mJACb,EAAC,EAAM,QAAA,CAAQ,UAAU,uBAAA,CAAyB,CAAA,aAAA,EAE9C,CACJ,KACJ,EAAC,SAAA,CACC,kBAAA,GACA,UAAU,gDACV,OAAQ,EAAM,WAAW,QAAU,IACnC,WAAc,CACZ,EAAa,GAAM,EAErB,IAAK,WAAW,EAAM,QACtB,CAAA,EACa,CACjB,EAAC,EAAA,CACC,UAAW,EACT,8OACA,GAAc,YACf,CAAA,CACD,CACF,EAAC,EAAA,CAAe,YAAa,EAAG,QAAS,GAAK,GAC1B,EACV,CACd,EAAC,EAAA,CAAY,MAAM,gBACjB,EAAC,MAAA,CACC,UAAU,4MACV,wBAAyB,CAAE,OAAQ,EAAM,gBAAiB,CAC1D,mCAAA,IACA,EACU,CAAA,EACT"}

package/dist/command-2PGkRCUM.js

@@ -1,2 +0,0 @@
-import{n as e,t}from"./dialog-BJXRFGlQ.js";import{t as n}from"./scroll-area-Bj8-58Fz.js";import{cn as r}from"@gentleduck/libs/cn";import i from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Search as s}from"lucide-react";import{useKeyCommands as c}from"@gentleduck/vim/react";function l(e){e&&((e.hasAttribute(`duck-select-item`)||e.hasAttribute(`duck-command-item`))&&e.scrollIntoView({behavior:`smooth`,block:`nearest`}),e.setAttribute(`aria-selected`,``),e.focus())}function u(e){e&&(e.removeAttribute(`aria-selected`),e.blur())}function d(e,t,n){for(let r=0;r<t.current.length;r++){let i=t.current[r];u(i),r===e&&(l(i),n(i))}}function f(){let e=i.useContext(_);if(!e)throw Error(`useCommandContext must be used within a CommandProvider`);return e}function p(){let e=i.useContext(v);if(!e)throw Error(`useCommandContext must be used within a CommandProvider`);return e}function m(e){let t=i.useRef([]),n=i.useRef([]),r=i.useRef([]),a=i.useRef(null);return i.useEffect(()=>{if(!e.current)return;let i=e.current.querySelectorAll(`li[duck-command-item]`),o=e.current.querySelectorAll(`div[duck-command-group]`);t.current=Array.from(i),r.current=Array.from(o),n.current=t.current;for(let e=0;e<t.current.length;e++){let n=t.current[e];n.addEventListener(`mouseenter`,()=>{for(let e=0;e<t.current?.length;e++){let n=t.current[e];u(n)}l(n),a.current=n})}l(t.current[0]??null)},[]),{filteredItemsRef:n,groupsRef:r,itemsRef:t,selectedItemRef:a}}function h(e,t,n,r,a,o,s){i.useEffect(()=>{if(!a.current||e.current.length===0)return;let i=new Map;for(let n=0;n<e.current.length;n++){let r=e.current[n];r.textContent?.toLowerCase().includes(t.toLowerCase())?r.classList.remove(`hidden`):(r.classList.add(`hidden`),u(r),i.set(n.toString(),r))}i.size===e.current.length?(r.current?.classList.remove(`hidden`),n(null)):(r.current?.classList.add(`hidden`),n(e.current[0])),s.current=Array.from(a.current.querySelectorAll(`li[duck-command-item]:not(.hidden)`)),s.current.map(e=>u(e));for(let e=0;e<o.current.length;e++){let t=o.current[e],n=t.querySelectorAll(`li[duck-command-item]:not(.hidden)`),r=t.nextElementSibling,i=r?.hasAttribute(`duck-command-separator`);n.length===0?(t.classList.add(`hidden`),i&&r&&r.classList.add(`hidden`)):(t.classList.remove(`hidden`),i&&r&&r.classList.remove(`hidden`))}let c=s.current?.[0];l(c??null),n(c??null)},[t])}function g(e){let{open:t=!1,itemsRef:n,setSelectedItem:r,allowAxisArrowKeys:a=!1}=e,o=i.useRef(-1),s=i.useRef(-1),c=i.useRef(!1);i.useEffect(()=>{t||(o.current=-1,s.current=-1,c.current=!1)},[t]),i.useEffect(()=>{if(!t)return;function e(e){let t=n.current.length;if(t!==0){if(e.key===`ArrowDown`){if(e.preventDefault(),c.current)return;let i=o.current,a=i===-1||i===t-1?0:i+1;o.current=a,s.current=a,d(a,n,r);return}if(e.key===`ArrowUp`){if(e.preventDefault(),c.current)return;let i=o.current,a=i===-1||i===0?t-1:i-1;o.current=a,s.current=a,d(a,n,r);return}if(e.key===`Enter`){let t=o.current<0?0:o.current,i=n.current[t];if(!i)return;(i.hasAttribute(`duck-select-item`)||i.hasAttribute(`duck-command-item`))&&(e.preventDefault(),e.stopPropagation(),r(i),i.click());return}if(e.key===`Enter`||e.key===`Escape`){let e=o.current;if(e<0)return;n.current[e]?.hasAttribute(`duck-dropdown-menu-sub-trigger`)&&(c.current=!c.current)}if(a&&(e.key===`ArrowLeft`||e.key===`ArrowRight`)){let t=s.current;if(t<0)return;let r=n.current[t];r?.hasAttribute(`duck-dropdown-menu-sub-trigger`)&&(e.preventDefault(),c.current=!c.current,r.click())}}}return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[t,n,r,a])}const _=i.createContext(null),v=i.createContext(null);function y({children:e}){let t=i.useRef(null),n=i.useRef(null),r=i.useRef(null),o=i.useRef(null),[s,c]=i.useState(null),{itemsRef:l,groupsRef:u,filteredItemsRef:d}=m(t);return a(v.Provider,{value:{commandRef:t,emptyRef:r,filteredItems:d,groups:u,inputRef:o,items:l,listRef:n,selectedItem:s,setSelectedItem:c},children:e})}function b({className:e,ref:t,...n}){let[o,s]=i.useState(``),{filteredItems:c,items:l,setSelectedItem:u,commandRef:d,groups:f,emptyRef:m,selectedItem:v}=p();return h(l,o,u,m,d,f,c),g({containerRef:d,allowAxisArrowKeys:!1,itemsRef:c,open:!0,originalItemsRef:l,selectedItem:v,setSelectedItem:e=>{u(e)}}),a(_.Provider,{value:{search:o,setSearch:s},children:a(`div`,{className:r(`flex h-full w-full max-w-96 flex-col overflow-hidden rounded-md bg-popover p-2 text-popover-foreground shadow-sm`,e),"data-slot":`command`,"duck-command-wrapper":``,ref:d,...n})})}function x({children:e,...t}){return a(y,{children:a(b,{...t,children:e})})}function S({className:e,placeholder:t=`Search...`,onChange:n,autoFocus:i=!0,...c}){let{setSearch:l}=f(),u=p();return o(`div`,{className:r(`mb-2 flex items-center gap-2 border-b px-1`,e),"data-slot":`command-input`,"duck-command-input":``,children:[a(s,{className:`size-[20px] shrink-0 opacity-50`}),a(`input`,{autoFocus:i,className:r(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50`),onChange:e=>{l(()=>e.target.value),n?.(e)},placeholder:t,ref:u.inputRef,tabIndex:0,...c})]})}function C({className:e,...t}){return a(`h6`,{className:`hidden py-6 text-center text-sm`,ref:p().emptyRef,...t,"data-slot":`command-empty`,"duck-command-empty":``})}function w({className:e,...t}){let i=p();return a(n,{className:`overflow-y-auto overflow-x-hidden`,"data-slot":`command-list`,"duck-command-list":``,viewportClassName:`overflow-x-hidden`,children:a(`ul`,{className:r(`max-h-[300px] focus:outline-none`,e),ref:i.listRef,...t})})}function T({className:e,children:t,heading:n,ref:i,...s}){return o(`div`,{className:r(`overflow-hidden text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-sm`,e),ref:i,...s,"data-slot":`command-group`,"duck-command-group":``,children:[n&&a(`h3`,{className:`pb-1 pl-1 text-muted-foreground text-sm`,children:n}),t]})}function E({className:e,ref:t,value:n,onClick:i,onSelect:o,onKeyDown:s,...c}){return a(`li`,{className:r(`data-[selected= data-[disabled=true]:pointer-events-none'true']:bg-accent relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-color duration-300 will-change-300 hover:bg-muted hover:text-accent-foreground data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&[aria-selected]]:bg-secondary [&_svg]:size-4`,e),"data-slot":`command-item`,"duck-command-item":``,onClick:e=>{o?.(n),i?.(e)},onKeyDown:s,ref:t,...c})}function D({className:e,keys:t,onKeysPressed:n,variant:i=`default`,ref:o,...s}){return t&&n&&c({[t]:{description:t,execute:()=>{n()},name:t}}),a(`kbd`,{className:r(`focus:offset-2 [&_svg]:!size-3 !font-sans pointer-events-none inline-flex cursor-none select-none items-center gap-[2px] rounded-[4px] px-2 py-[.12rem] text-secondary-foreground text-sm tracking-widest transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring ltr:ml-auto rtl:mr-auto`,i===`secondary`&&`bg-secondary`,e),"data-slot":`command-badge`,"duck-command-badge":``,ref:o,...s})}function O({className:e,ref:t,...n}){return a(`div`,{className:r(`-mx-1 my-2 h-px bg-secondary`,e),ref:t,...n,"data-slot":`command-separator`,"duck-command-separator":``})}function k({children:n,...r}){return a(t,{...r,children:a(e,{className:`h-[500px] p-0 lg:w-[650px] [&>div]:max-w-full`,children:a(x,{children:n})})})}export{E as a,D as c,u as d,l as f,S as i,p as l,C as n,w as o,T as r,O as s,k as t,g as u};
-//# sourceMappingURL=command-2PGkRCUM.js.map

package/dist/command-2PGkRCUM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-2PGkRCUM.js","names":["i","item","CommandContext: React.Context<CommandContextType | null>","CommandRefsContext: React.Context<CommandRefsContextType | null>","Command"],"sources":["../../registry-ui-duckui/src/command/command.libs.ts","../../registry-ui-duckui/src/command/command.hooks.ts","../../registry-ui-duckui/src/command/command.tsx"],"sourcesContent":["/**\n * Function to style the selected item\n * @function styleItem\n * @param {HTMLLIElement} item\n * @returns {void}\n */\nexport function styleItem(item: HTMLLIElement | null): void {\n  if (!item) return\n  if (item.hasAttribute('duck-select-item') || item.hasAttribute('duck-command-item')) {\n    item.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n  }\n  item.setAttribute('aria-selected', '')\n  item.focus()\n}\n\n/**\n * Function to unstyle the selected item\n * @function dstyleItem\n * @param {HTMLLIElement} item\n * @returns {void}\n */\nexport function dstyleItem(item: HTMLLIElement | null): void {\n  if (!item) return\n  item.removeAttribute('aria-selected')\n  item.blur()\n}\n\nexport function handleItemsSelection(\n  currentItem: number,\n  itemsRef: React.RefObject<HTMLLIElement[]>,\n  setSelectedItem: (item: HTMLLIElement) => void,\n) {\n  // This will remove the class from all filteredItems.and add it to the right one.\n  for (let i = 0; i < itemsRef.current.length; i++) {\n    const item = itemsRef.current[i] as HTMLLIElement\n    dstyleItem(item)\n\n    if (i === currentItem) {\n      styleItem(item)\n      setSelectedItem(item)\n    }\n  }\n}\n","import React from 'react'\nimport { CommandContext, CommandRefsContext } from './command'\nimport { dstyleItem, handleItemsSelection, styleItem } from './command.libs'\nimport type { CommandContextType, CommandRefsContextType } from './command.types'\n\n/**\n * Custom hook to access the CommandContext.\n *\n * @function useCommandContext\n * @returns {CommandContextType} The command context value.\n * @throws Will throw an error if the hook is used outside of a CommandProvider.\n */\nexport function useCommandContext(): CommandContextType {\n  const context = React.useContext(CommandContext)\n  if (!context) {\n    throw new Error('useCommandContext must be used within a CommandProvider')\n  }\n  return context\n}\n\n/**\n * Custom hook to access the CommandRefsContext.\n *\n * @function useCommandRefsContext\n * @returns {CommandRefsContextType} The command refs context value.\n * @throws Will throw an error if the hook is used outside of a CommandProvider.\n */\nexport function useCommandRefsContext(): CommandRefsContextType {\n  const context = React.useContext(CommandRefsContext)\n  if (!context) {\n    throw new Error('useCommandContext must be used within a CommandProvider')\n  }\n  return context\n}\n\nexport function useCommandElements(commandRef: React.RefObject<HTMLDivElement | null>) {\n  const itemsRef = React.useRef<HTMLLIElement[]>([])\n  const filteredItemsRef = React.useRef<HTMLLIElement[]>([])\n  const groupsRef = React.useRef<HTMLDivElement[]>([])\n  const selectedItemRef = React.useRef<HTMLLIElement | null>(null)\n\n  React.useEffect(() => {\n    if (!commandRef.current) return\n    const _items = commandRef.current.querySelectorAll('li[duck-command-item]')\n    const _groups = commandRef.current.querySelectorAll('div[duck-command-group]')\n    itemsRef.current = Array.from(_items) as HTMLLIElement[]\n    groupsRef.current = Array.from(_groups) as HTMLDivElement[]\n    filteredItemsRef.current = itemsRef.current\n\n    for (let i = 0; i < itemsRef.current.length; i++) {\n      const item = itemsRef.current[i] as HTMLLIElement\n      item.addEventListener('mouseenter', () => {\n        for (let i = 0; i < itemsRef.current?.length; i++) {\n          const item = itemsRef.current[i] as HTMLLIElement\n          dstyleItem(item)\n        }\n\n        styleItem(item)\n        selectedItemRef.current = item\n      })\n    }\n\n    styleItem(itemsRef.current[0] ?? null)\n  }, [])\n\n  return { filteredItemsRef, groupsRef, itemsRef, selectedItemRef }\n}\n\nexport function useCommandSearch(\n  itemsRef: React.RefObject<HTMLLIElement[]>,\n  search: string,\n  setSelectedItem: React.Dispatch<React.SetStateAction<HTMLLIElement | null>>,\n  emptyRef: React.RefObject<HTMLHeadingElement | null>,\n  commandRef: React.RefObject<HTMLDivElement | null>,\n  groups: React.RefObject<HTMLDivElement[]>,\n  filteredItems: React.RefObject<HTMLLIElement[]>,\n): void {\n  React.useEffect(() => {\n    if (!commandRef.current || itemsRef.current.length === 0) return\n    const itemsHidden = new Map<string, HTMLLIElement>()\n\n    // Hiding the items that don't match the search query\n    for (let i = 0; i < itemsRef.current.length; i++) {\n      const item = itemsRef.current[i] as HTMLLIElement\n\n      if (item.textContent?.toLowerCase().includes(search.toLowerCase())) {\n        item.classList.remove('hidden')\n      } else {\n        item.classList.add('hidden')\n        dstyleItem(item)\n        itemsHidden.set(i.toString(), item)\n      }\n    }\n\n    // Toggling the empty message if all items are hidden\n    if (itemsHidden.size === itemsRef.current.length) {\n      emptyRef.current?.classList.remove('hidden')\n      setSelectedItem(null)\n    } else {\n      emptyRef.current?.classList.add('hidden')\n      setSelectedItem(itemsRef.current[0] as HTMLLIElement)\n    }\n\n    // Setting filteredItems to the items that are not hidden\n    filteredItems.current = Array.from(commandRef.current.querySelectorAll('li[duck-command-item]:not(.hidden)'))\n    // Clearing all the classes from the items\n    filteredItems.current.map((item) => dstyleItem(item))\n\n    // Toggling the groups if they have no items\n    for (let i = 0; i < groups.current.length; i++) {\n      const group = groups.current[i] as HTMLDivElement\n      const groupItems = group.querySelectorAll('li[duck-command-item]:not(.hidden)') as NodeListOf<HTMLLIElement>\n      const nextSeparator = group.nextElementSibling\n      const hasSeparator = nextSeparator?.hasAttribute('duck-command-separator')\n\n      if (groupItems.length === 0) {\n        group.classList.add('hidden')\n        // Hiding the separator if the group has no items\n        if (hasSeparator && nextSeparator) nextSeparator.classList.add('hidden')\n      } else {\n        group.classList.remove('hidden')\n        // Showing the separator if the group has items\n        if (hasSeparator && nextSeparator) nextSeparator.classList.remove('hidden')\n      }\n    }\n\n    // Styling the first item after search\n    const item = filteredItems.current?.[0] as HTMLLIElement\n    styleItem(item ?? null)\n    setSelectedItem(item ?? null)\n  }, [search])\n}\n\nexport function useHandleKeyDown(props: {\n  containerRef: React.RefObject<HTMLDivElement | null>\n  open?: boolean\n  itemsRef: React.RefObject<HTMLLIElement[]>\n  selectedItem: HTMLLIElement | null\n  setSelectedItem: (item: HTMLLIElement) => void\n  originalItemsRef: React.RefObject<HTMLLIElement[]>\n  allowAxisArrowKeys?: boolean\n}) {\n  const { open = false, itemsRef, setSelectedItem, allowAxisArrowKeys = false } = props\n\n  const currentRef = React.useRef(-1)\n  const originalRef = React.useRef(-1)\n  const inSubMenuRef = React.useRef(false)\n\n  // Always reset when closed\n  React.useEffect(() => {\n    if (!open) {\n      currentRef.current = -1\n      originalRef.current = -1\n      inSubMenuRef.current = false\n    }\n  }, [open])\n\n  React.useEffect(() => {\n    if (!open) return\n\n    function handleKeyDown(e: KeyboardEvent) {\n      const n = itemsRef.current.length\n      if (n === 0) return\n\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        if (inSubMenuRef.current) return\n\n        const cur = currentRef.current\n        const next = cur === -1 ? 0 : cur === n - 1 ? 0 : cur + 1\n\n        currentRef.current = next\n        originalRef.current = next\n        handleItemsSelection(next, itemsRef, setSelectedItem)\n        return\n      }\n\n      if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        if (inSubMenuRef.current) return\n\n        const cur = currentRef.current\n        const next = cur === -1 ? n - 1 : cur === 0 ? n - 1 : cur - 1\n\n        currentRef.current = next\n        originalRef.current = next\n        handleItemsSelection(next, itemsRef, setSelectedItem)\n        return\n      }\n\n      if (e.key === 'Enter') {\n        const cur = currentRef.current < 0 ? 0 : currentRef.current\n\n        const item = itemsRef.current[cur]\n        if (!item) return\n\n        if (item.hasAttribute('duck-select-item') || item.hasAttribute('duck-command-item')) {\n          e.preventDefault()\n          e.stopPropagation()\n          setSelectedItem(item)\n          item.click()\n        }\n        return\n      }\n\n      if (e.key === 'Enter' || e.key === 'Escape') {\n        const cur = currentRef.current\n        if (cur < 0) return\n        const item = itemsRef.current[cur]\n        if (item?.hasAttribute('duck-dropdown-menu-sub-trigger')) {\n          inSubMenuRef.current = !inSubMenuRef.current\n        }\n      }\n\n      if (allowAxisArrowKeys && (e.key === 'ArrowLeft' || e.key === 'ArrowRight')) {\n        const cur = originalRef.current\n        if (cur < 0) return\n        const item = itemsRef.current[cur]\n        if (item?.hasAttribute('duck-dropdown-menu-sub-trigger')) {\n          e.preventDefault()\n          inSubMenuRef.current = !inSubMenuRef.current\n          item.click()\n        }\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [open, itemsRef, setSelectedItem, allowAxisArrowKeys])\n}\n","'use client'\n\nimport { cn } from '@gentleduck/libs/cn'\nimport { useKeyCommands } from '@gentleduck/vim/react'\nimport { Search } from 'lucide-react'\nimport React from 'react'\nimport { Dialog, DialogContent } from '../dialog'\nimport { ScrollArea } from '../scroll-area'\nimport {\n  useCommandContext,\n  useCommandElements,\n  useCommandRefsContext,\n  useCommandSearch,\n  useHandleKeyDown,\n} from './command.hooks'\nimport type { CommandBadgeProps, CommandContextType, CommandRefsContextType } from './command.types'\n\nexport const CommandContext: React.Context<CommandContextType | null> = React.createContext<CommandContextType | null>(\n  null,\n)\n\nexport const CommandRefsContext: React.Context<CommandRefsContextType | null> =\n  React.createContext<CommandRefsContextType | null>(null)\n\nfunction CommandRefs({ children }: { children: React.ReactNode }): React.JSX.Element {\n  const commandRef = React.useRef<HTMLDivElement | null>(null)\n  const listRef = React.useRef<HTMLUListElement | null>(null)\n  const emptyRef = React.useRef<HTMLHeadingElement | null>(null)\n  const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const [selectedItem, setSelectedItem] = React.useState<HTMLLIElement | null>(null)\n  const { itemsRef, groupsRef, filteredItemsRef } = useCommandElements(commandRef)\n\n  return (\n    <CommandRefsContext.Provider\n      value={{\n        commandRef,\n        emptyRef,\n        filteredItems: filteredItemsRef,\n        groups: groupsRef,\n        inputRef,\n        items: itemsRef,\n        listRef,\n        selectedItem,\n        setSelectedItem,\n      }}>\n      {children}\n    </CommandRefsContext.Provider>\n  )\n}\n\nfunction CommandWrapper({ className, ref, ...props }: React.HTMLProps<HTMLDivElement>): React.JSX.Element {\n  const [search, setSearch] = React.useState<string>('')\n  const { filteredItems, items, setSelectedItem, commandRef, groups, emptyRef, selectedItem } = useCommandRefsContext()\n\n  useCommandSearch(items, search, setSelectedItem, emptyRef, commandRef, groups, filteredItems)\n  useHandleKeyDown({\n    containerRef: commandRef,\n    allowAxisArrowKeys: false,\n    itemsRef: filteredItems,\n    open: true,\n    originalItemsRef: items,\n    selectedItem: selectedItem,\n    setSelectedItem: (item) => {\n      setSelectedItem(item)\n    },\n  })\n\n  return (\n    <CommandContext.Provider\n      value={{\n        search,\n        setSearch,\n      }}>\n      <div\n        className={cn(\n          'flex h-full w-full max-w-96 flex-col overflow-hidden rounded-md bg-popover p-2 text-popover-foreground shadow-sm',\n          className,\n        )}\n        data-slot=\"command\"\n        duck-command-wrapper=\"\"\n        ref={commandRef}\n        {...props}\n      />\n    </CommandContext.Provider>\n  )\n}\n\nfunction Command({ children, ...props }: React.ComponentPropsWithRef<typeof CommandWrapper>): React.JSX.Element {\n  return (\n    <CommandRefs>\n      <CommandWrapper {...props}>{children}</CommandWrapper>\n    </CommandRefs>\n  )\n}\n\nfunction CommandInput({\n  className,\n  placeholder = 'Search...',\n  onChange,\n  autoFocus = true,\n  ...props\n}: React.HTMLProps<HTMLInputElement>): React.JSX.Element {\n  const { setSearch } = useCommandContext()\n  const context = useCommandRefsContext()\n\n  return (\n    <div\n      className={cn('mb-2 flex items-center gap-2 border-b px-1', className)}\n      data-slot=\"command-input\"\n      duck-command-input=\"\">\n      <Search className=\"size-[20px] shrink-0 opacity-50\" />\n      <input\n        autoFocus={autoFocus}\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n        )}\n        onChange={(e) => {\n          setSearch(() => e.target.value)\n          onChange?.(e)\n        }}\n        placeholder={placeholder}\n        ref={context.inputRef}\n        tabIndex={0}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandEmpty({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element {\n  const context = useCommandRefsContext()\n  return (\n    <h6\n      className=\"hidden py-6 text-center text-sm\"\n      ref={context.emptyRef}\n      {...props}\n      data-slot=\"command-empty\"\n      duck-command-empty=\"\"\n    />\n  )\n}\n\nfunction CommandList({ className, ...props }: React.HTMLAttributes<HTMLUListElement>): React.JSX.Element {\n  const context = useCommandRefsContext()\n  return (\n    <ScrollArea\n      className=\"overflow-y-auto overflow-x-hidden\"\n      data-slot=\"command-list\"\n      duck-command-list=\"\"\n      viewportClassName=\"overflow-x-hidden\">\n      <ul className={cn('max-h-[300px] focus:outline-none', className)} ref={context.listRef} {...props} />\n    </ScrollArea>\n  )\n}\n\nfunction CommandGroup({\n  className,\n  children,\n  heading,\n  ref,\n  ...props\n}: React.HTMLProps<HTMLDivElement> & {\n  /** The title for the command group. */\n  heading?: string\n}): React.JSX.Element {\n  return (\n    <div\n      className={cn(\n        'overflow-hidden text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-sm',\n        className,\n      )}\n      ref={ref}\n      {...props}\n      data-slot=\"command-group\"\n      duck-command-group=\"\">\n      {heading && <h3 className=\"pb-1 pl-1 text-muted-foreground text-sm\">{heading}</h3>}\n      {children}\n    </div>\n  )\n}\n\nfunction CommandItem({\n  className,\n  ref,\n  value,\n  onClick,\n  onSelect,\n  onKeyDown,\n  ...props\n}: Omit<React.HTMLProps<HTMLLIElement>, 'onSelect'> & {\n  value?: string\n  onSelect?: (value: string) => void\n}): React.JSX.Element {\n  return (\n    <li\n      className={cn(\n        \"data-[selected= data-[disabled=true]:pointer-events-none'true']:bg-accent relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden transition-color duration-300 will-change-300 hover:bg-muted hover:text-accent-foreground data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&[aria-selected]]:bg-secondary [&_svg]:size-4\",\n        className,\n      )}\n      data-slot=\"command-item\"\n      duck-command-item=\"\"\n      onClick={(e) => {\n        onSelect?.(value as string)\n        onClick?.(e)\n      }}\n      onKeyDown={onKeyDown}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  keys,\n  onKeysPressed,\n  variant = 'default',\n  ref,\n  ...props\n}: CommandBadgeProps): React.JSX.Element {\n  if (keys && onKeysPressed) {\n    useKeyCommands({\n      [keys]: {\n        description: keys,\n        execute: () => {\n          onKeysPressed()\n        },\n        name: keys,\n      },\n    })\n  }\n\n  return (\n    <kbd\n      className={cn(\n        'focus:offset-2 [&_svg]:!size-3 !font-sans pointer-events-none inline-flex cursor-none select-none items-center gap-[2px] rounded-[4px] px-2 py-[.12rem] text-secondary-foreground text-sm tracking-widest transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring ltr:ml-auto rtl:mr-auto',\n        variant === 'secondary' && 'bg-secondary',\n        className,\n      )}\n      data-slot=\"command-badge\"\n      duck-command-badge=\"\"\n      ref={ref}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({ className, ref, ...props }: React.HTMLProps<HTMLDivElement>): React.JSX.Element {\n  return (\n    <div\n      className={cn('-mx-1 my-2 h-px bg-secondary', className)}\n      ref={ref}\n      {...props}\n      data-slot=\"command-separator\"\n      duck-command-separator=\"\"\n    />\n  )\n}\n\nfunction CommandDialog({ children, ...props }: React.ComponentPropsWithRef<typeof Dialog>): React.JSX.Element {\n  return (\n    <Dialog {...props}>\n      <DialogContent className=\"h-[500px] p-0 lg:w-[650px] [&>div]:max-w-full\">\n        <Command>{children}</Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandGroup,\n  CommandItem,\n  CommandEmpty,\n  CommandShortcut,\n  CommandSeparator,\n  CommandDialog,\n}\n"],"mappings":"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"}

package/dist/command-menu-Db8sDulu.js

@@ -1,2 +0,0 @@
-import{t as e}from"./button-Ao0Egplu.js";import{a as t,c as n,i as r,l as i,n as a,o,r as s,s as c,t as l}from"./command-2PGkRCUM.js";import{t as u}from"./separator-t0JrmyLj.js";import{n as d}from"./context-CibrcgaK.js";import{cn as f}from"@gentleduck/libs/cn";import*as p from"react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{Circle as _,Command as v,CornerDownLeft as y,FileIcon as b,Moon as x,Sun as S}from"lucide-react";import{useKeyCommands as C}from"@gentleduck/vim/react";import{useRouter as w}from"next/navigation";import{useTheme as T}from"next-themes";function E(){let i=w(),[u,y]=p.useState(!1),{setTheme:C}=T(),E=d(),O=p.useRef(null),k=[...E.sidebarNav.map(e=>({items:e.items?.map(e=>({action:()=>i.push(e.href),icon:h(_,{className:`mr-2 h-3 w-3`}),name:e.title})),title:e.title})),{items:[{action:()=>C(`light`),icon:h(S,{className:`mr-2 h-4 w-4`}),name:`Light`},{action:()=>C(`dark`),icon:h(x,{className:`mr-2 h-4 w-4`}),name:`Dark`},{action:()=>C(`system`),icon:h(b,{className:`mr-2 h-4 w-4`}),name:`System`}],title:`Theme`}];return g(m,{children:[g(e,{className:f(`relative h-8 w-full bg-muted/50 text-muted-foreground text-sm shadow-none md:w-40 lg:w-64 ltr:pr-2 rtl:pl-2 [&>div]:w-full [&>div]:justify-between`),onClick:()=>y(!0),size:`sm`,variant:`outline`,children:[h(`span`,{className:`hidden lg:inline-flex`,children:`Search documentation...`}),h(`span`,{className:`inline-flex lg:hidden`,children:`Search...`}),g(n,{className:`bg-secondary`,keys:`ctrl+k`,onKeysPressed:()=>{y(!u),window.event?.preventDefault()},children:[h(v,{className:`!size-3`}),h(`span`,{className:`text-md`,children:`K`})]})]}),g(l,{onOpenChange:y,open:u,children:[h(r,{autoFocus:!0,placeholder:`Search...`}),h(a,{children:`No results found.`}),h(o,{className:`h-[550px] max-h-full w-90 md:w-full`,children:k.map((e,n)=>g(p.Fragment,{children:[h(s,{heading:e.title,children:e.items?.map(e=>g(t,{id:e.name,onClick:()=>{y(!1),e.action(),O.current?.scrollTo(0,0),O.current?.scrollIntoView({behavior:`smooth`,block:`start`,inline:`start`})},children:[e.icon,h(`span`,{children:e.name})]},e.name))}),n!==k.length-1&&h(c,{})]},e.title))}),h(D,{})]})]})}function D(){let{selectedItem:t}=i(),n=d().sidebarNav.flatMap(e=>e.items??[]).find(e=>e.title===t?.innerText);return C({"ctrl+shift+c":{description:`Copy command`,execute:()=>navigator.clipboard.writeText(`bunx @gentleduck/cli add `+t?.innerText.toLowerCase().replace(/ /g,`-`)),name:`ctrl+shift+c`}}),h(`div`,{className:`hidden w-full items-center justify-between gap-4 border-t px-2 pt-2 lg:flex`,children:g(`div`,{className:`flex w-full items-center justify-between gap-4`,children:[t?.innerText&&g(e,{className:f(`px-2`),size:`sm`,variant:`outline`,children:[h(y,{}),h(u,{className:`m-0 h-4 p-0`,orientation:`vertical`}),t?.innerText]}),t?.innerText&&n?.title?g(e,{className:f(`px-2`),size:`sm`,variant:`outline`,children:[g(`div`,{className:`flex items-center gap-1`,children:[h(v,{className:`!size-3`}),h(`p`,{className:`text-md`,children:`C`})]}),h(u,{className:`m-0 h-4 p-0`,orientation:`vertical`}),g(`div`,{className:`flex items-center gap-1`,children:[h(`span`,{children:`bunx @gentleduck/cli add`}),h(`span`,{className:`text-blue-400`,children:n.title.toLowerCase()})]})]}):g(`p`,{className:`my-auto h-fit w-full whitespace-nowrap text-right text-muted-foreground text-sm`,children:[h(`span`,{className:`whitespace-nowrap font-medium text-sm`,children:`Command palette`}),` for the documentation content.`]})]})})}export{E as t};
-//# sourceMappingURL=command-menu-Db8sDulu.js.map

package/dist/command-menu-Db8sDulu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-menu-Db8sDulu.js","names":["React"],"sources":["../src/components/layouts/command-menu/command-menu.tsx"],"sourcesContent":["'use client'\n\nimport { useDocsConfig } from '@duck-docs/context'\nimport { cn } from '@gentleduck/libs/cn'\nimport { Button } from '@gentleduck/registry-ui-duckui/button'\nimport {\n  CommandDialog,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n  useCommandRefsContext,\n} from '@gentleduck/registry-ui-duckui/command'\nimport { Separator } from '@gentleduck/registry-ui-duckui/separator'\nimport { useKeyCommands } from '@gentleduck/vim/react'\nimport { Circle, Command, CornerDownLeft, FileIcon, Moon, Sun } from 'lucide-react'\nimport { useRouter } from 'next/navigation'\nimport { useTheme } from 'next-themes'\nimport * as React from 'react'\n\nexport function CommandMenu() {\n  const router = useRouter()\n  const [open, setOpen] = React.useState(false)\n  const { setTheme } = useTheme()\n  const docsConfig = useDocsConfig()\n\n  const groupRef = React.useRef<HTMLUListElement>(null)\n  const items = [\n    ...docsConfig.sidebarNav.map((group) => ({\n      items: group.items?.map((navItem) => ({\n        action: () => router.push(navItem.href as string),\n        icon: <Circle className=\"mr-2 h-3 w-3\" />,\n        name: navItem.title,\n      })),\n      title: group.title,\n    })),\n    {\n      items: [\n        {\n          action: () => setTheme('light'),\n          icon: <Sun className=\"mr-2 h-4 w-4\" />,\n          name: 'Light',\n        },\n        {\n          action: () => setTheme('dark'),\n          icon: <Moon className=\"mr-2 h-4 w-4\" />,\n          name: 'Dark',\n        },\n        {\n          action: () => setTheme('system'),\n          icon: <FileIcon className=\"mr-2 h-4 w-4\" />,\n          name: 'System',\n        },\n      ],\n      title: 'Theme',\n    },\n  ]\n\n  return (\n    <>\n      <Button\n        className={cn(\n          'relative h-8 w-full bg-muted/50 text-muted-foreground text-sm shadow-none md:w-40 lg:w-64 ltr:pr-2 rtl:pl-2 [&>div]:w-full [&>div]:justify-between',\n        )}\n        onClick={() => setOpen(true)}\n        size={'sm'}\n        variant=\"outline\">\n        <span className=\"hidden lg:inline-flex\">Search documentation...</span>\n        <span className=\"inline-flex lg:hidden\">Search...</span>\n        <CommandShortcut\n          className=\"bg-secondary\"\n          keys={'ctrl+k'}\n          onKeysPressed={() => {\n            setOpen(!open)\n            window.event?.preventDefault()\n          }}>\n          <Command className=\"!size-3\" />\n          <span className=\"text-md\">K</span>\n        </CommandShortcut>\n      </Button>\n      <CommandDialog onOpenChange={setOpen} open={open}>\n        <CommandInput autoFocus placeholder=\"Search...\" />\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandList className=\"h-[550px] max-h-full w-90 md:w-full\">\n          {items.map((group, idx) => (\n            <React.Fragment key={group.title}>\n              <CommandGroup heading={group.title}>\n                {group.items?.map((item) => (\n                  <CommandItem\n                    id={item.name}\n                    key={item.name}\n                    onClick={() => {\n                      setOpen(false)\n                      item.action()\n                      groupRef.current?.scrollTo(0, 0)\n                      groupRef.current?.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start',\n                        inline: 'start',\n                      })\n                    }}>\n                    {item.icon}\n                    <span>{item.name}</span>\n                  </CommandItem>\n                ))}\n              </CommandGroup>\n              {idx !== items.length - 1 && <CommandSeparator />}\n            </React.Fragment>\n          ))}\n        </CommandList>\n        <CommandFooter />\n      </CommandDialog>\n    </>\n  )\n}\n\nfunction CommandFooter() {\n  const { selectedItem } = useCommandRefsContext()\n  const docsConfig = useDocsConfig()\n  const sidebarItems = docsConfig.sidebarNav.flatMap((group) => group.items ?? [])\n  const selectedNavItem = sidebarItems.find((item) => item.title === selectedItem?.innerText)\n  useKeyCommands({\n    'ctrl+shift+c': {\n      description: 'Copy command',\n      execute: () =>\n        navigator.clipboard.writeText(\n          ('bunx @gentleduck/cli add ' + selectedItem?.innerText.toLowerCase().replace(/ /g, '-')) as string,\n        ),\n      name: 'ctrl+shift+c',\n    },\n  })\n  return (\n    <div className=\"hidden w-full items-center justify-between gap-4 border-t px-2 pt-2 lg:flex\">\n      <div className=\"flex w-full items-center justify-between gap-4\">\n        {selectedItem?.innerText && (\n          <Button className={cn('px-2')} size={'sm'} variant={'outline'}>\n            <CornerDownLeft />\n            <Separator className=\"m-0 h-4 p-0\" orientation=\"vertical\" />\n            {selectedItem?.innerText}\n          </Button>\n        )}\n        {selectedItem?.innerText && selectedNavItem?.title ? (\n          <Button className={cn('px-2')} size={'sm'} variant={'outline'}>\n            <div className=\"flex items-center gap-1\">\n              <Command className=\"!size-3\" />\n              <p className=\"text-md\">C</p>\n            </div>\n            <Separator className=\"m-0 h-4 p-0\" orientation=\"vertical\" />\n            <div className=\"flex items-center gap-1\">\n              <span>bunx @gentleduck/cli add</span>\n              <span className=\"text-blue-400\">{selectedNavItem.title.toLowerCase()}</span>\n            </div>\n          </Button>\n        ) : (\n          <p className=\"my-auto h-fit w-full whitespace-nowrap text-right text-muted-foreground text-sm\">\n            <span className=\"whitespace-nowrap font-medium text-sm\">Command palette</span> for the documentation\n            content.\n          </p>\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/command-menu-DtpwoKe8.d.ts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime50 from "react/jsx-runtime";
-
-//#region src/components/layouts/command-menu/command-menu.d.ts
-declare function CommandMenu(): react_jsx_runtime50.JSX.Element;
-//#endregion
-export { CommandMenu as t };
-//# sourceMappingURL=command-menu-DtpwoKe8.d.ts.map

package/dist/command-menu-DtpwoKe8.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"command-menu-DtpwoKe8.d.ts","names":[],"sources":["../src/components/layouts/command-menu/command-menu.tsx"],"sourcesContent":[],"mappings":";;;iBAuBgB,WAAA,CAAA,GAAW,mBAAA,CAAA,GAAA,CAAA"}

package/dist/component-preview-D2UaIsBZ.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-preview-D2UaIsBZ.d.ts","names":[],"sources":["../src/components/mdx/mdx-components/code/component-preview.tsx"],"sourcesContent":[],"mappings":";;;;UAUU,qBAAA,SAA8B,OAAA,CAAM,eAAe;;;EAAnD,mBAAA,CAAA,EAAA,MAAsB;EAUhB,KAAA,CAAA,EAAA,QAAA,GAAgB,OAAA,GAAA,KAAA;EAC9B,WAAA,CAAA,EAAA,MAAA;EACA,QAAA,CAAA,EAAA,OAAA;EACA,YAAA,CAAA,EAAA,OAAA;;AAEA,iBALc,gBAAA,CAKd;EAAA,IAAA;EAAA,QAAA;EAAA,SAAA;EAAA,gBAAA;EAAA,mBAAA;EAAA,KAAA;EAAA,WAAA;EAAA,QAAA;EAAA,YAAA;EAAA,GAAA;AAAA,CAAA,EAMC,qBAND,CAAA,EAMsB,mBAAA,CAAA,GAAA,CAAA,OANtB;AACA,cA6FW,QA7FX,EAAA,GAAA,GA6FmB,mBAAA,CAAA,GAAA,CAAA,OA7FnB;AACA,cA+GW,IA/GX,EAAA;EACA,IAAA,EAAA,MAAA;EACA,KAAA,EAAA,MAAA;CAEC,EAAA"}

package/dist/component-preview-InhzN4h1.js

@@ -1,2 +0,0 @@
-import{t as e}from"./button-Ao0Egplu.js";import{t}from"./copy-button-DZizVQ8G.js";import{a as n}from"./context-CibrcgaK.js";import{i as r,n as i,r as a,t as o}from"./tabs-jsmxQQW0.js";import{cn as s}from"@gentleduck/libs/cn";import*as c from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{Crown as d}from"lucide-react";function f({name:e,children:d,className:f,extractClassname:h,extractedClassNames:g,align:_=`center`,description:v,hideCode:y=!1,showSettings:b=!1,...x}){let S=c.Children.toArray(d)[0],C=n(),w=c.useMemo(()=>{if(!C)return l(`p`,{className:`text-muted-foreground text-sm`,children:`Registry index is not configured for this docs app.`});let t=C[e]?.component;return t?l(t,{}):u(`p`,{className:`text-muted-foreground text-sm`,children:[`Component `,l(`code`,{className:`relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm`,children:e}),` `,`not found in registry.`]})},[e,C]),T=c.useMemo(()=>{if(S?.props[`data-rehype-pretty-code-fragment`]!==void 0){let e=c.Children.toArray(S.props.children);return e[1]?.props?.value||e[1]?.props?.__rawString__||null}},[S]);return l(`div`,{className:s(`group relative my-4 flex flex-col [&_div[data-slot="placeholder"]]:h-[512px]`,f),...x,children:u(o,{className:`relative mr-auto w-full`,defaultValue:`preview`,children:[l(`div`,{className:`flex items-center justify-between`,children:!y&&l(a,{className:`w-full justify-start overflow-x-auto rounded-none border-b bg-transparent p-0 [&_button]:shadow-none`,children:m.map((e,t)=>l(r,{className:`cursor-pointer rounded-none border-b-[2px] border-b-transparent px-12 py-2 [&[aria-selected='true']]:border-b-primary [&[aria-selected='true']]:shadow-none [&_input]:focus-visible:shadow-none [&_input]:focus-visible:ring-transparent [&_input]:focus-visible:ring-offset-0`,value:e.value,children:e.name},t))})}),u(i,{className:`relative min-w-2/5 rounded-md border`,value:`preview`,children:[u(`div`,{className:`absolute flex w-full items-center justify-between p-4`,children:[l(`span`,{className:`text-muted-foreground text-sm`}),l(`div`,{className:`flex items-center gap-2`,children:l(t,{value:T,variant:`outline`})})]}),l(`div`,{className:s(`preview flex h-[500px] w-full justify-center overflow-auto p-10`,{"items-center":_===`center`,"items-end":_===`end`,"items-start":_===`start`}),"duck-preview":``,children:w})]}),l(i,{className:`[&_[data-rehype-pretty-code-fragment]]:!m-0 relative mt-2 [&>div>div>button]:top-3 [&>div>div>button]:right-3 [&>div>div]:mb-0 [&>div]:rounded-lg [&>div]:border [&>div]:bg-muted/40 [&_pre]:h-[502px]`,value:`code`,children:S}),l(p,{})]})})}const p=()=>u(i,{className:`relative overflow-hidden`,value:`build`,children:[l(`div`,{className:`h-[500px] overflow-hidden rounded-lg`,children:l(`img`,{alt:`build`,className:`object-cover`,src:`/builder.png`})}),l(`div`,{className:`absolute inset-0 top-0 left-0 flex h-[500px] flex-col items-center justify-center gap-4 rounded-md bg-zinc-700/10 px-4 py-2 backdrop-blur-sm dark:bg-zinc-700/50`,children:l(`div`,{className:`flex items-center gap-4`,children:u(e,{className:`rounded-sm font-bold`,size:`sm`,children:[l(d,{}),l(`span`,{children:`Coming soon`})]})})})]}),m=[{name:`Preview`,value:`preview`},{name:`Code`,value:`code`}];export{f as n,m as r,p as t};
-//# sourceMappingURL=component-preview-InhzN4h1.js.map

package/dist/component-preview-InhzN4h1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-preview-InhzN4h1.js","names":["React","Button"],"sources":["../src/components/mdx/mdx-components/code/component-preview.tsx"],"sourcesContent":["'use client'\n\nimport { CopyButton } from '@duck-docs/components/copy-button'\nimport { useRegistryIndex } from '@duck-docs/context'\nimport { cn } from '@gentleduck/libs/cn'\nimport { Button } from '@gentleduck/registry-ui-duckui/button'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '@gentleduck/registry-ui-duckui/tabs'\nimport { Crown } from 'lucide-react'\nimport * as React from 'react'\n\ninterface ComponentPreviewProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string\n  extractClassname?: boolean\n  extractedClassNames?: string\n  align?: 'center' | 'start' | 'end'\n  description?: string\n  hideCode?: boolean\n  showSettings?: boolean\n}\n\nexport function ComponentPreview({\n  name,\n  children,\n  className,\n  extractClassname,\n  extractedClassNames,\n  align = 'center',\n  description,\n  hideCode = false,\n  showSettings = false,\n  ...props\n}: ComponentPreviewProps) {\n  const Codes = React.Children.toArray(children) as React.ReactElement[]\n  const Code = Codes[0]\n  const registryIndex = useRegistryIndex()\n\n  const Preview = React.useMemo(() => {\n    if (!registryIndex) {\n      return <p className=\"text-muted-foreground text-sm\">Registry index is not configured for this docs app.</p>\n    }\n\n    const Component = registryIndex[name]?.component\n\n    if (!Component) {\n      return (\n        <p className=\"text-muted-foreground text-sm\">\n          Component <code className=\"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm\">{name}</code>{' '}\n          not found in registry.\n        </p>\n      )\n    }\n\n    return <Component />\n  }, [name, registryIndex])\n\n  const codeString = React.useMemo(() => {\n    if (\n      // ! FIX:\n      //  @ts-ignore 'Code.props' is of type 'unknown'.ts(18046)\n      typeof Code?.props['data-rehype-pretty-code-fragment'] !== 'undefined'\n    ) {\n      const Button = React.Children.toArray(\n        // ! FIX:\n        //  @ts-expect-error Property 'children' does not exist on type '{}'.ts(2339)\n        Code.props.children,\n      ) as React.ReactElement[]\n      // ! FIX:\n      //  @ts-expect-error Property '__rawString__' does not exist on type '{}'.ts(2339)\n      return Button[1]?.props?.value || Button[1]?.props?.__rawString__ || null\n    }\n  }, [Code])\n\n  return (\n    <div\n      className={cn('group relative my-4 flex flex-col [&_div[data-slot=\"placeholder\"]]:h-[512px]', className)}\n      {...props}>\n      <Tabs className=\"relative mr-auto w-full\" defaultValue=\"preview\">\n        <div className=\"flex items-center justify-between\">\n          {!hideCode && (\n            <TabsList className=\"w-full justify-start overflow-x-auto rounded-none border-b bg-transparent p-0 [&_button]:shadow-none\">\n              {TABS.map((tab, idx) => (\n                <TabsTrigger\n                  className=\"cursor-pointer rounded-none border-b-[2px] border-b-transparent px-12 py-2 [&[aria-selected='true']]:border-b-primary [&[aria-selected='true']]:shadow-none [&_input]:focus-visible:shadow-none [&_input]:focus-visible:ring-transparent [&_input]:focus-visible:ring-offset-0\"\n                  key={idx}\n                  value={tab.value}>\n                  {tab.name}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          )}\n        </div>\n        <TabsContent className=\"relative min-w-2/5 rounded-md border\" value=\"preview\">\n          <div className=\"absolute flex w-full items-center justify-between p-4\">\n            <span className=\"text-muted-foreground text-sm\">{}</span>\n            <div className=\"flex items-center gap-2\">\n              <CopyButton value={codeString} variant=\"outline\" />\n            </div>\n          </div>\n          <div\n            className={cn('preview flex h-[500px] w-full justify-center overflow-auto p-10', {\n              'items-center': align === 'center',\n              'items-end': align === 'end',\n              'items-start': align === 'start',\n            })}\n            duck-preview=\"\">\n            {Preview}\n          </div>\n        </TabsContent>\n        <TabsContent\n          className=\"[&_[data-rehype-pretty-code-fragment]]:!m-0 relative mt-2 [&>div>div>button]:top-3 [&>div>div>button]:right-3 [&>div>div]:mb-0 [&>div]:rounded-lg [&>div]:border [&>div]:bg-muted/40 [&_pre]:h-[502px]\"\n          value=\"code\">\n          {Code}\n        </TabsContent>\n        <BuildTab />\n      </Tabs>\n    </div>\n  )\n}\n\nexport const BuildTab = () => {\n  return (\n    <TabsContent className=\"relative overflow-hidden\" value=\"build\">\n      <div className=\"h-[500px] overflow-hidden rounded-lg\">\n        <img alt=\"build\" className=\"object-cover\" src=\"/builder.png\" />\n      </div>\n\n      <div className=\"absolute inset-0 top-0 left-0 flex h-[500px] flex-col items-center justify-center gap-4 rounded-md bg-zinc-700/10 px-4 py-2 backdrop-blur-sm dark:bg-zinc-700/50\">\n        <div className=\"flex items-center gap-4\">\n          <Button className=\"rounded-sm font-bold\" size={'sm'}>\n            <Crown />\n            <span>Coming soon</span>\n          </Button>\n        </div>\n      </div>\n    </TabsContent>\n  )\n}\n\nexport const TABS = [\n  {\n    name: 'Preview',\n    value: 'preview',\n  },\n  {\n    name: 'Code',\n    value: 'code',\n  },\n  // {\n  //   name: 'Benchmark',\n  //   value: 'benchmark',\n  // },\n]\n"],"mappings":"gVAoBA,SAAgB,EAAiB,CAC/B,OACA,WACA,YACA,mBACA,sBACA,QAAQ,SACR,cACA,WAAW,GACX,eAAe,GACf,GAAG,GACqB,CAExB,IAAM,EADQA,EAAM,SAAS,QAAQ,EAAS,CAC3B,GACb,EAAgB,GAAkB,CAElC,EAAUA,EAAM,YAAc,CAClC,GAAI,CAAC,EACH,OAAO,EAAC,IAAA,CAAE,UAAU,yCAAgC,uDAAuD,CAG7G,IAAM,EAAY,EAAc,IAAO,UAWvC,OATK,EASE,EAAC,EAAA,EAAA,CAAY,CAPhB,EAAC,IAAA,CAAE,UAAU,0CAAgC,aACjC,EAAC,OAAA,CAAK,UAAU,+EAAuE,GAAY,CAAC,IAAI,2BAEhH,EAKP,CAAC,EAAM,EAAc,CAAC,CAEnB,EAAaA,EAAM,YAAc,CACrC,GAGS,GAAM,MAAM,sCAAwC,OAC3D,CACA,IAAMC,EAASD,EAAM,SAAS,QAG5B,EAAK,MAAM,SACZ,CAGD,OAAOC,EAAO,IAAI,OAAO,OAASA,EAAO,IAAI,OAAO,eAAiB,OAEtE,CAAC,EAAK,CAAC,CAEV,OACE,EAAC,MAAA,CACC,UAAW,EAAG,+EAAgF,EAAU,CACxG,GAAI,WACJ,EAAC,EAAA,CAAK,UAAU,0BAA0B,aAAa,oBACrD,EAAC,MAAA,CAAI,UAAU,6CACZ,CAAC,GACA,EAAC,EAAA,CAAS,UAAU,gHACjB,EAAK,KAAK,EAAK,IACd,EAAC,EAAA,CACC,UAAU,iRAEV,MAAO,EAAI,eACV,EAAI,MAFA,EAGO,CACd,EACO,EAET,CACN,EAAC,EAAA,CAAY,UAAU,uCAAuC,MAAM,oBAClE,EAAC,MAAA,CAAI,UAAU,kEACb,EAAC,OAAA,CAAK,UAAU,gCAAA,CAAyC,CACzD,EAAC,MAAA,CAAI,UAAU,mCACb,EAAC,EAAA,CAAW,MAAO,EAAY,QAAQ,WAAY,EAC/C,CAAA,EACF,CACN,EAAC,MAAA,CACC,UAAW,EAAG,kEAAmE,CAC/E,eAAgB,IAAU,SAC1B,YAAa,IAAU,MACvB,cAAe,IAAU,QAC1B,CAAC,CACF,eAAa,YACZ,GACG,CAAA,EACM,CACd,EAAC,EAAA,CACC,UAAU,yMACV,MAAM,gBACL,GACW,CACd,EAAC,EAAA,EAAA,CAAW,GACP,EACH,CAIV,MAAa,MAET,EAAC,EAAA,CAAY,UAAU,2BAA2B,MAAM,kBACtD,EAAC,MAAA,CAAI,UAAU,gDACb,EAAC,MAAA,CAAI,IAAI,QAAQ,UAAU,eAAe,IAAI,gBAAiB,EAC3D,CAEN,EAAC,MAAA,CAAI,UAAU,4KACb,EAAC,MAAA,CAAI,UAAU,mCACb,EAAC,EAAA,CAAO,UAAU,uBAAuB,KAAM,eAC7C,EAAC,EAAA,EAAA,CAAQ,CACT,EAAC,OAAA,CAAA,SAAK,cAAA,CAAkB,CAAA,EACjB,EACL,EACF,CAAA,EACM,CAIL,EAAO,CAClB,CACE,KAAM,UACN,MAAO,UACR,CACD,CACE,KAAM,OACN,MAAO,OACR,CAKF"}