@rufous/ui 0.3.18 → 0.3.20

package/dist/main.cjs

@@ -168,8 +168,23 @@ __export(main_exports, {
   ViewIcon: () => viewIcon_default,
   WorkItemIcon: () => workItemIcon_default,
   Zoom: () => Zoom,
+  getAllCountries: () => getAllCountries2,
+  getCitiesByName: () => getCitiesByName,
+  getCitiesOfCountry: () => getCitiesOfCountry,
+  getCitiesOfState: () => getCitiesOfState,
+  getCityByName: () => getCityByName,
+  getCountriesByName: () => getCountriesByName,
+  getCountryByCode: () => getCountryByCode,
+  getCountryByName: () => getCountryByName,
+  getStateByCode: () => getStateByCode,
+  getStateByName: () => getStateByName,
+  getStatesByName: () => getStatesByName,
+  getStatesOfCountry: () => getStatesOfCountry,
   transformLegacyTodos: () => transformLegacyTodos,
-  useRufousTheme: () => useRufousTheme
+  useCitiesSearch: () => useCitiesSearch,
+  useCountriesSearch: () => useCountriesSearch,
+  useRufousTheme: () => useRufousTheme,
+  useStatesSearch: () => useStatesSearch
 });
 module.exports = __toCommonJS(main_exports);
 
@@ -13616,6 +13631,172 @@ var RufousTextContent = ({ content, className, style, sx }) => {
     }
   );
 };
+
+// lib/utils/locationData.ts
+var import_country_state_city3 = require("country-state-city");
+var _stateNameCache = /* @__PURE__ */ new Map();
+function getStateNameMap(countryCode) {
+  if (!_stateNameCache.has(countryCode)) {
+    const map = /* @__PURE__ */ new Map();
+    import_country_state_city3.State.getStatesOfCountry(countryCode).forEach((s2) => map.set(s2.isoCode, s2.name));
+    _stateNameCache.set(countryCode, map);
+  }
+  return _stateNameCache.get(countryCode);
+}
+var _allCountriesCache = null;
+function getAllCountriesCached() {
+  if (!_allCountriesCache) _allCountriesCache = import_country_state_city3.Country.getAllCountries();
+  return _allCountriesCache;
+}
+var _allStatesCache = null;
+function getAllStatesCached() {
+  if (!_allStatesCache) {
+    const countryMap = new Map(import_country_state_city3.Country.getAllCountries().map((c) => [c.isoCode, c.name]));
+    _allStatesCache = import_country_state_city3.State.getAllStates().map((s2) => ({
+      ...s2,
+      countryName: countryMap.get(s2.countryCode) ?? ""
+    }));
+  }
+  return _allStatesCache;
+}
+var _allCitiesCache = null;
+function getAllCitiesCached() {
+  if (!_allCitiesCache) {
+    const countryMap = new Map(import_country_state_city3.Country.getAllCountries().map((c) => [c.isoCode, c.name]));
+    const stateMap = new Map(import_country_state_city3.State.getAllStates().map((s2) => [`${s2.countryCode}:${s2.isoCode}`, s2.name]));
+    _allCitiesCache = import_country_state_city3.City.getAllCities().map((city) => ({
+      ...city,
+      cityCode: city.name.slice(0, 3),
+      countryName: countryMap.get(city.countryCode) ?? "",
+      stateName: stateMap.get(`${city.countryCode}:${city.stateCode}`) ?? ""
+    }));
+  }
+  return _allCitiesCache;
+}
+function getAllCountries2() {
+  return getAllCountriesCached();
+}
+function getCountryByCode(isoCode) {
+  return import_country_state_city3.Country.getCountryByCode(isoCode) ?? void 0;
+}
+function getCountryByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCountriesCached().find(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getCountriesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCountriesCached().filter(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getStatesOfCountry(countryCode) {
+  const countryName = import_country_state_city3.Country.getCountryByCode(countryCode)?.name ?? "";
+  return import_country_state_city3.State.getStatesOfCountry(countryCode).map((state) => ({
+    ...state,
+    countryName
+  }));
+}
+function getStateByCode(stateCode, countryCode) {
+  const state = import_country_state_city3.State.getStateByCodeAndCountry(stateCode, countryCode);
+  if (!state) return void 0;
+  const countryName = import_country_state_city3.Country.getCountryByCode(countryCode)?.name ?? "";
+  return { ...state, countryName };
+}
+function getStateByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllStatesCached().find(
+    (s2) => exact ? s2.name.toLowerCase() === q : s2.name.toLowerCase().includes(q)
+  );
+}
+function getStatesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllStatesCached().filter(
+    (s2) => exact ? s2.name.toLowerCase() === q : s2.name.toLowerCase().includes(q)
+  );
+}
+function getCitiesOfState(countryCode, stateCode) {
+  const countryName = import_country_state_city3.Country.getCountryByCode(countryCode)?.name ?? "";
+  const stateName = import_country_state_city3.State.getStateByCodeAndCountry(stateCode, countryCode)?.name ?? "";
+  return import_country_state_city3.City.getCitiesOfState(countryCode, stateCode).map((city) => ({
+    ...city,
+    cityCode: city.name.slice(0, 3),
+    countryName,
+    stateName
+  }));
+}
+function getCitiesOfCountry(countryCode) {
+  const countryName = import_country_state_city3.Country.getCountryByCode(countryCode)?.name ?? "";
+  const stateNameMap = getStateNameMap(countryCode);
+  return (import_country_state_city3.City.getCitiesOfCountry(countryCode) ?? []).map((city) => ({
+    ...city,
+    cityCode: city.name.slice(0, 3),
+    countryName,
+    stateName: stateNameMap.get(city.stateCode) ?? ""
+  }));
+}
+function getCityByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCitiesCached().find(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getCitiesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCitiesCached().filter(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+
+// lib/utils/useLocationSearch.ts
+var import_react64 = require("react");
+function useDebounced(searcher, debounceMs) {
+  const [query, setQuery] = (0, import_react64.useState)("");
+  const [results, setResults] = (0, import_react64.useState)([]);
+  const timer = (0, import_react64.useRef)(null);
+  (0, import_react64.useEffect)(() => () => {
+    if (timer.current) clearTimeout(timer.current);
+  }, []);
+  const search = (0, import_react64.useCallback)((name) => {
+    setQuery(name);
+    if (timer.current) clearTimeout(timer.current);
+    if (!name.trim()) {
+      setResults([]);
+      return;
+    }
+    timer.current = setTimeout(() => {
+      setResults(searcher(name));
+    }, debounceMs);
+  }, [searcher, debounceMs]);
+  const clear = (0, import_react64.useCallback)(() => {
+    if (timer.current) clearTimeout(timer.current);
+    setQuery("");
+    setResults([]);
+  }, []);
+  return { results, query, search, clear };
+}
+function useCountriesSearch(debounceMs = 300) {
+  const searcher = (0, import_react64.useCallback)(
+    (q) => getCountriesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
+function useStatesSearch(debounceMs = 300) {
+  const searcher = (0, import_react64.useCallback)(
+    (q) => getStatesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
+function useCitiesSearch(debounceMs = 300) {
+  const searcher = (0, import_react64.useCallback)(
+    (q) => getCitiesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   APP_THEMES,
@@ -13757,6 +13938,21 @@ var RufousTextContent = ({ content, className, style, sx }) => {
   ViewIcon,
   WorkItemIcon,
   Zoom,
+  getAllCountries,
+  getCitiesByName,
+  getCitiesOfCountry,
+  getCitiesOfState,
+  getCityByName,
+  getCountriesByName,
+  getCountryByCode,
+  getCountryByName,
+  getStateByCode,
+  getStateByName,
+  getStatesByName,
+  getStatesOfCountry,
   transformLegacyTodos,
-  useRufousTheme
+  useCitiesSearch,
+  useCountriesSearch,
+  useRufousTheme,
+  useStatesSearch
 });

package/dist/main.d.cts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode, CSSProperties, InputHTMLAttributes, TextareaHTMLAttributes, ReactElement, ComponentType } from 'react';
+import { ICity, ICountry, IState } from 'country-state-city';
 
 declare const APP_THEMES: {
     default: {
@@ -2058,4 +2059,132 @@ interface MentionItemData {
     shortName?: string;
 }
 
-export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };
+/** Country — same shape as the library; re-exported with a typed name for convenience. */
+type EnhancedCountry = ICountry;
+/** State enriched with the full name of its parent country. */
+interface EnhancedState extends IState {
+    countryName: string;
+}
+/** City enriched with a short city code and the full state + country names. */
+interface EnhancedCity extends ICity {
+    /** First three characters of the city name (e.g. "Des" for "Des Moines"). */
+    cityCode: string;
+    /** Full name of the parent country (e.g. "United States"). */
+    countryName: string;
+    /** Full name of the parent state (e.g. "Iowa"). */
+    stateName: string;
+}
+/** Returns all countries (same data as the library, typed as EnhancedCountry). */
+declare function getAllCountries(): EnhancedCountry[];
+/** Returns a single country by its ISO 2-letter code, or undefined if not found. */
+declare function getCountryByCode(isoCode: string): EnhancedCountry | undefined;
+/**
+ * Returns the first country whose name matches the query (case-insensitive).
+ * Pass `exact: false` (default) to also match partial names.
+ * @param name   Country name or partial name, e.g. "United States" or "united"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getCountryByName(name: string, exact?: boolean): EnhancedCountry | undefined;
+/**
+ * Returns all countries whose names match the query (case-insensitive, partial by default).
+ * Useful for search-as-you-type flows where you want multiple candidates.
+ * @param name   Search string, e.g. "ind" matches "India", "Indonesia", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getCountriesByName(name: string, exact?: boolean): EnhancedCountry[];
+/**
+ * Returns all states for a country, each enriched with `countryName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getStatesOfCountry(countryCode: string): EnhancedState[];
+/**
+ * Returns a single state by its code + parent country, enriched with `countryName`.
+ * @param stateCode    ISO state code, e.g. "IA"
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getStateByCode(stateCode: string, countryCode: string): EnhancedState | undefined;
+/**
+ * Returns the first state whose name matches the query across **all countries** (case-insensitive).
+ * @param name   State name or partial name, e.g. "Iowa" or "iow"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getStateByName(name: string, exact?: boolean): EnhancedState | undefined;
+/**
+ * Returns all states whose names match the query across **all countries** (case-insensitive, partial by default).
+ * @param name   Search string, e.g. "new" matches "New York", "New South Wales", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getStatesByName(name: string, exact?: boolean): EnhancedState[];
+/**
+ * Returns all cities for a given state, each enriched with `cityCode`, `countryName`,
+ * and `stateName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ * @param stateCode    ISO state code, e.g. "IA"
+ */
+declare function getCitiesOfState(countryCode: string, stateCode: string): EnhancedCity[];
+/**
+ * Returns all cities for a given country, each enriched with `cityCode`, `countryName`,
+ * and `stateName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getCitiesOfCountry(countryCode: string): EnhancedCity[];
+/**
+ * Returns the first city whose name matches the query across **all countries and states** (case-insensitive).
+ * @param name   City name or partial name, e.g. "Delhi" or "del"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getCityByName(name: string, exact?: boolean): EnhancedCity | undefined;
+/**
+ * Returns all cities whose names match the query across **all countries and states** (case-insensitive, partial by default).
+ * Searches ~148k cities — prefer the debounced `useCitiesSearch` hook in React components.
+ * @param name   Search string, e.g. "spring" matches "Springfield", "Spring Hill", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getCitiesByName(name: string, exact?: boolean): EnhancedCity[];
+
+interface SearchResult<T> {
+    /** Filtered results. Empty while query is blank. */
+    results: T[];
+    /** Current value of the search input (updated immediately on each keystroke). */
+    query: string;
+    /** Call this on every keystroke — triggers the debounced filter. */
+    search: (name: string) => void;
+    /** Resets query and results immediately. */
+    clear: () => void;
+}
+/**
+ * Debounced country name search across all ~250 countries.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear, query } = useCountriesSearch();
+ * <input onChange={e => search(e.target.value)} value={query} />
+ * {results.map(c => <div key={c.isoCode}>{c.flag} {c.name}</div>)}
+ */
+declare function useCountriesSearch(debounceMs?: number): SearchResult<EnhancedCountry>;
+/**
+ * Debounced state / province name search across **all countries** (~5k states).
+ * No country scoping — results include `countryName` so you can display origin.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear } = useStatesSearch();
+ * // results[0] → { name, isoCode, countryCode, countryName, latitude, longitude }
+ */
+declare function useStatesSearch(debounceMs?: number): SearchResult<EnhancedState>;
+/**
+ * Debounced city name search across **all countries and states** (~148k cities).
+ * No country / state scoping — results include `countryName` and `stateName`.
+ * Debouncing is strongly recommended given the dataset size.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear } = useCitiesSearch(400);
+ * // results[0] → { name, cityCode, stateCode, stateName, countryCode, countryName, … }
+ */
+declare function useCitiesSearch(debounceMs?: number): SearchResult<EnhancedCity>;
+
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, type EnhancedCity, type EnhancedCountry, type EnhancedState, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, getAllCountries, getCitiesByName, getCitiesOfCountry, getCitiesOfState, getCityByName, getCountriesByName, getCountryByCode, getCountryByName, getStateByCode, getStateByName, getStatesByName, getStatesOfCountry, transformLegacyTodos, useCitiesSearch, useCountriesSearch, useRufousTheme, useStatesSearch };

package/dist/main.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import React__default, { ReactNode, CSSProperties, InputHTMLAttributes, TextareaHTMLAttributes, ReactElement, ComponentType } from 'react';
+import { ICity, ICountry, IState } from 'country-state-city';
 
 declare const APP_THEMES: {
     default: {
@@ -2058,4 +2059,132 @@ interface MentionItemData {
     shortName?: string;
 }
 
-export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, transformLegacyTodos, useRufousTheme };
+/** Country — same shape as the library; re-exported with a typed name for convenience. */
+type EnhancedCountry = ICountry;
+/** State enriched with the full name of its parent country. */
+interface EnhancedState extends IState {
+    countryName: string;
+}
+/** City enriched with a short city code and the full state + country names. */
+interface EnhancedCity extends ICity {
+    /** First three characters of the city name (e.g. "Des" for "Des Moines"). */
+    cityCode: string;
+    /** Full name of the parent country (e.g. "United States"). */
+    countryName: string;
+    /** Full name of the parent state (e.g. "Iowa"). */
+    stateName: string;
+}
+/** Returns all countries (same data as the library, typed as EnhancedCountry). */
+declare function getAllCountries(): EnhancedCountry[];
+/** Returns a single country by its ISO 2-letter code, or undefined if not found. */
+declare function getCountryByCode(isoCode: string): EnhancedCountry | undefined;
+/**
+ * Returns the first country whose name matches the query (case-insensitive).
+ * Pass `exact: false` (default) to also match partial names.
+ * @param name   Country name or partial name, e.g. "United States" or "united"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getCountryByName(name: string, exact?: boolean): EnhancedCountry | undefined;
+/**
+ * Returns all countries whose names match the query (case-insensitive, partial by default).
+ * Useful for search-as-you-type flows where you want multiple candidates.
+ * @param name   Search string, e.g. "ind" matches "India", "Indonesia", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getCountriesByName(name: string, exact?: boolean): EnhancedCountry[];
+/**
+ * Returns all states for a country, each enriched with `countryName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getStatesOfCountry(countryCode: string): EnhancedState[];
+/**
+ * Returns a single state by its code + parent country, enriched with `countryName`.
+ * @param stateCode    ISO state code, e.g. "IA"
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getStateByCode(stateCode: string, countryCode: string): EnhancedState | undefined;
+/**
+ * Returns the first state whose name matches the query across **all countries** (case-insensitive).
+ * @param name   State name or partial name, e.g. "Iowa" or "iow"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getStateByName(name: string, exact?: boolean): EnhancedState | undefined;
+/**
+ * Returns all states whose names match the query across **all countries** (case-insensitive, partial by default).
+ * @param name   Search string, e.g. "new" matches "New York", "New South Wales", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getStatesByName(name: string, exact?: boolean): EnhancedState[];
+/**
+ * Returns all cities for a given state, each enriched with `cityCode`, `countryName`,
+ * and `stateName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ * @param stateCode    ISO state code, e.g. "IA"
+ */
+declare function getCitiesOfState(countryCode: string, stateCode: string): EnhancedCity[];
+/**
+ * Returns all cities for a given country, each enriched with `cityCode`, `countryName`,
+ * and `stateName`.
+ * @param countryCode  ISO 2-letter country code, e.g. "US"
+ */
+declare function getCitiesOfCountry(countryCode: string): EnhancedCity[];
+/**
+ * Returns the first city whose name matches the query across **all countries and states** (case-insensitive).
+ * @param name   City name or partial name, e.g. "Delhi" or "del"
+ * @param exact  When true, requires an exact case-insensitive match. Default false.
+ */
+declare function getCityByName(name: string, exact?: boolean): EnhancedCity | undefined;
+/**
+ * Returns all cities whose names match the query across **all countries and states** (case-insensitive, partial by default).
+ * Searches ~148k cities — prefer the debounced `useCitiesSearch` hook in React components.
+ * @param name   Search string, e.g. "spring" matches "Springfield", "Spring Hill", etc.
+ * @param exact  When true, only exact case-insensitive matches are returned. Default false.
+ */
+declare function getCitiesByName(name: string, exact?: boolean): EnhancedCity[];
+
+interface SearchResult<T> {
+    /** Filtered results. Empty while query is blank. */
+    results: T[];
+    /** Current value of the search input (updated immediately on each keystroke). */
+    query: string;
+    /** Call this on every keystroke — triggers the debounced filter. */
+    search: (name: string) => void;
+    /** Resets query and results immediately. */
+    clear: () => void;
+}
+/**
+ * Debounced country name search across all ~250 countries.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear, query } = useCountriesSearch();
+ * <input onChange={e => search(e.target.value)} value={query} />
+ * {results.map(c => <div key={c.isoCode}>{c.flag} {c.name}</div>)}
+ */
+declare function useCountriesSearch(debounceMs?: number): SearchResult<EnhancedCountry>;
+/**
+ * Debounced state / province name search across **all countries** (~5k states).
+ * No country scoping — results include `countryName` so you can display origin.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear } = useStatesSearch();
+ * // results[0] → { name, isoCode, countryCode, countryName, latitude, longitude }
+ */
+declare function useStatesSearch(debounceMs?: number): SearchResult<EnhancedState>;
+/**
+ * Debounced city name search across **all countries and states** (~148k cities).
+ * No country / state scoping — results include `countryName` and `stateName`.
+ * Debouncing is strongly recommended given the dataset size.
+ *
+ * @param debounceMs  Delay before filtering runs. Defaults to 300 ms.
+ *
+ * @example
+ * const { results, search, clear } = useCitiesSearch(400);
+ * // results[0] → { name, cityCode, stateCode, stateName, countryCode, countryName, … }
+ */
+declare function useCitiesSearch(debounceMs?: number): SearchResult<EnhancedCity>;
+
+export { APP_THEMES, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, type Action, ActivateUserIcon, AddButton, AddressLookup, ArchivedIcon, AssignGroupIcon, Autocomplete, type AutocompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, BaseDialog, Box, type BoxProps, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, CameraIcon, CancelButton, Card, CardActions, type CardActionsProps, CardContent, type CardContentProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipProps, CircularProgress, CircularProgressIcon, type CircularProgressIconProps, CloseIcon, Collapse, type CollapseProps, type Column, CopyIcon, DataGrid, type DataGridProps, DateField, type DateFieldProps, type DateFormatString, DateRangeField, type DateRangeFieldProps, type DateRangeValue, DifficultyAllIcon, DifficultyEasyIcon, DifficultyHardIcon, DifficultyMediumIcon, Divider, type DividerProps, DollarIcon, DownloadIcon, DownloadPdfIcon, Drawer, type DrawerProps, EditChatIcon, EditIcon, EngagementIcon, type EnhancedCity, type EnhancedCountry, type EnhancedState, Fade, type FadeProps, FunctionIcon, Grid, type GridProps, Grow, type GrowProps, HelpOutlinedIcon, HierarchyIcon, IconButton, type IconButtonProps, ImageField, type ImageFieldProps, InactiveGroupIcon, IndustryIcon, InvoiceIcon, Link, type LinkProps, List, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, LocationPinIcon, LogsIcon, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuList, type MenuListProps, type MenuProps, MinExperienceIcon, NineDotMenuIcon, NotificationIcon, type NumberVariant, Paper, type PaperProps, PhoneField, type PhoneFieldProps, Popover, type PopoverProps, Popper, type PopperProps, ProjectIcon, QualificationsIcon, QuestionStatusAllIcon, QuestionStatusPrivateIcon, QuestionStatusPublicIcon, QuestionTypeAllIcon, QuestionTypeCodingIcon, QuestionTypeDescriptiveIcon, QuestionTypeMultipleIcon, QuestionTypeSingleIcon, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rating, type RatingProps, RefreshIcon, ResendInviteIcon, RolesIcon, RufousAiIcon, RufousBirdIcon, RufousLauncherIcon, RufousLogoLoader, type RufousLogoLoaderProps, RufousTextContent, type RufousTextContentProps, RufousTextEditor, type MentionItemData as RufousTextEditorMentionItem, type RufousTextEditorProps, RufousThemeProvider, Select, type SelectProps, SidebarIcon, Skeleton, type SkeletonProps, Slide, type SlideProps, Slider, type SliderProps, SmartSelect, type SmartSelectProps, Snackbar, type SnackbarProps, SoftSkillsIcon, type SortDirection, Stack, type StackProps, StandardButton, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, SubmitButton, SubscribeIcon, SuspendUserIcon, Switch, type SwitchProps, type SxProp, Tab, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, TechnicalSkillsIcon, TextField, type TextFieldProps, TickIcon, TimerIcon, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, TrashIcon, type TreeNode, TreeSelect, type TreeSelectMultiValue, type TreeSelectProps, type TreeSelectValue, Typography, type TypographyProps, UnArchivedIcon, UnsubscribeIcon, UploadIcon, UserAssignIcon, type UserOption, UserSelectionField, type UserSelectionFieldProps, ViewIcon, WorkItemIcon, Zoom, type ZoomProps, getAllCountries, getCitiesByName, getCitiesOfCountry, getCitiesOfState, getCityByName, getCountriesByName, getCountryByCode, getCountryByName, getStateByCode, getStateByName, getStatesByName, getStatesOfCountry, transformLegacyTodos, useCitiesSearch, useCountriesSearch, useRufousTheme, useStatesSearch };

package/dist/main.js

@@ -13555,6 +13555,172 @@ var RufousTextContent = ({ content, className, style, sx }) => {
     }
   );
 };
+
+// lib/utils/locationData.ts
+import { Country as Country3, State as State2, City as City2 } from "country-state-city";
+var _stateNameCache = /* @__PURE__ */ new Map();
+function getStateNameMap(countryCode) {
+  if (!_stateNameCache.has(countryCode)) {
+    const map = /* @__PURE__ */ new Map();
+    State2.getStatesOfCountry(countryCode).forEach((s2) => map.set(s2.isoCode, s2.name));
+    _stateNameCache.set(countryCode, map);
+  }
+  return _stateNameCache.get(countryCode);
+}
+var _allCountriesCache = null;
+function getAllCountriesCached() {
+  if (!_allCountriesCache) _allCountriesCache = Country3.getAllCountries();
+  return _allCountriesCache;
+}
+var _allStatesCache = null;
+function getAllStatesCached() {
+  if (!_allStatesCache) {
+    const countryMap = new Map(Country3.getAllCountries().map((c) => [c.isoCode, c.name]));
+    _allStatesCache = State2.getAllStates().map((s2) => ({
+      ...s2,
+      countryName: countryMap.get(s2.countryCode) ?? ""
+    }));
+  }
+  return _allStatesCache;
+}
+var _allCitiesCache = null;
+function getAllCitiesCached() {
+  if (!_allCitiesCache) {
+    const countryMap = new Map(Country3.getAllCountries().map((c) => [c.isoCode, c.name]));
+    const stateMap = new Map(State2.getAllStates().map((s2) => [`${s2.countryCode}:${s2.isoCode}`, s2.name]));
+    _allCitiesCache = City2.getAllCities().map((city) => ({
+      ...city,
+      cityCode: city.name.slice(0, 3),
+      countryName: countryMap.get(city.countryCode) ?? "",
+      stateName: stateMap.get(`${city.countryCode}:${city.stateCode}`) ?? ""
+    }));
+  }
+  return _allCitiesCache;
+}
+function getAllCountries2() {
+  return getAllCountriesCached();
+}
+function getCountryByCode(isoCode) {
+  return Country3.getCountryByCode(isoCode) ?? void 0;
+}
+function getCountryByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCountriesCached().find(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getCountriesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCountriesCached().filter(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getStatesOfCountry(countryCode) {
+  const countryName = Country3.getCountryByCode(countryCode)?.name ?? "";
+  return State2.getStatesOfCountry(countryCode).map((state) => ({
+    ...state,
+    countryName
+  }));
+}
+function getStateByCode(stateCode, countryCode) {
+  const state = State2.getStateByCodeAndCountry(stateCode, countryCode);
+  if (!state) return void 0;
+  const countryName = Country3.getCountryByCode(countryCode)?.name ?? "";
+  return { ...state, countryName };
+}
+function getStateByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllStatesCached().find(
+    (s2) => exact ? s2.name.toLowerCase() === q : s2.name.toLowerCase().includes(q)
+  );
+}
+function getStatesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllStatesCached().filter(
+    (s2) => exact ? s2.name.toLowerCase() === q : s2.name.toLowerCase().includes(q)
+  );
+}
+function getCitiesOfState(countryCode, stateCode) {
+  const countryName = Country3.getCountryByCode(countryCode)?.name ?? "";
+  const stateName = State2.getStateByCodeAndCountry(stateCode, countryCode)?.name ?? "";
+  return City2.getCitiesOfState(countryCode, stateCode).map((city) => ({
+    ...city,
+    cityCode: city.name.slice(0, 3),
+    countryName,
+    stateName
+  }));
+}
+function getCitiesOfCountry(countryCode) {
+  const countryName = Country3.getCountryByCode(countryCode)?.name ?? "";
+  const stateNameMap = getStateNameMap(countryCode);
+  return (City2.getCitiesOfCountry(countryCode) ?? []).map((city) => ({
+    ...city,
+    cityCode: city.name.slice(0, 3),
+    countryName,
+    stateName: stateNameMap.get(city.stateCode) ?? ""
+  }));
+}
+function getCityByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCitiesCached().find(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+function getCitiesByName(name, exact = false) {
+  const q = name.toLowerCase();
+  return getAllCitiesCached().filter(
+    (c) => exact ? c.name.toLowerCase() === q : c.name.toLowerCase().includes(q)
+  );
+}
+
+// lib/utils/useLocationSearch.ts
+import { useState as useState36, useEffect as useEffect31, useRef as useRef34, useCallback as useCallback17 } from "react";
+function useDebounced(searcher, debounceMs) {
+  const [query, setQuery] = useState36("");
+  const [results, setResults] = useState36([]);
+  const timer = useRef34(null);
+  useEffect31(() => () => {
+    if (timer.current) clearTimeout(timer.current);
+  }, []);
+  const search = useCallback17((name) => {
+    setQuery(name);
+    if (timer.current) clearTimeout(timer.current);
+    if (!name.trim()) {
+      setResults([]);
+      return;
+    }
+    timer.current = setTimeout(() => {
+      setResults(searcher(name));
+    }, debounceMs);
+  }, [searcher, debounceMs]);
+  const clear = useCallback17(() => {
+    if (timer.current) clearTimeout(timer.current);
+    setQuery("");
+    setResults([]);
+  }, []);
+  return { results, query, search, clear };
+}
+function useCountriesSearch(debounceMs = 300) {
+  const searcher = useCallback17(
+    (q) => getCountriesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
+function useStatesSearch(debounceMs = 300) {
+  const searcher = useCallback17(
+    (q) => getStatesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
+function useCitiesSearch(debounceMs = 300) {
+  const searcher = useCallback17(
+    (q) => getCitiesByName(q),
+    []
+  );
+  return useDebounced(searcher, debounceMs);
+}
 export {
   APP_THEMES,
   Accordion,
@@ -13695,6 +13861,21 @@ export {
   viewIcon_default as ViewIcon,
   workItemIcon_default as WorkItemIcon,
   Zoom,
+  getAllCountries2 as getAllCountries,
+  getCitiesByName,
+  getCitiesOfCountry,
+  getCitiesOfState,
+  getCityByName,
+  getCountriesByName,
+  getCountryByCode,
+  getCountryByName,
+  getStateByCode,
+  getStateByName,
+  getStatesByName,
+  getStatesOfCountry,
   transformLegacyTodos,
-  useRufousTheme
+  useCitiesSearch,
+  useCountriesSearch,
+  useRufousTheme,
+  useStatesSearch
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rufous/ui",
   "private": false,
-  "version": "0.3.18",
+  "version": "0.3.20",
   "type": "module",
   "description": "Experimental: A lightweight React UI component library (Beta)",
   "style": "./dist/main.css",