react-country-kit 1.2.0 β 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CountryMultiSelect/CountryMultiSelect.d.ts +0 -1
- package/dist/components/CountryPicker/CountryPicker.d.ts +0 -1
- package/dist/components/CurrencyMultiSelect/CurrencyMultiSelect.d.ts +0 -1
- package/dist/components/CurrencyPicker/CurrencyPicker.d.ts +0 -1
- package/dist/components/DivisionPicker/DivisionPicker.d.ts +0 -1
- package/dist/components/LanguagePicker/LanguagePicker.d.ts +0 -1
- package/dist/components/PhoneInput/PhoneInput.d.ts +0 -1
- package/dist/components/TimezonePicker/TimezonePicker.d.ts +0 -1
- package/dist/components/shared/Flag.d.ts +0 -1
- package/dist/components/shared/PickerBase.d.ts +0 -1
- package/dist/react-country-kit.cjs.js +3 -2
- package/dist/react-country-kit.cjs.js.map +1 -1
- package/dist/react-country-kit.css +2 -0
- package/dist/react-country-kit.d.ts +1 -0
- package/dist/react-country-kit.es.js +993 -749
- package/dist/react-country-kit.es.js.map +1 -1
- package/package.json +10 -10
- package/dist/style.css +0 -1
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { CountryMultiSelectProps } from '../../../../core/src/index.ts';
|
|
2
|
-
|
|
3
2
|
export declare function CountryMultiSelect({ value, onChange, placeholder, maxItems, showFlags, searchable, disabled, className, label, }: CountryMultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
import { CurrencyMultiSelectProps } from '../../../../core/src/index.ts';
|
|
2
|
-
|
|
3
2
|
export declare function CurrencyMultiSelect({ value, onChange, placeholder, maxItems, showSymbol, searchable, disabled, className, label, }: CurrencyMultiSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react-country-kit-core"),e=require("react/jsx-runtime"),j=require("react");function g({value:r,onChange:l,placeholder:p="Search...",autoFocus:m=!0}){const a=j.useRef(null);return j.useEffect(()=>{m&&setTimeout(()=>{var o;return(o=a.current)==null?void 0:o.focus()},50)},[m]),e.jsx("div",{className:"rck-search-wrapper",children:e.jsxs("div",{className:"rck-search",children:[e.jsxs("svg",{className:"rck-search-icon",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("circle",{cx:"8.5",cy:"8.5",r:"5.5"}),e.jsx("path",{d:"M17 17l-4-4",strokeLinecap:"round"})]}),e.jsx("input",{ref:a,type:"text",value:r,onChange:o=>l(o.target.value),placeholder:p,"aria-label":"Search"}),r&&e.jsx("button",{style:{background:"none",border:"none",cursor:"pointer",color:"var(--rck-text-placeholder)",padding:0,display:"flex"},onClick:()=>l(""),"aria-label":"Clear search",type:"button",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{d:"M6 6l8 8M14 6l-8 8",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",fill:"none"})})})]})})}const N=({iso2:r,flag:l,flagUrl:p,className:m="",alt:a="",mode:o="auto"})=>{const k=p||`https://flagcdn.com/w320/${r.toLowerCase()}.png`;return o==="image"?e.jsx("img",{src:k,alt:a||r,className:`rck-flag-img ${m}`,loading:"lazy"}):e.jsx("span",{className:`rck-flag-wrapper ${m}`,title:a||r,children:l||r})},b=3;function v(){return e.jsx("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})})}function w({value:r,onChange:l,placeholder:p="Select countries...",maxItems:m,showFlags:a=!0,searchable:o=!0,disabled:k=!1,className:x,label:s}){const n=u.useMultiSelect(u.getAllCountries(),(i,d)=>d?u.searchCountries(d):i,i=>i.iso2,r,l,m),c=j.useRef(null);j.useEffect(()=>{if(!n.isOpen)return;const i=d=>{c.current&&!c.current.contains(d.target)&&n.close()};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[n.isOpen,n.close]),j.useEffect(()=>{if(!n.isOpen)return;const i=d=>{d.key==="Escape"&&n.close()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[n.isOpen,n.close]);const t=r.slice(0,b),h=r.length-b;return e.jsxs("div",{ref:c,className:`rck-picker${x?` ${x}`:""}`,children:[s&&e.jsx("span",{className:"rck-label",children:s}),e.jsxs("button",{type:"button",className:`rck-multiselect-trigger${n.isOpen?" rck-open":""}`,disabled:k,onClick:n.toggle,"aria-haspopup":"listbox","aria-expanded":n.isOpen,children:[e.jsx("div",{className:"rck-chips-area",children:r.length===0?e.jsx("span",{style:{color:"var(--rck-text-placeholder)",fontSize:"0.9375rem"},children:p}):e.jsxs(e.Fragment,{children:[t.map(i=>e.jsxs("span",{className:"rck-chip",children:[a&&e.jsx("span",{className:"rck-flag",children:e.jsx(N,{iso2:i.iso2,flag:i.flag,flagUrl:i.flag_url})}),e.jsx("span",{className:"rck-chip-label",children:i.name}),e.jsx("button",{type:"button",className:"rck-chip-remove",onClick:d=>{d.stopPropagation(),n.removeItem(i),l(r.filter(f=>f.iso2!==i.iso2))},"aria-label":`Remove ${i.name}`,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),e.jsx("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})})]},i.iso2)),h>0&&e.jsxs("span",{className:"rck-chip-overflow",children:["+",h," more"]})]})}),r.length>0&&e.jsx("button",{type:"button",className:"rck-multiselect-clear",onClick:i=>{i.stopPropagation(),n.clearAll(),l([])},"aria-label":"Clear all",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),e.jsx("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})}),e.jsx("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("polyline",{points:"5 8 10 13 15 8"})})]}),n.isOpen&&e.jsxs("div",{className:"rck-dropdown",role:"listbox","aria-multiselectable":"true",children:[o&&e.jsx(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search countries..."}),e.jsx("ul",{className:"rck-list",children:n.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π"}),e.jsx("span",{children:"No countries found"})]}):n.filteredItems.map(i=>{const d=n.isSelected(i);return e.jsxs("li",{role:"option","aria-selected":d,className:`rck-item${d?" rck-item-selected":""}`,onClick:()=>n.toggleItem(i),tabIndex:0,onKeyDown:f=>f.key==="Enter"&&n.toggleItem(i),children:[e.jsx("div",{className:d?"rck-item-check-multi":"rck-item-check-empty",children:d&&e.jsx(v,{})}),a&&e.jsx("span",{className:"rck-item-flag",children:e.jsx(N,{iso2:i.iso2,flag:i.flag,flagUrl:i.flag_url})}),e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:i.name}),e.jsxs("span",{className:"rck-item-sub",children:[i.iso3," Β· +",i.phone_code]})]})]},i.iso2)})})]})]})}const I=()=>e.jsx("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"5 8 10 13 15 8"})});function y({isOpen:r,onClose:l,onToggle:p,label:m,disabled:a,className:o,triggerContent:k,children:x,id:s}){const n=j.useRef(null);return j.useEffect(()=>{if(!r)return;const c=t=>{n.current&&!n.current.contains(t.target)&&l()};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[r,l]),j.useEffect(()=>{if(!r)return;const c=t=>{t.key==="Escape"&&l()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[r,l]),e.jsxs("div",{ref:n,className:`rck-picker${o?` ${o}`:""}`,children:[m&&e.jsx("span",{className:"rck-label",id:s?`${s}-label`:void 0,children:m}),e.jsxs("button",{type:"button",className:`rck-trigger${r?" rck-open":""}`,disabled:a,"aria-haspopup":"listbox","aria-expanded":r,"aria-labelledby":s&&m?`${s}-label`:void 0,id:s,onClick:p,children:[k,e.jsx(I,{})]}),r&&e.jsx("div",{className:"rck-dropdown",role:"listbox",children:x})]})}const S=()=>e.jsx("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})});function L({value:r,onChange:l,placeholder:p="Select a country",searchable:m=!0,showFlag:a=!0,showPhoneCode:o=!1,disabled:k=!1,className:x,label:s}){const n=u.useCountryPicker(r,l),c=e.jsx("div",{className:"rck-trigger-content",children:r?e.jsxs(e.Fragment,{children:[a&&e.jsx("span",{className:"rck-flag",children:e.jsx(N,{iso2:r.iso2,flag:r.flag,flagUrl:r.flag_url})}),e.jsx("span",{className:"rck-trigger-text",children:r.name}),o&&e.jsxs("span",{className:"rck-badge",children:["+",r.phone_code]})]}):e.jsx("span",{className:"rck-trigger-text rck-placeholder",children:p})});return e.jsxs(y,{isOpen:n.isOpen,onClose:n.close,onToggle:n.toggle,label:s,disabled:k,className:x,triggerContent:c,id:"rck-country-picker",children:[m&&e.jsx(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search country..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Countries",children:n.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π"}),e.jsx("span",{children:"No countries found"})]}):n.filteredItems.map(t=>{const h=(r==null?void 0:r.iso2)===t.iso2;return e.jsxs("li",{role:"option","aria-selected":h,className:`rck-item${h?" rck-item-selected":""}`,onClick:()=>n.selectItem(t),tabIndex:0,onKeyDown:i=>i.key==="Enter"&&n.selectItem(t),children:[a&&e.jsx("span",{className:"rck-item-flag",children:e.jsx(N,{iso2:t.iso2,flag:t.flag,flagUrl:t.flag_url})}),e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:t.name}),e.jsxs("span",{className:"rck-item-sub",children:[t.iso3," Β· ",t.division_type]})]}),e.jsxs("div",{className:"rck-item-right",children:[o&&e.jsxs("span",{className:"rck-item-phone",children:["+",t.phone_code]}),h&&e.jsx(S,{})]})]},t.iso2)})})]})}const C=3;function E(){return e.jsx("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})})}function $({value:r,onChange:l,placeholder:p="Select currencies...",maxItems:m,showSymbol:a=!0,searchable:o=!0,disabled:k=!1,className:x,label:s}){const n=u.useMultiSelect(u.getAllCurrencies(),(i,d)=>d?u.searchCurrencies(d):i,i=>i.code,r,l,m),c=j.useRef(null);j.useEffect(()=>{if(!n.isOpen)return;const i=d=>{c.current&&!c.current.contains(d.target)&&n.close()};return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[n.isOpen,n.close]),j.useEffect(()=>{if(!n.isOpen)return;const i=d=>{d.key==="Escape"&&n.close()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[n.isOpen,n.close]);const t=r.slice(0,C),h=r.length-C;return e.jsxs("div",{ref:c,className:`rck-picker${x?` ${x}`:""}`,children:[s&&e.jsx("span",{className:"rck-label",children:s}),e.jsxs("button",{type:"button",className:`rck-multiselect-trigger${n.isOpen?" rck-open":""}`,disabled:k,onClick:n.toggle,"aria-haspopup":"listbox","aria-expanded":n.isOpen,children:[e.jsx("div",{className:"rck-chips-area",children:r.length===0?e.jsx("span",{style:{color:"var(--rck-text-placeholder)",fontSize:"0.9375rem"},children:p}):e.jsxs(e.Fragment,{children:[t.map(i=>e.jsxs("span",{className:"rck-chip",children:[a&&e.jsx("span",{children:i.symbol}),e.jsx("span",{className:"rck-chip-label",children:i.code}),e.jsx("button",{type:"button",className:"rck-chip-remove",onClick:d=>{d.stopPropagation(),l(r.filter(f=>f.code!==i.code))},"aria-label":`Remove ${i.code}`,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),e.jsx("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})})]},i.code)),h>0&&e.jsxs("span",{className:"rck-chip-overflow",children:["+",h," more"]})]})}),r.length>0&&e.jsx("button",{type:"button",className:"rck-multiselect-clear",onClick:i=>{i.stopPropagation(),n.clearAll(),l([])},"aria-label":"Clear all",children:e.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[e.jsx("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),e.jsx("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})}),e.jsx("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("polyline",{points:"5 8 10 13 15 8"})})]}),n.isOpen&&e.jsxs("div",{className:"rck-dropdown",role:"listbox","aria-multiselectable":"true",children:[o&&e.jsx(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search currencies..."}),e.jsx("ul",{className:"rck-list",children:n.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π°"}),e.jsx("span",{children:"No currencies found"})]}):n.filteredItems.map(i=>{const d=n.isSelected(i);return e.jsxs("li",{role:"option","aria-selected":d,className:`rck-item${d?" rck-item-selected":""}`,onClick:()=>n.toggleItem(i),tabIndex:0,onKeyDown:f=>f.key==="Enter"&&n.toggleItem(i),children:[e.jsx("div",{className:d?"rck-item-check-multi":"rck-item-check-empty",children:d&&e.jsx(E,{})}),a&&e.jsx("span",{className:"rck-item-symbol",children:i.symbol}),e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:i.name}),e.jsx("span",{className:"rck-item-sub",children:i.code})]})]},i.code)})})]})]})}const O=()=>e.jsx("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})});function P({value:r,onChange:l,placeholder:p="Select a currency",searchable:m=!0,showSymbol:a=!0,disabled:o=!1,className:k,label:x}){const s=u.useCurrencyPicker(r,l),n=e.jsx("div",{className:"rck-trigger-content",children:r?e.jsxs(e.Fragment,{children:[a&&e.jsx("span",{className:"rck-item-symbol",children:r.symbol}),e.jsxs("span",{className:"rck-trigger-text",children:[r.code," β ",r.name]})]}):e.jsx("span",{className:"rck-trigger-text rck-placeholder",children:p})});return e.jsxs(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:x,disabled:o,className:k,triggerContent:n,id:"rck-currency-picker",children:[m&&e.jsx(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search currency..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Currencies",children:s.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π°"}),e.jsx("span",{children:"No currencies found"})]}):s.filteredItems.map(c=>{const t=(r==null?void 0:r.code)===c.code;return e.jsxs("li",{role:"option","aria-selected":t,className:`rck-item${t?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:h=>h.key==="Enter"&&s.selectItem(c),children:[a&&e.jsx("span",{className:"rck-item-symbol",children:c.symbol}),e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:c.name}),e.jsx("span",{className:"rck-item-sub",children:c.code})]}),t&&e.jsx(O,{})]},c.code)})})]})}const _=()=>e.jsx("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})});function B({countryIso2:r,value:l,onChange:p,placeholder:m="Select a division",searchable:a=!0,disabled:o=!1,className:k,label:x}){const s=u.useDivisionPicker(r,l,p),n=e.jsx("div",{className:"rck-trigger-content",children:l?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"rck-trigger-text",children:l.name}),e.jsx("span",{className:"rck-badge",children:l.iso2})]}):e.jsx("span",{className:"rck-trigger-text rck-placeholder",children:m})}),c=o||!r;return e.jsxs(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:x,disabled:c,className:k,triggerContent:n,id:"rck-division-picker",children:[a&&e.jsx(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search division..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Divisions",children:s.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"πΊοΈ"}),e.jsx("span",{children:"No divisions found"})]}):s.filteredItems.map(t=>{const h=(l==null?void 0:l.iso2)===t.iso2&&(l==null?void 0:l.name)===t.name;return e.jsxs("li",{role:"option","aria-selected":h,className:`rck-item${h?" rck-item-selected":""}`,onClick:()=>s.selectItem(t),tabIndex:0,onKeyDown:i=>i.key==="Enter"&&s.selectItem(t),children:[e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:t.name}),e.jsx("span",{className:"rck-item-sub",children:t.timezone})]}),e.jsxs("div",{className:"rck-item-right",children:[e.jsx("span",{className:"rck-badge",children:t.iso2}),h&&e.jsx(_,{})]})]},`${t.iso2}-${t.name}`)})})]})}const W=()=>e.jsx("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})});function Q({value:r,onChange:l,placeholder:p="Select a language",searchable:m=!0,showNativeName:a=!0,disabled:o=!1,className:k,label:x}){const s=u.useLanguagePicker(r,l),n=e.jsx("div",{className:"rck-trigger-content",children:r?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"rck-trigger-text",children:r.english_name}),a&&r.native_name!==r.english_name&&e.jsx("span",{className:"rck-native-name",children:r.native_name})]}):e.jsx("span",{className:"rck-trigger-text rck-placeholder",children:p})});return e.jsxs(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:x,disabled:o,className:k,triggerContent:n,id:"rck-language-picker",children:[m&&e.jsx(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search language..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Languages",children:s.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π"}),e.jsx("span",{children:"No languages found"})]}):s.filteredItems.map(c=>{const t=(r==null?void 0:r.code)===c.code;return e.jsxs("li",{role:"option","aria-selected":t,className:`rck-item${t?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:h=>h.key==="Enter"&&s.selectItem(c),children:[e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:c.english_name}),a&&c.native_name!==c.english_name&&e.jsx("span",{className:"rck-item-sub",children:c.native_name})]}),e.jsxs("div",{className:"rck-item-right",children:[e.jsx("span",{className:"rck-badge",style:{fontSize:"0.68rem"},children:c.code}),t&&e.jsx(W,{})]})]},c.code)})})]})}function D({value:r,onChange:l,defaultCountryIso2:p="US",placeholder:m="Phone number",showFlag:a=!0,disabled:o=!1,className:k,label:x}){const s=u.usePhoneInput(r,l,p),n=j.useRef(null);return j.useEffect(()=>{if(!s.isOpen)return;const c=t=>{n.current&&!n.current.contains(t.target)&&s.close()};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[s.isOpen,s.close]),j.useEffect(()=>{if(!s.isOpen)return;const c=t=>{t.key==="Escape"&&s.close()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[s.isOpen,s.close]),e.jsxs("div",{ref:n,className:`rck-phone-wrapper${k?` ${k}`:""}`,children:[x&&e.jsx("span",{className:"rck-label",children:x}),e.jsxs("div",{className:`rck-phone-field${o?" rck-phone-disabled":""}`,children:[e.jsxs("button",{type:"button",className:"rck-phone-country-btn",onClick:s.toggle,"aria-expanded":s.isOpen,"aria-label":"Select country code",disabled:o,children:[a&&s.country&&e.jsx("span",{className:"rck-phone-flag",children:e.jsx(N,{iso2:s.country.iso2,flag:s.country.flag,flagUrl:s.country.flag_url})}),e.jsx("span",{className:"rck-phone-dial",children:s.country?`+${s.country.phone_code}`:"+?"}),e.jsx("svg",{className:"rck-phone-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:e.jsx("polyline",{points:"5 8 10 13 15 8"})})]}),e.jsx("input",{type:"tel",className:"rck-phone-input",value:s.number,onChange:c=>s.setNumber(c.target.value),placeholder:m,disabled:o,inputMode:"numeric",autoComplete:"tel-national"}),s.isOpen&&e.jsxs("div",{className:"rck-phone-dropdown",children:[e.jsx(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search country or dial code..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Countries",children:s.filteredCountries.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π"}),e.jsx("span",{children:"No countries found"})]}):s.filteredCountries.map(c=>{var h;const t=((h=s.country)==null?void 0:h.iso2)===c.iso2;return e.jsxs("li",{role:"option","aria-selected":t,className:`rck-item${t?" rck-item-selected":""}`,onClick:()=>s.selectCountry(c),tabIndex:0,onKeyDown:i=>i.key==="Enter"&&s.selectCountry(c),children:[e.jsx("span",{className:"rck-item-flag",children:e.jsx(N,{iso2:c.iso2,flag:c.flag,flagUrl:c.flag_url})}),e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:c.name}),e.jsx("span",{className:"rck-item-sub",children:c.iso2})]}),e.jsxs("span",{className:"rck-item-phone",children:["+",c.phone_code]})]},c.iso2)})})]})]})]})}const M=()=>e.jsx("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"4 10 8 14 16 6"})});function R({value:r,onChange:l,placeholder:p="Select a timezone",searchable:m=!0,countryIso2:a,disabled:o=!1,className:k,label:x}){const s=u.useTimezonePicker(r,l,a),n=e.jsx("div",{className:"rck-trigger-content",children:r?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"rck-trigger-text",children:r.name}),e.jsx("span",{className:"rck-badge",children:r.offset_name})]}):e.jsx("span",{className:"rck-trigger-text rck-placeholder",children:p})});return e.jsxs(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:x,disabled:o,className:k,triggerContent:n,id:"rck-timezone-picker",children:[m&&e.jsx(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search timezone..."}),e.jsx("ul",{className:"rck-list",role:"listbox","aria-label":"Timezones",children:s.filteredItems.length===0?e.jsxs("li",{className:"rck-empty",children:[e.jsx("span",{className:"rck-empty-icon",children:"π"}),e.jsx("span",{children:"No timezones found"})]}):s.filteredItems.map(c=>{const t=(r==null?void 0:r.name)===c.name;return e.jsxs("li",{role:"option","aria-selected":t,className:`rck-item${t?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:h=>h.key==="Enter"&&s.selectItem(c),children:[e.jsxs("div",{className:"rck-item-main",children:[e.jsx("span",{className:"rck-item-name",children:c.name}),e.jsxs("span",{className:"rck-item-sub",children:[c.tzName," Β· ",c.abbreviation]})]}),e.jsxs("div",{className:"rck-item-right",children:[e.jsx("span",{className:"rck-offset-badge",children:c.offset_name}),t&&e.jsx(M,{})]})]},c.name)})})]})}exports.CountryMultiSelect=w;exports.CountryPicker=L;exports.CurrencyMultiSelect=$;exports.CurrencyPicker=P;exports.DivisionPicker=B;exports.LanguagePicker=Q;exports.PhoneInput=D;exports.TimezonePicker=R;Object.keys(u).forEach(r=>{r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:()=>u[r]})});
|
|
2
|
-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var w=Object.create,C=Object.defineProperty,I=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,_=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty,O=(r,l,m,d)=>{if(l&&typeof l=="object"||typeof l=="function")for(var a=S(l),o=0,k=a.length,h;o<k;o++)h=a[o],!L.call(r,h)&&h!==m&&C(r,h,{get:(s=>l[s]).bind(null,h),enumerable:!(d=I(l,h))||d.enumerable});return r},E=(r,l,m)=>(m=r!=null?w(_(r)):{},O(l||!r||!r.__esModule?C(m,"default",{value:r,enumerable:!0}):m,r));let j=require("react-country-kit-core"),u=require("react");u=E(u,1);let e=require("react/jsx-runtime");function g({value:r,onChange:l,placeholder:m="Search...",autoFocus:d=!0}){const a=(0,u.useRef)(null);return(0,u.useEffect)(()=>{d&&setTimeout(()=>a.current?.focus(),50)},[d]),(0,e.jsx)("div",{className:"rck-search-wrapper",children:(0,e.jsxs)("div",{className:"rck-search",children:[(0,e.jsxs)("svg",{className:"rck-search-icon",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[(0,e.jsx)("circle",{cx:"8.5",cy:"8.5",r:"5.5"}),(0,e.jsx)("path",{d:"M17 17l-4-4",strokeLinecap:"round"})]}),(0,e.jsx)("input",{ref:a,type:"text",value:r,onChange:o=>l(o.target.value),placeholder:m,"aria-label":"Search"}),r&&(0,e.jsx)("button",{style:{background:"none",border:"none",cursor:"pointer",color:"var(--rck-text-placeholder)",padding:0,display:"flex"},onClick:()=>l(""),"aria-label":"Clear search",type:"button",children:(0,e.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"currentColor",children:(0,e.jsx)("path",{d:"M6 6l8 8M14 6l-8 8",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",fill:"none"})})})]})})}var N=({iso2:r,flag:l,flagUrl:m,className:d="",alt:a="",mode:o="auto"})=>{const k=m||`https://flagcdn.com/w320/${r.toLowerCase()}.png`;return o==="image"?(0,e.jsx)("img",{src:k,alt:a||r,className:`rck-flag-img ${d}`,loading:"lazy"}):(0,e.jsx)("span",{className:`rck-flag-wrapper ${d}`,title:a||r,children:l||r})},v=3;function P(){return(0,e.jsx)("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})})}function $({value:r,onChange:l,placeholder:m="Select countries...",maxItems:d,showFlags:a=!0,searchable:o=!0,disabled:k=!1,className:h,label:s}){const n=(0,j.useMultiSelect)((0,j.getAllCountries)(),(t,p)=>p?(0,j.searchCountries)(p):t,t=>t.iso2,r,l,d),c=(0,u.useRef)(null);(0,u.useEffect)(()=>{if(!n.isOpen)return;const t=p=>{c.current&&!c.current.contains(p.target)&&n.close()};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[n.isOpen,n.close]),(0,u.useEffect)(()=>{if(!n.isOpen)return;const t=p=>{p.key==="Escape"&&n.close()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[n.isOpen,n.close]);const i=r.slice(0,v),x=r.length-v;return(0,e.jsxs)("div",{ref:c,className:`rck-picker${h?` ${h}`:""}`,children:[s&&(0,e.jsx)("span",{className:"rck-label",children:s}),(0,e.jsxs)("button",{type:"button",className:`rck-multiselect-trigger${n.isOpen?" rck-open":""}`,disabled:k,onClick:n.toggle,"aria-haspopup":"listbox","aria-expanded":n.isOpen,children:[(0,e.jsx)("div",{className:"rck-chips-area",children:r.length===0?(0,e.jsx)("span",{style:{color:"var(--rck-text-placeholder)",fontSize:"0.9375rem"},children:m}):(0,e.jsxs)(e.Fragment,{children:[i.map(t=>(0,e.jsxs)("span",{className:"rck-chip",children:[a&&(0,e.jsx)("span",{className:"rck-flag",children:(0,e.jsx)(N,{iso2:t.iso2,flag:t.flag,flagUrl:t.flag_url})}),(0,e.jsx)("span",{className:"rck-chip-label",children:t.name}),(0,e.jsx)("button",{type:"button",className:"rck-chip-remove",onClick:p=>{p.stopPropagation(),n.removeItem(t),l(r.filter(f=>f.iso2!==t.iso2))},"aria-label":`Remove ${t.name}`,children:(0,e.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[(0,e.jsx)("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),(0,e.jsx)("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})})]},t.iso2)),x>0&&(0,e.jsxs)("span",{className:"rck-chip-overflow",children:["+",x," more"]})]})}),r.length>0&&(0,e.jsx)("button",{type:"button",className:"rck-multiselect-clear",onClick:t=>{t.stopPropagation(),n.clearAll(),l([])},"aria-label":"Clear all",children:(0,e.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,e.jsx)("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),(0,e.jsx)("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})}),(0,e.jsx)("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,e.jsx)("polyline",{points:"5 8 10 13 15 8"})})]}),n.isOpen&&(0,e.jsxs)("div",{className:"rck-dropdown",role:"listbox","aria-multiselectable":"true",children:[o&&(0,e.jsx)(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search countries..."}),(0,e.jsx)("ul",{className:"rck-list",children:n.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π"}),(0,e.jsx)("span",{children:"No countries found"})]}):n.filteredItems.map(t=>{const p=n.isSelected(t);return(0,e.jsxs)("li",{role:"option","aria-selected":p,className:`rck-item${p?" rck-item-selected":""}`,onClick:()=>n.toggleItem(t),tabIndex:0,onKeyDown:f=>f.key==="Enter"&&n.toggleItem(t),children:[(0,e.jsx)("div",{className:p?"rck-item-check-multi":"rck-item-check-empty",children:p&&(0,e.jsx)(P,{})}),a&&(0,e.jsx)("span",{className:"rck-item-flag",children:(0,e.jsx)(N,{iso2:t.iso2,flag:t.flag,flagUrl:t.flag_url})}),(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:t.name}),(0,e.jsxs)("span",{className:"rck-item-sub",children:[t.iso3," Β· +",t.phone_code]})]})]},t.iso2)})})]})]})}var B=()=>(0,e.jsx)("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"5 8 10 13 15 8"})});function y({isOpen:r,onClose:l,onToggle:m,label:d,disabled:a,className:o,triggerContent:k,children:h,id:s}){const n=(0,u.useRef)(null);return(0,u.useEffect)(()=>{if(!r)return;const c=i=>{n.current&&!n.current.contains(i.target)&&l()};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[r,l]),(0,u.useEffect)(()=>{if(!r)return;const c=i=>{i.key==="Escape"&&l()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[r,l]),(0,e.jsxs)("div",{ref:n,className:`rck-picker${o?` ${o}`:""}`,children:[d&&(0,e.jsx)("span",{className:"rck-label",id:s?`${s}-label`:void 0,children:d}),(0,e.jsxs)("button",{type:"button",className:`rck-trigger${r?" rck-open":""}`,disabled:a,"aria-haspopup":"listbox","aria-expanded":r,"aria-labelledby":s&&d?`${s}-label`:void 0,id:s,onClick:m,children:[k,(0,e.jsx)(B,{})]}),r&&(0,e.jsx)("div",{className:"rck-dropdown",role:"listbox",children:h})]})}var W=()=>(0,e.jsx)("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})});function Q({value:r,onChange:l,placeholder:m="Select a country",searchable:d=!0,showFlag:a=!0,showPhoneCode:o=!1,disabled:k=!1,className:h,label:s}){const n=(0,j.useCountryPicker)(r,l),c=(0,e.jsx)("div",{className:"rck-trigger-content",children:r?(0,e.jsxs)(e.Fragment,{children:[a&&(0,e.jsx)("span",{className:"rck-flag",children:(0,e.jsx)(N,{iso2:r.iso2,flag:r.flag,flagUrl:r.flag_url})}),(0,e.jsx)("span",{className:"rck-trigger-text",children:r.name}),o&&(0,e.jsxs)("span",{className:"rck-badge",children:["+",r.phone_code]})]}):(0,e.jsx)("span",{className:"rck-trigger-text rck-placeholder",children:m})});return(0,e.jsxs)(y,{isOpen:n.isOpen,onClose:n.close,onToggle:n.toggle,label:s,disabled:k,className:h,triggerContent:c,id:"rck-country-picker",children:[d&&(0,e.jsx)(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search country..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Countries",children:n.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π"}),(0,e.jsx)("span",{children:"No countries found"})]}):n.filteredItems.map(i=>{const x=r?.iso2===i.iso2;return(0,e.jsxs)("li",{role:"option","aria-selected":x,className:`rck-item${x?" rck-item-selected":""}`,onClick:()=>n.selectItem(i),tabIndex:0,onKeyDown:t=>t.key==="Enter"&&n.selectItem(i),children:[a&&(0,e.jsx)("span",{className:"rck-item-flag",children:(0,e.jsx)(N,{iso2:i.iso2,flag:i.flag,flagUrl:i.flag_url})}),(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:i.name}),(0,e.jsxs)("span",{className:"rck-item-sub",children:[i.iso3," Β· ",i.division_type]})]}),(0,e.jsxs)("div",{className:"rck-item-right",children:[o&&(0,e.jsxs)("span",{className:"rck-item-phone",children:["+",i.phone_code]}),x&&(0,e.jsx)(W,{})]})]},i.iso2)})})]})}var b=3;function D(){return(0,e.jsx)("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})})}function M({value:r,onChange:l,placeholder:m="Select currencies...",maxItems:d,showSymbol:a=!0,searchable:o=!0,disabled:k=!1,className:h,label:s}){const n=(0,j.useMultiSelect)((0,j.getAllCurrencies)(),(t,p)=>p?(0,j.searchCurrencies)(p):t,t=>t.code,r,l,d),c=(0,u.useRef)(null);(0,u.useEffect)(()=>{if(!n.isOpen)return;const t=p=>{c.current&&!c.current.contains(p.target)&&n.close()};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[n.isOpen,n.close]),(0,u.useEffect)(()=>{if(!n.isOpen)return;const t=p=>{p.key==="Escape"&&n.close()};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[n.isOpen,n.close]);const i=r.slice(0,b),x=r.length-b;return(0,e.jsxs)("div",{ref:c,className:`rck-picker${h?` ${h}`:""}`,children:[s&&(0,e.jsx)("span",{className:"rck-label",children:s}),(0,e.jsxs)("button",{type:"button",className:`rck-multiselect-trigger${n.isOpen?" rck-open":""}`,disabled:k,onClick:n.toggle,"aria-haspopup":"listbox","aria-expanded":n.isOpen,children:[(0,e.jsx)("div",{className:"rck-chips-area",children:r.length===0?(0,e.jsx)("span",{style:{color:"var(--rck-text-placeholder)",fontSize:"0.9375rem"},children:m}):(0,e.jsxs)(e.Fragment,{children:[i.map(t=>(0,e.jsxs)("span",{className:"rck-chip",children:[a&&(0,e.jsx)("span",{children:t.symbol}),(0,e.jsx)("span",{className:"rck-chip-label",children:t.code}),(0,e.jsx)("button",{type:"button",className:"rck-chip-remove",onClick:p=>{p.stopPropagation(),l(r.filter(f=>f.code!==t.code))},"aria-label":`Remove ${t.code}`,children:(0,e.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",children:[(0,e.jsx)("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),(0,e.jsx)("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})})]},t.code)),x>0&&(0,e.jsxs)("span",{className:"rck-chip-overflow",children:["+",x," more"]})]})}),r.length>0&&(0,e.jsx)("button",{type:"button",className:"rck-multiselect-clear",onClick:t=>{t.stopPropagation(),n.clearAll(),l([])},"aria-label":"Clear all",children:(0,e.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[(0,e.jsx)("line",{x1:"5",y1:"5",x2:"15",y2:"15"}),(0,e.jsx)("line",{x1:"15",y1:"5",x2:"5",y2:"15"})]})}),(0,e.jsx)("svg",{className:"rck-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,e.jsx)("polyline",{points:"5 8 10 13 15 8"})})]}),n.isOpen&&(0,e.jsxs)("div",{className:"rck-dropdown",role:"listbox","aria-multiselectable":"true",children:[o&&(0,e.jsx)(g,{value:n.searchQuery,onChange:n.setSearchQuery,placeholder:"Search currencies..."}),(0,e.jsx)("ul",{className:"rck-list",children:n.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π°"}),(0,e.jsx)("span",{children:"No currencies found"})]}):n.filteredItems.map(t=>{const p=n.isSelected(t);return(0,e.jsxs)("li",{role:"option","aria-selected":p,className:`rck-item${p?" rck-item-selected":""}`,onClick:()=>n.toggleItem(t),tabIndex:0,onKeyDown:f=>f.key==="Enter"&&n.toggleItem(t),children:[(0,e.jsx)("div",{className:p?"rck-item-check-multi":"rck-item-check-empty",children:p&&(0,e.jsx)(D,{})}),a&&(0,e.jsx)("span",{className:"rck-item-symbol",children:t.symbol}),(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:t.name}),(0,e.jsx)("span",{className:"rck-item-sub",children:t.code})]})]},t.code)})})]})]})}var R=()=>(0,e.jsx)("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})});function T({value:r,onChange:l,placeholder:m="Select a currency",searchable:d=!0,showSymbol:a=!0,disabled:o=!1,className:k,label:h}){const s=(0,j.useCurrencyPicker)(r,l),n=(0,e.jsx)("div",{className:"rck-trigger-content",children:r?(0,e.jsxs)(e.Fragment,{children:[a&&(0,e.jsx)("span",{className:"rck-item-symbol",children:r.symbol}),(0,e.jsxs)("span",{className:"rck-trigger-text",children:[r.code," β ",r.name]})]}):(0,e.jsx)("span",{className:"rck-trigger-text rck-placeholder",children:m})});return(0,e.jsxs)(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:h,disabled:o,className:k,triggerContent:n,id:"rck-currency-picker",children:[d&&(0,e.jsx)(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search currency..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Currencies",children:s.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π°"}),(0,e.jsx)("span",{children:"No currencies found"})]}):s.filteredItems.map(c=>{const i=r?.code===c.code;return(0,e.jsxs)("li",{role:"option","aria-selected":i,className:`rck-item${i?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:x=>x.key==="Enter"&&s.selectItem(c),children:[a&&(0,e.jsx)("span",{className:"rck-item-symbol",children:c.symbol}),(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:c.name}),(0,e.jsx)("span",{className:"rck-item-sub",children:c.code})]}),i&&(0,e.jsx)(R,{})]},c.code)})})]})}var K=()=>(0,e.jsx)("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})});function z({countryIso2:r,value:l,onChange:m,placeholder:d="Select a division",searchable:a=!0,disabled:o=!1,className:k,label:h}){const s=(0,j.useDivisionPicker)(r,l,m),n=(0,e.jsx)("div",{className:"rck-trigger-content",children:l?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"rck-trigger-text",children:l.name}),(0,e.jsx)("span",{className:"rck-badge",children:l.iso2})]}):(0,e.jsx)("span",{className:"rck-trigger-text rck-placeholder",children:d})}),c=o||!r;return(0,e.jsxs)(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:h,disabled:c,className:k,triggerContent:n,id:"rck-division-picker",children:[a&&(0,e.jsx)(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search division..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Divisions",children:s.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"πΊοΈ"}),(0,e.jsx)("span",{children:"No divisions found"})]}):s.filteredItems.map(i=>{const x=l?.iso2===i.iso2&&l?.name===i.name;return(0,e.jsxs)("li",{role:"option","aria-selected":x,className:`rck-item${x?" rck-item-selected":""}`,onClick:()=>s.selectItem(i),tabIndex:0,onKeyDown:t=>t.key==="Enter"&&s.selectItem(i),children:[(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:i.name}),(0,e.jsx)("span",{className:"rck-item-sub",children:i.timezone})]}),(0,e.jsxs)("div",{className:"rck-item-right",children:[(0,e.jsx)("span",{className:"rck-badge",children:i.iso2}),x&&(0,e.jsx)(K,{})]})]},`${i.iso2}-${i.name}`)})})]})}var U=()=>(0,e.jsx)("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})});function A({value:r,onChange:l,placeholder:m="Select a language",searchable:d=!0,showNativeName:a=!0,disabled:o=!1,className:k,label:h}){const s=(0,j.useLanguagePicker)(r,l),n=(0,e.jsx)("div",{className:"rck-trigger-content",children:r?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"rck-trigger-text",children:r.english_name}),a&&r.native_name!==r.english_name&&(0,e.jsx)("span",{className:"rck-native-name",children:r.native_name})]}):(0,e.jsx)("span",{className:"rck-trigger-text rck-placeholder",children:m})});return(0,e.jsxs)(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:h,disabled:o,className:k,triggerContent:n,id:"rck-language-picker",children:[d&&(0,e.jsx)(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search language..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Languages",children:s.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π"}),(0,e.jsx)("span",{children:"No languages found"})]}):s.filteredItems.map(c=>{const i=r?.code===c.code;return(0,e.jsxs)("li",{role:"option","aria-selected":i,className:`rck-item${i?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:x=>x.key==="Enter"&&s.selectItem(c),children:[(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:c.english_name}),a&&c.native_name!==c.english_name&&(0,e.jsx)("span",{className:"rck-item-sub",children:c.native_name})]}),(0,e.jsxs)("div",{className:"rck-item-right",children:[(0,e.jsx)("span",{className:"rck-badge",style:{fontSize:"0.68rem"},children:c.code}),i&&(0,e.jsx)(U,{})]})]},c.code)})})]})}function F({value:r,onChange:l,defaultCountryIso2:m="US",placeholder:d="Phone number",showFlag:a=!0,disabled:o=!1,className:k,label:h}){const s=(0,j.usePhoneInput)(r,l,m),n=(0,u.useRef)(null);return(0,u.useEffect)(()=>{if(!s.isOpen)return;const c=i=>{n.current&&!n.current.contains(i.target)&&s.close()};return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[s.isOpen,s.close]),(0,u.useEffect)(()=>{if(!s.isOpen)return;const c=i=>{i.key==="Escape"&&s.close()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[s.isOpen,s.close]),(0,e.jsxs)("div",{ref:n,className:`rck-phone-wrapper${k?` ${k}`:""}`,children:[h&&(0,e.jsx)("span",{className:"rck-label",children:h}),(0,e.jsxs)("div",{className:`rck-phone-field${o?" rck-phone-disabled":""}`,children:[(0,e.jsxs)("button",{type:"button",className:"rck-phone-country-btn",onClick:s.toggle,"aria-expanded":s.isOpen,"aria-label":"Select country code",disabled:o,children:[a&&s.country&&(0,e.jsx)("span",{className:"rck-phone-flag",children:(0,e.jsx)(N,{iso2:s.country.iso2,flag:s.country.flag,flagUrl:s.country.flag_url})}),(0,e.jsx)("span",{className:"rck-phone-dial",children:s.country?`+${s.country.phone_code}`:"+?"}),(0,e.jsx)("svg",{className:"rck-phone-chevron",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,e.jsx)("polyline",{points:"5 8 10 13 15 8"})})]}),(0,e.jsx)("input",{type:"tel",className:"rck-phone-input",value:s.number,onChange:c=>s.setNumber(c.target.value),placeholder:d,disabled:o,inputMode:"numeric",autoComplete:"tel-national"}),s.isOpen&&(0,e.jsxs)("div",{className:"rck-phone-dropdown",children:[(0,e.jsx)(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search country or dial code..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Countries",children:s.filteredCountries.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π"}),(0,e.jsx)("span",{children:"No countries found"})]}):s.filteredCountries.map(c=>{const i=s.country?.iso2===c.iso2;return(0,e.jsxs)("li",{role:"option","aria-selected":i,className:`rck-item${i?" rck-item-selected":""}`,onClick:()=>s.selectCountry(c),tabIndex:0,onKeyDown:x=>x.key==="Enter"&&s.selectCountry(c),children:[(0,e.jsx)("span",{className:"rck-item-flag",children:(0,e.jsx)(N,{iso2:c.iso2,flag:c.flag,flagUrl:c.flag_url})}),(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:c.name}),(0,e.jsx)("span",{className:"rck-item-sub",children:c.iso2})]}),(0,e.jsxs)("span",{className:"rck-item-phone",children:["+",c.phone_code]})]},c.iso2)})})]})]})]})}var H=()=>(0,e.jsx)("svg",{className:"rck-item-check",viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:(0,e.jsx)("polyline",{points:"4 10 8 14 16 6"})});function V({value:r,onChange:l,placeholder:m="Select a timezone",searchable:d=!0,countryIso2:a,disabled:o=!1,className:k,label:h}){const s=(0,j.useTimezonePicker)(r,l,a),n=(0,e.jsx)("div",{className:"rck-trigger-content",children:r?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:"rck-trigger-text",children:r.name}),(0,e.jsx)("span",{className:"rck-badge",children:r.offset_name})]}):(0,e.jsx)("span",{className:"rck-trigger-text rck-placeholder",children:m})});return(0,e.jsxs)(y,{isOpen:s.isOpen,onClose:s.close,onToggle:s.toggle,label:h,disabled:o,className:k,triggerContent:n,id:"rck-timezone-picker",children:[d&&(0,e.jsx)(g,{value:s.searchQuery,onChange:s.setSearchQuery,placeholder:"Search timezone..."}),(0,e.jsx)("ul",{className:"rck-list",role:"listbox","aria-label":"Timezones",children:s.filteredItems.length===0?(0,e.jsxs)("li",{className:"rck-empty",children:[(0,e.jsx)("span",{className:"rck-empty-icon",children:"π"}),(0,e.jsx)("span",{children:"No timezones found"})]}):s.filteredItems.map(c=>{const i=r?.name===c.name;return(0,e.jsxs)("li",{role:"option","aria-selected":i,className:`rck-item${i?" rck-item-selected":""}`,onClick:()=>s.selectItem(c),tabIndex:0,onKeyDown:x=>x.key==="Enter"&&s.selectItem(c),children:[(0,e.jsxs)("div",{className:"rck-item-main",children:[(0,e.jsx)("span",{className:"rck-item-name",children:c.name}),(0,e.jsxs)("span",{className:"rck-item-sub",children:[c.tzName," Β· ",c.abbreviation]})]}),(0,e.jsxs)("div",{className:"rck-item-right",children:[(0,e.jsx)("span",{className:"rck-offset-badge",children:c.offset_name}),i&&(0,e.jsx)(H,{})]})]},c.name)})})]})}exports.CountryMultiSelect=$;exports.CountryPicker=Q;exports.CurrencyMultiSelect=M;exports.CurrencyPicker=T;exports.DivisionPicker=z;exports.LanguagePicker=A;exports.PhoneInput=F;exports.TimezonePicker=V;Object.keys(j).forEach(function(r){r!=="default"&&!Object.prototype.hasOwnProperty.call(exports,r)&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return j[r]}})});
|
|
2
|
+
|
|
3
|
+
//# sourceMappingURL=react-country-kit.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-country-kit.cjs.js","sources":["../src/components/shared/SearchInput.tsx","../src/components/shared/Flag.tsx","../src/components/CountryMultiSelect/CountryMultiSelect.tsx","../src/components/shared/PickerBase.tsx","../src/components/CountryPicker/CountryPicker.tsx","../src/components/CurrencyMultiSelect/CurrencyMultiSelect.tsx","../src/components/CurrencyPicker/CurrencyPicker.tsx","../src/components/DivisionPicker/DivisionPicker.tsx","../src/components/LanguagePicker/LanguagePicker.tsx","../src/components/PhoneInput/PhoneInput.tsx","../src/components/TimezonePicker/TimezonePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\n\ninterface SearchInputProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n autoFocus?: boolean;\n}\n\nexport function SearchInput({ value, onChange, placeholder = 'Search...', autoFocus = true }: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (autoFocus) {\n setTimeout(() => inputRef.current?.focus(), 50);\n }\n }, [autoFocus]);\n\n return (\n <div className=\"rck-search-wrapper\">\n <div className=\"rck-search\">\n <svg className=\"rck-search-icon\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n <circle cx=\"8.5\" cy=\"8.5\" r=\"5.5\" />\n <path d=\"M17 17l-4-4\" strokeLinecap=\"round\" />\n </svg>\n <input\n ref={inputRef}\n type=\"text\"\n value={value}\n onChange={(e) => onChange(e.target.value)}\n placeholder={placeholder}\n aria-label=\"Search\"\n />\n {value && (\n <button\n style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--rck-text-placeholder)', padding: 0, display: 'flex' }}\n onClick={() => onChange('')}\n aria-label=\"Clear search\"\n type=\"button\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path d=\"M6 6l8 8M14 6l-8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" fill=\"none\" />\n </svg>\n </button>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\n\nexport interface FlagProps {\n iso2: string;\n flag?: string;\n flagUrl?: string;\n className?: string;\n alt?: string;\n mode?: 'emoji' | 'image' | 'auto';\n}\n\n/**\n * Flag component that handles both emoji and image flags.\n * 'auto' mode uses emoji by default but provides image as an alternative.\n */\nexport const Flag: React.FC<FlagProps> = ({ \n iso2, \n flag, \n flagUrl, \n className = '', \n alt = '', \n mode = 'auto' \n}) => {\n const url = flagUrl || `https://flagcdn.com/w320/${iso2.toLowerCase()}.png`;\n\n if (mode === 'image') {\n return (\n <img \n src={url} \n alt={alt || iso2} \n className={`rck-flag-img ${className}`}\n loading=\"lazy\"\n />\n );\n }\n\n // For 'emoji' or 'auto', we can use a wrapper that might handle Windows specifically\n // or just render the emoji. \n // However, since Windows doesn't render emoji flags well, \n // many libraries prefer using images for consistent look.\n \n return (\n <span className={`rck-flag-wrapper ${className}`} title={alt || iso2}>\n {flag || iso2}\n </span>\n );\n};\n","import React, { useRef, useEffect } from 'react';\nimport type { CountryMultiSelectProps, Country } from 'react-country-kit-core';\nimport { useMultiSelect } from 'react-country-kit-core';\nimport { getAllCountries, searchCountries } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nconst MAX_VISIBLE_CHIPS = 3;\n\nfunction ChipCheckIcon() {\n return (\n <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n );\n}\n\nexport function CountryMultiSelect({\n value,\n onChange,\n placeholder = 'Select countries...',\n maxItems,\n showFlags = true,\n searchable = true,\n disabled = false,\n className,\n label,\n}: CountryMultiSelectProps) {\n const multi = useMultiSelect<Country>(\n getAllCountries(),\n (items, q) => q ? searchCountries(q) : items,\n (c) => c.iso2,\n value,\n onChange,\n maxItems\n );\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) multi.close();\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [multi.isOpen, multi.close]);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') multi.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [multi.isOpen, multi.close]);\n\n const visibleChips = value.slice(0, MAX_VISIBLE_CHIPS);\n const overflow = value.length - MAX_VISIBLE_CHIPS;\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <button\n type=\"button\"\n className={`rck-multiselect-trigger${multi.isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n onClick={multi.toggle}\n aria-haspopup=\"listbox\"\n aria-expanded={multi.isOpen}\n >\n <div className=\"rck-chips-area\">\n {value.length === 0 ? (\n <span style={{ color: 'var(--rck-text-placeholder)', fontSize: '0.9375rem' }}>{placeholder}</span>\n ) : (\n <>\n {visibleChips.map((c) => (\n <span key={c.iso2} className=\"rck-chip\">\n {showFlags && (\n <span className=\"rck-flag\">\n <Flag iso2={c.iso2} flag={c.flag} flagUrl={c.flag_url} />\n </span>\n )}\n <span className=\"rck-chip-label\">{c.name}</span>\n <button\n type=\"button\"\n className=\"rck-chip-remove\"\n onClick={(e) => { e.stopPropagation(); multi.removeItem(c); onChange(value.filter((x) => x.iso2 !== c.iso2)); }}\n aria-label={`Remove ${c.name}`}\n >\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n </span>\n ))}\n {overflow > 0 && (\n <span className=\"rck-chip-overflow\">+{overflow} more</span>\n )}\n </>\n )}\n </div>\n {value.length > 0 && (\n <button\n type=\"button\"\n className=\"rck-multiselect-clear\"\n onClick={(e) => { e.stopPropagation(); multi.clearAll(); onChange([]); }}\n aria-label=\"Clear all\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n )}\n <svg className=\"rck-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {multi.isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\" aria-multiselectable=\"true\">\n {searchable && (\n <SearchInput value={multi.searchQuery} onChange={multi.setSearchQuery} placeholder=\"Search countries...\" />\n )}\n <ul className=\"rck-list\">\n {multi.filteredItems.length === 0 ? (\n <li className=\"rck-empty\"><span className=\"rck-empty-icon\">π</span><span>No countries found</span></li>\n ) : (\n multi.filteredItems.map((country) => {\n const selected = multi.isSelected(country);\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={selected}\n className={`rck-item${selected ? ' rck-item-selected' : ''}`}\n onClick={() => multi.toggleItem(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && multi.toggleItem(country)}\n >\n <div className={selected ? 'rck-item-check-multi' : 'rck-item-check-empty'}>\n {selected && <ChipCheckIcon />}\n </div>\n {showFlags && (\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n )}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso3} Β· +{country.phone_code}</span>\n </div>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n","import React, { useEffect, useRef } from 'react';\n\ninterface PickerBaseProps {\n isOpen: boolean;\n onClose: () => void;\n onToggle: () => void;\n label?: string;\n disabled?: boolean;\n className?: string;\n triggerContent: React.ReactNode;\n children: React.ReactNode;\n id?: string;\n}\n\nconst ChevronIcon = () => (\n <svg\n className=\"rck-chevron\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n);\n\nexport function PickerBase({\n isOpen,\n onClose,\n onToggle,\n label,\n disabled,\n className,\n triggerContent,\n children,\n id,\n}: PickerBaseProps) {\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n // Close on outside click\n useEffect(() => {\n if (!isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {\n onClose();\n }\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [isOpen, onClose]);\n\n // Close on Escape\n useEffect(() => {\n if (!isOpen) return;\n const handler = (e: KeyboardEvent) => {\n if (e.key === 'Escape') onClose();\n };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [isOpen, onClose]);\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && (\n <span className=\"rck-label\" id={id ? `${id}-label` : undefined}>\n {label}\n </span>\n )}\n <button\n type=\"button\"\n className={`rck-trigger${isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-labelledby={id && label ? `${id}-label` : undefined}\n id={id}\n onClick={onToggle}\n >\n {triggerContent}\n <ChevronIcon />\n </button>\n\n {isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\">\n {children}\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport type { CountryPickerProps } from 'react-country-kit-core';\nimport { useCountryPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function CountryPicker({\n value,\n onChange,\n placeholder = 'Select a country',\n searchable = true,\n showFlag = true,\n showPhoneCode = false,\n disabled = false,\n className,\n label,\n}: CountryPickerProps) {\n const picker = useCountryPicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n {showFlag && (\n <span className=\"rck-flag\">\n <Flag iso2={value.iso2} flag={value.flag} flagUrl={value.flag_url} />\n </span>\n )}\n <span className=\"rck-trigger-text\">{value.name}</span>\n {showPhoneCode && <span className=\"rck-badge\">+{value.phone_code}</span>}\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-country-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search country...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Countries\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No countries found</span>\n </li>\n ) : (\n picker.filteredItems.map((country) => {\n const isSelected = value?.iso2 === country.iso2;\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(country)}\n >\n {showFlag && (\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n )}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso3} Β· {country.division_type}</span>\n </div>\n <div className=\"rck-item-right\">\n {showPhoneCode && (\n <span className=\"rck-item-phone\">+{country.phone_code}</span>\n )}\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React, { useRef, useEffect } from 'react';\nimport type { CurrencyMultiSelectProps, Currency } from 'react-country-kit-core';\nimport { useMultiSelect } from 'react-country-kit-core';\nimport { getAllCurrencies, searchCurrencies } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst MAX_VISIBLE_CHIPS = 3;\n\nfunction ChipCheckIcon() {\n return (\n <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n );\n}\n\nexport function CurrencyMultiSelect({\n value,\n onChange,\n placeholder = 'Select currencies...',\n maxItems,\n showSymbol = true,\n searchable = true,\n disabled = false,\n className,\n label,\n}: CurrencyMultiSelectProps) {\n const multi = useMultiSelect<Currency>(\n getAllCurrencies(),\n (items, q) => q ? searchCurrencies(q) : items,\n (c) => c.code,\n value,\n onChange,\n maxItems\n );\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) multi.close();\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [multi.isOpen, multi.close]);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') multi.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [multi.isOpen, multi.close]);\n\n const visibleChips = value.slice(0, MAX_VISIBLE_CHIPS);\n const overflow = value.length - MAX_VISIBLE_CHIPS;\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <button\n type=\"button\"\n className={`rck-multiselect-trigger${multi.isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n onClick={multi.toggle}\n aria-haspopup=\"listbox\"\n aria-expanded={multi.isOpen}\n >\n <div className=\"rck-chips-area\">\n {value.length === 0 ? (\n <span style={{ color: 'var(--rck-text-placeholder)', fontSize: '0.9375rem' }}>{placeholder}</span>\n ) : (\n <>\n {visibleChips.map((c) => (\n <span key={c.code} className=\"rck-chip\">\n {showSymbol && <span>{c.symbol}</span>}\n <span className=\"rck-chip-label\">{c.code}</span>\n <button\n type=\"button\"\n className=\"rck-chip-remove\"\n onClick={(e) => { e.stopPropagation(); onChange(value.filter((x) => x.code !== c.code)); }}\n aria-label={`Remove ${c.code}`}\n >\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n </span>\n ))}\n {overflow > 0 && <span className=\"rck-chip-overflow\">+{overflow} more</span>}\n </>\n )}\n </div>\n {value.length > 0 && (\n <button\n type=\"button\"\n className=\"rck-multiselect-clear\"\n onClick={(e) => { e.stopPropagation(); multi.clearAll(); onChange([]); }}\n aria-label=\"Clear all\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n )}\n <svg className=\"rck-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {multi.isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\" aria-multiselectable=\"true\">\n {searchable && (\n <SearchInput value={multi.searchQuery} onChange={multi.setSearchQuery} placeholder=\"Search currencies...\" />\n )}\n <ul className=\"rck-list\">\n {multi.filteredItems.length === 0 ? (\n <li className=\"rck-empty\"><span className=\"rck-empty-icon\">π°</span><span>No currencies found</span></li>\n ) : (\n multi.filteredItems.map((currency) => {\n const selected = multi.isSelected(currency);\n return (\n <li\n key={currency.code}\n role=\"option\"\n aria-selected={selected}\n className={`rck-item${selected ? ' rck-item-selected' : ''}`}\n onClick={() => multi.toggleItem(currency)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && multi.toggleItem(currency)}\n >\n <div className={selected ? 'rck-item-check-multi' : 'rck-item-check-empty'}>\n {selected && <ChipCheckIcon />}\n </div>\n {showSymbol && <span className=\"rck-item-symbol\">{currency.symbol}</span>}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{currency.name}</span>\n <span className=\"rck-item-sub\">{currency.code}</span>\n </div>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport type { CurrencyPickerProps } from 'react-country-kit-core';\nimport { useCurrencyPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function CurrencyPicker({\n value,\n onChange,\n placeholder = 'Select a currency',\n searchable = true,\n showSymbol = true,\n disabled = false,\n className,\n label,\n}: CurrencyPickerProps) {\n const picker = useCurrencyPicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n {showSymbol && <span className=\"rck-item-symbol\">{value.symbol}</span>}\n <span className=\"rck-trigger-text\">{value.code} β {value.name}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-currency-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search currency...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Currencies\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π°</span>\n <span>No currencies found</span>\n </li>\n ) : (\n picker.filteredItems.map((currency) => {\n const isSelected = value?.code === currency.code;\n return (\n <li\n key={currency.code}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(currency)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(currency)}\n >\n {showSymbol && <span className=\"rck-item-symbol\">{currency.symbol}</span>}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{currency.name}</span>\n <span className=\"rck-item-sub\">{currency.code}</span>\n </div>\n {isSelected && <CheckIcon />}\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React from 'react';\nimport type { DivisionPickerProps } from 'react-country-kit-core';\nimport { useDivisionPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function DivisionPicker({\n countryIso2,\n value,\n onChange,\n placeholder = 'Select a division',\n searchable = true,\n disabled = false,\n className,\n label,\n}: DivisionPickerProps) {\n const picker = useDivisionPicker(countryIso2, value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.name}</span>\n <span className=\"rck-badge\">{value.iso2}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n const isDisabled = disabled || !countryIso2;\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={isDisabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-division-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search division...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Divisions\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">πΊοΈ</span>\n <span>No divisions found</span>\n </li>\n ) : (\n picker.filteredItems.map((division) => {\n const isSelected = value?.iso2 === division.iso2 && value?.name === division.name;\n return (\n <li\n key={`${division.iso2}-${division.name}`}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(division)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(division)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{division.name}</span>\n <span className=\"rck-item-sub\">{division.timezone}</span>\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-badge\">{division.iso2}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React from 'react';\nimport type { LanguagePickerProps } from 'react-country-kit-core';\nimport { useLanguagePicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function LanguagePicker({\n value,\n onChange,\n placeholder = 'Select a language',\n searchable = true,\n showNativeName = true,\n disabled = false,\n className,\n label,\n}: LanguagePickerProps) {\n const picker = useLanguagePicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.english_name}</span>\n {showNativeName && value.native_name !== value.english_name && (\n <span className=\"rck-native-name\">{value.native_name}</span>\n )}\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-language-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search language...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Languages\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No languages found</span>\n </li>\n ) : (\n picker.filteredItems.map((lang) => {\n const isSelected = value?.code === lang.code;\n return (\n <li\n key={lang.code}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(lang)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(lang)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{lang.english_name}</span>\n {showNativeName && lang.native_name !== lang.english_name && (\n <span className=\"rck-item-sub\">{lang.native_name}</span>\n )}\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-badge\" style={{ fontSize: '0.68rem' }}>{lang.code}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React, { useRef, useEffect } from 'react';\nimport type { PhoneInputProps } from 'react-country-kit-core';\nimport { usePhoneInput } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nexport function PhoneInput({\n value,\n onChange,\n defaultCountryIso2 = 'US',\n placeholder = 'Phone number',\n showFlag = true,\n disabled = false,\n className,\n label,\n}: PhoneInputProps) {\n const phone = usePhoneInput(value, onChange, defaultCountryIso2);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n // Close dropdown on outside click\n useEffect(() => {\n if (!phone.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {\n phone.close();\n }\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [phone.isOpen, phone.close]);\n\n // Close on Escape\n useEffect(() => {\n if (!phone.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') phone.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [phone.isOpen, phone.close]);\n\n return (\n <div ref={wrapperRef} className={`rck-phone-wrapper${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <div className={`rck-phone-field${disabled ? ' rck-phone-disabled' : ''}`}>\n {/* Country selector */}\n <button\n type=\"button\"\n className=\"rck-phone-country-btn\"\n onClick={phone.toggle}\n aria-expanded={phone.isOpen}\n aria-label=\"Select country code\"\n disabled={disabled}\n >\n {showFlag && phone.country && (\n <span className=\"rck-phone-flag\">\n <Flag iso2={phone.country.iso2} flag={phone.country.flag} flagUrl={phone.country.flag_url} />\n </span>\n )}\n <span className=\"rck-phone-dial\">\n {phone.country ? `+${phone.country.phone_code}` : '+?'}\n </span>\n <svg className=\"rck-phone-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {/* Phone number input */}\n <input\n type=\"tel\"\n className=\"rck-phone-input\"\n value={phone.number}\n onChange={(e) => phone.setNumber(e.target.value)}\n placeholder={placeholder}\n disabled={disabled}\n inputMode=\"numeric\"\n autoComplete=\"tel-national\"\n />\n\n {/* Country dropdown */}\n {phone.isOpen && (\n <div className=\"rck-phone-dropdown\">\n <SearchInput\n value={phone.searchQuery}\n onChange={phone.setSearchQuery}\n placeholder=\"Search country or dial code...\"\n />\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Countries\">\n {phone.filteredCountries.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No countries found</span>\n </li>\n ) : (\n phone.filteredCountries.map((country) => {\n const isSelected = phone.country?.iso2 === country.iso2;\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => phone.selectCountry(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && phone.selectCountry(country)}\n >\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso2}</span>\n </div>\n <span className=\"rck-item-phone\">+{country.phone_code}</span>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport type { TimezonePickerProps } from 'react-country-kit-core';\nimport { useTimezonePicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function TimezonePicker({\n value,\n onChange,\n placeholder = 'Select a timezone',\n searchable = true,\n countryIso2,\n disabled = false,\n className,\n label,\n}: TimezonePickerProps) {\n const picker = useTimezonePicker(value, onChange, countryIso2);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.name}</span>\n <span className=\"rck-badge\">{value.offset_name}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-timezone-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search timezone...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Timezones\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No timezones found</span>\n </li>\n ) : (\n picker.filteredItems.map((tz) => {\n const isSelected = value?.name === tz.name;\n return (\n <li\n key={tz.name}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(tz)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(tz)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{tz.name}</span>\n <span className=\"rck-item-sub\">{tz.tzName} Β· {tz.abbreviation}</span>\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-offset-badge\">{tz.offset_name}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n"],"names":["SearchInput","value","onChange","placeholder","autoFocus","inputRef","useRef","useEffect","_a","jsxs","jsx","e","Flag","iso2","flag","flagUrl","className","alt","mode","url","MAX_VISIBLE_CHIPS","ChipCheckIcon","CountryMultiSelect","maxItems","showFlags","searchable","disabled","label","multi","useMultiSelect","getAllCountries","items","q","searchCountries","c","wrapperRef","handler","visibleChips","overflow","Fragment","x","country","selected","ChevronIcon","PickerBase","isOpen","onClose","onToggle","triggerContent","children","id","CheckIcon","CountryPicker","showFlag","showPhoneCode","picker","useCountryPicker","isSelected","CurrencyMultiSelect","showSymbol","getAllCurrencies","searchCurrencies","currency","CurrencyPicker","useCurrencyPicker","DivisionPicker","countryIso2","useDivisionPicker","isDisabled","division","LanguagePicker","showNativeName","useLanguagePicker","lang","PhoneInput","defaultCountryIso2","phone","usePhoneInput","TimezonePicker","useTimezonePicker","tz"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"react-country-kit.cjs.js","names":[],"sources":["../src/components/shared/SearchInput.tsx","../src/components/shared/Flag.tsx","../src/components/CountryMultiSelect/CountryMultiSelect.tsx","../src/components/shared/PickerBase.tsx","../src/components/CountryPicker/CountryPicker.tsx","../src/components/CurrencyMultiSelect/CurrencyMultiSelect.tsx","../src/components/CurrencyPicker/CurrencyPicker.tsx","../src/components/DivisionPicker/DivisionPicker.tsx","../src/components/LanguagePicker/LanguagePicker.tsx","../src/components/PhoneInput/PhoneInput.tsx","../src/components/TimezonePicker/TimezonePicker.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\n\ninterface SearchInputProps {\n value: string;\n onChange: (value: string) => void;\n placeholder?: string;\n autoFocus?: boolean;\n}\n\nexport function SearchInput({ value, onChange, placeholder = 'Search...', autoFocus = true }: SearchInputProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n\n useEffect(() => {\n if (autoFocus) {\n setTimeout(() => inputRef.current?.focus(), 50);\n }\n }, [autoFocus]);\n\n return (\n <div className=\"rck-search-wrapper\">\n <div className=\"rck-search\">\n <svg className=\"rck-search-icon\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n <circle cx=\"8.5\" cy=\"8.5\" r=\"5.5\" />\n <path d=\"M17 17l-4-4\" strokeLinecap=\"round\" />\n </svg>\n <input\n ref={inputRef}\n type=\"text\"\n value={value}\n onChange={(e) => onChange(e.target.value)}\n placeholder={placeholder}\n aria-label=\"Search\"\n />\n {value && (\n <button\n style={{ background: 'none', border: 'none', cursor: 'pointer', color: 'var(--rck-text-placeholder)', padding: 0, display: 'flex' }}\n onClick={() => onChange('')}\n aria-label=\"Clear search\"\n type=\"button\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n <path d=\"M6 6l8 8M14 6l-8 8\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" fill=\"none\" />\n </svg>\n </button>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\n\nexport interface FlagProps {\n iso2: string;\n flag?: string;\n flagUrl?: string;\n className?: string;\n alt?: string;\n mode?: 'emoji' | 'image' | 'auto';\n}\n\n/**\n * Flag component that handles both emoji and image flags.\n * 'auto' mode uses emoji by default but provides image as an alternative.\n */\nexport const Flag: React.FC<FlagProps> = ({ \n iso2, \n flag, \n flagUrl, \n className = '', \n alt = '', \n mode = 'auto' \n}) => {\n const url = flagUrl || `https://flagcdn.com/w320/${iso2.toLowerCase()}.png`;\n\n if (mode === 'image') {\n return (\n <img \n src={url} \n alt={alt || iso2} \n className={`rck-flag-img ${className}`}\n loading=\"lazy\"\n />\n );\n }\n\n // For 'emoji' or 'auto', we can use a wrapper that might handle Windows specifically\n // or just render the emoji. \n // However, since Windows doesn't render emoji flags well, \n // many libraries prefer using images for consistent look.\n \n return (\n <span className={`rck-flag-wrapper ${className}`} title={alt || iso2}>\n {flag || iso2}\n </span>\n );\n};\n","import React, { useRef, useEffect } from 'react';\nimport type { CountryMultiSelectProps, Country } from 'react-country-kit-core';\nimport { useMultiSelect } from 'react-country-kit-core';\nimport { getAllCountries, searchCountries } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nconst MAX_VISIBLE_CHIPS = 3;\n\nfunction ChipCheckIcon() {\n return (\n <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n );\n}\n\nexport function CountryMultiSelect({\n value,\n onChange,\n placeholder = 'Select countries...',\n maxItems,\n showFlags = true,\n searchable = true,\n disabled = false,\n className,\n label,\n}: CountryMultiSelectProps) {\n const multi = useMultiSelect<Country>(\n getAllCountries(),\n (items, q) => q ? searchCountries(q) : items,\n (c) => c.iso2,\n value,\n onChange,\n maxItems\n );\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) multi.close();\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [multi.isOpen, multi.close]);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') multi.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [multi.isOpen, multi.close]);\n\n const visibleChips = value.slice(0, MAX_VISIBLE_CHIPS);\n const overflow = value.length - MAX_VISIBLE_CHIPS;\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <button\n type=\"button\"\n className={`rck-multiselect-trigger${multi.isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n onClick={multi.toggle}\n aria-haspopup=\"listbox\"\n aria-expanded={multi.isOpen}\n >\n <div className=\"rck-chips-area\">\n {value.length === 0 ? (\n <span style={{ color: 'var(--rck-text-placeholder)', fontSize: '0.9375rem' }}>{placeholder}</span>\n ) : (\n <>\n {visibleChips.map((c) => (\n <span key={c.iso2} className=\"rck-chip\">\n {showFlags && (\n <span className=\"rck-flag\">\n <Flag iso2={c.iso2} flag={c.flag} flagUrl={c.flag_url} />\n </span>\n )}\n <span className=\"rck-chip-label\">{c.name}</span>\n <button\n type=\"button\"\n className=\"rck-chip-remove\"\n onClick={(e) => { e.stopPropagation(); multi.removeItem(c); onChange(value.filter((x) => x.iso2 !== c.iso2)); }}\n aria-label={`Remove ${c.name}`}\n >\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n </span>\n ))}\n {overflow > 0 && (\n <span className=\"rck-chip-overflow\">+{overflow} more</span>\n )}\n </>\n )}\n </div>\n {value.length > 0 && (\n <button\n type=\"button\"\n className=\"rck-multiselect-clear\"\n onClick={(e) => { e.stopPropagation(); multi.clearAll(); onChange([]); }}\n aria-label=\"Clear all\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n )}\n <svg className=\"rck-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {multi.isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\" aria-multiselectable=\"true\">\n {searchable && (\n <SearchInput value={multi.searchQuery} onChange={multi.setSearchQuery} placeholder=\"Search countries...\" />\n )}\n <ul className=\"rck-list\">\n {multi.filteredItems.length === 0 ? (\n <li className=\"rck-empty\"><span className=\"rck-empty-icon\">π</span><span>No countries found</span></li>\n ) : (\n multi.filteredItems.map((country) => {\n const selected = multi.isSelected(country);\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={selected}\n className={`rck-item${selected ? ' rck-item-selected' : ''}`}\n onClick={() => multi.toggleItem(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && multi.toggleItem(country)}\n >\n <div className={selected ? 'rck-item-check-multi' : 'rck-item-check-empty'}>\n {selected && <ChipCheckIcon />}\n </div>\n {showFlags && (\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n )}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso3} Β· +{country.phone_code}</span>\n </div>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n","import React, { useEffect, useRef } from 'react';\n\ninterface PickerBaseProps {\n isOpen: boolean;\n onClose: () => void;\n onToggle: () => void;\n label?: string;\n disabled?: boolean;\n className?: string;\n triggerContent: React.ReactNode;\n children: React.ReactNode;\n id?: string;\n}\n\nconst ChevronIcon = () => (\n <svg\n className=\"rck-chevron\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n);\n\nexport function PickerBase({\n isOpen,\n onClose,\n onToggle,\n label,\n disabled,\n className,\n triggerContent,\n children,\n id,\n}: PickerBaseProps) {\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n // Close on outside click\n useEffect(() => {\n if (!isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {\n onClose();\n }\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [isOpen, onClose]);\n\n // Close on Escape\n useEffect(() => {\n if (!isOpen) return;\n const handler = (e: KeyboardEvent) => {\n if (e.key === 'Escape') onClose();\n };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [isOpen, onClose]);\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && (\n <span className=\"rck-label\" id={id ? `${id}-label` : undefined}>\n {label}\n </span>\n )}\n <button\n type=\"button\"\n className={`rck-trigger${isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-labelledby={id && label ? `${id}-label` : undefined}\n id={id}\n onClick={onToggle}\n >\n {triggerContent}\n <ChevronIcon />\n </button>\n\n {isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\">\n {children}\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport type { CountryPickerProps } from 'react-country-kit-core';\nimport { useCountryPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function CountryPicker({\n value,\n onChange,\n placeholder = 'Select a country',\n searchable = true,\n showFlag = true,\n showPhoneCode = false,\n disabled = false,\n className,\n label,\n}: CountryPickerProps) {\n const picker = useCountryPicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n {showFlag && (\n <span className=\"rck-flag\">\n <Flag iso2={value.iso2} flag={value.flag} flagUrl={value.flag_url} />\n </span>\n )}\n <span className=\"rck-trigger-text\">{value.name}</span>\n {showPhoneCode && <span className=\"rck-badge\">+{value.phone_code}</span>}\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-country-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search country...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Countries\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No countries found</span>\n </li>\n ) : (\n picker.filteredItems.map((country) => {\n const isSelected = value?.iso2 === country.iso2;\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(country)}\n >\n {showFlag && (\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n )}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso3} Β· {country.division_type}</span>\n </div>\n <div className=\"rck-item-right\">\n {showPhoneCode && (\n <span className=\"rck-item-phone\">+{country.phone_code}</span>\n )}\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React, { useRef, useEffect } from 'react';\nimport type { CurrencyMultiSelectProps, Currency } from 'react-country-kit-core';\nimport { useMultiSelect } from 'react-country-kit-core';\nimport { getAllCurrencies, searchCurrencies } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst MAX_VISIBLE_CHIPS = 3;\n\nfunction ChipCheckIcon() {\n return (\n <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n );\n}\n\nexport function CurrencyMultiSelect({\n value,\n onChange,\n placeholder = 'Select currencies...',\n maxItems,\n showSymbol = true,\n searchable = true,\n disabled = false,\n className,\n label,\n}: CurrencyMultiSelectProps) {\n const multi = useMultiSelect<Currency>(\n getAllCurrencies(),\n (items, q) => q ? searchCurrencies(q) : items,\n (c) => c.code,\n value,\n onChange,\n maxItems\n );\n\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) multi.close();\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [multi.isOpen, multi.close]);\n\n useEffect(() => {\n if (!multi.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') multi.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [multi.isOpen, multi.close]);\n\n const visibleChips = value.slice(0, MAX_VISIBLE_CHIPS);\n const overflow = value.length - MAX_VISIBLE_CHIPS;\n\n return (\n <div ref={wrapperRef} className={`rck-picker${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <button\n type=\"button\"\n className={`rck-multiselect-trigger${multi.isOpen ? ' rck-open' : ''}`}\n disabled={disabled}\n onClick={multi.toggle}\n aria-haspopup=\"listbox\"\n aria-expanded={multi.isOpen}\n >\n <div className=\"rck-chips-area\">\n {value.length === 0 ? (\n <span style={{ color: 'var(--rck-text-placeholder)', fontSize: '0.9375rem' }}>{placeholder}</span>\n ) : (\n <>\n {visibleChips.map((c) => (\n <span key={c.code} className=\"rck-chip\">\n {showSymbol && <span>{c.symbol}</span>}\n <span className=\"rck-chip-label\">{c.code}</span>\n <button\n type=\"button\"\n className=\"rck-chip-remove\"\n onClick={(e) => { e.stopPropagation(); onChange(value.filter((x) => x.code !== c.code)); }}\n aria-label={`Remove ${c.code}`}\n >\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n </span>\n ))}\n {overflow > 0 && <span className=\"rck-chip-overflow\">+{overflow} more</span>}\n </>\n )}\n </div>\n {value.length > 0 && (\n <button\n type=\"button\"\n className=\"rck-multiselect-clear\"\n onClick={(e) => { e.stopPropagation(); multi.clearAll(); onChange([]); }}\n aria-label=\"Clear all\"\n >\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <line x1=\"5\" y1=\"5\" x2=\"15\" y2=\"15\" /><line x1=\"15\" y1=\"5\" x2=\"5\" y2=\"15\" />\n </svg>\n </button>\n )}\n <svg className=\"rck-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {multi.isOpen && (\n <div className=\"rck-dropdown\" role=\"listbox\" aria-multiselectable=\"true\">\n {searchable && (\n <SearchInput value={multi.searchQuery} onChange={multi.setSearchQuery} placeholder=\"Search currencies...\" />\n )}\n <ul className=\"rck-list\">\n {multi.filteredItems.length === 0 ? (\n <li className=\"rck-empty\"><span className=\"rck-empty-icon\">π°</span><span>No currencies found</span></li>\n ) : (\n multi.filteredItems.map((currency) => {\n const selected = multi.isSelected(currency);\n return (\n <li\n key={currency.code}\n role=\"option\"\n aria-selected={selected}\n className={`rck-item${selected ? ' rck-item-selected' : ''}`}\n onClick={() => multi.toggleItem(currency)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && multi.toggleItem(currency)}\n >\n <div className={selected ? 'rck-item-check-multi' : 'rck-item-check-empty'}>\n {selected && <ChipCheckIcon />}\n </div>\n {showSymbol && <span className=\"rck-item-symbol\">{currency.symbol}</span>}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{currency.name}</span>\n <span className=\"rck-item-sub\">{currency.code}</span>\n </div>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n );\n}\n","import React from 'react';\nimport type { CurrencyPickerProps } from 'react-country-kit-core';\nimport { useCurrencyPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function CurrencyPicker({\n value,\n onChange,\n placeholder = 'Select a currency',\n searchable = true,\n showSymbol = true,\n disabled = false,\n className,\n label,\n}: CurrencyPickerProps) {\n const picker = useCurrencyPicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n {showSymbol && <span className=\"rck-item-symbol\">{value.symbol}</span>}\n <span className=\"rck-trigger-text\">{value.code} β {value.name}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-currency-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search currency...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Currencies\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π°</span>\n <span>No currencies found</span>\n </li>\n ) : (\n picker.filteredItems.map((currency) => {\n const isSelected = value?.code === currency.code;\n return (\n <li\n key={currency.code}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(currency)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(currency)}\n >\n {showSymbol && <span className=\"rck-item-symbol\">{currency.symbol}</span>}\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{currency.name}</span>\n <span className=\"rck-item-sub\">{currency.code}</span>\n </div>\n {isSelected && <CheckIcon />}\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React from 'react';\nimport type { DivisionPickerProps } from 'react-country-kit-core';\nimport { useDivisionPicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function DivisionPicker({\n countryIso2,\n value,\n onChange,\n placeholder = 'Select a division',\n searchable = true,\n disabled = false,\n className,\n label,\n}: DivisionPickerProps) {\n const picker = useDivisionPicker(countryIso2, value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.name}</span>\n <span className=\"rck-badge\">{value.iso2}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n const isDisabled = disabled || !countryIso2;\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={isDisabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-division-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search division...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Divisions\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">πΊοΈ</span>\n <span>No divisions found</span>\n </li>\n ) : (\n picker.filteredItems.map((division) => {\n const isSelected = value?.iso2 === division.iso2 && value?.name === division.name;\n return (\n <li\n key={`${division.iso2}-${division.name}`}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(division)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(division)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{division.name}</span>\n <span className=\"rck-item-sub\">{division.timezone}</span>\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-badge\">{division.iso2}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React from 'react';\nimport type { LanguagePickerProps } from 'react-country-kit-core';\nimport { useLanguagePicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function LanguagePicker({\n value,\n onChange,\n placeholder = 'Select a language',\n searchable = true,\n showNativeName = true,\n disabled = false,\n className,\n label,\n}: LanguagePickerProps) {\n const picker = useLanguagePicker(value, onChange);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.english_name}</span>\n {showNativeName && value.native_name !== value.english_name && (\n <span className=\"rck-native-name\">{value.native_name}</span>\n )}\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-language-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search language...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Languages\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No languages found</span>\n </li>\n ) : (\n picker.filteredItems.map((lang) => {\n const isSelected = value?.code === lang.code;\n return (\n <li\n key={lang.code}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(lang)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(lang)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{lang.english_name}</span>\n {showNativeName && lang.native_name !== lang.english_name && (\n <span className=\"rck-item-sub\">{lang.native_name}</span>\n )}\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-badge\" style={{ fontSize: '0.68rem' }}>{lang.code}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n","import React, { useRef, useEffect } from 'react';\nimport type { PhoneInputProps } from 'react-country-kit-core';\nimport { usePhoneInput } from 'react-country-kit-core';\nimport { SearchInput } from '../shared/SearchInput';\nimport { Flag } from '../shared/Flag';\nimport '../../styles/picker.css';\n\nexport function PhoneInput({\n value,\n onChange,\n defaultCountryIso2 = 'US',\n placeholder = 'Phone number',\n showFlag = true,\n disabled = false,\n className,\n label,\n}: PhoneInputProps) {\n const phone = usePhoneInput(value, onChange, defaultCountryIso2);\n const wrapperRef = useRef<HTMLDivElement>(null);\n\n // Close dropdown on outside click\n useEffect(() => {\n if (!phone.isOpen) return;\n const handler = (e: MouseEvent) => {\n if (wrapperRef.current && !wrapperRef.current.contains(e.target as Node)) {\n phone.close();\n }\n };\n document.addEventListener('mousedown', handler);\n return () => document.removeEventListener('mousedown', handler);\n }, [phone.isOpen, phone.close]);\n\n // Close on Escape\n useEffect(() => {\n if (!phone.isOpen) return;\n const handler = (e: KeyboardEvent) => { if (e.key === 'Escape') phone.close(); };\n document.addEventListener('keydown', handler);\n return () => document.removeEventListener('keydown', handler);\n }, [phone.isOpen, phone.close]);\n\n return (\n <div ref={wrapperRef} className={`rck-phone-wrapper${className ? ` ${className}` : ''}`}>\n {label && <span className=\"rck-label\">{label}</span>}\n\n <div className={`rck-phone-field${disabled ? ' rck-phone-disabled' : ''}`}>\n {/* Country selector */}\n <button\n type=\"button\"\n className=\"rck-phone-country-btn\"\n onClick={phone.toggle}\n aria-expanded={phone.isOpen}\n aria-label=\"Select country code\"\n disabled={disabled}\n >\n {showFlag && phone.country && (\n <span className=\"rck-phone-flag\">\n <Flag iso2={phone.country.iso2} flag={phone.country.flag} flagUrl={phone.country.flag_url} />\n </span>\n )}\n <span className=\"rck-phone-dial\">\n {phone.country ? `+${phone.country.phone_code}` : '+?'}\n </span>\n <svg className=\"rck-phone-chevron\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\">\n <polyline points=\"5 8 10 13 15 8\" />\n </svg>\n </button>\n\n {/* Phone number input */}\n <input\n type=\"tel\"\n className=\"rck-phone-input\"\n value={phone.number}\n onChange={(e) => phone.setNumber(e.target.value)}\n placeholder={placeholder}\n disabled={disabled}\n inputMode=\"numeric\"\n autoComplete=\"tel-national\"\n />\n\n {/* Country dropdown */}\n {phone.isOpen && (\n <div className=\"rck-phone-dropdown\">\n <SearchInput\n value={phone.searchQuery}\n onChange={phone.setSearchQuery}\n placeholder=\"Search country or dial code...\"\n />\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Countries\">\n {phone.filteredCountries.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No countries found</span>\n </li>\n ) : (\n phone.filteredCountries.map((country) => {\n const isSelected = phone.country?.iso2 === country.iso2;\n return (\n <li\n key={country.iso2}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => phone.selectCountry(country)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && phone.selectCountry(country)}\n >\n <span className=\"rck-item-flag\">\n <Flag iso2={country.iso2} flag={country.flag} flagUrl={country.flag_url} />\n </span>\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{country.name}</span>\n <span className=\"rck-item-sub\">{country.iso2}</span>\n </div>\n <span className=\"rck-item-phone\">+{country.phone_code}</span>\n </li>\n );\n })\n )}\n </ul>\n </div>\n )}\n </div>\n </div>\n );\n}\n","import React from 'react';\nimport type { TimezonePickerProps } from 'react-country-kit-core';\nimport { useTimezonePicker } from 'react-country-kit-core';\nimport { PickerBase } from '../shared/PickerBase';\nimport { SearchInput } from '../shared/SearchInput';\nimport '../../styles/picker.css';\n\nconst CheckIcon = () => (\n <svg className=\"rck-item-check\" viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n <polyline points=\"4 10 8 14 16 6\" />\n </svg>\n);\n\nexport function TimezonePicker({\n value,\n onChange,\n placeholder = 'Select a timezone',\n searchable = true,\n countryIso2,\n disabled = false,\n className,\n label,\n}: TimezonePickerProps) {\n const picker = useTimezonePicker(value, onChange, countryIso2);\n\n const triggerContent = (\n <div className=\"rck-trigger-content\">\n {value ? (\n <>\n <span className=\"rck-trigger-text\">{value.name}</span>\n <span className=\"rck-badge\">{value.offset_name}</span>\n </>\n ) : (\n <span className=\"rck-trigger-text rck-placeholder\">{placeholder}</span>\n )}\n </div>\n );\n\n return (\n <PickerBase\n isOpen={picker.isOpen}\n onClose={picker.close}\n onToggle={picker.toggle}\n label={label}\n disabled={disabled}\n className={className}\n triggerContent={triggerContent}\n id=\"rck-timezone-picker\"\n >\n {searchable && (\n <SearchInput\n value={picker.searchQuery}\n onChange={picker.setSearchQuery}\n placeholder=\"Search timezone...\"\n />\n )}\n <ul className=\"rck-list\" role=\"listbox\" aria-label=\"Timezones\">\n {picker.filteredItems.length === 0 ? (\n <li className=\"rck-empty\">\n <span className=\"rck-empty-icon\">π</span>\n <span>No timezones found</span>\n </li>\n ) : (\n picker.filteredItems.map((tz) => {\n const isSelected = value?.name === tz.name;\n return (\n <li\n key={tz.name}\n role=\"option\"\n aria-selected={isSelected}\n className={`rck-item${isSelected ? ' rck-item-selected' : ''}`}\n onClick={() => picker.selectItem(tz)}\n tabIndex={0}\n onKeyDown={(e) => e.key === 'Enter' && picker.selectItem(tz)}\n >\n <div className=\"rck-item-main\">\n <span className=\"rck-item-name\">{tz.name}</span>\n <span className=\"rck-item-sub\">{tz.tzName} Β· {tz.abbreviation}</span>\n </div>\n <div className=\"rck-item-right\">\n <span className=\"rck-offset-badge\">{tz.offset_name}</span>\n {isSelected && <CheckIcon />}\n </div>\n </li>\n );\n })\n )}\n </ul>\n </PickerBase>\n );\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--rck-font:"Inter", system-ui, -apple-system, sans-serif;--rck-bg:#fff;--rck-surface:#f8fafc;--rck-surface-hover:#f1f5f9;--rck-border:#e2e8f0;--rck-border-focus:#6366f1;--rck-text-primary:#0f172a;--rck-text-secondary:#64748b;--rck-text-placeholder:#94a3b8;--rck-accent:#6366f1;--rck-accent-light:#eef2ff;--rck-accent-dark:#4f46e5;--rck-selected-bg:#eef2ff;--rck-selected-text:#4f46e5;--rck-shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--rck-shadow-md:0 4px 16px #0000001a, 0 2px 6px #0000000f;--rck-shadow-lg:0 10px 30px #0000001f, 0 4px 10px #00000012;--rck-radius-sm:8px;--rck-radius-md:12px;--rck-radius-lg:16px;--rck-transition:.18s cubic-bezier(.4, 0, .2, 1);--rck-dropdown-max-height:320px;--rck-z-index:9999}[data-theme=dark]{--rck-bg:#1e293b;--rck-surface:#0f172a;--rck-surface-hover:#1e293b;--rck-border:#334155;--rck-border-focus:#818cf8;--rck-text-primary:#f8fafc;--rck-text-secondary:#94a3b8;--rck-text-placeholder:#64748b;--rck-accent:#818cf8;--rck-accent-light:#1e1b4b;--rck-accent-dark:#6366f1;--rck-selected-bg:#1e1b4b;--rck-selected-text:#a5b4fc;--rck-shadow-sm:0 1px 3px #0000004d;--rck-shadow-md:0 4px 16px #0006;--rck-shadow-lg:0 10px 30px #00000080}.rck-picker{font-family:var(--rck-font);flex-direction:column;width:100%;display:inline-flex;position:relative}.rck-label{color:var(--rck-text-secondary);letter-spacing:.02em;text-transform:uppercase;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.rck-trigger{background:var(--rck-bg);border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-md);cursor:pointer;width:100%;font-family:var(--rck-font);color:var(--rck-text-primary);text-align:left;transition:border-color var(--rck-transition), box-shadow var(--rck-transition), background var(--rck-transition);box-shadow:var(--rck-shadow-sm);-webkit-user-select:none;user-select:none;outline:none;align-items:center;gap:10px;min-height:46px;padding:11px 14px;font-size:.9375rem;display:flex}.rck-trigger:hover:not(:disabled){border-color:var(--rck-accent);box-shadow:var(--rck-shadow-md)}.rck-trigger:focus-visible,.rck-trigger.rck-open{border-color:var(--rck-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--rck-accent) 20%, transparent)}.rck-trigger:disabled{opacity:.5;cursor:not-allowed;background:var(--rck-surface)}.rck-trigger-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.rck-trigger-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rck-placeholder{color:var(--rck-text-placeholder)}.rck-badge{background:var(--rck-accent-light);color:var(--rck-accent-dark);letter-spacing:.03em;border-radius:100px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.rck-flag{flex-shrink:0;align-items:center;font-size:1.375rem;line-height:1;display:flex}.rck-flag-img{object-fit:cover;border-radius:2px;width:24px;height:16px;box-shadow:0 0 0 1px #0000000d}.rck-flag-wrapper{align-items:center;display:inline-flex}.rck-chevron{width:18px;height:18px;color:var(--rck-text-secondary);transition:transform var(--rck-transition), color var(--rck-transition);flex-shrink:0}.rck-trigger.rck-open .rck-chevron{color:var(--rck-accent);transform:rotate(180deg)}.rck-dropdown{z-index:var(--rck-z-index);background:var(--rck-bg);border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-lg);box-shadow:var(--rck-shadow-lg);animation:rck-dropdown-in var(--rck-transition) both;transform-origin:top;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes rck-dropdown-in{0%{opacity:0;transform:scaleY(.92)translateY(-6px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.rck-search-wrapper{border-bottom:1px solid var(--rck-border);padding:12px 12px 8px}.rck-search{background:var(--rck-surface);border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-sm);transition:border-color var(--rck-transition), box-shadow var(--rck-transition);align-items:center;gap:8px;padding:8px 12px;display:flex}.rck-search:focus-within{border-color:var(--rck-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--rck-accent) 15%, transparent)}.rck-search-icon{width:15px;height:15px;color:var(--rck-text-placeholder);flex-shrink:0}.rck-search input{font-family:var(--rck-font);color:var(--rck-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.875rem}.rck-search input::placeholder{color:var(--rck-text-placeholder)}.rck-list{max-height:var(--rck-dropdown-max-height);scrollbar-width:thin;scrollbar-color:var(--rck-border) transparent;padding:6px;overflow-y:auto}.rck-list::-webkit-scrollbar{width:4px}.rck-list::-webkit-scrollbar-track{background:0 0}.rck-list::-webkit-scrollbar-thumb{background:var(--rck-border);border-radius:99px}.rck-item{border-radius:var(--rck-radius-sm);cursor:pointer;transition:background var(--rck-transition), color var(--rck-transition);font-family:var(--rck-font);color:var(--rck-text-primary);text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:.9rem;display:flex}.rck-item:hover,.rck-item:focus-visible{background:var(--rck-surface-hover)}.rck-item.rck-item-selected{background:var(--rck-selected-bg);color:var(--rck-selected-text);font-weight:600}.rck-item-flag{flex-shrink:0;font-size:1.25rem;line-height:1}.rck-item-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rck-item-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.rck-item-sub{color:var(--rck-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.rck-item-selected .rck-item-sub{color:var(--rck-accent-dark);opacity:.8}.rck-item-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.rck-item-phone{color:var(--rck-text-secondary);font-variant-numeric:tabular-nums;background:var(--rck-surface);border-radius:4px;padding:2px 6px;font-size:.78rem}.rck-item-symbol{color:var(--rck-accent);text-align:center;min-width:24px;font-size:1rem;font-weight:600}.rck-item-check{width:16px;height:16px;color:var(--rck-accent);flex-shrink:0}.rck-empty{color:var(--rck-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 16px;font-size:.875rem;display:flex}.rck-empty-icon{opacity:.4;font-size:2rem}.rck-overlay{z-index:calc(var(--rck-z-index) - 1);position:fixed;inset:0}.rck-offset-badge{background:var(--rck-accent-light);color:var(--rck-accent-dark);font-variant-numeric:tabular-nums;letter-spacing:-.01em;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:600}.rck-native-name{color:var(--rck-text-secondary);font-size:.78rem;font-style:italic}.rck-phone-wrapper{font-family:var(--rck-font);flex-direction:column;gap:6px;width:100%;display:flex;position:relative}.rck-phone-field{border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-md);background:var(--rck-bg);box-shadow:var(--rck-shadow-sm);transition:border-color var(--rck-transition), box-shadow var(--rck-transition);align-items:stretch;min-height:46px;display:flex;position:relative;overflow:visible}.rck-phone-field:focus-within{border-color:var(--rck-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--rck-accent) 20%, transparent)}.rck-phone-field.rck-phone-disabled{opacity:.5;pointer-events:none;background:var(--rck-surface)}.rck-phone-country-btn{border:none;border-right:1.5px solid var(--rck-border);border-radius:var(--rck-radius-md) 0 0 var(--rck-radius-md);background:var(--rck-surface);cursor:pointer;font-family:var(--rck-font);color:var(--rck-text-primary);white-space:nowrap;transition:background var(--rck-transition);outline:none;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;font-size:.875rem;font-weight:600;display:flex}.rck-phone-country-btn:hover:not(:disabled){background:var(--rck-surface-hover)}.rck-phone-flag{font-size:1.25rem;line-height:1}.rck-phone-dial{color:var(--rck-accent);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:.875rem;font-weight:600}.rck-phone-chevron{width:14px;height:14px;color:var(--rck-text-secondary);transition:transform var(--rck-transition)}.rck-phone-country-btn[aria-expanded=true] .rck-phone-chevron{transform:rotate(180deg)}.rck-phone-input{font-family:var(--rck-font);color:var(--rck-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0 14px;font-size:.9375rem}.rck-phone-input::placeholder{color:var(--rck-text-placeholder)}.rck-phone-dropdown{min-width:280px;z-index:var(--rck-z-index);background:var(--rck-bg);border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-lg);box-shadow:var(--rck-shadow-lg);animation:rck-dropdown-in var(--rck-transition) both;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.rck-multiselect-trigger{background:var(--rck-bg);border:1.5px solid var(--rck-border);border-radius:var(--rck-radius-md);cursor:pointer;width:100%;min-height:46px;font-family:var(--rck-font);text-align:left;transition:border-color var(--rck-transition), box-shadow var(--rck-transition);box-shadow:var(--rck-shadow-sm);outline:none;align-items:center;gap:6px;padding:7px 14px;display:flex}.rck-multiselect-trigger:hover:not(:disabled){border-color:var(--rck-accent);box-shadow:var(--rck-shadow-md)}.rck-multiselect-trigger:focus-visible,.rck-multiselect-trigger.rck-open{border-color:var(--rck-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--rck-accent) 20%, transparent)}.rck-multiselect-trigger:disabled{opacity:.5;cursor:not-allowed}.rck-chips-area{flex-wrap:wrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.rck-chip{background:var(--rck-accent-light);color:var(--rck-accent-dark);white-space:nowrap;border-radius:100px;align-items:center;gap:5px;max-width:140px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex;overflow:hidden}.rck-chip-label{text-overflow:ellipsis;overflow:hidden}.rck-chip-remove{cursor:pointer;color:var(--rck-accent-dark);opacity:.6;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.rck-chip-remove:hover{opacity:1}.rck-chip-overflow{background:var(--rck-surface-hover);color:var(--rck-text-secondary);white-space:nowrap;border-radius:100px;align-items:center;padding:3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.rck-multiselect-clear{cursor:pointer;color:var(--rck-text-secondary);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:color .15s,background .15s;display:inline-flex}.rck-multiselect-clear:hover{color:var(--rck-text-primary);background:var(--rck-surface-hover)}.rck-item-check-multi{background:var(--rck-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.rck-item-check-multi svg{stroke:#fff;width:10px;height:10px}.rck-item-check-empty{border:1.5px solid var(--rck-border);border-radius:50%;flex-shrink:0;width:16px;height:16px}
|
|
2
|
+
/*$vite$:1*/
|