asterui 0.12.29 → 0.12.31

package/dist/index95.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index95.js","sources":["../src/components/Upload.tsx"],"sourcesContent":["import React, { useState, useRef, DragEvent, ChangeEvent } from 'react'\n\nexport interface UploadFile {\n  uid: string\n  name: string\n  status: 'uploading' | 'done' | 'error'\n  percent?: number\n  url?: string\n  response?: any\n  error?: any\n  originFileObj?: File\n}\n\nexport interface UploadProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  action?: string\n  accept?: string\n  multiple?: boolean\n  maxCount?: number\n  maxSize?: number // in bytes\n  listType?: 'text' | 'picture' | 'picture-card'\n  fileList?: UploadFile[]\n  defaultFileList?: UploadFile[]\n  beforeUpload?: (file: File, fileList: File[]) => boolean | Promise<boolean>\n  onChange?: (info: { file: UploadFile; fileList: UploadFile[] }) => void\n  onRemove?: (file: UploadFile) => void | boolean | Promise<void | boolean>\n  customRequest?: (options: {\n    file: File\n    onProgress: (percent: number) => void\n    onSuccess: (response: any) => void\n    onError: (error: any) => void\n  }) => void\n  showUploadList?: boolean\n  disabled?: boolean\n  children?: React.ReactNode\n}\n\nexport const Upload: React.FC<UploadProps> = ({\n  action,\n  accept,\n  multiple = false,\n  maxCount,\n  maxSize,\n  listType = 'text',\n  fileList: controlledFileList,\n  defaultFileList = [],\n  beforeUpload,\n  onChange,\n  onRemove,\n  customRequest,\n  showUploadList = true,\n  disabled = false,\n  children,\n  className = '',\n  ...rest\n}) => {\n  const [internalFileList, setInternalFileList] = useState<UploadFile[]>(defaultFileList)\n  const [isDragging, setIsDragging] = useState(false)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const uidCounter = useRef(0)\n  const dragCounter = useRef(0)\n\n  const fileList = controlledFileList !== undefined ? controlledFileList : internalFileList\n\n  const generateUid = () => {\n    uidCounter.current += 1\n    return `upload-${Date.now()}-${uidCounter.current}`\n  }\n\n  const updateFileList = (newFileList: UploadFile[]) => {\n    if (controlledFileList === undefined) {\n      setInternalFileList(newFileList)\n    }\n  }\n\n  const uploadFile = (file: File) => {\n    const uploadFile: UploadFile = {\n      uid: generateUid(),\n      name: file.name,\n      status: 'uploading',\n      percent: 0,\n      originFileObj: file,\n    }\n\n    const newFileList = [...fileList, uploadFile]\n    updateFileList(newFileList)\n    onChange?.({ file: uploadFile, fileList: newFileList })\n\n    const updateProgress = (percent: number) => {\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? { ...f, percent } : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: { ...uploadFile, percent }, fileList: updatedList })\n    }\n\n    const onSuccess = (response: any) => {\n      const successFile = {\n        ...uploadFile,\n        status: 'done' as const,\n        percent: 100,\n        response,\n      }\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? successFile : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: successFile, fileList: updatedList })\n    }\n\n    const onError = (error: any) => {\n      const errorFile = {\n        ...uploadFile,\n        status: 'error' as const,\n        error,\n      }\n      const updatedList = newFileList.map((f) =>\n        f.uid === uploadFile.uid ? errorFile : f\n      )\n      updateFileList(updatedList)\n      onChange?.({ file: errorFile, fileList: updatedList })\n    }\n\n    if (customRequest) {\n      customRequest({\n        file,\n        onProgress: updateProgress,\n        onSuccess,\n        onError,\n      })\n    } else if (action) {\n      const formData = new FormData()\n      formData.append('file', file)\n\n      const xhr = new XMLHttpRequest()\n\n      xhr.upload.addEventListener('progress', (e) => {\n        if (e.lengthComputable) {\n          const percent = Math.round((e.loaded / e.total) * 100)\n          updateProgress(percent)\n        }\n      })\n\n      xhr.addEventListener('load', () => {\n        if (xhr.status >= 200 && xhr.status < 300) {\n          onSuccess(xhr.response)\n        } else {\n          onError(new Error(`Upload failed with status ${xhr.status}`))\n        }\n      })\n\n      xhr.addEventListener('error', () => {\n        onError(new Error('Upload failed'))\n      })\n\n      xhr.open('POST', action)\n      xhr.send(formData)\n    } else {\n      // No upload action, just mark as done\n      onSuccess(null)\n    }\n  }\n\n  const handleFiles = async (files: FileList | File[]) => {\n    if (disabled) return\n\n    const fileArray = Array.from(files)\n\n    // Check maxCount\n    if (maxCount && fileList.length + fileArray.length > maxCount) {\n      console.warn(`Cannot upload more than ${maxCount} files`)\n      return\n    }\n\n    // Check maxSize\n    if (maxSize) {\n      const oversizedFiles = fileArray.filter((file) => file.size > maxSize)\n      if (oversizedFiles.length > 0) {\n        console.warn(\n          `Files exceed maximum size of ${maxSize} bytes:`,\n          oversizedFiles.map((f) => f.name)\n        )\n        return\n      }\n    }\n\n    // beforeUpload hook\n    if (beforeUpload) {\n      const results = await Promise.all(\n        fileArray.map((file) => beforeUpload(file, fileArray))\n      )\n      const filteredFiles = fileArray.filter((_, index) => results[index] !== false)\n      filteredFiles.forEach(uploadFile)\n    } else {\n      fileArray.forEach(uploadFile)\n    }\n  }\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      handleFiles(e.target.files)\n    }\n    // Reset input value to allow uploading the same file again\n    e.target.value = ''\n  }\n\n  const handleDragEnter = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (!disabled) {\n      dragCounter.current++\n      setIsDragging(true)\n    }\n  }\n\n  const handleDragLeave = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    if (!disabled) {\n      dragCounter.current--\n      if (dragCounter.current === 0) {\n        setIsDragging(false)\n      }\n    }\n  }\n\n  const handleDragOver = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n  }\n\n  const handleDrop = (e: DragEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    dragCounter.current = 0\n    setIsDragging(false)\n\n    if (disabled) return\n\n    if (e.dataTransfer.files) {\n      handleFiles(e.dataTransfer.files)\n    }\n  }\n\n  const handleRemove = async (file: UploadFile) => {\n    if (onRemove) {\n      const result = await onRemove(file)\n      if (result === false) return\n    }\n\n    const newFileList = fileList.filter((f) => f.uid !== file.uid)\n    updateFileList(newFileList)\n    onChange?.({ file, fileList: newFileList })\n  }\n\n  const renderFileList = () => {\n    if (!showUploadList || fileList.length === 0) return null\n\n    if (listType === 'picture-card') {\n      return (\n        <div className=\"flex flex-wrap gap-2 mt-2\">\n          {fileList.map((file) => (\n            <div\n              key={file.uid}\n              className=\"relative w-24 h-24 border border-base-content/20 rounded-lg overflow-hidden\"\n            >\n              {file.status === 'uploading' && (\n                <div className=\"absolute inset-0 bg-base-300/80 flex items-center justify-center\">\n                  <span className=\"loading loading-spinner loading-sm\"></span>\n                </div>\n              )}\n              {file.status === 'done' && file.url && (\n                <img\n                  src={file.url}\n                  alt={file.name}\n                  className=\"w-full h-full object-cover\"\n                />\n              )}\n              {file.status === 'error' && (\n                <div className=\"absolute inset-0 bg-error/10 flex items-center justify-center\">\n                  <svg\n                    className=\"w-8 h-8 text-error\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M6 18L18 6M6 6l12 12\"\n                    />\n                  </svg>\n                </div>\n              )}\n              <button\n                onClick={() => handleRemove(file)}\n                className=\"absolute top-1 right-1 btn btn-xs btn-circle btn-error\"\n                type=\"button\"\n              >\n                ✕\n              </button>\n            </div>\n          ))}\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"mt-2 space-y-2\">\n        {fileList.map((file) => (\n          <div\n            key={file.uid}\n            className=\"flex items-center gap-2 p-2 border border-base-content/10 rounded-lg\"\n          >\n            {listType === 'picture' && file.url && (\n              <img\n                src={file.url}\n                alt={file.name}\n                className=\"w-12 h-12 object-cover rounded\"\n              />\n            )}\n            <div className=\"flex-1 min-w-0\">\n              <div className=\"truncate text-sm\">{file.name}</div>\n              {file.status === 'uploading' && file.percent !== undefined && (\n                <div className=\"w-full bg-base-200 rounded-full h-1.5 mt-1\">\n                  <div\n                    className=\"bg-primary h-1.5 rounded-full transition-all\"\n                    style={{ width: `${file.percent}%` }}\n                  />\n                </div>\n              )}\n              {file.status === 'error' && (\n                <div className=\"text-xs text-error mt-1\">Upload failed</div>\n              )}\n            </div>\n            <button\n              onClick={() => handleRemove(file)}\n              className=\"btn btn-xs btn-ghost btn-circle\"\n              type=\"button\"\n            >\n              ✕\n            </button>\n          </div>\n        ))}\n      </div>\n    )\n  }\n\n  return (\n    <div className={className} data-state={isDragging ? 'dragging' : 'idle'} {...rest}>\n      <div\n        onDragEnter={handleDragEnter}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n        onClick={() => !disabled && fileInputRef.current?.click()}\n        className={`\n          border-2 border-dashed rounded-lg p-4 cursor-pointer transition-colors\n          ${isDragging ? 'border-primary bg-primary/5' : 'border-base-content/20'}\n          ${disabled ? 'opacity-50 cursor-not-allowed' : 'hover:border-primary'}\n        `}\n      >\n        {children || (\n          <div className=\"flex flex-col items-center gap-2 py-4\">\n            <svg\n              className=\"w-12 h-12 text-base-content/40\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"\n              />\n            </svg>\n            <div className=\"text-sm text-center\">\n              <span className=\"font-semibold text-primary\">Click to upload</span>\n              <span className=\"text-base-content/60\"> or drag and drop</span>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        disabled={disabled}\n        className=\"hidden\"\n      />\n\n      {renderFileList()}\n    </div>\n  )\n}\n\nUpload.displayName = 'Upload'\n\nexport default Upload\n"],"names":["Upload","action","accept","multiple","maxCount","maxSize","listType","controlledFileList","defaultFileList","beforeUpload","onChange","onRemove","customRequest","showUploadList","disabled","children","className","rest","internalFileList","setInternalFileList","useState","isDragging","setIsDragging","fileInputRef","useRef","uidCounter","dragCounter","fileList","generateUid","updateFileList","newFileList","uploadFile","file","updateProgress","percent","updatedList","f","onSuccess","response","successFile","onError","error","errorFile","formData","xhr","e","handleFiles","files","fileArray","oversizedFiles","results","_","index","handleChange","handleDragEnter","handleDragLeave","handleDragOver","handleDrop","handleRemove","jsxs","jsx"],"mappings":"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"}

package/dist/index96.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index96.js","sources":["../src/components/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nexport interface VirtualListProps<T> {\n  /** Array of items to render */\n  items: T[]\n  /** Height of the scrollable container */\n  height: number | string\n  /** Height of each item, or function returning estimated height per item */\n  itemHeight: number | ((item: T, index: number) => number)\n  /** Render function for each item */\n  renderItem: (item: T, index: number) => React.ReactNode\n  /** Number of items to render outside visible area */\n  overscan?: number\n  /** Additional class for the scroll container */\n  className?: string\n  /** Additional class for the inner container */\n  innerClassName?: string\n  /** Additional class for each item wrapper */\n  itemClassName?: string\n  /** Width of the container */\n  width?: number | string\n  /** Gap between items */\n  gap?: number\n  /** Callback when scroll position changes */\n  onScroll?: (scrollTop: number) => void\n}\n\nexport function VirtualList<T>({\n  items,\n  height,\n  itemHeight,\n  renderItem,\n  overscan = 5,\n  className = '',\n  innerClassName = '',\n  itemClassName = '',\n  width,\n  gap = 0,\n  onScroll,\n}: VirtualListProps<T>) {\n  const parentRef = useRef<HTMLDivElement>(null)\n  const itemHeightRef = useRef(itemHeight)\n  const itemsRef = useRef(items)\n  itemHeightRef.current = itemHeight\n  itemsRef.current = items\n\n  const virtualizer = useVirtualizer({\n    count: items.length,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      const h = typeof itemHeightRef.current === 'function'\n        ? itemHeightRef.current(itemsRef.current[index], index)\n        : itemHeightRef.current\n      return h + gap\n    },\n    overscan,\n  })\n\n  const virtualItems = virtualizer.getVirtualItems()\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    onScroll?.(e.currentTarget.scrollTop)\n  }\n\n  return (\n    <div\n      ref={parentRef}\n      className={`overflow-auto ${className}`}\n      style={{ height, width }}\n      onScroll={handleScroll}\n    >\n      <div\n        className={innerClassName}\n        style={{\n          height: virtualizer.getTotalSize(),\n          width: '100%',\n          position: 'relative',\n        }}\n      >\n        {virtualItems.map((virtualItem) => (\n          <div\n            key={virtualItem.key}\n            className={itemClassName}\n            data-index={virtualItem.index}\n            style={{\n              position: 'absolute',\n              top: 0,\n              left: 0,\n              width: '100%',\n              height: virtualItem.size - gap,\n              transform: `translateY(${virtualItem.start}px)`,\n            }}\n          >\n            {renderItem(items[virtualItem.index], virtualItem.index)}\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nVirtualList.displayName = 'VirtualList'\n"],"names":["VirtualList","items","height","itemHeight","renderItem","overscan","className","innerClassName","itemClassName","width","gap","onScroll","parentRef","useRef","itemHeightRef","itemsRef","virtualizer","useVirtualizer","index","virtualItems","handleScroll","e","jsx","virtualItem"],"mappings":";;;AA4BO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,UAAAC;AACF,GAAwB;AACtB,QAAMC,IAAYC,EAAuB,IAAI,GACvCC,IAAgBD,EAAOV,CAAU,GACjCY,IAAWF,EAAOZ,CAAK;AAC7B,EAAAa,EAAc,UAAUX,GACxBY,EAAS,UAAUd;AAEnB,QAAMe,IAAcC,EAAe;AAAA,IACjC,OAAOhB,EAAM;AAAA,IACb,kBAAkB,MAAMW,EAAU;AAAA,IAClC,cAAc,CAACM,OACH,OAAOJ,EAAc,WAAY,aACvCA,EAAc,QAAQC,EAAS,QAAQG,CAAK,GAAGA,CAAK,IACpDJ,EAAc,WACPJ;AAAA,IAEb,UAAAL;AAAA,EAAA,CACD,GAEKc,IAAeH,EAAY,gBAAA,GAE3BI,IAAe,CAACC,MAAqC;AACzD,IAAAV,IAAWU,EAAE,cAAc,SAAS;AAAA,EACtC;AAEA,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKV;AAAA,MACL,WAAW,iBAAiBN,CAAS;AAAA,MACrC,OAAO,EAAE,QAAAJ,GAAQ,OAAAO,EAAA;AAAA,MACjB,UAAUW;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWf;AAAA,UACX,OAAO;AAAA,YACL,QAAQS,EAAY,aAAA;AAAA,YACpB,OAAO;AAAA,YACP,UAAU;AAAA,UAAA;AAAA,UAGX,UAAAG,EAAa,IAAI,CAACI,MACjB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWd;AAAA,cACX,cAAYe,EAAY;AAAA,cACxB,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQA,EAAY,OAAOb;AAAA,gBAC3B,WAAW,cAAca,EAAY,KAAK;AAAA,cAAA;AAAA,cAG3C,YAAWtB,EAAMsB,EAAY,KAAK,GAAGA,EAAY,KAAK;AAAA,YAAA;AAAA,YAZlDA,EAAY;AAAA,UAAA,CAcpB;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEAvB,EAAY,cAAc;"}

package/dist/index97.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index97.js","sources":["../src/components/Watermark.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\n\nexport type WatermarkGap = [number, number]\nexport type WatermarkOffset = [number, number]\n\nexport interface WatermarkFontOptions {\n  /** Text color for watermark content */\n  color?: string\n  /** Font size in pixels */\n  fontSize?: number\n  /** Font weight for watermark text */\n  fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter'\n  /** Font style for watermark text */\n  fontStyle?: 'normal' | 'italic' | 'oblique'\n  /** Font family for watermark text */\n  fontFamily?: string\n  /** Line height in pixels for multi-line content */\n  lineHeight?: number\n}\n\nexport interface WatermarkProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Text to render inside the watermark; falls back to \"asterui\" */\n  content?: string | string[]\n  /** Image source (URL or base64) to render instead of text */\n  image?: string\n  /** Width of a single watermark tile in pixels */\n  width?: number\n  /** Height of a single watermark tile in pixels */\n  height?: number\n  /** Horizontal/vertical gap between watermarks in pixels */\n  gap?: WatermarkGap\n  /** Offset for the first watermark tile from the top-left corner */\n  offset?: WatermarkOffset\n  /** Rotation angle in degrees */\n  rotate?: number\n  /** z-index for the overlay layer */\n  zIndex?: number\n  /** Font settings for text watermarks */\n  font?: WatermarkFontOptions\n  /** Content to protect with the watermark */\n  children?: React.ReactNode\n}\n\ntype WatermarkImage = {\n  url: string\n  width: number\n  height: number\n}\n\nconst DEFAULT_CONTENT = 'asterui'\nconst DEFAULT_OPACITY = 0.22\n\nconst resolveThemeColor = (requested?: string, opacity = DEFAULT_OPACITY) => {\n  const fallback = `rgba(0,0,0,${opacity})`\n\n  if (requested && requested.includes('var(--bc')) {\n    if (typeof window !== 'undefined') {\n      const docBase = getComputedStyle(document.documentElement).getPropertyValue('--bc').trim()\n      const bodyBase = getComputedStyle(document.body).getPropertyValue('--bc').trim()\n      const base = docBase || bodyBase\n      if (base) {\n        return requested.replace(/var\\(--bc\\)/g, base)\n      }\n    }\n    return fallback\n  }\n\n  if (requested) return requested\n\n  if (typeof window === 'undefined') return fallback\n\n  const docBase = getComputedStyle(document.documentElement).getPropertyValue('--bc').trim()\n  const bodyBase = getComputedStyle(document.body).getPropertyValue('--bc').trim()\n  const base = docBase || bodyBase\n\n  return base ? `hsl(${base} / ${opacity})` : fallback\n}\n\nconst getFontSettings = (font: WatermarkFontOptions | undefined, resolvedColor: string) => {\n  const fontSize = font?.fontSize ?? 16\n\n  return {\n    color: resolvedColor,\n    fontSize,\n    fontWeight: font?.fontWeight ?? 600,\n    fontStyle: font?.fontStyle ?? 'normal',\n    fontFamily: font?.fontFamily ?? 'sans-serif',\n    lineHeight: font?.lineHeight ?? fontSize * 1.2,\n  }\n}\n\nexport const Watermark: React.FC<WatermarkProps> = ({\n  children,\n  className = '',\n  style,\n  content,\n  image,\n  width = 120,\n  height = 64,\n  gap,\n  offset,\n  rotate = -22,\n  zIndex = 1000,\n  font,\n  ...rest\n}) => {\n  const [watermark, setWatermark] = useState<WatermarkImage | null>(null)\n\n  const gapX = gap?.[0] ?? 120\n  const gapY = gap?.[1] ?? 120\n  const offsetX = offset?.[0] ?? gapX / 2\n  const offsetY = offset?.[1] ?? gapY / 2\n  const textLines = useMemo(\n    () =>\n      typeof content === 'string'\n        ? [content]\n        : Array.isArray(content)\n          ? content\n          : [DEFAULT_CONTENT],\n    [content]\n  )\n  const resolvedColor = resolveThemeColor(font?.color)\n  const fontSettings = useMemo(\n    () => getFontSettings(font, resolvedColor),\n    [font, resolvedColor]\n  )\n  const rotationInRadians = (Math.PI / 180) * rotate\n  const textKey = textLines.join('|')\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let cancelled = false\n    const ratio = window.devicePixelRatio || 1\n    const tileWidth = width + gapX\n    const tileHeight = height + gapY\n    const canvas = document.createElement('canvas')\n    canvas.width = tileWidth * ratio\n    canvas.height = tileHeight * ratio\n    const ctx = canvas.getContext('2d')\n\n    if (!ctx) return\n\n    const commitWatermark = () => {\n      const url = canvas.toDataURL()\n      if (!cancelled) {\n        setWatermark({ url, width: tileWidth, height: tileHeight })\n      }\n    }\n\n    const drawText = () => {\n      ctx.save()\n      ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n      ctx.rotate(rotationInRadians)\n      ctx.fillStyle = fontSettings.color\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n      ctx.font = `${fontSettings.fontStyle} normal ${fontSettings.fontWeight} ${fontSettings.fontSize * ratio}px ${fontSettings.fontFamily}`\n\n      const lineHeight = fontSettings.lineHeight * ratio\n      const startY = -((textLines.length - 1) * lineHeight) / 2\n\n      textLines.forEach((line, index) => {\n        ctx.fillText(line, 0, startY + index * lineHeight)\n      })\n\n      ctx.restore()\n    }\n\n    if (image) {\n      const img = new Image()\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n\n      const handleLoad = () => {\n        ctx.save()\n        ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n        ctx.rotate(rotationInRadians)\n        ctx.drawImage(\n          img,\n          (-width / 2) * ratio,\n          (-height / 2) * ratio,\n          width * ratio,\n          height * ratio\n        )\n        ctx.restore()\n        commitWatermark()\n      }\n\n      const handleError = () => {\n        if (!cancelled) setWatermark(null)\n      }\n\n      img.addEventListener('load', handleLoad)\n      img.addEventListener('error', handleError)\n      img.src = image\n\n      return () => {\n        cancelled = true\n        img.removeEventListener('load', handleLoad)\n        img.removeEventListener('error', handleError)\n      }\n    } else {\n      drawText()\n      commitWatermark()\n    }\n\n    return () => {\n      cancelled = true\n    }\n  }, [\n    fontSettings,\n    gapX,\n    gapY,\n    height,\n    image,\n    rotationInRadians,\n    textKey,\n    width,\n  ])\n\n  const classes = ['relative', className].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={classes}\n      style={{ position: style?.position ?? 'relative', ...style }}\n      {...rest}\n    >\n      {children}\n      {watermark && (\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0\"\n          style={{\n            zIndex,\n            backgroundImage: `url(${watermark.url})`,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${watermark.width}px ${watermark.height}px`,\n            backgroundPosition: `${offsetX}px ${offsetY}px`,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nWatermark.displayName = 'Watermark'\n"],"names":["DEFAULT_CONTENT","DEFAULT_OPACITY","resolveThemeColor","requested","opacity","fallback","docBase","bodyBase","base","getFontSettings","font","resolvedColor","fontSize","Watermark","children","className","style","content","image","width","height","gap","offset","rotate","zIndex","rest","watermark","setWatermark","useState","gapX","gapY","offsetX","offsetY","textLines","useMemo","fontSettings","rotationInRadians","textKey","useEffect","cancelled","ratio","tileWidth","tileHeight","canvas","ctx","commitWatermark","url","drawText","lineHeight","startY","line","index","img","handleLoad","handleError","classes","jsxs","jsx"],"mappings":"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"}

package/dist/index98.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index98.js","sources":["../src/components/Responsive.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { useBreakpoint, Breakpoint } from '../hooks/useBreakpoint'\n\nexport interface ShowProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n}\n\nexport function Show({ children, above, below, at, between }: ShowProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldShow = false\n\n  if (above !== undefined) {\n    shouldShow = isAbove(above)\n  } else if (below !== undefined) {\n    shouldShow = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldShow = at.some((bp) => isAt(bp))\n    } else {\n      shouldShow = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldShow = isBetween(between[0], between[1])\n  } else {\n    shouldShow = true\n  }\n\n  return shouldShow ? <>{children}</> : null\n}\n\nexport interface HideProps {\n  children: ReactNode\n  above?: Breakpoint\n  below?: Breakpoint\n  at?: Breakpoint | Breakpoint[]\n  between?: [Breakpoint, Breakpoint]\n}\n\nexport function Hide({ children, above, below, at, between }: HideProps): React.ReactElement | null {\n  const { isAbove, isBelow, isAt, isBetween } = useBreakpoint()\n\n  let shouldHide = false\n\n  if (above !== undefined) {\n    shouldHide = isAbove(above)\n  } else if (below !== undefined) {\n    shouldHide = isBelow(below)\n  } else if (at !== undefined) {\n    if (Array.isArray(at)) {\n      shouldHide = at.some((bp) => isAt(bp))\n    } else {\n      shouldHide = isAt(at)\n    }\n  } else if (between !== undefined) {\n    shouldHide = isBetween(between[0], between[1])\n  }\n\n  return shouldHide ? null : <>{children}</>\n}\n"],"names":["Show","children","above","below","at","between","isAbove","isBelow","isAt","isBetween","useBreakpoint","shouldShow","bp","jsx","Fragment","Hide","shouldHide"],"mappings":";;AAWO,SAASA,EAAK,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIC,IAAa;AAEjB,SAAIT,MAAU,SACZS,IAAaL,EAAQJ,CAAK,IACjBC,MAAU,SACnBQ,IAAaJ,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBO,IAAaP,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCD,IAAaH,EAAKJ,CAAE,IAEbC,MAAY,SACrBM,IAAaF,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAE7CM,IAAa,IAGRA,IAAa,gBAAAE,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS,IAAM;AACxC;AAUO,SAASc,EAAK,EAAE,UAAAd,GAAU,OAAAC,GAAO,OAAAC,GAAO,IAAAC,GAAI,SAAAC,KAAiD;AAClG,QAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAA,IAAcC,EAAA;AAE9C,MAAIM,IAAa;AAEjB,SAAId,MAAU,SACZc,IAAaV,EAAQJ,CAAK,IACjBC,MAAU,SACnBa,IAAaT,EAAQJ,CAAK,IACjBC,MAAO,SACZ,MAAM,QAAQA,CAAE,IAClBY,IAAaZ,EAAG,KAAK,CAACQ,MAAOJ,EAAKI,CAAE,CAAC,IAErCI,IAAaR,EAAKJ,CAAE,IAEbC,MAAY,WACrBW,IAAaP,EAAUJ,EAAQ,CAAC,GAAGA,EAAQ,CAAC,CAAC,IAGxCW,IAAa,OAAO,gBAAAH,EAAAC,GAAA,EAAG,UAAAb,EAAA,CAAS;AACzC;"}

package/dist/index99.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index99.js","sources":["../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\n\nexport type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n}\n\nconst breakpointOrder: Breakpoint[] = ['xs', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction getBreakpoint(width: number): Breakpoint {\n  if (width >= breakpoints['2xl']) return '2xl'\n  if (width >= breakpoints.xl) return 'xl'\n  if (width >= breakpoints.lg) return 'lg'\n  if (width >= breakpoints.md) return 'md'\n  if (width >= breakpoints.sm) return 'sm'\n  return 'xs'\n}\n\nfunction compareBreakpoints(a: Breakpoint, b: Breakpoint): number {\n  return breakpointOrder.indexOf(a) - breakpointOrder.indexOf(b)\n}\n\nexport interface UseBreakpointReturn {\n  breakpoint: Breakpoint\n  width: number\n  isAbove: (bp: Breakpoint) => boolean\n  isBelow: (bp: Breakpoint) => boolean\n  isAt: (bp: Breakpoint) => boolean\n  isBetween: (min: Breakpoint, max: Breakpoint) => boolean\n}\n\nexport function useBreakpoint(): UseBreakpointReturn {\n  const [width, setWidth] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth : 1024\n  )\n\n  useEffect(() => {\n    const handleResize = () => setWidth(window.innerWidth)\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [])\n\n  const breakpoint = getBreakpoint(width)\n\n  return {\n    breakpoint,\n    width,\n    isAbove: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) >= 0,\n    isBelow: (bp: Breakpoint) => compareBreakpoints(breakpoint, bp) < 0,\n    isAt: (bp: Breakpoint) => breakpoint === bp,\n    isBetween: (min: Breakpoint, max: Breakpoint) =>\n      compareBreakpoints(breakpoint, min) >= 0 && compareBreakpoints(breakpoint, max) <= 0,\n  }\n}\n"],"names":["breakpoints","breakpointOrder","getBreakpoint","width","compareBreakpoints","a","b","useBreakpoint","setWidth","useState","useEffect","handleResize","breakpoint","bp","min","max"],"mappings":";AAIA,MAAMA,IAA0C;AAAA,EAE9C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEMC,IAAgC,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK;AAE1E,SAASC,EAAcC,GAA2B;AAChD,SAAIA,KAASH,EAAY,KAAK,IAAU,QACpCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAChCG,KAASH,EAAY,KAAW,OAC7B;AACT;AAEA,SAASI,EAAmBC,GAAeC,GAAuB;AAChE,SAAOL,EAAgB,QAAQI,CAAC,IAAIJ,EAAgB,QAAQK,CAAC;AAC/D;AAWO,SAASC,IAAqC;AACnD,QAAM,CAACJ,GAAOK,CAAQ,IAAIC;AAAA,IAAS,MACjC,OAAO,SAAW,MAAc,OAAO,aAAa;AAAA,EAAA;AAGtD,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAe,MAAMH,EAAS,OAAO,UAAU;AAErD,kBAAO,iBAAiB,UAAUG,CAAY,GACvC,MAAM,OAAO,oBAAoB,UAAUA,CAAY;AAAA,EAChE,GAAG,CAAA,CAAE;AAEL,QAAMC,IAAaV,EAAcC,CAAK;AAEtC,SAAO;AAAA,IACL,YAAAS;AAAA,IACA,OAAAT;AAAA,IACA,SAAS,CAACU,MAAmBT,EAAmBQ,GAAYC,CAAE,KAAK;AAAA,IACnE,SAAS,CAACA,MAAmBT,EAAmBQ,GAAYC,CAAE,IAAI;AAAA,IAClE,MAAM,CAACA,MAAmBD,MAAeC;AAAA,IACzC,WAAW,CAACC,GAAiBC,MAC3BX,EAAmBQ,GAAYE,CAAG,KAAK,KAAKV,EAAmBQ,GAAYG,CAAG,KAAK;AAAA,EAAA;AAEzF;"}