@platned/ui 0.6.0 → 0.6.1

package/dist/index.cjs

@@ -254,6 +254,7 @@ __export(src_exports, {
   WidgetTitle: () => WidgetTitle,
   cn: () => cn,
   countryOptions: () => countryOptions,
+  currentZoneName: () => currentZoneName,
   getScoreTone: () => getScoreTone,
   paginationRange: () => paginationRange,
   resolveChartColor: () => resolveChartColor,
@@ -1893,7 +1894,7 @@ var SelectControl = (0, import_react16.forwardRef)(
           "aria-required": field["aria-required"],
           "aria-invalid": field["aria-invalid"],
           style: { ...floatingStyles, width: "var(--panel-anchor-width)" },
-          className: (0, import_clsx14.default)("z-dropdown", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
+          className: (0, import_clsx14.default)("z-popover", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
           ...roving.containerProps,
           onKeyDown: (event) => {
             roving.containerProps.onKeyDown(event);
@@ -3066,7 +3067,7 @@ function Combobox({
         role: "listbox",
         "aria-label": label,
         style: { ...floatingStyles, width: "var(--panel-anchor-width)" },
-        className: (0, import_clsx25.default)("z-dropdown", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
+        className: (0, import_clsx25.default)("z-popover", OVERLAY_PANEL, OVERLAY_PANEL_SCROLL),
         children: [
           matches.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { className: "px-2.5 py-2 text-body-xs text-default-secondary", children: emptyMessage }),
           matches.map((option, index) => {
@@ -3180,7 +3181,13 @@ function CountrySelect({
   emptyMessage = "No countries match",
   ...props
 }) {
-  const options = (0, import_react23.useMemo)(() => countryOptions(countries, locale), [countries, locale]);
+  const keep = [props.value, props.defaultValue].filter((v) => !!v);
+  const keepKey = keep.join("|");
+  const options = (0, import_react23.useMemo)(() => {
+    const list = countryOptions(countries, locale);
+    const missing = keep.filter((v) => !list.some((o) => o.value === v));
+    return [...countryOptions(missing, locale), ...list];
+  }, [countries, locale, keepKey]);
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     Combobox,
     {
@@ -3199,6 +3206,19 @@ function CountrySelect({
 // src/components/forms/time-zone-select.tsx
 var import_react24 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
+var RENAMED = {
+  "America/Godthab": "America/Nuuk",
+  "Asia/Calcutta": "Asia/Kolkata",
+  "Asia/Katmandu": "Asia/Kathmandu",
+  "Asia/Rangoon": "Asia/Yangon",
+  "Asia/Saigon": "Asia/Ho_Chi_Minh",
+  "Atlantic/Faeroe": "Atlantic/Faroe",
+  "Europe/Kiev": "Europe/Kyiv",
+  "Pacific/Enderbury": "Pacific/Kanton",
+  "Pacific/Ponape": "Pacific/Pohnpei",
+  "Pacific/Truk": "Pacific/Chuuk"
+};
+var currentZoneName = (zone) => RENAMED[zone] ?? zone;
 function supportedTimeZones() {
   const intl = Intl;
   try {
@@ -3221,11 +3241,12 @@ function timeZoneOffset(timeZone, at = /* @__PURE__ */ new Date()) {
   }
 }
 function timeZoneOptions(zones = supportedTimeZones(), at = /* @__PURE__ */ new Date()) {
-  return zones.map((zone) => ({ zone, offset: timeZoneOffset(zone, at) })).sort((a, b) => a.offset.minutes - b.offset.minutes || a.zone.localeCompare(b.zone)).map(({ zone, offset: offset2 }) => ({
-    value: zone,
-    label: `(UTC${offset2.label}) ${zone.replace(/_/g, " ")}`
-  }));
+  return Array.from(new Set(zones.map(currentZoneName))).map((zone) => ({ zone, minutes: timeZoneOffset(zone, at).minutes })).sort((a, b) => a.minutes - b.minutes || a.zone.localeCompare(b.zone)).map(({ zone }) => zoneOption(zone, at));
 }
+var zoneOption = (zone, at) => ({
+  value: zone,
+  label: `(UTC${timeZoneOffset(zone, at).label}) ${zone.replace(/_/g, " ")}`
+});
 function TimeZoneSelect({
   timeZones,
   at,
@@ -3234,10 +3255,14 @@ function TimeZoneSelect({
   ...props
 }) {
   const atTime = at?.getTime();
-  const options = (0, import_react24.useMemo)(
-    () => timeZoneOptions(timeZones, atTime === void 0 ? void 0 : new Date(atTime)),
-    [timeZones, atTime]
-  );
+  const keep = [props.value, props.defaultValue].filter((v) => !!v);
+  const keepKey = keep.join("|");
+  const options = (0, import_react24.useMemo)(() => {
+    const when = atTime === void 0 ? /* @__PURE__ */ new Date() : new Date(atTime);
+    const list = timeZoneOptions(timeZones, when);
+    const missing = keep.filter((v) => !list.some((o) => o.value === v));
+    return [...missing.map((v) => zoneOption(v, when)), ...list];
+  }, [timeZones, atTime, keepKey]);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     Combobox,
     {
@@ -5525,7 +5550,7 @@ function MenubarContent({ children, className, ...rest }) {
       "aria-orientation": "vertical",
       "aria-labelledby": menu.triggerId,
       style: floatingStyles,
-      className: (0, import_clsx48.default)("z-dropdown", MENU_PANEL_CLASSES, className),
+      className: (0, import_clsx48.default)("z-popover", MENU_PANEL_CLASSES, className),
       ...menu.roving.containerProps,
       onKeyDown: (event) => {
         menu.roving.containerProps.onKeyDown(event);
@@ -5915,7 +5940,7 @@ function DropdownMenuContent({
       "aria-orientation": "vertical",
       "aria-labelledby": menu.triggerId,
       style: floatingStyles,
-      className: (0, import_clsx51.default)("z-dropdown", MENU_PANEL_CLASSES, className),
+      className: (0, import_clsx51.default)("z-popover", MENU_PANEL_CLASSES, className),
       ...menu.roving.containerProps,
       onKeyDown: (event) => {
         menu.roving.containerProps.onKeyDown(event);
@@ -9756,6 +9781,7 @@ function AuroraBackdrop() {
   WidgetTitle,
   cn,
   countryOptions,
+  currentZoneName,
   getScoreTone,
   paginationRange,
   resolveChartColor,