@mieweb/ui 0.6.1 → 0.7.0-dev.179

package/dist/chunk-VJOVJTFP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DataVisNITRO/DataVisNITRO.tsx","../src/components/DataVisNITRO/DataVisNitroGraph.tsx"],"names":["createContext","determineColumns","useRef","Source","ComputedView","useView","useMemo","buildAggregateFunctions","getBuiltinGroupFunctions","jsx","DataGrid","TableRenderer","useContext","isObject","normalizeTypeInfo","normalizeFieldType","buildColumnFromField","buildResolvedColumns","buildFallbackFieldOrder","useState","useCallback","GraphView"],"mappings":"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","file":"chunk-VJOVJTFP.cjs","sourcesContent":["import React, { createContext, useContext, useMemo, useRef } from 'react';\nimport { ComputedView, Source } from 'datavis-ace';\n\nimport {\n  DataGrid,\n  determineColumns,\n  getBuiltinGroupFunctions,\n  buildAggregateFunctions,\n  useView,\n  TableRenderer,\n  type DataGridProps,\n  type GridTableDef,\n  type ViewInstance,\n  type TableRendererProps,\n  type TableColumn,\n  type TableFeatures,\n  type ColumnFilterConfig,\n  type AggregateFunction,\n  type GroupFunctionDef,\n} from '@mieweb/datavis';\n\ntype TranslateFn = (key: string, ...args: unknown[]) => string;\n\ntype DataVisNitroSourceType = 'http' | 'local' | 'file';\n\ninterface HttpDataVisNitroSourceProps {\n  type: 'http';\n  url: string;\n  children?: React.ReactNode;\n}\n\ninterface LocalDataVisNitroSourceProps {\n  type: 'local';\n  varName?: string;\n  children?: React.ReactNode;\n}\n\ninterface FileDataVisNitroSourceProps {\n  type: 'file';\n  children?: React.ReactNode;\n}\n\nexport type DataVisNitroSourceProps =\n  | HttpDataVisNitroSourceProps\n  | LocalDataVisNitroSourceProps\n  | FileDataVisNitroSourceProps;\n\ntype TrackedViewInstance = ViewInstance & {\n  _dvType: DataVisNitroSourceType;\n  _dvUrl: string | undefined;\n};\n\ntype DataVisTypeInfoEntry = {\n  type?: string;\n  displayText?: string;\n  format?: string | Record<string, unknown>;\n  internalType?: string;\n};\n\ntype DataVisTypeInfoMap = Record<string, DataVisTypeInfoEntry>;\n\ntype DataVisTypeInfoOrdMap = {\n  keys?: () => string[];\n  get?: (key: string) => DataVisTypeInfoEntry | undefined;\n};\n\nexport type DataVisNitroColumn = string | TableColumn;\n\nexport interface DataVisNitroGridProps\n  extends\n    Omit<DataGridProps, 'view' | 'children' | 'allColumns'>,\n    Pick<\n      TableRendererProps,\n      | 'formatCell'\n      | 'onColumnReorder'\n      | 'onColumnResize'\n      | 'onHeaderContextMenu'\n      | 'onRowClick'\n      | 'onRowDoubleClick'\n      | 'onSelectionChange'\n    > {\n  columns?: DataVisNitroColumn[];\n  allColumns?: TableColumn[];\n  features?: TableFeatures;\n  filterColumns?: ColumnFilterConfig[];\n  aggregateFunctions?: AggregateFunction[];\n  groupFunctionDefs?: GroupFunctionDef[];\n  style?: React.CSSProperties;\n  trans?: TranslateFn;\n}\n\nexport const DataVisNitroContext = createContext<ViewInstance | null>(null);\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\nfunction normalizeTypeInfo(typeInfo: unknown): DataVisTypeInfoMap {\n  if (Array.isArray(typeInfo)) {\n    return Object.fromEntries(\n      typeInfo.filter(isObject).map((entry) => [entry.field, entry])\n    ) as DataVisTypeInfoMap;\n  }\n\n  if (!isObject(typeInfo)) {\n    return {};\n  }\n\n  const maybeOrdMap = typeInfo as DataVisTypeInfoOrdMap;\n  if (\n    typeof maybeOrdMap.keys === 'function' &&\n    typeof maybeOrdMap.get === 'function'\n  ) {\n    return Object.fromEntries(\n      maybeOrdMap.keys().map((field) => [field, maybeOrdMap.get?.(field) ?? {}])\n    );\n  }\n\n  return Object.fromEntries(\n    Object.entries(typeInfo).filter(([, value]) => isObject(value))\n  ) as DataVisTypeInfoMap;\n}\n\nfunction normalizeFieldType(type: string | undefined): string | undefined {\n  if (!type) return undefined;\n  if (type === 'integer') return 'number';\n  if (type === 'boolean') return 'string';\n  return type;\n}\n\nfunction buildColumnFromField(\n  field: string,\n  typeInfo: DataVisTypeInfoMap\n): TableColumn {\n  const info = typeInfo[field];\n  const normalizedType = normalizeFieldType(info?.type);\n\n  return {\n    field,\n    header: info?.displayText ?? field,\n    sortable: true,\n    filterable: true,\n    resizable: true,\n    reorderable: true,\n    ...(normalizedType\n      ? {\n          typeInfo: {\n            type: normalizedType,\n            ...(info?.format !== undefined ? { format: info.format } : {}),\n            ...(info?.internalType !== undefined\n              ? { internalType: info.internalType }\n              : {}),\n          },\n        }\n      : {}),\n  };\n}\n\nfunction mergeColumnWithTypeInfo(\n  column: TableColumn,\n  typeInfo: DataVisTypeInfoMap\n): TableColumn {\n  const fallbackColumn = buildColumnFromField(column.field, typeInfo);\n  return {\n    ...fallbackColumn,\n    ...column,\n    header: column.header ?? fallbackColumn.header,\n    typeInfo: column.typeInfo ?? fallbackColumn.typeInfo,\n  };\n}\n\nfunction buildResolvedColumns(\n  columns: DataVisNitroColumn[] | undefined,\n  fallbackFields: string[],\n  typeInfo: DataVisTypeInfoMap\n): TableColumn[] {\n  if (columns && columns.length > 0) {\n    return columns.map((column) => {\n      if (typeof column === 'string') {\n        return buildColumnFromField(column, typeInfo);\n      }\n\n      return mergeColumnWithTypeInfo(column, typeInfo);\n    });\n  }\n\n  return fallbackFields.map((field) => buildColumnFromField(field, typeInfo));\n}\n\nfunction buildFallbackFieldOrder(\n  typeInfo: DataVisTypeInfoMap,\n  data: unknown[] | null\n): string[] {\n  const rows = Array.isArray(data)\n    ? data.filter((row): row is Record<string, unknown> => isObject(row))\n    : null;\n\n  const normalizedEntries = Object.fromEntries(\n    Object.entries(typeInfo).map(([field, info]) => [\n      field,\n      {\n        type: normalizeFieldType(info.type) ?? 'string',\n        ...(info.displayText !== undefined\n          ? { displayText: info.displayText }\n          : {}),\n      },\n    ])\n  );\n\n  return determineColumns(null, normalizedEntries, rows);\n}\n\nfunction buildControlFields(\n  columns: TableColumn[]\n): NonNullable<DataGridProps['controlFields']> {\n  return columns.map((column) => ({\n    field: column.field,\n    displayName: column.header,\n    type: column.typeInfo?.type,\n  }));\n}\n\nfunction buildAggregateFields(\n  columns: TableColumn[]\n): NonNullable<DataGridProps['aggregateFields']> {\n  return columns.map((column) => ({\n    field: column.field,\n    displayName: column.header,\n  }));\n}\n\nfunction mergeTableDef(\n  tableDef: GridTableDef | undefined,\n  features: TableFeatures | undefined\n): GridTableDef | undefined {\n  if (!tableDef && !features) {\n    return undefined;\n  }\n\n  const { rowMode, ...featureFlags } = features ?? {};\n  const mergedFeatures =\n    Object.keys(featureFlags).length > 0\n      ? ({\n          ...(tableDef?.features ?? {}),\n          ...featureFlags,\n        } as GridTableDef['features'])\n      : undefined;\n\n  return {\n    ...tableDef,\n    ...(rowMode !== undefined ? { rowMode } : {}),\n    ...(mergedFeatures ? { features: mergedFeatures } : {}),\n  };\n}\n\nfunction DataVisNitroSource(props: DataVisNitroSourceProps) {\n  const { type, children } = props;\n  const url = props.type === 'http' ? props.url : undefined;\n  const varName = props.type === 'local' ? props.varName : undefined;\n  const viewRef = useRef<TrackedViewInstance | null>(null);\n\n  if (\n    viewRef.current === null ||\n    viewRef.current._dvType !== type ||\n    viewRef.current._dvUrl !== url ||\n    (viewRef.current as TrackedViewInstance & { _dvVarName?: string })\n      ._dvVarName !== varName\n  ) {\n    const source =\n      props.type === 'http'\n        ? new Source({ type, url: props.url })\n        : new Source(\n            props.type === 'local' && props.varName\n              ? { type, varName: props.varName }\n              : { type }\n          );\n\n    viewRef.current = Object.assign(\n      new ComputedView(source) as unknown as ViewInstance,\n      { _dvType: type, _dvUrl: url, _dvVarName: varName }\n    );\n  }\n\n  return (\n    <DataVisNitroContext.Provider value={viewRef.current}>\n      {children}\n    </DataVisNitroContext.Provider>\n  );\n}\n\nfunction DataVisNitroGridInner({\n  computedView,\n  columns,\n  allColumns,\n  features,\n  filterColumns,\n  controlFields,\n  aggregateFields,\n  aggregateFunctions,\n  groupFunctionDefs,\n  tableDef,\n  formatCell,\n  onColumnReorder,\n  onColumnResize,\n  onHeaderContextMenu,\n  onRowClick,\n  onRowDoubleClick,\n  onSelectionChange,\n  style,\n  trans,\n  ...dataGridProps\n}: DataVisNitroGridProps & { computedView: ViewInstance }) {\n  const viewState = useView(computedView, false);\n\n  const normalizedTypeInfo = useMemo(\n    () =>\n      normalizeTypeInfo(viewState.typeInfo ?? computedView?.typeInfo ?? null),\n    [computedView, viewState.typeInfo]\n  );\n\n  const fallbackFields = useMemo(\n    () =>\n      buildFallbackFieldOrder(normalizedTypeInfo, viewState.data?.data ?? null),\n    [normalizedTypeInfo, viewState.data?.data]\n  );\n\n  const resolvedAllColumns = useMemo(() => {\n    if (allColumns && allColumns.length > 0) {\n      return allColumns.map((column) =>\n        mergeColumnWithTypeInfo(column, normalizedTypeInfo)\n      );\n    }\n\n    return buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo);\n  }, [allColumns, columns, fallbackFields, normalizedTypeInfo]);\n\n  const resolvedColumns = useMemo(() => {\n    if (columns && columns.length > 0) {\n      return buildResolvedColumns(\n        columns,\n        fallbackFields,\n        normalizedTypeInfo\n      ).filter((column) => column.visible !== false);\n    }\n\n    return resolvedAllColumns.filter((column) => column.visible !== false);\n  }, [columns, fallbackFields, normalizedTypeInfo, resolvedAllColumns]);\n\n  const effectiveAggregateFunctions = useMemo(\n    () => aggregateFunctions ?? buildAggregateFunctions(),\n    [aggregateFunctions]\n  );\n\n  const effectiveGroupFunctionDefs = useMemo(\n    () =>\n      groupFunctionDefs ??\n      getBuiltinGroupFunctions(trans as TranslateFn | undefined),\n    [groupFunctionDefs, trans]\n  );\n\n  const effectiveTableDef = useMemo(\n    () => mergeTableDef(tableDef, features),\n    [tableDef, features]\n  );\n\n  const aggFnLabels = useMemo(\n    () =>\n      Object.fromEntries(\n        effectiveAggregateFunctions.map((fn) => [fn.name, fn.label])\n      ),\n    [effectiveAggregateFunctions]\n  );\n\n  return (\n    <div style={style}>\n      <DataGrid\n        {...dataGridProps}\n        view={computedView}\n        tableDef={effectiveTableDef}\n        allColumns={resolvedAllColumns}\n        filterColumns={filterColumns ?? []}\n        controlFields={controlFields ?? buildControlFields(resolvedAllColumns)}\n        aggregateFields={\n          aggregateFields ?? buildAggregateFields(resolvedAllColumns)\n        }\n        aggregateFunctions={effectiveAggregateFunctions}\n        groupFunctionDefs={effectiveGroupFunctionDefs}\n      >\n        <TableRenderer\n          viewData={viewState.data}\n          columns={resolvedColumns}\n          features={\n            (effectiveTableDef?.features as TableFeatures | undefined) ??\n            features\n          }\n          totalRows={viewState.totalRowCount ?? viewState.rowCount}\n          loading={viewState.loading || !viewState.ready}\n          formatCell={formatCell}\n          aggFnLabels={aggFnLabels}\n          onColumnReorder={onColumnReorder}\n          onColumnResize={onColumnResize}\n          onHeaderContextMenu={onHeaderContextMenu}\n          onRowClick={onRowClick}\n          onRowDoubleClick={onRowDoubleClick}\n          onSelectionChange={onSelectionChange}\n        />\n      </DataGrid>\n    </div>\n  );\n}\n\nfunction DataVisNitroGrid(props: DataVisNitroGridProps) {\n  const computedView = useContext(DataVisNitroContext);\n\n  if (computedView === null) {\n    return null;\n  }\n\n  return <DataVisNitroGridInner {...props} computedView={computedView} />;\n}\n\nDataVisNitroSource.displayName = 'DataVisNitroSource';\nDataVisNitroGrid.displayName = 'DataVisNitroGrid';\n\nexport { DataVisNitroGrid, DataVisNitroSource };\n","import React, { useCallback, useContext, useMemo, useState } from 'react';\n\nimport {\n  GraphView,\n  determineColumns,\n  useView,\n  type GraphConfig,\n  type TableColumn,\n  type ViewInstance,\n} from '@mieweb/datavis';\n\nimport { DataVisNitroContext } from './DataVisNITRO';\nimport type { DataVisNitroColumn } from './DataVisNITRO';\n\ntype DataVisTypeInfoEntry = {\n  type?: string;\n  displayText?: string;\n  format?: string | Record<string, unknown>;\n  internalType?: string;\n};\n\ntype DataVisTypeInfoMap = Record<string, DataVisTypeInfoEntry>;\n\ntype DataVisTypeInfoOrdMap = {\n  keys?: () => string[];\n  get?: (key: string) => DataVisTypeInfoEntry | undefined;\n};\n\nexport interface DataVisNitroGraphProps {\n  /** Column definitions or field names to include in the graph. */\n  columns?: DataVisNitroColumn[];\n  /** Initial graph configuration (chart type, axes, etc.). */\n  config?: Partial<GraphConfig>;\n  /** Locale for formatting. */\n  locale?: string;\n  /** Additional CSS class name. */\n  className?: string;\n  /** CSS height for the container. */\n  height?: string;\n  /** Callback when the user changes graph configuration. */\n  onConfigChange?: (config: GraphConfig) => void;\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\nfunction normalizeTypeInfo(typeInfo: unknown): DataVisTypeInfoMap {\n  if (Array.isArray(typeInfo)) {\n    return Object.fromEntries(\n      typeInfo.filter(isObject).map((entry) => [entry.field, entry])\n    ) as DataVisTypeInfoMap;\n  }\n\n  if (!isObject(typeInfo)) {\n    return {};\n  }\n\n  const maybeOrdMap = typeInfo as DataVisTypeInfoOrdMap;\n  if (\n    typeof maybeOrdMap.keys === 'function' &&\n    typeof maybeOrdMap.get === 'function'\n  ) {\n    return Object.fromEntries(\n      maybeOrdMap.keys().map((field) => [field, maybeOrdMap.get?.(field) ?? {}])\n    );\n  }\n\n  return Object.fromEntries(\n    Object.entries(typeInfo).filter(([, value]) => isObject(value))\n  ) as DataVisTypeInfoMap;\n}\n\nfunction normalizeFieldType(type: string | undefined): string | undefined {\n  if (!type) return undefined;\n  if (type === 'integer') return 'number';\n  if (type === 'boolean') return 'string';\n  return type;\n}\n\nfunction buildColumnFromField(\n  field: string,\n  typeInfo: DataVisTypeInfoMap\n): TableColumn {\n  const info = typeInfo[field];\n  const normalizedType = normalizeFieldType(info?.type);\n\n  return {\n    field,\n    header: info?.displayText ?? field,\n    sortable: true,\n    filterable: true,\n    resizable: true,\n    reorderable: true,\n    ...(normalizedType\n      ? {\n          typeInfo: {\n            type: normalizedType,\n            ...(info?.format !== undefined ? { format: info.format } : {}),\n            ...(info?.internalType !== undefined\n              ? { internalType: info.internalType }\n              : {}),\n          },\n        }\n      : {}),\n  };\n}\n\nfunction buildResolvedColumns(\n  columns: DataVisNitroColumn[] | undefined,\n  fallbackFields: string[],\n  typeInfo: DataVisTypeInfoMap\n): TableColumn[] {\n  if (columns && columns.length > 0) {\n    return columns.map((column) => {\n      if (typeof column === 'string') {\n        return buildColumnFromField(column, typeInfo);\n      }\n      return column;\n    });\n  }\n\n  return fallbackFields.map((field) => buildColumnFromField(field, typeInfo));\n}\n\nfunction buildFallbackFieldOrder(\n  typeInfo: DataVisTypeInfoMap,\n  data: unknown[] | null\n): string[] {\n  const rows = Array.isArray(data)\n    ? data.filter((row): row is Record<string, unknown> => isObject(row))\n    : null;\n\n  const normalizedEntries = Object.fromEntries(\n    Object.entries(typeInfo).map(([field, info]) => [\n      field,\n      {\n        type: normalizeFieldType(info.type) ?? 'string',\n        ...(info.displayText !== undefined\n          ? { displayText: info.displayText }\n          : {}),\n      },\n    ])\n  );\n\n  return determineColumns(null, normalizedEntries, rows);\n}\n\nfunction DataVisNitroGraphInner({\n  computedView,\n  columns,\n  config: initialConfig,\n  locale,\n  className,\n  height,\n  onConfigChange,\n}: DataVisNitroGraphProps & { computedView: ViewInstance }) {\n  const viewState = useView(computedView);\n  const [liveConfig, setLiveConfig] = useState<\n    Partial<GraphConfig> | undefined\n  >(initialConfig);\n\n  const handleConfigChange = useCallback(\n    (newConfig: GraphConfig) => {\n      setLiveConfig(newConfig);\n      onConfigChange?.(newConfig);\n    },\n    [onConfigChange]\n  );\n\n  const normalizedTypeInfo = useMemo(\n    () =>\n      normalizeTypeInfo(viewState.typeInfo ?? computedView?.typeInfo ?? null),\n    [computedView, viewState.typeInfo]\n  );\n\n  const fallbackFields = useMemo(\n    () =>\n      buildFallbackFieldOrder(normalizedTypeInfo, viewState.data?.data ?? null),\n    [normalizedTypeInfo, viewState.data?.data]\n  );\n\n  const resolvedColumns = useMemo(\n    () => buildResolvedColumns(columns, fallbackFields, normalizedTypeInfo),\n    [columns, fallbackFields, normalizedTypeInfo]\n  );\n\n  return (\n    <div className=\"wcdv-graph\" style={height ? { height } : undefined}>\n      <GraphView\n        viewData={viewState.data}\n        columns={resolvedColumns}\n        config={liveConfig}\n        locale={locale}\n        className={className}\n        onConfigChange={handleConfigChange}\n      />\n    </div>\n  );\n}\n\nfunction DataVisNitroGraph(props: DataVisNitroGraphProps) {\n  const computedView = useContext(DataVisNitroContext);\n\n  if (computedView === null) {\n    return null;\n  }\n\n  return <DataVisNitroGraphInner {...props} computedView={computedView} />;\n}\n\nDataVisNitroGraph.displayName = 'DataVisNitroGraph';\n\nexport { DataVisNitroGraph };\n"]}

package/dist/{chunk-7BARESXI.cjs → chunk-VPNURIAY.cjs}

@@ -1,9 +1,11 @@
 'use strict';
 
-var chunkIKMR2ADM_cjs = require('./chunk-IKMR2ADM.cjs');
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
+var chunkFSGEDDF2_cjs = require('./chunk-FSGEDDF2.cjs');
+var chunkZDEYV373_cjs = require('./chunk-ZDEYV373.cjs');
 var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
 var React = require('react');
+var reactDom = require('react-dom');
 var libphonenumber = require('google-libphonenumber');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -136,7 +138,12 @@ function CountryCodeDropdown({
     setIsOpen(false);
     setSearch("");
   }, []);
-  chunkIKMR2ADM_cjs.useClickOutside(containerRef, close);
+  const { anchorRef, floatingRef, style } = chunkZDEYV373_cjs.useAnchoredPosition({ open: isOpen, placement });
+  const outsideRefs = React__namespace.useMemo(
+    () => [containerRef, floatingRef],
+    [containerRef, floatingRef]
+  );
+  chunkFSGEDDF2_cjs.useClickOutside(outsideRefs, close, isOpen);
   chunkFHY3K6PL_cjs.useEscapeKey(close, isOpen);
   React__namespace.useEffect(() => {
     if (isOpen) {
@@ -178,11 +185,13 @@ function CountryCodeDropdown({
     },
     [isOpen]
   );
-  const placementClass = placement === "bottom-end" ? "top-full right-0 mt-1" : "top-full left-0 mt-1";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref: containerRef,
+      ref: (node) => {
+        containerRef.current = node;
+        anchorRef.current = node;
+      },
       "data-slot": "country-dropdown",
       className: "relative inline-flex",
       children: [
@@ -242,103 +251,107 @@ function CountryCodeDropdown({
             ]
           }
         ),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            id: menuId,
-            role: "listbox",
-            "data-slot": "country-dropdown-panel",
-            "aria-label": ariaLabel,
-            tabIndex: -1,
-            onKeyDown: handleKeyDown,
-            className: chunkOR5DRJCW_cjs.cn(
-              "absolute z-50 w-72",
-              "rounded-xl border border-neutral-200 bg-white shadow-lg",
-              "dark:border-neutral-700 dark:bg-neutral-800",
-              "animate-in fade-in zoom-in-95 duration-100",
-              placementClass
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  "data-slot": "country-dropdown-search",
-                  className: "border-b border-neutral-200 p-2 dark:border-neutral-700",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "input",
-                    {
-                      ref: searchInputRef,
-                      type: "text",
-                      "data-slot": "country-dropdown-search-input",
-                      value: search,
-                      onChange: (e) => setSearch(e.target.value),
-                      placeholder: searchPlaceholder,
-                      "aria-label": "Search countries",
-                      className: chunkOR5DRJCW_cjs.cn(
-                        "w-full rounded-lg border border-neutral-200 px-3 py-1.5 text-sm",
-                        "text-foreground placeholder:text-muted-foreground bg-white",
-                        "focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none",
-                        "dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100"
-                      )
-                    }
-                  )
-                }
+        isOpen && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: floatingRef,
+              style,
+              id: menuId,
+              role: "listbox",
+              "data-slot": "country-dropdown-panel",
+              "aria-label": ariaLabel,
+              tabIndex: -1,
+              onKeyDown: handleKeyDown,
+              className: chunkOR5DRJCW_cjs.cn(
+                "flex w-72 flex-col overflow-hidden",
+                "rounded-xl border border-neutral-200 bg-white shadow-lg",
+                "dark:border-neutral-700 dark:bg-neutral-800",
+                "animate-in fade-in zoom-in-95 duration-100"
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  ref: listRef,
-                  "data-slot": "country-dropdown-list",
-                  className: "max-h-60 overflow-y-auto p-1",
-                  children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: "No countries found" }) : filtered.map((country) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      role: "option",
-                      "data-slot": "country-dropdown-option",
-                      "aria-selected": country.code === selected.code,
-                      onClick: () => handleSelect(country),
-                      className: chunkOR5DRJCW_cjs.cn(
-                        "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm",
-                        "transition-colors duration-150",
-                        "focus:outline-none",
-                        country.code === selected.code ? "bg-neutral-100 font-medium text-neutral-900 dark:bg-neutral-700 dark:text-white" : "text-neutral-700 hover:bg-neutral-50 dark:text-neutral-300 dark:hover:bg-neutral-700/50",
-                        "focus:bg-neutral-100 dark:focus:bg-neutral-700"
-                      ),
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            "data-slot": "country-dropdown-option-flag",
-                            className: "text-base leading-none",
-                            "aria-hidden": "true",
-                            children: country.flag
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            "data-slot": "country-dropdown-option-name",
-                            className: "flex-1 truncate",
-                            children: country.name
-                          }
-                        ),
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "span",
-                          {
-                            "data-slot": "country-dropdown-option-dialcode",
-                            className: "text-muted-foreground shrink-0 text-xs",
-                            children: country.dialCode
-                          }
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    "data-slot": "country-dropdown-search",
+                    className: "shrink-0 border-b border-neutral-200 p-2 dark:border-neutral-700",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        ref: searchInputRef,
+                        type: "text",
+                        "data-slot": "country-dropdown-search-input",
+                        value: search,
+                        onChange: (e) => setSearch(e.target.value),
+                        placeholder: searchPlaceholder,
+                        "aria-label": "Search countries",
+                        className: chunkOR5DRJCW_cjs.cn(
+                          "w-full rounded-lg border border-neutral-200 px-3 py-1.5 text-sm",
+                          "text-foreground placeholder:text-muted-foreground bg-white",
+                          "focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none",
+                          "dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100"
                         )
-                      ]
-                    },
-                    country.code
-                  ))
-                }
-              )
-            ]
-          }
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    ref: listRef,
+                    "data-slot": "country-dropdown-list",
+                    className: "max-h-60 min-h-0 overflow-y-auto p-1",
+                    children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground px-3 py-4 text-center text-sm", children: "No countries found" }) : filtered.map((country) => /* @__PURE__ */ jsxRuntime.jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "option",
+                        "data-slot": "country-dropdown-option",
+                        "aria-selected": country.code === selected.code,
+                        onClick: () => handleSelect(country),
+                        className: chunkOR5DRJCW_cjs.cn(
+                          "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm",
+                          "transition-colors duration-150",
+                          "focus:outline-none",
+                          country.code === selected.code ? "bg-neutral-100 font-medium text-neutral-900 dark:bg-neutral-700 dark:text-white" : "text-neutral-700 hover:bg-neutral-50 dark:text-neutral-300 dark:hover:bg-neutral-700/50",
+                          "focus:bg-neutral-100 dark:focus:bg-neutral-700"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "data-slot": "country-dropdown-option-flag",
+                              className: "text-base leading-none",
+                              "aria-hidden": "true",
+                              children: country.flag
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "data-slot": "country-dropdown-option-name",
+                              className: "flex-1 truncate",
+                              children: country.name
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "span",
+                            {
+                              "data-slot": "country-dropdown-option-dialcode",
+                              className: "text-muted-foreground shrink-0 text-xs",
+                              children: country.dialCode
+                            }
+                          )
+                        ]
+                      },
+                      country.code
+                    ))
+                  }
+                )
+              ]
+            }
+          ),
+          document.body
         )
       ]
     }
@@ -349,5 +362,5 @@ CountryCodeDropdown.displayName = "CountryCodeDropdown";
 exports.CountryCodeDropdown = CountryCodeDropdown;
 exports.formatE164 = formatE164;
 exports.validatePhoneNumber = validatePhoneNumber;
-//# sourceMappingURL=chunk-7BARESXI.cjs.map
-//# sourceMappingURL=chunk-7BARESXI.cjs.map
+//# sourceMappingURL=chunk-VPNURIAY.cjs.map
+//# sourceMappingURL=chunk-VPNURIAY.cjs.map

package/dist/chunk-VPNURIAY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CountryCodeDropdown/CountryCodeDropdown.tsx"],"names":["PhoneNumberUtil","libphonenumber","PhoneNumberFormat","React","useAnchoredPosition","useClickOutside","useEscapeKey","jsxs","cn","jsx","createPortal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,gBAAAA,GAC+DC,mCAC/D,eAAA,IAAkCA,yBAAA,CAAA,eAAA;AACxC,IAAMC,kBAAAA,GAC+DD,mCAC/D,iBAAA,IAAoCA,yBAAA,CAAA,iBAAA;AAuC1C,SAAS,WAAW,IAAA,EAAsB;AACxC,EAAA,OAAO,CAAC,GAAG,IAAA,CAAK,WAAA,EAAa,CAAA,CAC1B,GAAA,CAAI,CAAC,CAAA,KAAM,MAAA,CAAO,cAAc,MAAA,GAAU,EAAA,GAAK,EAAE,UAAA,CAAW,CAAC,CAAC,CAAC,CAAA,CAC/D,KAAK,EAAE,CAAA;AACZ;AAGA,SAAS,gBAAA,GAAkC;AACzC,EAAA,MAAM,SAAA,GAAYD,iBAAgB,WAAA,EAAY;AAC9C,EAAA,MAAM,OAAA,GAAU,UAAU,mBAAA,EAAoB;AAC9C,EAAA,MAAM,IAAA,GAAsB,OAAA,CAAQ,GAAA,CAAI,CAAC,IAAA,KAAiB;AACxD,IAAA,MAAM,WAAA,GAAc,SAAA,CAAU,uBAAA,CAAwB,IAAI,CAAA;AAC1D,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,IAAA,EAAM,kBAAkB,IAAI,CAAA;AAAA,MAC5B,QAAA,EAAU,IAAI,WAAW,CAAA,CAAA;AAAA,MACzB,IAAA,EAAM,WAAW,IAAI;AAAA,KACvB;AAAA,EACF,CAAC,CAAA;AACD,EAAA,IAAA,CAAK,IAAA,CAAK,CAAC,CAAA,EAAG,CAAA,KAAM,EAAE,IAAA,CAAK,aAAA,CAAc,CAAA,CAAE,IAAI,CAAC,CAAA;AAChD,EAAA,OAAO,IAAA;AACT;AAGA,IAAI,UAAA,GAAmC,IAAA;AACvC,SAAS,YAAA,GAA8B;AACrC,EAAA,IAAI,CAAC,UAAA,EAAY,UAAA,GAAa,gBAAA,EAAiB;AAC/C,EAAA,OAAO,UAAA;AACT;AAOA,IAAI,mBAAA,GAAgD,IAAA;AAEpD,SAAS,qBAAA,GAAkD;AACzD,EAAA,IAAI,wBAAwB,IAAA,EAAM;AAChC,IAAA,IAAI;AACF,MAAA,MAAM,OAAA,GACJ,OAAO,SAAA,KAAc,WAAA,IAAe,SAAA,CAAU,SAAA,EAAW,MAAA,GACrD,CAAC,GAAG,SAAA,CAAU,SAAS,CAAA,GACvB,CAAC,IAAI,CAAA;AACX,MAAA,mBAAA,GAAsB,IAAI,IAAA,CAAK,YAAA,CAAa,SAAS,EAAE,IAAA,EAAM,UAAU,CAAA;AAAA,IACzE,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,IAAA;AAAA,IACT;AAAA,EACF;AACA,EAAA,OAAO,mBAAA;AACT;AAMA,SAAS,kBAAkB,IAAA,EAAsB;AAC/C,EAAA,MAAM,KAAK,qBAAA,EAAsB;AACjC,EAAA,IAAI,CAAC,IAAI,OAAO,IAAA;AAChB,EAAA,OAAO,EAAA,CAAG,EAAA,CAAG,IAAI,CAAA,IAAK,IAAA;AACxB;AAaO,SAAS,mBAAA,CACd,aACA,WAAA,EACS;AACT,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,GAAYA,iBAAgB,WAAA,EAAY;AAC9C,IAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,WAAA,EAAa,WAAW,CAAA;AACvD,IAAA,OAAO,SAAA,CAAU,sBAAA,CAAuB,MAAA,EAAQ,WAAW,CAAA;AAAA,EAC7D,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AASO,SAAS,UAAA,CAAW,aAAqB,WAAA,EAA6B;AAC3E,EAAA,IAAI;AACF,IAAA,MAAM,SAAA,GAAYA,iBAAgB,WAAA,EAAY;AAC9C,IAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,WAAA,EAAa,WAAW,CAAA;AACvD,IAAA,OAAO,SAAA,CAAU,MAAA,CAAO,MAAA,EAAQE,kBAAAA,CAAkB,IAAI,CAAA;AAAA,EACxD,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,WAAA;AAAA,EACT;AACF;AAyBA,SAAS,mBAAA,CAAoB;AAAA,EAC3B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,iBAAA,GAAoB,wBAAA;AAAA,EACpB,cAAc,SAAA,GAAY;AAC5B,CAAA,EAA6B;AAC3B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUC,0BAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAUA,0BAAS,EAAE,CAAA;AAC7C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,gBAAA,CAAA,QAAA,CAAS,SAAS,IAAI,CAAA;AACtE,EAAA,MAAM,YAAA,GAAqBA,wBAAuB,IAAI,CAAA;AACtD,EAAA,MAAM,cAAA,GAAuBA,wBAAyB,IAAI,CAAA;AAC1D,EAAA,MAAM,OAAA,GAAgBA,wBAAuB,IAAI,CAAA;AACjD,EAAA,MAAM,SAAeA,gBAAA,CAAA,KAAA,EAAM;AAE3B,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,eAAe,KAAA,GAAQ,aAAA;AAG3C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAClE,EAAA,MAAM,SAAA,GAAkBA,gBAAA,CAAA,OAAA;AAAA,IACtB,MAAO,eAAA,GAAkB,YAAA,EAAa,GAAI,EAAC;AAAA,IAC3C,CAAC,eAAe;AAAA,GAClB;AAEA,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,MAAA,IAAU,CAAC,eAAA,EAAiB,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,MAAA,EAAQ,eAAe,CAAC,CAAA;AAE5B,EAAA,MAAM,QAAA,GAAiBA,yBAAQ,MAAM;AACnC,IAAA,IAAI,UAAU,MAAA,EAAQ;AACpB,MAAA,OACE,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,IAAA,KAAS,WAAW,CAAA,IAC5C,SAAA,CAAU,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,IAAI,CAAA;AAAA,IAEzC;AAEA,IAAA,OAAO;AAAA,MACL,MAAM,WAAA,IAAe,IAAA;AAAA,MACrB,IAAA,EAAM,iBAAA,CAAkB,WAAA,IAAe,IAAI,CAAA;AAAA,MAC3C,QAAA,EAAU,IAAIH,gBAAAA,CAAgB,WAAA,GAAc,uBAAA,CAAwB,WAAA,IAAe,IAAI,CAAC,CAAA,CAAA;AAAA,MACxF,IAAA,EAAM,UAAA,CAAW,WAAA,IAAe,IAAI;AAAA,KACtC;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,SAAS,CAAC,CAAA;AAE3B,EAAA,MAAM,QAAA,GAAiBG,yBAAQ,MAAM;AACnC,IAAA,IAAI,CAAC,QAAQ,OAAO,SAAA;AACpB,IAAA,MAAM,CAAA,GAAI,OAAO,WAAA,EAAY;AAC7B,IAAA,OAAO,SAAA,CAAU,MAAA;AAAA,MACf,CAAC,CAAA,KACC,CAAA,CAAE,KAAK,WAAA,EAAY,CAAE,SAAS,CAAC,CAAA,IAC/B,EAAE,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA,IACrB,CAAA,CAAE,KAAK,WAAA,EAAY,CAAE,SAAS,CAAC;AAAA,KACnC;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAS,CAAC,CAAA;AAGtB,EAAA,MAAM,KAAA,GAAcA,6BAAY,MAAM;AACpC,IAAA,SAAA,CAAU,KAAK,CAAA;AACf,IAAA,SAAA,CAAU,EAAE,CAAA;AAAA,EACd,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAa,KAAA,EAAM,GAAIC,sCAGxC,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAA,EAAW,CAAA;AAE7B,EAAA,MAAM,WAAA,GAAoBD,gBAAA,CAAA,OAAA;AAAA,IACxB,MAAM,CAAC,YAAA,EAAc,WAAW,CAAA;AAAA,IAChC,CAAC,cAAc,WAAW;AAAA,GAC5B;AACA,EAAAE,iCAAA,CAAgB,WAAA,EAAa,OAAO,MAAM,CAAA;AAC1C,EAAAC,8BAAA,CAAa,OAAO,MAAM,CAAA;AAG1B,EAAMH,2BAAU,MAAM;AACpB,IAAA,IAAI,MAAA,EAAQ;AAEV,MAAA,qBAAA,CAAsB,MAAM,cAAA,CAAe,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,IAC7D;AAAA,EACF,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,MAAM,YAAA,GAAqBA,6BAAY,MAAM;AAC3C,IAAA,IAAI,CAAC,QAAA,EAAU,SAAA,CAAU,CAAC,IAAA,KAAS,CAAC,IAAI,CAAA;AAAA,EAC1C,CAAA,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,MAAM,YAAA,GAAqBA,gBAAA,CAAA,WAAA;AAAA,IACzB,CAAC,OAAA,KAAyB;AACxB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,gBAAA,CAAiB,QAAQ,IAAI,CAAA;AAAA,MAC/B;AACA,MAAA,QAAA,GAAW,OAAO,CAAA;AAClB,MAAA,KAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,QAAA,EAAU,KAAK;AAAA,GAChC;AAGA,EAAA,MAAM,aAAA,GAAsBA,gBAAA,CAAA,WAAA;AAAA,IAC1B,CAAC,CAAA,KAA2B;AAC1B,MAAA,IAAI,CAAC,MAAA,EAAQ;AACb,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,SAAA,EAAW;AAChD,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,MAAM,KAAA,GACJ,QAAQ,OAAA,EAAS,gBAAA;AAAA,UACf;AAAA,SACF;AACF,QAAA,IAAI,CAAC,OAAO,MAAA,EAAQ;AAEpB,QAAA,MAAM,UAAU,QAAA,CAAS,aAAA;AACzB,QAAA,MAAM,MAAM,KAAA,CAAM,IAAA,CAAK,KAAK,CAAA,CAAE,QAAQ,OAA4B,CAAA;AAClE,QAAA,IAAI,IAAA;AACJ,QAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAa;AACzB,UAAA,IAAA,GAAO,GAAA,GAAM,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,MAAM,CAAA,GAAI,CAAA;AAAA,QAC5C,CAAA,MAAO;AACL,UAAA,IAAA,GAAO,GAAA,GAAM,CAAA,GAAI,GAAA,GAAM,CAAA,GAAI,MAAM,MAAA,GAAS,CAAA;AAAA,QAC5C;AACA,QAAA,KAAA,CAAM,IAAI,EAAE,KAAA,EAAM;AAAA,MACpB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,uBACEI,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,SAAA,CAAU,OAAA,GAAU,IAAA;AAAA,MACtB,CAAA;AAAA,MACA,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAU,sBAAA;AAAA,MAGV,QAAA,EAAA;AAAA,wBAAAA,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,0BAAA;AAAA,YACV,OAAA,EAAS,YAAA;AAAA,YACT,QAAA;AAAA,YACA,YAAA,EAAY,SAAA;AAAA,YACZ,eAAA,EAAc,SAAA;AAAA,YACd,eAAA,EAAe,MAAA;AAAA,YACf,eAAA,EAAe,SAAS,MAAA,GAAS,MAAA;AAAA,YACjC,SAAA,EAAWC,oBAAA;AAAA,cACT,sEAAA;AAAA,cACA,4CAAA;AAAA,cACA,gCAAA;AAAA,cACA,+CAAA;AAAA,cACA,iDAAA;AAAA,cACA,iDAAA;AAAA,cACA;AAAA,aACF;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAC,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAU,uBAAA;AAAA,kBACV,SAAA,EAAU,wBAAA;AAAA,kBACV,aAAA,EAAY,MAAA;AAAA,kBAEX,QAAA,EAAA,QAAA,CAAS;AAAA;AAAA,eACZ;AAAA,8BACAA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,2BAAA,EAA6B,mBAAS,QAAA,EAAS,CAAA;AAAA,8BAC/DA,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAU,0BAAA;AAAA,kBACV,SAAA,EAAWD,oBAAA;AAAA,oBACT,qEAAA;AAAA,oBACA,MAAA,IAAU;AAAA,mBACZ;AAAA,kBACA,KAAA,EAAM,4BAAA;AAAA,kBACN,OAAA,EAAQ,WAAA;AAAA,kBACR,IAAA,EAAK,cAAA;AAAA,kBACL,aAAA,EAAY,MAAA;AAAA,kBAEZ,QAAA,kBAAAC,cAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,QAAA,EAAS,SAAA;AAAA,sBACT,CAAA,EAAE,wIAAA;AAAA,sBACF,QAAA,EAAS;AAAA;AAAA;AACX;AAAA;AACF;AAAA;AAAA,SACF;AAAA,QAGC,MAAA,IACCC,qBAAA;AAAA,0BACEH,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,EAAA,EAAI,MAAA;AAAA,cACJ,IAAA,EAAK,SAAA;AAAA,cACL,WAAA,EAAU,wBAAA;AAAA,cACV,YAAA,EAAY,SAAA;AAAA,cACZ,QAAA,EAAU,EAAA;AAAA,cACV,SAAA,EAAW,aAAA;AAAA,cACX,SAAA,EAAWC,oBAAA;AAAA,gBACT,oCAAA;AAAA,gBACA,yDAAA;AAAA,gBACA,6CAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAGA,QAAA,EAAA;AAAA,gCAAAC,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,WAAA,EAAU,yBAAA;AAAA,oBACV,SAAA,EAAU,kEAAA;AAAA,oBAEV,QAAA,kBAAAA,cAAA;AAAA,sBAAC,OAAA;AAAA,sBAAA;AAAA,wBACC,GAAA,EAAK,cAAA;AAAA,wBACL,IAAA,EAAK,MAAA;AAAA,wBACL,WAAA,EAAU,+BAAA;AAAA,wBACV,KAAA,EAAO,MAAA;AAAA,wBACP,UAAU,CAAC,CAAA,KAAM,SAAA,CAAU,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,wBACzC,WAAA,EAAa,iBAAA;AAAA,wBACb,YAAA,EAAW,kBAAA;AAAA,wBACX,SAAA,EAAWD,oBAAA;AAAA,0BACT,iEAAA;AAAA,0BACA,4DAAA;AAAA,0BACA,0EAAA;AAAA,0BACA;AAAA;AACF;AAAA;AACF;AAAA,iBACF;AAAA,gCAGAC,cAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,GAAA,EAAK,OAAA;AAAA,oBACL,WAAA,EAAU,uBAAA;AAAA,oBACV,SAAA,EAAU,sCAAA;AAAA,oBAET,QAAA,EAAA,QAAA,CAAS,MAAA,KAAW,CAAA,mBACnBA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qDAAA,EAAsD,QAAA,EAAA,oBAAA,EAErE,CAAA,GAEA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,qBACZF,eAAA;AAAA,sBAAC,QAAA;AAAA,sBAAA;AAAA,wBAEC,IAAA,EAAK,QAAA;AAAA,wBACL,IAAA,EAAK,QAAA;AAAA,wBACL,WAAA,EAAU,yBAAA;AAAA,wBACV,eAAA,EAAe,OAAA,CAAQ,IAAA,KAAS,QAAA,CAAS,IAAA;AAAA,wBACzC,OAAA,EAAS,MAAM,YAAA,CAAa,OAAO,CAAA;AAAA,wBACnC,SAAA,EAAWC,oBAAA;AAAA,0BACT,uEAAA;AAAA,0BACA,gCAAA;AAAA,0BACA,oBAAA;AAAA,0BACA,OAAA,CAAQ,IAAA,KAAS,QAAA,CAAS,IAAA,GACtB,iFAAA,GACA,yFAAA;AAAA,0BACJ;AAAA,yBACF;AAAA,wBAEA,QAAA,EAAA;AAAA,0CAAAC,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,8BAAA;AAAA,8BACV,SAAA,EAAU,wBAAA;AAAA,8BACV,aAAA,EAAY,MAAA;AAAA,8BAEX,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA,2BACX;AAAA,0CACAA,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,8BAAA;AAAA,8BACV,SAAA,EAAU,iBAAA;AAAA,8BAET,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA,2BACX;AAAA,0CACAA,cAAA;AAAA,4BAAC,MAAA;AAAA,4BAAA;AAAA,8BACC,WAAA,EAAU,kCAAA;AAAA,8BACV,SAAA,EAAU,wCAAA;AAAA,8BAET,QAAA,EAAA,OAAA,CAAQ;AAAA;AAAA;AACX;AAAA,uBAAA;AAAA,sBAlCK,OAAA,CAAQ;AAAA,qBAoChB;AAAA;AAAA;AAEL;AAAA;AAAA,WACF;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"chunk-VPNURIAY.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport * as libphonenumber from 'google-libphonenumber';\nimport { cn } from '../../utils/cn';\nimport { useClickOutside } from '../../hooks/useClickOutside';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { useAnchoredPosition } from '../../hooks/useAnchoredPosition';\n\nconst PhoneNumberUtil =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberUtil ?? libphonenumber.PhoneNumberUtil;\nconst PhoneNumberFormat =\n  (libphonenumber as unknown as { default?: typeof libphonenumber }).default\n    ?.PhoneNumberFormat ?? libphonenumber.PhoneNumberFormat;\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface CountryData {\n  /** ISO 3166-1 alpha-2 country code (e.g. \"US\") */\n  code: string;\n  /** Country name (e.g. \"United States\") */\n  name: string;\n  /** Dial code (e.g. \"+1\") */\n  dialCode: string;\n  /** Emoji flag (e.g. \"🇺🇸\") */\n  flag: string;\n}\n\nexport interface CountryCodeDropdownProps {\n  /** The currently selected country code (ISO alpha-2, e.g. \"US\") */\n  value?: string;\n  /** Called when a country is selected */\n  onChange?: (country: CountryData) => void;\n  /** Whether the dropdown is disabled */\n  disabled?: boolean;\n  /** Additional class name for the trigger button */\n  className?: string;\n  /** Placement of the dropdown panel */\n  placement?: 'bottom-start' | 'bottom-end';\n  /** Placeholder text for the search field */\n  searchPlaceholder?: string;\n  /** Label for accessibility — visually hidden */\n  'aria-label'?: string;\n}\n\n// =============================================================================\n// Country Data (generated from libphonenumber)\n// =============================================================================\n\n/** Convert an ISO alpha-2 code to an emoji flag. */\nfunction isoToEmoji(code: string): string {\n  return [...code.toUpperCase()]\n    .map((c) => String.fromCodePoint(0x1f1e6 - 65 + c.charCodeAt(0)))\n    .join('');\n}\n\n/** Build the full sorted list of countries from libphonenumber. */\nfunction buildCountryList(): CountryData[] {\n  const phoneUtil = PhoneNumberUtil.getInstance();\n  const regions = phoneUtil.getSupportedRegions() as string[];\n  const list: CountryData[] = regions.map((code: string) => {\n    const callingCode = phoneUtil.getCountryCodeForRegion(code);\n    return {\n      code,\n      name: regionDisplayName(code),\n      dialCode: `+${callingCode}`,\n      flag: isoToEmoji(code),\n    };\n  });\n  list.sort((a, b) => a.name.localeCompare(b.name));\n  return list;\n}\n\n/** Lazy singleton so we only build the list once. */\nlet _countries: CountryData[] | null = null;\nfunction getCountries(): CountryData[] {\n  if (!_countries) _countries = buildCountryList();\n  return _countries;\n}\n\n// =============================================================================\n// Region display name mapping\n// =============================================================================\n\n/** Lazy singleton for Intl.DisplayNames so we only construct it once. */\nlet _regionDisplayNames: Intl.DisplayNames | null = null;\n\nfunction getRegionDisplayNames(): Intl.DisplayNames | null {\n  if (_regionDisplayNames === null) {\n    try {\n      const locales =\n        typeof navigator !== 'undefined' && navigator.languages?.length\n          ? [...navigator.languages]\n          : ['en'];\n      _regionDisplayNames = new Intl.DisplayNames(locales, { type: 'region' });\n    } catch {\n      return null;\n    }\n  }\n  return _regionDisplayNames;\n}\n\n/**\n * Use the browser Intl API for display names where available,\n * falling back to the raw ISO code.\n */\nfunction regionDisplayName(code: string): string {\n  const dn = getRegionDisplayNames();\n  if (!dn) return code;\n  return dn.of(code) ?? code;\n}\n\n// =============================================================================\n// Validation helper (exported for consumers)\n// =============================================================================\n\n/**\n * Validate a phone number string for a given country code using libphonenumber.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns Whether the number is valid for the given region.\n */\nexport function validatePhoneNumber(\n  phoneNumber: string,\n  countryCode: string\n): boolean {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.isValidNumberForRegion(parsed, countryCode);\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Format a phone number into E.164 international format.\n *\n * @param phoneNumber - The phone number (digits, may include formatting)\n * @param countryCode - ISO alpha-2 code (e.g. \"US\")\n * @returns The formatted number (e.g. \"+15551234567\") or the original string if parsing fails.\n */\nexport function formatE164(phoneNumber: string, countryCode: string): string {\n  try {\n    const phoneUtil = PhoneNumberUtil.getInstance();\n    const parsed = phoneUtil.parse(phoneNumber, countryCode);\n    return phoneUtil.format(parsed, PhoneNumberFormat.E164);\n  } catch {\n    return phoneNumber;\n  }\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A country-code selector dropdown designed to sit beside a phone number input.\n *\n * Defaults to United States (+1) with the 🇺🇸 flag. Clicking the trigger opens\n * a searchable list of all supported countries with their dial codes and flags.\n *\n * Uses Google's libphonenumber for the canonical country/code list and provides\n * a `validatePhoneNumber` helper for phone validation.\n *\n * @example\n * ```tsx\n * const [country, setCountry] = useState<CountryData>();\n *\n * <div className=\"flex gap-2\">\n *   <CountryCodeDropdown value={country?.code} onChange={setCountry} />\n *   <Input placeholder=\"Phone number\" />\n * </div>\n * ```\n */\nfunction CountryCodeDropdown({\n  value,\n  onChange,\n  disabled = false,\n  className,\n  placement = 'bottom-start',\n  searchPlaceholder = 'Search countries…',\n  'aria-label': ariaLabel = 'Select country code',\n}: CountryCodeDropdownProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [search, setSearch] = React.useState('');\n  const [internalValue, setInternalValue] = React.useState(value ?? 'US');\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const menuId = React.useId();\n\n  const isControlled = value !== undefined;\n  const activeValue = isControlled ? value : internalValue;\n\n  // Defer building the full country list until the dropdown is first opened\n  const [countriesLoaded, setCountriesLoaded] = React.useState(false);\n  const countries = React.useMemo(\n    () => (countriesLoaded ? getCountries() : []),\n    [countriesLoaded]\n  );\n\n  React.useEffect(() => {\n    if (isOpen && !countriesLoaded) setCountriesLoaded(true);\n  }, [isOpen, countriesLoaded]);\n\n  const selected = React.useMemo(() => {\n    if (countries.length) {\n      return (\n        countries.find((c) => c.code === activeValue) ??\n        countries.find((c) => c.code === 'US')!\n      );\n    }\n    // Lightweight fallback while list hasn't loaded yet\n    return {\n      code: activeValue ?? 'US',\n      name: regionDisplayName(activeValue ?? 'US'),\n      dialCode: `+${PhoneNumberUtil.getInstance().getCountryCodeForRegion(activeValue ?? 'US')}`,\n      flag: isoToEmoji(activeValue ?? 'US'),\n    };\n  }, [activeValue, countries]);\n\n  const filtered = React.useMemo(() => {\n    if (!search) return countries;\n    const q = search.toLowerCase();\n    return countries.filter(\n      (c) =>\n        c.name.toLowerCase().includes(q) ||\n        c.dialCode.includes(q) ||\n        c.code.toLowerCase().includes(q)\n    );\n  }, [search, countries]);\n\n  // Close helpers\n  const close = React.useCallback(() => {\n    setIsOpen(false);\n    setSearch('');\n  }, []);\n\n  // Portal + fixed positioning so the panel escapes overflow-hidden ancestors.\n  const { anchorRef, floatingRef, style } = useAnchoredPosition<\n    HTMLDivElement,\n    HTMLDivElement\n  >({ open: isOpen, placement });\n\n  const outsideRefs = React.useMemo(\n    () => [containerRef, floatingRef],\n    [containerRef, floatingRef]\n  );\n  useClickOutside(outsideRefs, close, isOpen);\n  useEscapeKey(close, isOpen);\n\n  // Focus search input when opening\n  React.useEffect(() => {\n    if (isOpen) {\n      // Defer to let the DOM render\n      requestAnimationFrame(() => searchInputRef.current?.focus());\n    }\n  }, [isOpen]);\n\n  const handleToggle = React.useCallback(() => {\n    if (!disabled) setIsOpen((prev) => !prev);\n  }, [disabled]);\n\n  const handleSelect = React.useCallback(\n    (country: CountryData) => {\n      if (!isControlled) {\n        setInternalValue(country.code);\n      }\n      onChange?.(country);\n      close();\n    },\n    [isControlled, onChange, close]\n  );\n\n  // Keyboard navigation inside the list\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isOpen) return;\n      if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        e.preventDefault();\n        const items =\n          listRef.current?.querySelectorAll<HTMLButtonElement>(\n            '[role=\"option\"]'\n          );\n        if (!items?.length) return;\n\n        const current = document.activeElement as HTMLElement;\n        const idx = Array.from(items).indexOf(current as HTMLButtonElement);\n        let next: number;\n        if (e.key === 'ArrowDown') {\n          next = idx < items.length - 1 ? idx + 1 : 0;\n        } else {\n          next = idx > 0 ? idx - 1 : items.length - 1;\n        }\n        items[next].focus();\n      }\n    },\n    [isOpen]\n  );\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node;\n        anchorRef.current = node;\n      }}\n      data-slot=\"country-dropdown\"\n      className=\"relative inline-flex\"\n    >\n      {/* Trigger button */}\n      <button\n        type=\"button\"\n        data-slot=\"country-dropdown-trigger\"\n        onClick={handleToggle}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? menuId : undefined}\n        className={cn(\n          'inline-flex items-center gap-1.5 rounded-lg border px-3 py-2 text-sm',\n          'border-input bg-background text-foreground',\n          'transition-colors duration-200',\n          'hover:bg-neutral-50 dark:hover:bg-neutral-700',\n          'focus:ring-ring focus:ring-2 focus:outline-none',\n          'disabled:cursor-not-allowed disabled:opacity-50',\n          className\n        )}\n      >\n        <span\n          data-slot=\"country-dropdown-flag\"\n          className=\"text-base leading-none\"\n          aria-hidden=\"true\"\n        >\n          {selected.flag}\n        </span>\n        <span data-slot=\"country-dropdown-dialcode\">{selected.dialCode}</span>\n        <svg\n          data-slot=\"country-dropdown-chevron\"\n          className={cn(\n            'h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200',\n            isOpen && 'rotate-180'\n          )}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n          aria-hidden=\"true\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n\n      {/* Dropdown panel */}\n      {isOpen &&\n        createPortal(\n          <div\n            ref={floatingRef}\n            style={style}\n            id={menuId}\n            role=\"listbox\"\n            data-slot=\"country-dropdown-panel\"\n            aria-label={ariaLabel}\n            tabIndex={-1}\n            onKeyDown={handleKeyDown}\n            className={cn(\n              'flex w-72 flex-col overflow-hidden',\n              'rounded-xl border border-neutral-200 bg-white shadow-lg',\n              'dark:border-neutral-700 dark:bg-neutral-800',\n              'animate-in fade-in zoom-in-95 duration-100'\n            )}\n          >\n            {/* Search input */}\n            <div\n              data-slot=\"country-dropdown-search\"\n              className=\"shrink-0 border-b border-neutral-200 p-2 dark:border-neutral-700\"\n            >\n              <input\n                ref={searchInputRef}\n                type=\"text\"\n                data-slot=\"country-dropdown-search-input\"\n                value={search}\n                onChange={(e) => setSearch(e.target.value)}\n                placeholder={searchPlaceholder}\n                aria-label=\"Search countries\"\n                className={cn(\n                  'w-full rounded-lg border border-neutral-200 px-3 py-1.5 text-sm',\n                  'text-foreground placeholder:text-muted-foreground bg-white',\n                  'focus:ring-ring focus:border-transparent focus:ring-2 focus:outline-none',\n                  'dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100'\n                )}\n              />\n            </div>\n\n            {/* Country list */}\n            <div\n              ref={listRef}\n              data-slot=\"country-dropdown-list\"\n              className=\"max-h-60 min-h-0 overflow-y-auto p-1\"\n            >\n              {filtered.length === 0 ? (\n                <div className=\"text-muted-foreground px-3 py-4 text-center text-sm\">\n                  No countries found\n                </div>\n              ) : (\n                filtered.map((country) => (\n                  <button\n                    key={country.code}\n                    type=\"button\"\n                    role=\"option\"\n                    data-slot=\"country-dropdown-option\"\n                    aria-selected={country.code === selected.code}\n                    onClick={() => handleSelect(country)}\n                    className={cn(\n                      'flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm',\n                      'transition-colors duration-150',\n                      'focus:outline-none',\n                      country.code === selected.code\n                        ? 'bg-neutral-100 font-medium text-neutral-900 dark:bg-neutral-700 dark:text-white'\n                        : 'text-neutral-700 hover:bg-neutral-50 dark:text-neutral-300 dark:hover:bg-neutral-700/50',\n                      'focus:bg-neutral-100 dark:focus:bg-neutral-700'\n                    )}\n                  >\n                    <span\n                      data-slot=\"country-dropdown-option-flag\"\n                      className=\"text-base leading-none\"\n                      aria-hidden=\"true\"\n                    >\n                      {country.flag}\n                    </span>\n                    <span\n                      data-slot=\"country-dropdown-option-name\"\n                      className=\"flex-1 truncate\"\n                    >\n                      {country.name}\n                    </span>\n                    <span\n                      data-slot=\"country-dropdown-option-dialcode\"\n                      className=\"text-muted-foreground shrink-0 text-xs\"\n                    >\n                      {country.dialCode}\n                    </span>\n                  </button>\n                ))\n              )}\n            </div>\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nCountryCodeDropdown.displayName = 'CountryCodeDropdown';\n\nexport { CountryCodeDropdown };\n"]}

package/dist/{chunk-I56VBDSC.js → chunk-XDFDVF2O.js}

@@ -126,6 +126,16 @@ var SystemIcon = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
+var THREE_WAY_NEXT = {
+  light: "dark",
+  dark: "system",
+  system: "light"
+};
+var THEME_LABELS = {
+  light: "Switch to light mode",
+  dark: "Switch to dark mode",
+  system: "Switch to system theme"
+};
 var ThemeToggle = React.forwardRef(
   ({
     className,
@@ -145,33 +155,35 @@ var ThemeToggle = React.forwardRef(
       if (mode === "two-way") {
         setTheme(resolvedTheme === "dark" ? "light" : "dark");
       } else {
-        const nextTheme = {
-          light: "dark",
-          dark: "system",
-          system: "light"
-        };
-        setTheme(nextTheme[theme]);
+        setTheme(THREE_WAY_NEXT[theme]);
       }
     }, [mode, theme, resolvedTheme, setTheme]);
     const getLabel = () => {
       if (mode === "two-way") {
         return resolvedTheme === "dark" ? "Switch to light mode" : "Switch to dark mode";
       }
-      const nextThemeLabels = {
-        light: "Switch to dark mode",
-        dark: "Switch to system theme",
-        system: "Switch to light mode"
-      };
-      return nextThemeLabels[theme];
+      return THEME_LABELS[THREE_WAY_NEXT[theme]];
     };
     const getCurrentIcon = () => {
-      if (mode === "three-way" && theme === "system") {
-        return systemIcon || /* @__PURE__ */ jsx(SystemIcon, { className: themeToggleIconVariants({ size }) });
+      const iconClass = themeToggleIconVariants({ size });
+      if (mode === "three-way") {
+        const override = {
+          light: lightIcon,
+          dark: darkIcon,
+          system: systemIcon
+        }[theme];
+        if (override) return override;
+        const defaultIcons = {
+          light: /* @__PURE__ */ jsx(SunIcon, { className: iconClass }),
+          dark: /* @__PURE__ */ jsx(MoonIcon, { className: iconClass }),
+          system: /* @__PURE__ */ jsx(SystemIcon, { className: iconClass })
+        };
+        return defaultIcons[THREE_WAY_NEXT[theme]];
       }
       if (resolvedTheme === "dark") {
-        return darkIcon || /* @__PURE__ */ jsx(SunIcon, { className: themeToggleIconVariants({ size }) });
+        return darkIcon || /* @__PURE__ */ jsx(SunIcon, { className: iconClass });
       }
-      return lightIcon || /* @__PURE__ */ jsx(MoonIcon, { className: themeToggleIconVariants({ size }) });
+      return lightIcon || /* @__PURE__ */ jsx(MoonIcon, { className: iconClass });
     };
     const label = getLabel();
     const button = /* @__PURE__ */ jsx(
@@ -203,5 +215,5 @@ var ThemeToggle = React.forwardRef(
 ThemeToggle.displayName = "ThemeToggle";
 
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext };
-//# sourceMappingURL=chunk-I56VBDSC.js.map
-//# sourceMappingURL=chunk-I56VBDSC.js.map
+//# sourceMappingURL=chunk-XDFDVF2O.js.map
+//# sourceMappingURL=chunk-XDFDVF2O.js.map

package/dist/chunk-XDFDVF2O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ThemeProvider/ThemeProvider.tsx","../src/components/ThemeProvider/ThemeToggle.tsx"],"names":["jsx","React2"],"mappings":"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","file":"chunk-XDFDVF2O.js","sourcesContent":["import * as React from 'react';\nimport { useTheme, type Theme, type ResolvedTheme } from '../../hooks/useTheme';\n\nexport interface ThemeProviderContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: ResolvedTheme;\n}\n\nconst ThemeProviderContext = React.createContext<\n  ThemeProviderContextValue | undefined\n>(undefined);\n\nexport interface ThemeProviderProps {\n  children: React.ReactNode;\n  /** Default theme to use on first load */\n  defaultTheme?: Theme;\n  /** Storage key for persisting theme */\n  storageKey?: string;\n}\n\n/**\n * Provider component that wraps your app to enable theme switching.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <ThemeProvider defaultTheme=\"system\">\n *       <YourApp />\n *     </ThemeProvider>\n *   );\n * }\n * ```\n */\nfunction ThemeProvider({\n  children,\n  defaultTheme: _defaultTheme = 'system',\n}: ThemeProviderProps) {\n  const { theme, setTheme, resolvedTheme } = useTheme();\n\n  const value = React.useMemo(\n    () => ({ theme, setTheme, resolvedTheme }),\n    [theme, setTheme, resolvedTheme]\n  );\n\n  return (\n    <ThemeProviderContext.Provider value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\nThemeProvider.displayName = 'ThemeProvider';\n\n/**\n * Hook to access the theme context.\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useThemeContext();\n *   return (\n *     <button onClick={() => setTheme(resolvedTheme === 'dark' ? 'light' : 'dark')}>\n *       Toggle theme\n *     </button>\n *   );\n * }\n * ```\n */\nfunction useThemeContext(): ThemeProviderContextValue {\n  const context = React.useContext(ThemeProviderContext);\n  if (!context) {\n    throw new Error('useThemeContext must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport { ThemeProvider, ThemeProviderContext, useThemeContext };\n","import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useTheme, type Theme } from '../../hooks/useTheme';\nimport { Tooltip } from '../Tooltip';\n\n// ============================================================================\n// Theme Toggle Variants\n// ============================================================================\n\nconst themeToggleVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'rounded-md border transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500/40',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-7 w-7',\n        md: 'h-8 w-8',\n        lg: 'h-9 w-9',\n      },\n      variant: {\n        default: [\n          'border-neutral-300 bg-white text-neutral-600 shadow-sm',\n          'hover:bg-neutral-100',\n          'dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n        ghost: [\n          'border-transparent bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'dark:text-neutral-300 dark:hover:bg-neutral-700',\n        ],\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'default',\n    },\n  }\n);\n\nconst themeToggleIconVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'h-3.5 w-3.5',\n      md: 'h-4 w-4',\n      lg: 'h-5 w-5',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ============================================================================\n// Icon Components\n// ============================================================================\n\ninterface IconProps {\n  className?: string;\n}\n\nconst SunIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z\"\n    />\n  </svg>\n);\n\nconst MoonIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z\"\n    />\n  </svg>\n);\n\nconst SystemIcon: React.FC<IconProps> = ({ className }) => (\n  <svg\n    className={className}\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    aria-hidden=\"true\"\n  >\n    <path\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\n    />\n  </svg>\n);\n\n// ============================================================================\n// Three-way cycle (single source of truth)\n// ============================================================================\n\n/** The three-way cycle order: light → dark → system → light. Click handler,\n *  tooltip label, and default icon are all derived from this one map. */\nconst THREE_WAY_NEXT: Record<Theme, Theme> = {\n  light: 'dark',\n  dark: 'system',\n  system: 'light',\n};\n\nconst THEME_LABELS: Record<Theme, string> = {\n  light: 'Switch to light mode',\n  dark: 'Switch to dark mode',\n  system: 'Switch to system theme',\n};\n\n// ============================================================================\n// ThemeToggle Component\n// ============================================================================\n\nexport interface ThemeToggleProps\n  extends\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>,\n    VariantProps<typeof themeToggleVariants> {\n  /**\n   * What themes to cycle through.\n   * - 'two-way': Toggle between light and dark only\n   * - 'three-way': Cycle through light → dark → system\n   * @default 'two-way'\n   */\n  mode?: 'two-way' | 'three-way';\n  /**\n   * Whether to show a tooltip with the current/next theme\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Tooltip placement\n   * @default 'bottom'\n   */\n  tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left';\n  /**\n   * Delay before showing tooltip in ms\n   * @default 140\n   */\n  tooltipDelay?: number;\n  /**\n   * Custom icon for light theme\n   */\n  lightIcon?: React.ReactNode;\n  /**\n   * Custom icon for dark theme\n   */\n  darkIcon?: React.ReactNode;\n  /**\n   * Custom icon for system theme (only used in three-way mode)\n   */\n  systemIcon?: React.ReactNode;\n}\n\n/**\n * An accessible theme toggle button that switches between light/dark modes.\n *\n * Uses the mieweb-ui useTheme hook for state management and persists\n * the user's preference to localStorage.\n *\n * @example\n * ```tsx\n * // Simple two-way toggle (light/dark)\n * <ThemeToggle />\n *\n * // Three-way cycle (light → dark → system)\n * <ThemeToggle mode=\"three-way\" />\n *\n * // With custom styling\n * <ThemeToggle size=\"lg\" variant=\"ghost\" />\n *\n * // Without tooltip\n * <ThemeToggle showTooltip={false} />\n * ```\n */\nconst ThemeToggle = React.forwardRef<HTMLButtonElement, ThemeToggleProps>(\n  (\n    {\n      className,\n      size,\n      variant,\n      mode = 'two-way',\n      showTooltip = true,\n      tooltipPlacement = 'bottom',\n      tooltipDelay = 140,\n      lightIcon,\n      darkIcon,\n      systemIcon,\n      ...props\n    },\n    ref\n  ) => {\n    const { theme, setTheme, resolvedTheme } = useTheme();\n\n    const handleClick = React.useCallback(() => {\n      if (mode === 'two-way') {\n        // Simple toggle between light and dark\n        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');\n      } else {\n        setTheme(THREE_WAY_NEXT[theme]);\n      }\n    }, [mode, theme, resolvedTheme, setTheme]);\n\n    const getLabel = () => {\n      if (mode === 'two-way') {\n        return resolvedTheme === 'dark'\n          ? 'Switch to light mode'\n          : 'Switch to dark mode';\n      }\n      // Three-way mode - name the next stop in the cycle\n      return THEME_LABELS[THREE_WAY_NEXT[theme]];\n    };\n\n    const getCurrentIcon = () => {\n      const iconClass = themeToggleIconVariants({ size });\n      if (mode === 'three-way') {\n        // The DEFAULT icon previews the next theme in the cycle, matching the\n        // tooltip (previously dark showed a sun while the click gave system,\n        // and system showed the current state instead of the next). The\n        // lightIcon/darkIcon/systemIcon overrides are keyed by the CURRENT\n        // theme — they replace the icon shown while in that theme.\n        const override = {\n          light: lightIcon,\n          dark: darkIcon,\n          system: systemIcon,\n        }[theme];\n        if (override) return override;\n        const defaultIcons: Record<Theme, React.ReactNode> = {\n          light: <SunIcon className={iconClass} />,\n          dark: <MoonIcon className={iconClass} />,\n          system: <SystemIcon className={iconClass} />,\n        };\n        return defaultIcons[THREE_WAY_NEXT[theme]];\n      }\n\n      // Two-way keeps the classic convention: sun while dark (\"click for\n      // light\"), moon while light (\"click for dark\").\n      if (resolvedTheme === 'dark') {\n        return darkIcon || <SunIcon className={iconClass} />;\n      }\n\n      return lightIcon || <MoonIcon className={iconClass} />;\n    };\n\n    const label = getLabel();\n\n    const button = (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        onClick={handleClick}\n        className={cn(themeToggleVariants({ size, variant }), className)}\n        {...props}\n      >\n        {getCurrentIcon()}\n      </button>\n    );\n\n    if (showTooltip) {\n      return (\n        <Tooltip\n          content={label}\n          placement={tooltipPlacement}\n          delay={tooltipDelay}\n        >\n          {button}\n        </Tooltip>\n      );\n    }\n\n    return button;\n  }\n);\n\nThemeToggle.displayName = 'ThemeToggle';\n\nexport { ThemeToggle, themeToggleVariants, themeToggleIconVariants };\n"]}