@withwiz/toolkit 0.1.0

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

@@ -0,0 +1,42 @@
+import React from 'react';
+export interface IPaginationProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface IPaginationContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface IPaginationItemProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface IPaginationLinkProps {
+    children: React.ReactNode;
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    isActive?: boolean;
+    className?: string;
+}
+export interface IPaginationPreviousProps {
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface IPaginationNextProps {
+    href?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface IPaginationEllipsisProps {
+    className?: string;
+}
+export declare function Pagination({ children, className }: IPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationContent({ children, className }: IPaginationContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationItem({ children, className }: IPaginationItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationLink({ children, href, onClick, isActive, className }: IPaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationPrevious({ href, onClick, className, children }: IPaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationNext({ href, onClick, className, children }: IPaginationNextProps): import("react/jsx-runtime").JSX.Element;
+export declare function PaginationEllipsis({ className }: IPaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Pagination.js

@@ -0,0 +1,20 @@
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+} from "../../chunk-YJWLWUFK.js";
+import "../../chunk-62FLBG6B.js";
+import "../../chunk-ORMEWXMH.js";
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+};

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): import("react/jsx-runtime").JSX.Element;
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/components/ui/Select.js

@@ -0,0 +1,27 @@
+"use client";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+} from "../../chunk-WDUFQFDP.js";
+import "../../chunk-62FLBG6B.js";
+import "../../chunk-ORMEWXMH.js";
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue
+};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ISkeletonProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function Skeleton({ className, children }: ISkeletonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Skeleton.js

@@ -0,0 +1,8 @@
+import {
+  Skeleton
+} from "../../chunk-MRJE6OX5.js";
+import "../../chunk-62FLBG6B.js";
+import "../../chunk-ORMEWXMH.js";
+export {
+  Skeleton
+};

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

@@ -0,0 +1,22 @@
+interface ITimezoneDisplayProps {
+    showIcon?: boolean;
+    showOffset?: boolean;
+    variant?: 'default' | 'secondary' | 'outline';
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * 사용자 타임존을 표시하는 컴포넌트
+ */
+export declare function TimezoneDisplay({ showIcon, showOffset, variant, size }: ITimezoneDisplayProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * 간단한 타임존 표시 (아이콘 없음)
+ */
+export declare function SimpleTimezoneDisplay({ showOffset, variant, size }: Omit<ITimezoneDisplayProps, 'showIcon'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * 타임존 정보를 툴팁으로 표시하는 컴포넌트
+ */
+export declare function TimezoneTooltip({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/TimezoneDisplay.js

@@ -0,0 +1,83 @@
+"use client";
+import {
+  Skeleton
+} from "../../chunk-MRJE6OX5.js";
+import {
+  Badge
+} from "../../chunk-UCYQNHST.js";
+import "../../chunk-62FLBG6B.js";
+import {
+  useSimpleTimezone
+} from "../../chunk-EZC6ETFW.js";
+import "../../chunk-TRBKJ7JT.js";
+import "../../chunk-ORMEWXMH.js";
+
+// src/components/ui/TimezoneDisplay.tsx
+import { Globe } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TimezoneDisplay({
+  showIcon = true,
+  showOffset = true,
+  variant = "outline",
+  size = "md"
+}) {
+  const { timezone, offsetFormatted, isLoading, display } = useSimpleTimezone();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" });
+  }
+  const sizeClasses = {
+    sm: "text-xs px-2 py-1",
+    md: "text-sm px-3 py-1.5",
+    lg: "text-base px-4 py-2"
+  };
+  return /* @__PURE__ */ jsxs(Badge, { variant, className: `${sizeClasses[size]} flex items-center gap-1.5`, children: [
+    showIcon && /* @__PURE__ */ jsx(Globe, { className: "h-3 w-3" }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: timezone }),
+    showOffset && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+      "(",
+      offsetFormatted,
+      ")"
+    ] })
+  ] });
+}
+function SimpleTimezoneDisplay({
+  showOffset = true,
+  variant = "secondary",
+  size = "sm"
+}) {
+  const { timezone, offsetFormatted, isLoading } = useSimpleTimezone();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" });
+  }
+  const sizeClasses = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  };
+  return /* @__PURE__ */ jsxs("span", { className: `${sizeClasses[size]} text-muted-foreground`, children: [
+    timezone,
+    showOffset && ` (${offsetFormatted})`
+  ] });
+}
+function TimezoneTooltip({
+  children,
+  className = ""
+}) {
+  const { timezone, offsetFormatted, isLoading } = useSimpleTimezone();
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("span", { className, children });
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className,
+      title: `\uD604\uC7AC \uD0C0\uC784\uC874: ${timezone} (${offsetFormatted})`,
+      children
+    }
+  );
+}
+export {
+  SimpleTimezoneDisplay,
+  TimezoneDisplay,
+  TimezoneTooltip
+};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ITooltipProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    className?: string;
+    delayDuration?: number;
+}
+export interface ITooltipTriggerProps {
+    children: React.ReactNode;
+    asChild?: boolean;
+    className?: string;
+}
+export interface ITooltipContentProps {
+    children: React.ReactNode;
+    className?: string;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+}
+export declare function Tooltip({ children, content, className, delayDuration }: ITooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTrigger({ children, asChild, className }: ITooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipContent({ children, className, side, align }: ITooltipContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/Tooltip.js

@@ -0,0 +1,94 @@
+import {
+  cn
+} from "../../chunk-62FLBG6B.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-ORMEWXMH.js";
+
+// src/components/ui/Tooltip.tsx
+import React, { useState, useRef, useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Tooltip({
+  children,
+  content,
+  className,
+  delayDuration = 200
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [position, setPosition] = useState({ top: 0, left: 0 });
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const timeoutRef = useRef(null);
+  const showTooltip = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(() => {
+      setIsOpen(true);
+    }, delayDuration);
+  };
+  const hideTooltip = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    setIsOpen(false);
+  };
+  useEffect(() => {
+    if (isOpen && triggerRef.current && contentRef.current) {
+      const triggerRect = triggerRef.current.getBoundingClientRect();
+      const contentRect = contentRef.current.getBoundingClientRect();
+      setPosition({
+        top: triggerRect.bottom + window.scrollY + 8,
+        left: triggerRect.left + window.scrollX + (triggerRect.width - contentRect.width) / 2
+      });
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: triggerRef,
+        onMouseEnter: showTooltip,
+        onMouseLeave: hideTooltip,
+        onFocus: showTooltip,
+        onBlur: hideTooltip,
+        children
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: contentRef,
+        className: "absolute z-50 rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+        style: {
+          top: position.top,
+          left: position.left
+        },
+        children: content
+      }
+    )
+  ] });
+}
+function TooltipTrigger({ children, asChild = false, className }) {
+  if (asChild && React.isValidElement(children)) {
+    const childProps = children.props;
+    return React.cloneElement(children, __spreadProps(__spreadValues({}, childProps), {
+      className: cn(childProps.className, className)
+    }));
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("", className), children });
+}
+function TooltipContent({
+  children,
+  className,
+  side = "top",
+  align = "center"
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("", className), children });
+}
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger
+};

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

@@ -0,0 +1,17 @@
+interface IWorldMapChartProps {
+    data?: {
+        id: string;
+        value: number;
+    }[];
+    geoJsonData?: any[];
+    height?: number;
+    colors?: string;
+    unknownColor?: string;
+    borderWidth?: number;
+    borderColor?: string;
+    valueFormat?: string;
+    enableMobileInteraction?: boolean;
+}
+export default function WorldMapChart({ data, geoJsonData, height, colors, unknownColor, borderWidth, borderColor, valueFormat, // 기본값: 천 단위 콤마, 소수점 없음 (예: 1,234)
+enableMobileInteraction }: IWorldMapChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/WorldMapChart.js

@@ -0,0 +1,250 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-ORMEWXMH.js";
+
+// src/components/ui/WorldMapChart.tsx
+import { useMemo, useState, useEffect, useRef, useCallback } from "react";
+import dynamic from "next/dynamic";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ResponsiveChoropleth = dynamic(
+  () => import("@nivo/geo").then((mod) => mod.ResponsiveChoropleth),
+  { ssr: false }
+);
+function WorldMapChart({
+  data,
+  geoJsonData,
+  height = 320,
+  colors = "nivo",
+  unknownColor = "#eee",
+  borderWidth = 0.5,
+  borderColor = "#999",
+  valueFormat = ",.0f",
+  // 기본값: 천 단위 콤마, 소수점 없음 (예: 1,234)
+  enableMobileInteraction = true
+}) {
+  const [features, setFeatures] = useState([]);
+  const containerRef = useRef(null);
+  const [isMobile, setIsMobile] = useState(false);
+  const [scale, setScale] = useState(1);
+  const [position, setPosition] = useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
+  const [lastTouchDistance, setLastTouchDistance] = useState(null);
+  useEffect(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 768);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const getTouchDistance = useCallback((touches) => {
+    if (touches.length < 2) return null;
+    const dx = touches[0].clientX - touches[1].clientX;
+    const dy = touches[0].clientY - touches[1].clientY;
+    return Math.sqrt(dx * dx + dy * dy);
+  }, []);
+  const handleTouchStart = useCallback((e) => {
+    if (!enableMobileInteraction) return;
+    if (e.touches.length === 2) {
+      const distance = getTouchDistance(e.touches);
+      setLastTouchDistance(distance);
+    } else if (e.touches.length === 1) {
+      setIsDragging(true);
+      setDragStart({
+        x: e.touches[0].clientX - position.x,
+        y: e.touches[0].clientY - position.y
+      });
+    }
+  }, [enableMobileInteraction, getTouchDistance, position]);
+  const handleTouchMove = useCallback((e) => {
+    if (!enableMobileInteraction) return;
+    if (e.touches.length === 2 && lastTouchDistance !== null) {
+      e.preventDefault();
+      const newDistance = getTouchDistance(e.touches);
+      if (newDistance !== null) {
+        const scaleChange = newDistance / lastTouchDistance;
+        setScale((prev) => Math.max(0.5, Math.min(3, prev * scaleChange)));
+        setLastTouchDistance(newDistance);
+      }
+    } else if (e.touches.length === 1 && isDragging) {
+      const newX = e.touches[0].clientX - dragStart.x;
+      const newY = e.touches[0].clientY - dragStart.y;
+      setPosition({ x: newX, y: newY });
+    }
+  }, [enableMobileInteraction, lastTouchDistance, getTouchDistance, isDragging, dragStart]);
+  const handleTouchEnd = useCallback(() => {
+    setIsDragging(false);
+    setLastTouchDistance(null);
+  }, []);
+  const handleReset = useCallback(() => {
+    setScale(1);
+    setPosition({ x: 0, y: 0 });
+  }, []);
+  useEffect(() => {
+    const processFeatures = (rawFeatures) => {
+      if (!Array.isArray(rawFeatures)) return [];
+      const idMap = /* @__PURE__ */ new Map();
+      const processedFeatures = [];
+      rawFeatures.forEach((f, index) => {
+        var _a, _b;
+        const isoCode = ((_a = f.properties) == null ? void 0 : _a["ISO3166-1-Alpha-2"]) || f.isoCode;
+        const countryName = ((_b = f.properties) == null ? void 0 : _b.name) || f.countryName;
+        let normalizedIsoCode = isoCode ? String(isoCode).trim().toUpperCase() : null;
+        if (normalizedIsoCode === "-99" || normalizedIsoCode === "" || normalizedIsoCode === "NULL") {
+          normalizedIsoCode = null;
+        }
+        let featureId;
+        if (normalizedIsoCode) {
+          featureId = normalizedIsoCode;
+        } else {
+          const baseId = `feature-${index}`;
+          const count = idMap.get(baseId) || 0;
+          idMap.set(baseId, count + 1);
+          featureId = count > 0 ? `${baseId}-${count}` : baseId;
+        }
+        const existingIndex = processedFeatures.findIndex((f2) => f2.id === featureId);
+        if (existingIndex === -1) {
+          processedFeatures.push(__spreadProps(__spreadValues({}, f), {
+            id: featureId,
+            isoCode: normalizedIsoCode,
+            countryName
+          }));
+        }
+      });
+      return processedFeatures;
+    };
+    if (geoJsonData) {
+      const normalizedGeoJsonData = processFeatures(geoJsonData);
+      setFeatures(normalizedGeoJsonData);
+    } else {
+      import("../../world_countries-C2WUL2CQ.js").then((mod) => {
+        var _a;
+        const features2 = mod.features || ((_a = mod.default) == null ? void 0 : _a.features) || [];
+        const featuresWithId = processFeatures(features2);
+        setFeatures(featuresWithId);
+      });
+    }
+  }, [geoJsonData]);
+  const processedData = useMemo(() => {
+    if (!Array.isArray(data)) return [];
+    const validData = data.filter(
+      (item) => item && item.id && item.id.trim() !== "" && item.id !== "-99" && typeof item.value === "number" && item.value > 0
+    );
+    const dataMap = /* @__PURE__ */ new Map();
+    validData.forEach((item) => {
+      const key = item.id.trim().toUpperCase();
+      const existingValue = dataMap.get(key) || 0;
+      dataMap.set(key, existingValue + item.value);
+    });
+    const result = Array.from(dataMap.entries()).map(([countryCode, value]) => ({
+      id: countryCode,
+      value
+    }));
+    return result;
+  }, [data]);
+  const projectionScale = isMobile ? 80 : 100;
+  const legendConfig = isMobile ? {
+    anchor: "bottom-left",
+    direction: "row",
+    justify: false,
+    translateX: 0,
+    translateY: -10,
+    itemsSpacing: 2,
+    itemWidth: 60,
+    itemHeight: 14,
+    itemDirection: "left-to-right",
+    itemTextColor: "#444",
+    itemOpacity: 0.85,
+    symbolSize: 12
+  } : {
+    anchor: "bottom-left",
+    direction: "column",
+    justify: true,
+    translateX: 20,
+    translateY: -60,
+    itemsSpacing: 0,
+    itemWidth: 94,
+    itemHeight: 18,
+    itemDirection: "left-to-right",
+    itemTextColor: "#444",
+    itemOpacity: 0.85,
+    symbolSize: 18
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: "relative overflow-hidden touch-pan-x touch-pan-y w-full h-full",
+      style: height !== void 0 ? { height } : void 0,
+      children: [
+        isMobile && enableMobileInteraction && (scale !== 1 || position.x !== 0 || position.y !== 0) && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: handleReset,
+            className: "absolute top-2 right-2 z-10 bg-white/90 hover:bg-white border border-gray-200 rounded-full p-1.5 shadow-sm transition-colors",
+            "aria-label": "\uC9C0\uB3C4 \uCD08\uAE30\uD654",
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: [
+                  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+                  /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+                ]
+              }
+            )
+          }
+        ),
+        isMobile && enableMobileInteraction && scale === 1 && position.x === 0 && position.y === 0 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-1 right-2 z-10 text-[10px] text-muted-foreground/70 pointer-events-none", children: "\uB4DC\uB798\uADF8/\uD540\uCE58 \uC90C \uAC00\uB2A5" }),
+        features.length > 0 ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "w-full h-full",
+            style: {
+              transform: `translate(${position.x}px, ${position.y}px) scale(${scale})`,
+              transformOrigin: "center center",
+              transition: isDragging ? "none" : "transform 0.1s ease-out"
+            },
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            children: /* @__PURE__ */ jsx(
+              ResponsiveChoropleth,
+              {
+                data: processedData,
+                features,
+                margin: { top: 0, right: 0, bottom: isMobile ? 30 : 0, left: 0 },
+                colors,
+                domain: [0, Math.max(1, ...processedData.map((d) => d.value))],
+                unknownColor,
+                label: "properties.name",
+                valueFormat,
+                projectionScale,
+                projectionTranslation: [0.5, isMobile ? 0.55 : 0.5],
+                projectionRotation: [0, 0, 0],
+                borderWidth,
+                borderColor,
+                legends: [legendConfig]
+              },
+              `world-map-${processedData.length}-${Date.now()}`
+            )
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-muted-foreground", children: "\uC9C0\uB3C4 \uB370\uC774\uD130 \uB85C\uB529 \uC911..." })
+      ]
+    }
+  );
+}
+export {
+  WorldMapChart as default
+};

package/dist/components/ui/loading-bar.d.ts

@@ -0,0 +1,20 @@
+interface LoadingBarProps {
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "primary" | "secondary";
+    animated?: boolean;
+}
+export declare function LoadingBar({ className, size, variant, animated }: LoadingBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingBarWithText({ className, size, variant, text, animated }: LoadingBarProps & {
+    text?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function LoadingBarCompact({ className, size, variant, animated }: LoadingBarProps): import("react/jsx-runtime").JSX.Element;
+interface LoadingCardProps {
+    variant?: "card" | "bar" | "compact" | "text";
+    text?: string;
+    className?: string;
+    size?: "sm" | "md" | "lg";
+    animated?: boolean;
+}
+export declare function LoadingCard({ variant, text, className, size, animated }: LoadingCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/loading-bar.js

@@ -0,0 +1,15 @@
+"use client";
+import {
+  LoadingBar,
+  LoadingBarCompact,
+  LoadingBarWithText,
+  LoadingCard
+} from "../../chunk-34WAGUT5.js";
+import "../../chunk-62FLBG6B.js";
+import "../../chunk-ORMEWXMH.js";
+export {
+  LoadingBar,
+  LoadingBarCompact,
+  LoadingBarWithText,
+  LoadingCard
+};