@turinhub/atomix-common-ui 0.3.0 → 0.5.0

package/dist/image-reader.js

@@ -0,0 +1,214 @@
+import { j as e } from "./jsx-runtime-B4hRZ52C.js";
+import { ZoomOut as de, ZoomIn as ue, RotateCcw as xe, RotateCw as fe, ExternalLink as pe } from "lucide-react";
+import { useState as m, useCallback as F, useMemo as ge, useEffect as je } from "react";
+import { c as I } from "./utils-B6yFEsav.js";
+import { i as he, g as be } from "./media-utils-5UPuocc1.js";
+const ve = [
+  "jpg",
+  "jpeg",
+  "png",
+  "gif",
+  "webp",
+  "svg",
+  "bmp",
+  "avif",
+  "ico"
+], we = [
+  "image/jpeg",
+  "image/png",
+  "image/gif",
+  "image/webp",
+  "image/svg+xml",
+  "image/bmp",
+  "image/avif",
+  "image/x-icon",
+  "image/vnd.microsoft.icon"
+], Ne = (s) => s ? s instanceof Error ? s : new Error(s) : null, Ee = (s, d, a) => Math.min(Math.max(s, d), a);
+function Oe({
+  src: s,
+  alt: d = "",
+  fileName: a,
+  mimeType: u,
+  components: G,
+  loading: S = !1,
+  error: Z,
+  className: M,
+  containerClassName: $,
+  imageClassName: T,
+  toolbarClassName: X,
+  loadingText: Y = "正在加载图片...",
+  errorText: y = "图片加载失败",
+  unsupportedText: q = "暂不支持该图片格式",
+  showToolbar: H = !0,
+  showOpenInNewTab: J = !0,
+  objectFit: K = "contain",
+  initialScale: Q = 1,
+  minScale: x = 0.25,
+  maxScale: f = 4,
+  scaleStep: _ = 0.25,
+  scale: p,
+  onScaleChange: l,
+  rotation: g,
+  onRotationChange: c,
+  allowUnsupportedFormat: V = !1,
+  supportedExtensions: W = ve,
+  supportedMimeTypes: C = we,
+  onLoad: j,
+  onError: h,
+  style: ee,
+  ...te
+}) {
+  const { Card: k, CardContent: O, Button: P, Skeleton: b } = G || {}, [se, ne] = m(Q), [re, ie] = m(0), [ae, v] = m(!0), [oe, w] = m(null), i = p ?? se, N = g ?? re, r = Ne(Z) || oe, z = V || he({
+    src: s,
+    fileName: a,
+    mimeType: u,
+    supportedExtensions: W,
+    supportedMimeTypes: C
+  }), L = S || ae && !r, R = F(
+    (t) => {
+      const n = Ee(t, x, f);
+      p === void 0 && ne(n), l == null || l(n);
+    },
+    [p, f, x, l]
+  ), U = F(
+    (t) => {
+      const n = (t % 360 + 360) % 360;
+      g === void 0 && ie(n), c == null || c(n);
+    },
+    [g, c]
+  ), le = ge(() => {
+    const t = be(s, a);
+    return t ? t.toUpperCase() : u || "图片";
+  }, [a, u, s]);
+  je(() => {
+    v(!0), w(null);
+  }, [s]);
+  const o = (t, n, B, D) => {
+    const me = "inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50";
+    return P ? /* @__PURE__ */ e.jsx(
+      P,
+      {
+        "aria-label": t,
+        className: "h-8 w-8",
+        disabled: D,
+        onClick: B,
+        size: "icon",
+        title: t,
+        type: "button",
+        variant: "outline",
+        children: n
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        "aria-label": t,
+        className: me,
+        disabled: D,
+        onClick: B,
+        title: t,
+        type: "button",
+        children: n
+      }
+    );
+  }, ce = () => /* @__PURE__ */ e.jsx("div", { className: "w-full space-y-3 p-4", role: "status", "aria-live": "polite", children: b ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(b, { className: "h-4 w-32" }),
+    /* @__PURE__ */ e.jsx(b, { className: "h-80 w-full" })
+  ] }) : /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: Y }) }), A = (t) => /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-sm text-destructive", role: "alert", children: [
+    /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: t || y }),
+    r != null && r.message ? /* @__PURE__ */ e.jsx("p", { className: "mt-1 opacity-80", children: r.message }) : null
+  ] }), E = /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: I(
+        "flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background",
+        $
+      ),
+      children: [
+        H ? /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: I(
+              "flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2",
+              X
+            ),
+            children: [
+              /* @__PURE__ */ e.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: le }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+                o(
+                  "缩小",
+                  /* @__PURE__ */ e.jsx(de, { className: "h-4 w-4" }),
+                  () => R(i - _),
+                  i <= x
+                ),
+                /* @__PURE__ */ e.jsxs("span", { className: "min-w-14 text-center text-xs text-muted-foreground", children: [
+                  Math.round(i * 100),
+                  "%"
+                ] }),
+                o(
+                  "放大",
+                  /* @__PURE__ */ e.jsx(ue, { className: "h-4 w-4" }),
+                  () => R(i + _),
+                  i >= f
+                ),
+                o(
+                  "向左旋转",
+                  /* @__PURE__ */ e.jsx(xe, { className: "h-4 w-4" }),
+                  () => U(N - 90)
+                ),
+                o(
+                  "向右旋转",
+                  /* @__PURE__ */ e.jsx(fe, { className: "h-4 w-4" }),
+                  () => U(N + 90)
+                ),
+                J ? o(
+                  "新窗口打开",
+                  /* @__PURE__ */ e.jsx(pe, { className: "h-4 w-4" }),
+                  () => window.open(s, "_blank", "noreferrer")
+                ) : null
+              ] })
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ e.jsxs("div", { className: "relative flex min-h-0 flex-1 items-center justify-center overflow-auto bg-muted/20 p-4", children: [
+          z ? r ? A() : null : A(q),
+          z && !r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            L ? ce() : null,
+            /* @__PURE__ */ e.jsx(
+              "img",
+              {
+                ...te,
+                alt: d,
+                className: I(
+                  "max-h-full max-w-full transition-transform",
+                  L ? "invisible absolute" : "visible",
+                  T
+                ),
+                onError: () => {
+                  const t = new Error(y);
+                  v(!1), w(t), h == null || h(t);
+                },
+                onLoad: () => {
+                  v(!1), w(null), j == null || j();
+                },
+                src: s,
+                style: {
+                  objectFit: K,
+                  transform: `scale(${i}) rotate(${N}deg)`,
+                  transformOrigin: "center center",
+                  ...ee
+                }
+              }
+            )
+          ] }) : null
+        ] })
+      ]
+    }
+  );
+  return k ? /* @__PURE__ */ e.jsx(k, { className: M, children: O ? /* @__PURE__ */ e.jsx(O, { children: E }) : E }) : /* @__PURE__ */ e.jsx("div", { className: M, children: E });
+}
+export {
+  Oe as ImageReader,
+  ve as SUPPORTED_IMAGE_EXTENSIONS,
+  we as SUPPORTED_IMAGE_MIME_TYPES
+};
+//# sourceMappingURL=image-reader.js.map

package/dist/image-reader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-reader.js","sources":["../src/components/ImageReader.tsx"],"sourcesContent":["import {\n  ExternalLink as ExternalLinkIcon,\n  RotateCcw as RotateCcwIcon,\n  RotateCw as RotateCwIcon,\n  ZoomIn as ZoomInIcon,\n  ZoomOut as ZoomOutIcon,\n} from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport type { HTMLAttributes, ImgHTMLAttributes, ReactNode } from 'react';\n\nimport { cn } from '../lib/utils';\nimport type {\n  ButtonComponent,\n  CardComponent,\n  SkeletonComponent,\n  UIComponent,\n} from '../types/component-types';\n\nimport { getMediaExtension, isSupportedMediaSource } from './media-utils';\n\nexport const SUPPORTED_IMAGE_EXTENSIONS = [\n  'jpg',\n  'jpeg',\n  'png',\n  'gif',\n  'webp',\n  'svg',\n  'bmp',\n  'avif',\n  'ico',\n] as const;\n\nexport const SUPPORTED_IMAGE_MIME_TYPES = [\n  'image/jpeg',\n  'image/png',\n  'image/gif',\n  'image/webp',\n  'image/svg+xml',\n  'image/bmp',\n  'image/avif',\n  'image/x-icon',\n  'image/vnd.microsoft.icon',\n] as const;\n\nexport interface ImageReaderUIComponents {\n  Card?: CardComponent;\n  CardContent?: UIComponent<HTMLAttributes<HTMLDivElement>>;\n  Button?: ButtonComponent;\n  Skeleton?: SkeletonComponent;\n}\n\nexport interface ImageReaderProps\n  extends Omit<\n    ImgHTMLAttributes<HTMLImageElement>,\n    | 'alt'\n    | 'children'\n    | 'className'\n    | 'loading'\n    | 'onError'\n    | 'onLoad'\n    | 'src'\n  > {\n  src: string;\n  alt?: string;\n  fileName?: string;\n  mimeType?: string;\n  components?: ImageReaderUIComponents;\n  loading?: boolean;\n  error?: Error | string | null;\n  className?: string;\n  containerClassName?: string;\n  imageClassName?: string;\n  toolbarClassName?: string;\n  loadingText?: string;\n  errorText?: string;\n  unsupportedText?: string;\n  showToolbar?: boolean;\n  showOpenInNewTab?: boolean;\n  objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';\n  initialScale?: number;\n  minScale?: number;\n  maxScale?: number;\n  scaleStep?: number;\n  scale?: number;\n  onScaleChange?: (scale: number) => void;\n  rotation?: number;\n  onRotationChange?: (rotation: number) => void;\n  allowUnsupportedFormat?: boolean;\n  supportedExtensions?: readonly string[];\n  supportedMimeTypes?: readonly string[];\n  onLoad?: () => void;\n  onError?: (error: Error) => void;\n}\n\nconst normalizeError = (error: Error | string | null | undefined) => {\n  if (!error) return null;\n  return error instanceof Error ? error : new Error(error);\n};\n\nconst clamp = (value: number, min: number, max: number) =>\n  Math.min(Math.max(value, min), max);\n\nexport function ImageReader({\n  src,\n  alt = '',\n  fileName,\n  mimeType,\n  components,\n  loading = false,\n  error,\n  className,\n  containerClassName,\n  imageClassName,\n  toolbarClassName,\n  loadingText = '正在加载图片...',\n  errorText = '图片加载失败',\n  unsupportedText = '暂不支持该图片格式',\n  showToolbar = true,\n  showOpenInNewTab = true,\n  objectFit = 'contain',\n  initialScale = 1,\n  minScale = 0.25,\n  maxScale = 4,\n  scaleStep = 0.25,\n  scale: controlledScale,\n  onScaleChange,\n  rotation: controlledRotation,\n  onRotationChange,\n  allowUnsupportedFormat = false,\n  supportedExtensions = SUPPORTED_IMAGE_EXTENSIONS,\n  supportedMimeTypes = SUPPORTED_IMAGE_MIME_TYPES,\n  onLoad,\n  onError,\n  style,\n  ...imageProps\n}: ImageReaderProps) {\n  const { Card, CardContent, Button, Skeleton } = components || {};\n  const [internalScale, setInternalScale] = useState(initialScale);\n  const [internalRotation, setInternalRotation] = useState(0);\n  const [isImageLoading, setIsImageLoading] = useState(true);\n  const [imageError, setImageError] = useState<Error | null>(null);\n\n  const scale = controlledScale ?? internalScale;\n  const rotation = controlledRotation ?? internalRotation;\n  const displayedError = normalizeError(error) || imageError;\n  const isSupported =\n    allowUnsupportedFormat ||\n    isSupportedMediaSource({\n      src,\n      fileName,\n      mimeType,\n      supportedExtensions,\n      supportedMimeTypes,\n    });\n  const isLoading = loading || (isImageLoading && !displayedError);\n\n  const setNextScale = useCallback(\n    (nextScale: number) => {\n      const clampedScale = clamp(nextScale, minScale, maxScale);\n      if (controlledScale === undefined) {\n        setInternalScale(clampedScale);\n      }\n      onScaleChange?.(clampedScale);\n    },\n    [controlledScale, maxScale, minScale, onScaleChange]\n  );\n\n  const setNextRotation = useCallback(\n    (nextRotation: number) => {\n      const normalizedRotation = ((nextRotation % 360) + 360) % 360;\n      if (controlledRotation === undefined) {\n        setInternalRotation(normalizedRotation);\n      }\n      onRotationChange?.(normalizedRotation);\n    },\n    [controlledRotation, onRotationChange]\n  );\n\n  const formatLabel = useMemo(() => {\n    const extension = getMediaExtension(src, fileName);\n    return extension ? extension.toUpperCase() : mimeType || '图片';\n  }, [fileName, mimeType, src]);\n\n  useEffect(() => {\n    setIsImageLoading(true);\n    setImageError(null);\n  }, [src]);\n\n  const renderButton = (\n    label: string,\n    icon: ReactNode,\n    onClick: () => void,\n    disabled?: boolean\n  ) => {\n    const buttonClassName =\n      'inline-flex h-8 w-8 items-center justify-center rounded-md border border-input bg-background text-foreground shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50';\n\n    if (Button) {\n      return (\n        <Button\n          aria-label={label}\n          className=\"h-8 w-8\"\n          disabled={disabled}\n          onClick={onClick}\n          size=\"icon\"\n          title={label}\n          type=\"button\"\n          variant=\"outline\"\n        >\n          {icon}\n        </Button>\n      );\n    }\n\n    return (\n      <button\n        aria-label={label}\n        className={buttonClassName}\n        disabled={disabled}\n        onClick={onClick}\n        title={label}\n        type=\"button\"\n      >\n        {icon}\n      </button>\n    );\n  };\n\n  const renderLoading = () => (\n    <div className=\"w-full space-y-3 p-4\" role=\"status\" aria-live=\"polite\">\n      {Skeleton ? (\n        <>\n          <Skeleton className=\"h-4 w-32\" />\n          <Skeleton className=\"h-80 w-full\" />\n        </>\n      ) : (\n        <p className=\"text-sm text-muted-foreground\">{loadingText}</p>\n      )}\n    </div>\n  );\n\n  const renderError = (message?: string) => (\n    <div className=\"p-4 text-center text-sm text-destructive\" role=\"alert\">\n      <p className=\"font-medium\">{message || errorText}</p>\n      {displayedError?.message ? (\n        <p className=\"mt-1 opacity-80\">{displayedError.message}</p>\n      ) : null}\n    </div>\n  );\n\n  const body = (\n    <div\n      className={cn(\n        'flex h-full min-h-[360px] flex-col overflow-hidden rounded-md border bg-background',\n        containerClassName\n      )}\n    >\n      {showToolbar ? (\n        <div\n          className={cn(\n            'flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2',\n            toolbarClassName\n          )}\n        >\n          <span className=\"text-xs font-medium text-muted-foreground\">\n            {formatLabel}\n          </span>\n          <div className=\"flex items-center gap-1\">\n            {renderButton(\n              '缩小',\n              <ZoomOutIcon className=\"h-4 w-4\" />,\n              () => setNextScale(scale - scaleStep),\n              scale <= minScale\n            )}\n            <span className=\"min-w-14 text-center text-xs text-muted-foreground\">\n              {Math.round(scale * 100)}%\n            </span>\n            {renderButton(\n              '放大',\n              <ZoomInIcon className=\"h-4 w-4\" />,\n              () => setNextScale(scale + scaleStep),\n              scale >= maxScale\n            )}\n            {renderButton(\n              '向左旋转',\n              <RotateCcwIcon className=\"h-4 w-4\" />,\n              () => setNextRotation(rotation - 90)\n            )}\n            {renderButton(\n              '向右旋转',\n              <RotateCwIcon className=\"h-4 w-4\" />,\n              () => setNextRotation(rotation + 90)\n            )}\n            {showOpenInNewTab\n              ? renderButton(\n                  '新窗口打开',\n                  <ExternalLinkIcon className=\"h-4 w-4\" />,\n                  () => window.open(src, '_blank', 'noreferrer')\n                )\n              : null}\n          </div>\n        </div>\n      ) : null}\n      <div className=\"relative flex min-h-0 flex-1 items-center justify-center overflow-auto bg-muted/20 p-4\">\n        {!isSupported\n          ? renderError(unsupportedText)\n          : displayedError\n            ? renderError()\n            : null}\n        {isSupported && !displayedError ? (\n          <>\n            {isLoading ? renderLoading() : null}\n            <img\n              {...imageProps}\n              alt={alt}\n              className={cn(\n                'max-h-full max-w-full transition-transform',\n                isLoading ? 'invisible absolute' : 'visible',\n                imageClassName\n              )}\n              onError={() => {\n                const nextError = new Error(errorText);\n                setIsImageLoading(false);\n                setImageError(nextError);\n                onError?.(nextError);\n              }}\n              onLoad={() => {\n                setIsImageLoading(false);\n                setImageError(null);\n                onLoad?.();\n              }}\n              src={src}\n              style={{\n                objectFit,\n                transform: `scale(${scale}) rotate(${rotation}deg)`,\n                transformOrigin: 'center center',\n                ...style,\n              }}\n            />\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n\n  if (Card) {\n    return (\n      <Card className={className}>\n        {CardContent ? <CardContent>{body}</CardContent> : body}\n      </Card>\n    );\n  }\n\n  return <div className={className}>{body}</div>;\n}\n"],"names":["SUPPORTED_IMAGE_EXTENSIONS","SUPPORTED_IMAGE_MIME_TYPES","normalizeError","error","clamp","value","min","max","ImageReader","src","alt","fileName","mimeType","components","loading","className","containerClassName","imageClassName","toolbarClassName","loadingText","errorText","unsupportedText","showToolbar","showOpenInNewTab","objectFit","initialScale","minScale","maxScale","scaleStep","controlledScale","onScaleChange","controlledRotation","onRotationChange","allowUnsupportedFormat","supportedExtensions","supportedMimeTypes","onLoad","onError","style","imageProps","Card","CardContent","Button","Skeleton","internalScale","setInternalScale","useState","internalRotation","setInternalRotation","isImageLoading","setIsImageLoading","imageError","setImageError","scale","rotation","displayedError","isSupported","isSupportedMediaSource","isLoading","setNextScale","useCallback","nextScale","clampedScale","setNextRotation","nextRotation","normalizedRotation","formatLabel","useMemo","extension","getMediaExtension","useEffect","renderButton","label","icon","onClick","disabled","buttonClassName","jsx","renderLoading","jsxs","Fragment","renderError","message","body","cn","ZoomOutIcon","ZoomInIcon","RotateCcwIcon","RotateCwIcon","ExternalLinkIcon","nextError"],"mappings":"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"}

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./utils-IjLH3w2e.cjs"),e=require("./AuthPanel-C_2JBE7t.cjs");exports.cn=t.cn;exports.AuthLoginPanel=e.AuthLoginPanel;exports.AuthPageShell=e.AuthPageShell;exports.AuthPanel=e.AuthPanel;exports.AuthRegisterPanel=e.AuthRegisterPanel;exports.AuthVisualCarousel=e.AuthVisualCarousel;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.d.ts

@@ -1,23 +1,13 @@
 export { cn } from './lib/utils';
-export { DataTable } from './components/DataTable';
-export { DeleteConfirmDialog } from './components/DeleteConfirmDialog';
-export { TableHeader } from './components/TableHeader';
-export { TablePagination } from './components/TablePagination';
-export { ThemeSwitcher } from './components/ThemeSwitcher';
-export { ThemeSwitcherContent } from './components/ThemeSwitcherContent';
-export { SimplePDFReader } from './components/SimplePDFReader';
-export { PDFReader } from './components/PDFReader';
-export { PDFSidebar } from './components/PDFSidebar';
-export { FileUpload } from './components/FileUpload';
-export type { Column, DataTableProps, UIComponents, } from './components/DataTable';
-export type { DeleteConfirmDialogProps, DialogUIComponents, } from './components/DeleteConfirmDialog';
-export type { TableHeaderProps, HeaderUIComponents, } from './components/TableHeader';
-export type { TablePaginationProps, PaginationUIComponents, } from './components/TablePagination';
-export type { ThemeSwitcherProps, ThemeSwitcherUIComponents, ThemeOption, } from './components/ThemeSwitcher';
-export type { ThemeSwitcherContentProps, ThemeSwitcherContentUIComponents, } from './components/ThemeSwitcherContent';
-export type { SimplePDFReaderProps, SimplePDFReaderUIComponents, } from './components/SimplePDFReader';
-export type { PDFReaderProps, PDFReaderUIComponents, } from './components/PDFReader';
-export type { PDFSidebarProps, PDFDocumentProxy, PDFPageProxy, PDFViewport, PDFOutline, } from './components/PDFSidebar';
-export type { FileUploadProps, FileUploadUIComponents, FileUploadItem, FileUploadStatus, FileUploadHelpers, } from './components/FileUpload';
+export { AuthLoginPanel } from './components/AuthLoginPanel';
+export type { AuthLoginMethod, AuthLoginPanelProps, AuthPasswordLoginPayload, AuthSmsCodeResult, AuthSmsLoginPayload, AuthSocialProvider, AuthUIComponents, AuthValidationResult, } from './components/AuthLoginPanel';
+export { AuthRegisterPanel } from './components/AuthRegisterPanel';
+export type { AuthRegisterPanelProps, AuthRegisterPayload, } from './components/AuthRegisterPanel';
+export { AuthPageShell } from './components/AuthPageShell';
+export type { AuthPageShellProps } from './components/AuthPageShell';
+export { AuthVisualCarousel } from './components/AuthVisualCarousel';
+export type { AuthVisualCarouselItem, AuthVisualCarouselProps, } from './components/AuthVisualCarousel';
+export { AuthPanel } from './components/AuthPanel';
+export type { AuthPanelMode, AuthPanelProps } from './components/AuthPanel';
 export type { UIComponent, ButtonComponent, InputComponent, CardComponent, TableComponent, TableRowComponent, TableCellComponent, SelectComponent, SelectTriggerComponent, SelectContentComponent, SelectItemComponent, SelectValueComponent, DialogComponent, DialogContentComponent, DialogHeaderComponent, DialogFooterComponent, DialogTitleComponent, DialogDescriptionComponent, LabelComponent, DropdownMenuComponent, DropdownMenuTriggerComponent, DropdownMenuContentComponent, DropdownMenuRadioGroupComponent, DropdownMenuRadioItemComponent, SkeletonComponent, TabsComponent, TabsListComponent, TabsTriggerComponent, TabsContentComponent, ScrollAreaComponent, } from './types/component-types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,YAAY,EACV,MAAM,EACN,cAAc,EACd,YAAY,GACb,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,wBAAwB,EACxB,kBAAkB,GACnB,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,kBAAkB,EAClB,yBAAyB,EACzB,WAAW,GACZ,MAAM,4BAA4B,CAAC;AACpC,YAAY,EACV,yBAAyB,EACzB,gCAAgC,GACjC,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EACV,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,GACX,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EACV,WAAW,EACX,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,cAAc,EACd,qBAAqB,EACrB,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,YAAY,EACV,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,YAAY,EACV,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG5E,YAAY,EACV,WAAW,EACX,eAAe,EACf,cAAc,EACd,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,cAAc,EACd,qBAAqB,EACrB,4BAA4B,EAC5B,4BAA4B,EAC5B,+BAA+B,EAC/B,8BAA8B,EAC9B,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -1,15 +1,11 @@
-import { D as s, a as i, F as r, P as l, b as t, S as o, T as D, c as d, d as n, e as T, f as b } from "./index-DJdfLA8M.js";
+import { c as s } from "./utils-B6yFEsav.js";
+import { A as l, a as u, b as h, c as o, d as r } from "./AuthPanel-D2HFX8eN.js";
 export {
-  s as DataTable,
-  i as DeleteConfirmDialog,
-  r as FileUpload,
-  l as PDFReader,
-  t as PDFSidebar,
-  o as SimplePDFReader,
-  D as TableHeader,
-  d as TablePagination,
-  n as ThemeSwitcher,
-  T as ThemeSwitcherContent,
-  b as cn
+  l as AuthLoginPanel,
+  u as AuthPageShell,
+  h as AuthPanel,
+  o as AuthRegisterPanel,
+  r as AuthVisualCarousel,
+  s as cn
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/jsx-runtime-B4hRZ52C.js

@@ -0,0 +1,283 @@
+import K from "react";
+var v = { exports: {} }, m = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function ee() {
+  if ($) return m;
+  $ = 1;
+  var u = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
+  function c(i, o, s) {
+    var f = null;
+    if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+      s = {};
+      for (var d in o)
+        d !== "key" && (s[d] = o[d]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: u,
+      type: i,
+      key: f,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return m.Fragment = E, m.jsx = c, m.jsxs = c, m;
+}
+var _ = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var I;
+function re() {
+  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === H ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case p:
+          return "Fragment";
+        case U:
+          return "Profiler";
+        case W:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case G:
+          return "SuspenseList";
+        case B:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case M:
+            return "Portal";
+          case J:
+            return e.displayName || "Context";
+          case q:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case X:
+            return r = e.displayName || null, r !== null ? r : u(e.type) || "Memo";
+          case T:
+            r = e._payload, e = e._init;
+            try {
+              return u(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function E(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        E(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), E(e);
+      }
+    }
+    function i(e) {
+      if (e === p) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === T)
+        return "<...>";
+      try {
+        var r = u(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = k.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function f(e) {
+      if (x.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function d(e, r) {
+      function t() {
+        g || (g = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function D() {
+      var e = u(this.type);
+      return h[e] || (h[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function L(e, r, t, n, b, A) {
+      var a = t.ref;
+      return e = {
+        $$typeof: j,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: D
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: b
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: A
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function P(e, r, t, n, b, A) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (Z(a)) {
+            for (n = 0; n < a.length; n++)
+              w(a[n]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else w(a);
+      if (x.call(r, "key")) {
+        a = u(e);
+        var l = Object.keys(r).filter(function(Q) {
+          return Q !== "key";
+        });
+        n = 0 < l.length ? "{key: someKey, " + l.join(": ..., ") + ": ...}" : "{key: someKey}", Y[a + n] || (l = 0 < l.length ? "{" + l.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          a,
+          l,
+          a
+        ), Y[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (c(t), a = "" + t), f(r) && (c(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var S in r)
+          S !== "key" && (t[S] = r[S]);
+      } else t = r;
+      return a && d(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), L(
+        e,
+        a,
+        t,
+        o(),
+        b,
+        A
+      );
+    }
+    function w(e) {
+      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function y(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    var R = K, j = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), X = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), k = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, Z = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    R = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var g, h = {}, N = R.react_stack_bottom_frame.bind(
+      R,
+      s
+    )(), C = O(i(s)), Y = {};
+    _.Fragment = p, _.jsx = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    }, _.jsxs = function(e, r, t) {
+      var n = 1e4 > k.recentlyCreatedOwnerStacks++;
+      return P(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : N,
+        n ? O(i(e)) : C
+      );
+    };
+  })()), _;
+}
+var F;
+function te() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = ee() : v.exports = re()), v.exports;
+}
+var ae = te();
+export {
+  ae as j
+};
+//# sourceMappingURL=jsx-runtime-B4hRZ52C.js.map