@hanzo/ui 5.0.2 → 5.0.3

package/dist/markdown/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/memoization.tsx","../../src/markdown/mermaid.tsx","../../src/markdown/markdown-preview.tsx"],"names":["jsx","useRef","useCallback","jsxs","Code","CodeHeader","memo","pre","code","SyntaxHighlighter"],"mappings":"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","file":"index.mjs","sourcesContent":["import { type Element } from 'hast';\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type ElementType,\n  memo,\n} from 'react';\nimport {\n  type CodeHeaderProps,\n  type SyntaxHighlighterProps,\n} from '../components/markdown-preview';\n\ntype Components = {\n  [Key in Extract<ElementType, string>]?: ComponentType<ComponentProps<Key>>;\n} & {\n  SyntaxHighlighter?:\n    | ComponentType<Omit<SyntaxHighlighterProps, 'node'>>\n    | undefined;\n  CodeHeader?: ComponentType<Omit<CodeHeaderProps, 'node'>> | undefined;\n};\n\nconst areChildrenEqual = (prev: string | unknown, next: string | unknown) => {\n  if (typeof prev === 'string') return prev === next;\n  return JSON.stringify(prev) === JSON.stringify(next);\n};\n\nexport const areNodesEqual = (\n  prev: Element | undefined,\n  next: Element | undefined,\n) => {\n  // TODO troubleshoot why this is triggering for code blocks\n  if (!prev || !next) return false;\n  const isEqual =\n    JSON.stringify(prev?.properties) === JSON.stringify(next?.properties) &&\n    areChildrenEqual(prev?.children, next?.children);\n  return isEqual;\n};\n\nexport const memoCompareNodes = (\n  prev: { node?: Element | undefined },\n  next: { node?: Element | undefined },\n) => {\n  return areNodesEqual(prev.node, next.node);\n};\n\nexport const memoizeMarkdownComponents = (components: Components = {}) => {\n  return Object.fromEntries(\n    Object.entries(components ?? {}).map(([key, value]) => {\n      if (!value) return [key, value];\n\n      const Component = value as ComponentType;\n      const WithoutNode = ({ node, ...props }: { node?: Element }) => {\n        return <Component {...props} />;\n      };\n      return [key, memo(WithoutNode, memoCompareNodes)];\n    }),\n  );\n};\n","// Note: Tauri-specific imports are commented out for browser compatibility\n// Uncomment these in Tauri-specific builds if needed:\n// import { save } from '@tauri-apps/plugin-dialog';\n// import * as fs from '@tauri-apps/plugin-fs';\nimport { RotateCcw, Download } from 'lucide-react';\nimport mermaid from 'mermaid';\nimport { type FC, useEffect, useRef, useState, useCallback } from 'react';\nimport { toast } from 'sonner';\nimport svgPanZoom from 'svg-pan-zoom';\nimport { cn } from '../lib/utils';\nimport { Button } from '../components/button';\nimport { type SyntaxHighlighterProps } from './markdown-preview';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../components/tooltip';\n\nexport type MermaidDiagramProps = SyntaxHighlighterProps & {\n  className?: string;\n  isRunning?: boolean;\n};\n\nmermaid.initialize({\n  startOnLoad: true,\n  mindmap: {\n    useWidth: 800,\n  },\n  theme: 'dark',\n  fontSize: 18,\n  darkMode: true,\n  fontFamily: 'Inter',\n});\n\nconst generateId = () => `mermaid-${Math.random().toString(36).slice(2)}`;\n\nconst downloadBlob = async (blob: Blob, filename: string) => {\n  // Browser download fallback (works in both browser and Tauri environments)\n  try {\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = filename;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    URL.revokeObjectURL(url);\n    toast.success('Mermaid diagram saved successfully');\n  } catch (error) {\n    toast.error('Failed to save diagram');\n    console.error('Download error:', error);\n  }\n};\n\nexport const MermaidDiagram: FC<MermaidDiagramProps> = ({\n  code,\n  className,\n  isRunning,\n}) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const lastCode = useRef<string | null>(null);\n  const [instance, setInstance] = useState<any>(null);\n\n  const isComplete = !isRunning;\n\n  const resetZoom = useCallback(() => {\n    instance?.fit();\n    instance?.center();\n  }, [instance]);\n\n  const downloadSVG = useCallback(() => {\n    if (ref.current) {\n      const svg = ref.current.innerHTML;\n      const blob = new Blob([svg], { type: 'image/svg+xml' });\n      void downloadBlob(blob, 'mermaid-diagram.svg');\n    }\n  }, []);\n\n  const enableZoom = useCallback(() => {\n    instance?.enablePan();\n    instance?.enableZoom();\n  }, [instance]);\n\n  const disableZoom = useCallback(() => {\n    instance?.disablePan();\n    instance?.disableZoom();\n  }, [instance]);\n\n  const handleFocus = useCallback(() => {\n    enableZoom();\n  }, [enableZoom]);\n\n  const handleBlur = useCallback(() => {\n    disableZoom();\n  }, [disableZoom]);\n\n  const handleClick = useCallback(() => {\n    if (ref.current) {\n      ref.current.focus();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!isComplete || !ref.current || !code) return;\n\n    if (lastCode.current === code) return;\n\n    void (async () => {\n      try {\n        const id = generateId();\n        const { svg } = await mermaid.render(id, code);\n\n        if (ref.current) {\n          ref.current.innerHTML = svg;\n\n          const svgElement = ref.current.querySelector('svg');\n          if (svgElement) {\n            svgElement.setAttribute('height', '100%');\n            svgElement.setAttribute('width', '100%');\n            svgElement.style.height = '100%';\n            svgElement.style.width = '100%';\n            svgElement.style.position = 'absolute';\n            svgElement.style.top = '0';\n            svgElement.style.left = '0';\n\n            const panZoomInstance = svgPanZoom(svgElement);\n            panZoomInstance.fit();\n            panZoomInstance.center();\n            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });\n            panZoomInstance.disablePan();\n            panZoomInstance.disableZoom();\n            setInstance(panZoomInstance);\n          }\n        }\n\n        lastCode.current = code;\n      } catch (e) {\n        console.warn('Failed to render Mermaid diagram:', e);\n      }\n    })();\n  }, [code, isComplete]);\n\n  return (\n    <div className=\"relative\">\n      <div className=\"absolute top-2 right-2 z-10 flex gap-1\">\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              variant=\"tertiary\"\n              size=\"icon\"\n              onClick={resetZoom}\n              className=\"text-text-secondary\"\n            >\n              <RotateCcw size={14} />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>\n            <p>Reset Zoom</p>\n          </TooltipContent>\n        </Tooltip>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <Button\n              variant=\"tertiary\"\n              size=\"icon\"\n              onClick={downloadSVG}\n              className=\"text-text-secondary\"\n            >\n              <Download size={14} />\n            </Button>\n          </TooltipTrigger>\n          <TooltipContent>\n            <p>Download SVG</p>\n          </TooltipContent>\n        </Tooltip>\n      </div>\n      <div\n        onClick={handleClick}\n        className=\"text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs\"\n      >\n        Click to focus, then scroll to zoom & drag to pan\n      </div>\n      <div\n        ref={ref}\n        tabIndex={0}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onClick={handleClick}\n        className={cn(\n          'text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none',\n          className,\n        )}\n        style={{ width: '100%', minHeight: '400px' }}\n      >\n        Drawing diagram...\n      </div>\n    </div>\n  );\n};\n","import { type Primitive } from '@radix-ui/react-primitive';\n// import { useCallbackRef } from '@radix-ui/react-use-callback-ref';\nimport { useCallback, useRef } from 'react';\n\n// Simple useCallbackRef replacement\nfunction useCallbackRef<T extends (...args: any[]) => any>(callback?: T): T {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n  return useCallback((...args: any[]) => callbackRef.current?.(...args), []) as T;\n}\nimport { type Element } from 'hast';\n\nimport React, {\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n  createContext,\n  type ElementType,\n  type FC,\n  memo,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from 'react';\nimport ReactMarkdown, { type Options } from 'react-markdown';\nimport {\n  PrismAsyncLight,\n  type SyntaxHighlighterProps as SHP,\n} from 'react-syntax-highlighter';\nimport python from 'react-syntax-highlighter/dist/esm/languages/prism/python';\nimport tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';\nimport { default as github } from 'react-syntax-highlighter/dist/esm/styles/hljs/github';\nimport rehypeKatex from 'rehype-katex';\nimport remarkGfm from 'remark-gfm';\nimport remarkMath from 'remark-math';\n\nimport {\n  memoCompareNodes,\n  memoizeMarkdownComponents,\n} from '../helpers/memoization';\nimport { cn } from '../lib/utils';\nimport { CopyToClipboardIcon } from '../components/copy-to-clipboard-icon';\n\nimport { MermaidDiagram } from './mermaid';\n\nexport type CodeHeaderProps = {\n  node?: Element | undefined;\n  language: string | undefined;\n  code: string;\n};\n\nexport const CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  return (\n    <div className=\"code-header-root bg-bg-darker text-text-default flex items-center justify-between gap-4 rounded-t-lg px-4 py-1\">\n      <span className=\"code-header-language text-text-secondary text-xs font-medium lowercase\">\n        {language}\n      </span>\n      <CopyToClipboardIcon\n        className={cn(\n          'text-text-secondary h-7 w-7 bg-transparent hover:bg-gray-900 [&>svg]:h-3 [&>svg]:w-3',\n        )}\n        string={code}\n      />\n    </div>\n  );\n};\n\nconst makeMakeSyntaxHighlighter =\n  (SyntaxHighlighter: ComponentType<SHP>) =>\n  (config: Omit<SHP, 'language' | 'children'>) => {\n    const PrismSyntaxHighlighter: FC<SyntaxHighlighterProps> = ({\n      components: { Pre, Code },\n      language,\n      code,\n    }) => {\n      return (\n        <SyntaxHighlighter\n          CodeTag={Code as any}\n          PreTag={Pre as any}\n          {...config}\n          language={language}\n        >\n          {code}\n        </SyntaxHighlighter>\n      );\n    };\n\n    PrismSyntaxHighlighter.displayName = 'PrismSyntaxHighlighter';\n\n    return PrismSyntaxHighlighter;\n  };\n\n// register languages you want to support\nPrismAsyncLight.registerLanguage('js', tsx);\nPrismAsyncLight.registerLanguage('jsx', tsx);\nPrismAsyncLight.registerLanguage('ts', tsx);\nPrismAsyncLight.registerLanguage('tsx', tsx);\nPrismAsyncLight.registerLanguage('python', python);\n\nexport const makePrismAsyncLightSyntaxHighlighter =\n  makeMakeSyntaxHighlighter(PrismAsyncLight);\n\nexport const SyntaxHighlighterBase = makePrismAsyncLightSyntaxHighlighter({\n  style: github,\n  customStyle: {\n    margin: 0,\n    width: '100%',\n    background: 'var(--color-bg-darker)',\n    padding: '1.5rem 1rem',\n    fontSize: '0.875em',\n  },\n});\n\nexport const defaultComponents = memoizeMarkdownComponents({\n  h1: ({ className, ...props }) => (\n    <h1\n      className={cn(\n        'mt-[1em] mb-[0.7em] scroll-m-20 text-[1.375rem] font-bold last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  h2: ({ className, ...props }) => (\n    <h2\n      className={cn(\n        'text-em-xl mt-[0.8em] mb-[0.4em] scroll-m-20 font-semibold first:mt-0 last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  h3: ({ className, ...props }) => (\n    <h3\n      className={cn(\n        'text-em-lg mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  h4: ({ className, ...props }) => (\n    <h4\n      className={cn(\n        'text-em-base mt-[1em] mb-[0.5em] scroll-m-20 font-semibold first:mt-0 last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  h5: ({ className, ...props }) => (\n    <h5\n      className={cn(\n        'text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  h6: ({ className, ...props }) => (\n    <h6\n      className={cn(\n        'text-em-base mt-[1em] mb-[0.5em] font-semibold first:mt-0 last:mb-0',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  p: ({ className, ...props }) => (\n    <p\n      className={cn('text-em-base my-[0.5em] first:mt-0 last:mb-0', className)}\n      {...props}\n    />\n  ),\n  a: ({ className, ...props }) => (\n    <a\n      className={cn(\n        'font-medium text-blue-400 underline underline-offset-4',\n        className,\n      )}\n      target=\"_blank\"\n      {...props}\n    />\n  ),\n  blockquote: ({ className, ...props }) => (\n    <blockquote\n      className={cn('border-l-2 pl-6 italic', className)}\n      {...props}\n    />\n  ),\n  ul: ({ className, ...props }) => (\n    <ul\n      className={cn(\n        'text-em-base my-[1em] ml-6 list-disc [&>li]:mt-2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  ol: ({ className, ...props }) => (\n    <ol\n      className={cn(\n        'text-em-base my-[1em] ml-6 list-decimal [&>li]:mt-[0.5em]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  hr: ({ className, ...props }) => (\n    <hr\n      className={cn('border-divider my-[2.25em] border-b', className)}\n      {...props}\n    />\n  ),\n  table: ({ className, ...props }) => (\n    <div className=\"my-[1.5em] size-full overflow-x-auto\">\n      <table className=\"w-full border-collapse border-spacing-0\" {...props} />\n    </div>\n  ),\n  thead: ({ className, ...props }) => (\n    <thead className={cn('[&>tr]:border-none', className)} {...props} />\n  ),\n  th: ({ className, ...props }) => (\n    <th\n      className={cn(\n        'text-em-sm px-[1em] py-[0.875em] text-left font-semibold first:rounded-tl-lg last:rounded-tr-lg [&[align=center]]:text-center [&[align=right]]:text-right',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  td: ({ className, ...props }) => (\n    <td\n      className={cn(\n        'text-em-sm border-divider border-b px-[1em] py-[0.875em] text-left [&[align=center]]:text-center [&[align=right]]:text-right',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  tr: ({ className, ...props }) => (\n    <tr\n      className={cn(\n        'm-0 border-b p-0 first:border-t [&:last-child>td:first-child]:rounded-bl-lg [&:last-child>td:last-child]:rounded-br-lg',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  sup: ({ className, ...props }) => (\n    <sup\n      className={cn('[&>a]:text-em-xs [&>a]:no-underline', className)}\n      {...props}\n    />\n  ),\n  pre: ({ className, ...props }) => (\n    <pre\n      className={cn(\n        'bg-bg-darker text-text-default overflow-x-auto rounded-b-lg !px-[1em] !py-[0.5em]',\n        className,\n      )}\n      {...props}\n    />\n  ),\n  code: function Code({ className, ...props }) {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={cn(\n          !isCodeBlock &&\n            'bg-bg-darker text-em-sm border-divider rounded-sm p-[0.25em] font-semibold',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n  SyntaxHighlighter: SyntaxHighlighterBase,\n});\n\nexport type PreComponent = ComponentType<\n  ComponentPropsWithoutRef<'pre'> & { node?: Element | undefined }\n>;\nexport type CodeComponent = ComponentType<\n  ComponentPropsWithoutRef<'code'> & { node?: Element | undefined }\n>;\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  'children'\n> | null>(null);\n\nexport const IsRunningContext = createContext<boolean | undefined>(undefined);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nexport const useIsRunning = () => {\n  return useContext(IsRunningContext);\n};\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n\nexport const DefaultPre: PreComponent = ({\n  className,\n  ...rest\n}: ComponentPropsWithoutRef<'pre'>) => <pre className={className} {...rest} />;\n\nexport const DefaultCode: CodeComponent = ({\n  className,\n  ...rest\n}: ComponentPropsWithoutRef<'code'>) => (\n  <code className={className} {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  node: Element | undefined;\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ node, components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code node={node}>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  'components' | 'children'\n> & {\n  containerProps?: Omit<PrimitiveDivProps, 'children' | 'asChild'> | undefined;\n  containerComponent?: ElementType;\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        }\n      >\n    | undefined;\n  components?:\n    | (NonNullable<Options['components']> & {\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps> | undefined;\n        CodeHeader?: ComponentType<CodeHeaderProps> | undefined;\n      })\n    | undefined;\n  content: string;\n  ref?: React.RefObject<HTMLDivElement>;\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  componentsByLanguage?:\n    | Record<\n        string,\n        {\n          CodeHeader?: ComponentType<CodeHeaderProps>;\n          SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n        }\n      >\n    | undefined;\n};\n\nexport type SyntaxHighlighterProps = {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n  };\n  language: string;\n  code: string;\n  isRunning?: boolean;\n};\n\nexport type CodeBlockProps = {\n  node: Element | undefined;\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n  isRunning?: boolean;\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  node,\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n  isRunning,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader node={node} language={language} code={code} />\n      <SH\n        node={node}\n        components={components}\n        language={language ?? 'unknown'}\n        code={code}\n        isRunning={isRunning}\n      />\n    </>\n  );\n};\n\nexport const withDefaultProps =\n  <TProps extends { className?: string | undefined }>({\n    className,\n    ...defaultProps\n  }: Partial<TProps>) =>\n  ({ className: classNameProp, ...props }: TProps) => {\n    return {\n      className: cn(className, classNameProp),\n      ...defaultProps,\n      ...props,\n    } as TProps;\n  };\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  node,\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n  },\n  componentsByLanguage = {},\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const isRunning = useIsRunning();\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || '')?.[1] ?? '';\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== 'string') {\n    return (\n      <DefaultCodeBlockContent\n        code={children}\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        node={node}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    componentsByLanguage[language]?.SyntaxHighlighter ??\n    FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    componentsByLanguage[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      node={node}\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || 'unknown'}\n      code={children}\n      isRunning={isRunning}\n    />\n  );\n};\n\nexport const CodeOverrideBase: FC<CodeOverrideProps> = ({\n  node,\n  components,\n  componentsByLanguage,\n  ...props\n}) => {\n  const isCodeBlock = useContext(PreContext) !== null;\n  if (!isCodeBlock) return <components.Code {...props} />;\n  return (\n    <CodeBlockOverride\n      components={components}\n      componentsByLanguage={componentsByLanguage}\n      node={node}\n      {...props}\n    />\n  );\n};\n\nexport const CodeOverride = memo(CodeOverrideBase, (prev, next) => {\n  const isEqual =\n    prev.components === next.components &&\n    prev.componentsByLanguage === next.componentsByLanguage &&\n    memoCompareNodes(prev, next);\n  return isEqual;\n});\n\nexport const MarkdownTextPrimitive = ({\n  components: userComponents,\n  className,\n  containerProps,\n  containerComponent: Container = 'div',\n  content,\n  componentsByLanguage,\n  ref,\n  isRunning,\n  ...rest\n}: MarkdownTextPrimitiveProps & { isRunning?: boolean }) => {\n  const {\n    pre = DefaultPre,\n    code = DefaultCode,\n    SyntaxHighlighter = DefaultCodeBlockContent,\n    CodeHeader = DefaultCodeHeader,\n  } = userComponents ?? {};\n\n  const useCodeOverrideComponents = useMemo(() => {\n    return {\n      Pre: pre,\n      Code: code,\n      SyntaxHighlighter,\n      CodeHeader,\n    };\n  }, [pre, code, SyntaxHighlighter, CodeHeader]);\n  const CodeComponent = useCallbackRef((props) => (\n    <CodeOverride\n      components={useCodeOverrideComponents}\n      componentsByLanguage={componentsByLanguage}\n      {...props}\n    />\n  ));\n\n  const components: Options['components'] = useMemo(() => {\n    const { pre, code, SyntaxHighlighter, CodeHeader, ...componentsRest } =\n      userComponents ?? {};\n    return {\n      ...componentsRest,\n      pre: PreOverride,\n      code: CodeComponent,\n    };\n  }, [CodeComponent, userComponents]);\n\n  return (\n    <Container\n      // data-status={status.type}\n      {...containerProps}\n      className={cn(className, containerProps?.className)}\n      ref={ref}\n    >\n      <IsRunningContext.Provider value={isRunning}>\n        <ReactMarkdown components={components} {...rest}>\n          {content}\n        </ReactMarkdown>\n      </IsRunningContext.Provider>\n    </Container>\n  );\n};\n\nMarkdownTextPrimitive.displayName = 'MarkdownTextPrimitive';\n\nexport type MakeMarkdownTextProps = MarkdownTextPrimitiveProps & {\n  isRunning?: boolean;\n};\n\nexport const MarkdownTextBase = ({\n  className,\n  isRunning,\n  components: userComponents,\n  ...rest\n}: MakeMarkdownTextProps) => {\n  return (\n    <MarkdownTextPrimitive\n      components={defaultComponents}\n      remarkPlugins={[remarkGfm, remarkMath]}\n      rehypePlugins={[rehypeKatex]}\n      className={cn(isRunning && 'md-running', className)}\n      isRunning={isRunning}\n      componentsByLanguage={{\n        mermaid: {\n          SyntaxHighlighter: MermaidDiagram,\n        },\n      }}\n      {...rest}\n    />\n  );\n};\nexport const MarkdownText = memo(\n  MarkdownTextBase,\n  (prev, next) =>\n    prev.content === next.content &&\n    prev.isRunning === next.isRunning &&\n    prev.className === next.className,\n);\n"]}

package/dist/qr/index.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var chunkMMNYRBOU_js = require('../chunk-MMNYRBOU.js');
+var chunkCRALRACO_js = require('../chunk-CRALRACO.js');
+require('../chunk-DN2AEEA2.js');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var reactQrcodeLogo = require('react-qrcode-logo');
+var jsxRuntime = require('react/jsx-runtime');
+
+var hanzoLogo = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22/%3E%3Ctext%20x%3D%2216%22%20y%3D%2220%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%20font-family%3D%22sans-serif%22%20font-size%3D%2218%22%3EH%3C/text%3E%3C/svg%3E";
+function QRCode({
+  value,
+  size,
+  id,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    reactQrcodeLogo.QRCode,
+    {
+      ecLevel: "M",
+      eyeColor: "black",
+      eyeRadius: 10,
+      fgColor: "black",
+      id,
+      logoHeight: size ? size * 0.2 : void 0,
+      logoImage: hanzoLogo,
+      logoPaddingStyle: "circle",
+      logoWidth: size ? size * 0.2 : void 0,
+      qrStyle: "dots",
+      removeQrCodeBehindLogo: true,
+      size: size ?? 300,
+      value
+    }
+  ) });
+}
+function QrCodeModal({
+  open,
+  onOpenChange,
+  value,
+  onSave,
+  title,
+  description,
+  modalClassName
+}) {
+  const [saved, setSaved] = react.useState(false);
+  const downloadCode = async () => {
+    const canvas = document.querySelector("#registration-code-qr");
+    if (canvas instanceof HTMLCanvasElement) {
+      try {
+        const pngUrl = canvas.toDataURL();
+        onSave(pngUrl);
+        setSaved(true);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        setTimeout(() => {
+          setSaved(false);
+        }, 3e3);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkMMNYRBOU_js.Dialog, { onOpenChange, open, children: /* @__PURE__ */ jsxRuntime.jsx(chunkMMNYRBOU_js.DialogContent, { className: modalClassName, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center py-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-1 text-lg font-semibold", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-text-secondary mb-5 text-center text-xs", children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-7 overflow-hidden rounded-lg shadow-2xl", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(QRCode, { size: 190, value }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        QRCode,
+        {
+          className: "hidden",
+          id: "registration-code-qr",
+          size: 1024,
+          value
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkCRALRACO_js.Button, { className: "flex gap-1", onClick: downloadCode, children: [
+        saved ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" }),
+        saved ? "Saved" : "Download"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkCRALRACO_js.Button,
+        {
+          className: "flex gap-1",
+          onClick: () => {
+            onOpenChange(false);
+          },
+          variant: "tertiary",
+          children: "I saved it, close"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+exports.QRCode = QRCode;
+exports.QrCodeModal = QrCodeModal;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/qr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/qr/qr-code.tsx"],"names":["jsx","ReactQRCode","useState","Dialog","DialogContent","jsxs","Button","Check","DownloadIcon"],"mappings":"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","file":"index.js","sourcesContent":["import { Download as DownloadIcon } from 'lucide-react';\nimport { Check } from 'lucide-react';\nimport React, { useState } from 'react';\nimport { type IProps, QRCode as ReactQRCode } from 'react-qrcode-logo';\n\n// Default logo - can be overridden via props\nconst hanzoLogo = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22/%3E%3Ctext%20x%3D%2216%22%20y%3D%2220%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%20font-family%3D%22sans-serif%22%20font-size%3D%2218%22%3EH%3C/text%3E%3C/svg%3E';\nimport { Button } from '../components/button';\nimport { Dialog, DialogContent } from '../components/dialog';\n\nexport function QRCode({\n  value,\n  size,\n  id,\n  ...props\n}: {\n  value: IProps['value'];\n  size: IProps['size'];\n  id?: IProps['id'];\n} & React.HTMLAttributes<HTMLDivElement>): React.ReactElement {\n  return (\n    <div {...props}>\n      <ReactQRCode\n        ecLevel={'M'}\n        eyeColor=\"black\"\n        eyeRadius={10}\n        fgColor=\"black\"\n        id={id}\n        logoHeight={size ? size * 0.2 : undefined}\n        logoImage={hanzoLogo}\n        logoPaddingStyle=\"circle\"\n        logoWidth={size ? size * 0.2 : undefined}\n        qrStyle=\"dots\"\n        removeQrCodeBehindLogo\n        size={size ?? 300}\n        value={value}\n      />\n    </div>\n  );\n}\n\nexport function QrCodeModal({\n  open,\n  onOpenChange,\n  value,\n  onSave,\n  title,\n  description,\n  modalClassName,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  value: IProps['value'];\n  onSave: (key: string) => void;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  modalClassName?: string;\n}) {\n  const [saved, setSaved] = useState(false);\n  const downloadCode = async () => {\n    const canvas = document.querySelector('#registration-code-qr');\n    if (canvas instanceof HTMLCanvasElement) {\n      try {\n        const pngUrl = canvas.toDataURL();\n        onSave(pngUrl);\n        setSaved(true);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setTimeout(() => {\n          setSaved(false);\n        }, 3000);\n      }\n    }\n  };\n\n  return (\n    <Dialog onOpenChange={onOpenChange} open={open}>\n      <DialogContent className={modalClassName}>\n        <div className=\"flex flex-col items-center py-4\">\n          <h2 className=\"mb-1 text-lg font-semibold\">{title}</h2>\n          <p className=\"text-text-secondary mb-5 text-center text-xs\">\n            {description}\n          </p>\n          <div className=\"mb-7 overflow-hidden rounded-lg shadow-2xl\">\n            <QRCode size={190} value={value} />\n            <QRCode\n              className=\"hidden\"\n              id=\"registration-code-qr\"\n              size={1024}\n              value={value}\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <Button className=\"flex gap-1\" onClick={downloadCode}>\n              {saved ? <Check /> : <DownloadIcon className=\"h-4 w-4\" />}\n              {saved ? 'Saved' : 'Download'}\n            </Button>\n            <Button\n              className=\"flex gap-1\"\n              onClick={() => {\n                onOpenChange(false);\n              }}\n              variant=\"tertiary\"\n            >\n              I saved it, close\n            </Button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/qr/index.mjs

@@ -0,0 +1,98 @@
+import { Dialog, DialogContent } from '../chunk-6KCII3F6.mjs';
+import { Button } from '../chunk-QFA6U75G.mjs';
+import '../chunk-TH2UKMCO.mjs';
+import { Check, Download } from 'lucide-react';
+import { useState } from 'react';
+import { QRCode as QRCode$1 } from 'react-qrcode-logo';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var hanzoLogo = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22/%3E%3Ctext%20x%3D%2216%22%20y%3D%2220%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%20font-family%3D%22sans-serif%22%20font-size%3D%2218%22%3EH%3C/text%3E%3C/svg%3E";
+function QRCode({
+  value,
+  size,
+  id,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ...props, children: /* @__PURE__ */ jsx(
+    QRCode$1,
+    {
+      ecLevel: "M",
+      eyeColor: "black",
+      eyeRadius: 10,
+      fgColor: "black",
+      id,
+      logoHeight: size ? size * 0.2 : void 0,
+      logoImage: hanzoLogo,
+      logoPaddingStyle: "circle",
+      logoWidth: size ? size * 0.2 : void 0,
+      qrStyle: "dots",
+      removeQrCodeBehindLogo: true,
+      size: size ?? 300,
+      value
+    }
+  ) });
+}
+function QrCodeModal({
+  open,
+  onOpenChange,
+  value,
+  onSave,
+  title,
+  description,
+  modalClassName
+}) {
+  const [saved, setSaved] = useState(false);
+  const downloadCode = async () => {
+    const canvas = document.querySelector("#registration-code-qr");
+    if (canvas instanceof HTMLCanvasElement) {
+      try {
+        const pngUrl = canvas.toDataURL();
+        onSave(pngUrl);
+        setSaved(true);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        setTimeout(() => {
+          setSaved(false);
+        }, 3e3);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(Dialog, { onOpenChange, open, children: /* @__PURE__ */ jsx(DialogContent, { className: modalClassName, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center py-4", children: [
+    /* @__PURE__ */ jsx("h2", { className: "mb-1 text-lg font-semibold", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-text-secondary mb-5 text-center text-xs", children: description }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-7 overflow-hidden rounded-lg shadow-2xl", children: [
+      /* @__PURE__ */ jsx(QRCode, { size: 190, value }),
+      /* @__PURE__ */ jsx(
+        QRCode,
+        {
+          className: "hidden",
+          id: "registration-code-qr",
+          size: 1024,
+          value
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs(Button, { className: "flex gap-1", onClick: downloadCode, children: [
+        saved ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }),
+        saved ? "Saved" : "Download"
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          className: "flex gap-1",
+          onClick: () => {
+            onOpenChange(false);
+          },
+          variant: "tertiary",
+          children: "I saved it, close"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+export { QRCode, QrCodeModal };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/qr/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/qr/qr-code.tsx"],"names":["ReactQRCode","DownloadIcon"],"mappings":"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","file":"index.mjs","sourcesContent":["import { Download as DownloadIcon } from 'lucide-react';\nimport { Check } from 'lucide-react';\nimport React, { useState } from 'react';\nimport { type IProps, QRCode as ReactQRCode } from 'react-qrcode-logo';\n\n// Default logo - can be overridden via props\nconst hanzoLogo = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23000%22/%3E%3Ctext%20x%3D%2216%22%20y%3D%2220%22%20text-anchor%3D%22middle%22%20fill%3D%22white%22%20font-family%3D%22sans-serif%22%20font-size%3D%2218%22%3EH%3C/text%3E%3C/svg%3E';\nimport { Button } from '../components/button';\nimport { Dialog, DialogContent } from '../components/dialog';\n\nexport function QRCode({\n  value,\n  size,\n  id,\n  ...props\n}: {\n  value: IProps['value'];\n  size: IProps['size'];\n  id?: IProps['id'];\n} & React.HTMLAttributes<HTMLDivElement>): React.ReactElement {\n  return (\n    <div {...props}>\n      <ReactQRCode\n        ecLevel={'M'}\n        eyeColor=\"black\"\n        eyeRadius={10}\n        fgColor=\"black\"\n        id={id}\n        logoHeight={size ? size * 0.2 : undefined}\n        logoImage={hanzoLogo}\n        logoPaddingStyle=\"circle\"\n        logoWidth={size ? size * 0.2 : undefined}\n        qrStyle=\"dots\"\n        removeQrCodeBehindLogo\n        size={size ?? 300}\n        value={value}\n      />\n    </div>\n  );\n}\n\nexport function QrCodeModal({\n  open,\n  onOpenChange,\n  value,\n  onSave,\n  title,\n  description,\n  modalClassName,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  value: IProps['value'];\n  onSave: (key: string) => void;\n  title: React.ReactNode;\n  description: React.ReactNode;\n  modalClassName?: string;\n}) {\n  const [saved, setSaved] = useState(false);\n  const downloadCode = async () => {\n    const canvas = document.querySelector('#registration-code-qr');\n    if (canvas instanceof HTMLCanvasElement) {\n      try {\n        const pngUrl = canvas.toDataURL();\n        onSave(pngUrl);\n        setSaved(true);\n      } catch (error) {\n        console.error(error);\n      } finally {\n        setTimeout(() => {\n          setSaved(false);\n        }, 3000);\n      }\n    }\n  };\n\n  return (\n    <Dialog onOpenChange={onOpenChange} open={open}>\n      <DialogContent className={modalClassName}>\n        <div className=\"flex flex-col items-center py-4\">\n          <h2 className=\"mb-1 text-lg font-semibold\">{title}</h2>\n          <p className=\"text-text-secondary mb-5 text-center text-xs\">\n            {description}\n          </p>\n          <div className=\"mb-7 overflow-hidden rounded-lg shadow-2xl\">\n            <QRCode size={190} value={value} />\n            <QRCode\n              className=\"hidden\"\n              id=\"registration-code-qr\"\n              size={1024}\n              value={value}\n            />\n          </div>\n          <div className=\"flex flex-col gap-4\">\n            <Button className=\"flex gap-1\" onClick={downloadCode}>\n              {saved ? <Check /> : <DownloadIcon className=\"h-4 w-4\" />}\n              {saved ? 'Saved' : 'Download'}\n            </Button>\n            <Button\n              className=\"flex gap-1\"\n              onClick={() => {\n                onOpenChange(false);\n              }}\n              variant=\"tertiary\"\n            >\n              I saved it, close\n            </Button>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/upload/index.js

@@ -0,0 +1,166 @@
+'use strict';
+
+var chunkGTE2DELE_js = require('../chunk-GTE2DELE.js');
+var chunkCRALRACO_js = require('../chunk-CRALRACO.js');
+var chunkDN2AEEA2_js = require('../chunk-DN2AEEA2.js');
+var filesize = require('filesize');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var reactDropzone = require('react-dropzone');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/helpers/file.ts
+var getFileExt = (fileName) => {
+  const nameParts = fileName.split(".");
+  return nameParts.pop() || "";
+};
+var fileIconMap = {};
+var FileTypeIcon = lucideReact.Upload;
+var openFile = (file) => {
+  const fileURL = window.URL.createObjectURL(file);
+  window.open(fileURL, "_blank");
+  URL.revokeObjectURL(fileURL);
+};
+var FileItem = ({
+  file,
+  actions
+}) => {
+  const size = filesize.partial({ standard: "jedec" });
+  const hasPreviewImage = file?.type?.includes("image/");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-bg-quaternary relative flex items-center gap-2 rounded-xl px-3 py-1.5 pr-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-[30px] items-center justify-center", children: hasPreviewImage ? /* @__PURE__ */ jsxRuntime.jsx(
+      FileImagePreview,
+      {
+        className: "h-full rounded-md object-cover",
+        file
+      }
+    ) : fileIconMap[getFileExt(file.name)] ? /* @__PURE__ */ jsxRuntime.jsx(
+      FileTypeIcon,
+      {
+        className: "text-text-secondary",
+        type: getFileExt(file.name)
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "text-text-secondary h-4 w-4" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "line-clamp-1 flex flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          className: "text-left hover:underline",
+          onClick: () => openFile(file),
+          type: "button",
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-default line-clamp-1 text-sm", children: decodeURIComponent(file.name) })
+        }
+      ),
+      file.size && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-tertiary shrink-0 text-xs", children: size(file.size) })
+    ] }),
+    !!actions?.length && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: actions?.map((action) => /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkCRALRACO_js.Button,
+      {
+        className: "h-8 w-8 border-0 bg-transparent",
+        onClick: () => action.onClick(file),
+        size: "icon",
+        type: "button",
+        variant: "outline",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: action.label }),
+          action.icon
+        ]
+      },
+      action.label
+    )) })
+  ] });
+};
+var FileUploader = ({
+  value,
+  onChange,
+  maxFiles,
+  accept,
+  allowMultiple,
+  disabled,
+  descriptionText,
+  shouldDisableScrolling
+}) => {
+  const t = (key) => key;
+  const { getRootProps: getRootFileProps, getInputProps: getInputFileProps } = reactDropzone.useDropzone({
+    multiple: allowMultiple,
+    maxFiles,
+    onDrop: (acceptedFiles) => {
+      onChange(acceptedFiles);
+    },
+    disabled
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col gap-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...getRootFileProps({
+          className: "dropzone py-4 bg-bg-secondary group relative mt-3 flex cursor-pointer items-center justify-center overflow-hidden rounded-lg border border-dashed border-divider transition-colors hover:border-border-input-focus"
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center space-y-1 px-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-tertiary rounded-full p-2 shadow-xs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white", children: t("common.clickToUpload") }),
+            descriptionText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-text-tertiary line-clamp-1 text-xs", children: descriptionText })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ...getInputFileProps({
+                accept
+              })
+            }
+          )
+        ]
+      }
+    ),
+    !!value?.length && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkGTE2DELE_js.ScrollArea,
+      {
+        className: chunkDN2AEEA2_js.cn(
+          "max-h-[40vh] flex-1 grow overflow-y-scroll pr-1 [&>div>div]:!block",
+          shouldDisableScrolling && "max-h-full overflow-y-auto pr-0"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", children: value?.map((file, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          FileItem,
+          {
+            actions: [
+              {
+                label: "Delete",
+                icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash, { className: "text-text-tertiary h-4 w-4" }),
+                onClick: (file2) => {
+                  const newFiles = [...value];
+                  newFiles.splice(newFiles.indexOf(file2), 1);
+                  onChange(newFiles);
+                }
+              }
+            ],
+            file
+          },
+          file.name + idx
+        )) })
+      }
+    )
+  ] });
+};
+var FileImagePreview = ({ file, ...props }) => {
+  const [imageSrc, setImageSrc] = react.useState("");
+  react.useEffect(() => {
+    const reader = new FileReader();
+    reader.addEventListener(
+      "load",
+      function() {
+        setImageSrc(reader.result);
+      },
+      false
+    );
+    if (file) {
+      reader.readAsDataURL(file);
+    }
+  }, [file]);
+  return imageSrc ? /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "preview", src: imageSrc, ...props }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, {});
+};
+
+exports.FileItem = FileItem;
+exports.FileUploader = FileUploader;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/helpers/file.ts","../../src/upload/file-uploader.tsx"],"names":["PaperClipIcon","partial","jsxs","jsx","Button","useDropzone","Upload","ScrollArea","cn","Trash","file","useState","useEffect","Loader2"],"mappings":"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","file":"index.js","sourcesContent":["export const getFileName = (fileName: string): string => {\n  const nameParts = fileName.split('.');\n  return nameParts.slice(0, -1).join('.');\n};\nexport const getFileExt = (fileName: string): string => {\n  const nameParts = fileName.split('.');\n  return nameParts.pop() || '';\n};\n\nexport const isFileTypeImageOrPdf = (file: File): boolean => {\n  if (!file) return false;\n  return (\n    file?.type.startsWith('image/') || file?.type.startsWith('application/pdf')\n  );\n};\n","// import { useTranslation } from '@hanzo_network/hanzo-i18n';\nimport { partial } from 'filesize';\nimport { Loader2, Trash, Upload } from 'lucide-react';\nimport React, { useEffect, useState } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { Upload as PaperClipIcon } from 'lucide-react';\n// TODO: Add file icon mapping\nconst fileIconMap: any = {};\nconst FileTypeIcon = PaperClipIcon;\nimport { getFileExt } from '../helpers/file';\nimport { cn } from '../lib/utils';\nimport { Button } from '../components/button';\nimport { ScrollArea } from '../components/scroll-area';\n\nconst openFile = (file: File): void => {\n  const fileURL = window.URL.createObjectURL(file);\n  window.open(fileURL, '_blank');\n  URL.revokeObjectURL(fileURL);\n};\n\nexport const FileItem = ({\n  file,\n  actions,\n}: {\n  file: File;\n  actions?: {\n    label: string;\n    icon: React.ReactNode;\n    onClick: (file: File) => void;\n  }[];\n}) => {\n  const size = partial({ standard: 'jedec' });\n  const hasPreviewImage = file?.type?.includes('image/');\n\n  return (\n    <div className=\"bg-bg-quaternary relative flex items-center gap-2 rounded-xl px-3 py-1.5 pr-2\">\n      <span className=\"flex w-[30px] items-center justify-center\">\n        {hasPreviewImage ? (\n          <FileImagePreview\n            className=\"h-full rounded-md object-cover\"\n            file={file}\n          />\n        ) : fileIconMap[getFileExt(file.name)] ? (\n          <FileTypeIcon\n            className=\"text-text-secondary\"\n            type={getFileExt(file.name)}\n          />\n        ) : (\n          <PaperClipIcon className=\"text-text-secondary h-4 w-4\" />\n        )}\n      </span>\n      <div className=\"line-clamp-1 flex flex-1 flex-col gap-1\">\n        <button\n          className=\"text-left hover:underline\"\n          onClick={() => openFile(file)}\n          type=\"button\"\n        >\n          <span className=\"text-text-default line-clamp-1 text-sm\">\n            {decodeURIComponent(file.name)}\n          </span>\n        </button>\n        {file.size && (\n          <span className=\"text-text-tertiary shrink-0 text-xs\">\n            {size(file.size)}\n          </span>\n        )}\n      </div>\n      {!!actions?.length && (\n        <div className=\"shrink-0\">\n          {actions?.map((action) => (\n            <Button\n              className=\"h-8 w-8 border-0 bg-transparent\"\n              key={action.label}\n              onClick={() => action.onClick(file)}\n              size=\"icon\"\n              type=\"button\"\n              variant=\"outline\"\n            >\n              <span className=\"sr-only\">{action.label}</span>\n              {action.icon}\n            </Button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport const FileUploader = ({\n  value,\n  onChange,\n  maxFiles,\n  accept,\n  allowMultiple,\n  disabled,\n  descriptionText,\n  shouldDisableScrolling,\n}: {\n  value: File[];\n  onChange: (files: File[]) => void;\n  maxFiles?: number;\n  accept?: string;\n  allowMultiple?: boolean;\n  disabled?: boolean;\n  descriptionText?: string;\n  shouldDisableScrolling?: boolean;\n}) => {\n  // const { t } = useTranslation();\n  const t = (key: string) => key; // Temporary translation function\n  const { getRootProps: getRootFileProps, getInputProps: getInputFileProps } =\n    useDropzone({\n      multiple: allowMultiple,\n      maxFiles: maxFiles,\n      onDrop: (acceptedFiles) => {\n        onChange(acceptedFiles);\n      },\n      disabled: disabled,\n    });\n\n  return (\n    <div className=\"flex w-full flex-col gap-2.5\">\n      <div\n        {...getRootFileProps({\n          className:\n            'dropzone py-4 bg-bg-secondary group relative mt-3 flex cursor-pointer items-center justify-center overflow-hidden rounded-lg border border-dashed border-divider transition-colors hover:border-border-input-focus',\n        })}\n      >\n        <div className=\"flex flex-col items-center justify-center space-y-1 px-2\">\n          <div className=\"bg-bg-tertiary rounded-full p-2 shadow-xs\">\n            <Upload className=\"h-4 w-4\" />\n          </div>\n          <p className=\"text-sm text-white\">{t('common.clickToUpload')}</p>\n          {descriptionText && (\n            <p className=\"text-text-tertiary line-clamp-1 text-xs\">\n              {descriptionText}\n            </p>\n          )}\n        </div>\n\n        <input\n          {...getInputFileProps({\n            accept: accept,\n          })}\n        />\n      </div>\n\n      {!!value?.length && (\n        <ScrollArea\n          className={cn(\n            'max-h-[40vh] flex-1 grow overflow-y-scroll pr-1 [&>div>div]:!block',\n            shouldDisableScrolling && 'max-h-full overflow-y-auto pr-0',\n          )}\n        >\n          <div className=\"flex flex-col gap-2\">\n            {value?.map((file, idx) => (\n              <FileItem\n                actions={[\n                  {\n                    label: 'Delete',\n                    icon: <Trash className=\"text-text-tertiary h-4 w-4\" />,\n                    onClick: (file) => {\n                      const newFiles = [...value];\n                      newFiles.splice(newFiles.indexOf(file), 1);\n                      onChange(newFiles);\n                    },\n                  },\n                ]}\n                file={file}\n                key={file.name + idx}\n              />\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n\ninterface FileImagePreview extends React.HTMLAttributes<HTMLDivElement> {\n  file: File;\n}\n\nconst FileImagePreview = ({ file, ...props }: FileImagePreview) => {\n  const [imageSrc, setImageSrc] = useState('');\n  useEffect(() => {\n    const reader = new FileReader();\n    reader.addEventListener(\n      'load',\n      function () {\n        setImageSrc(reader.result as string);\n      },\n      false,\n    );\n    if (file) {\n      reader.readAsDataURL(file);\n    }\n  }, [file]);\n  return imageSrc ? (\n    <img alt=\"preview\" src={imageSrc} {...props} />\n  ) : (\n    <Loader2 />\n  );\n};\n"]}