@vadimcomanescu/nadicode-design-system 4.0.2 → 4.0.4

package/dist/catalog/catalog.d.ts

@@ -821,6 +821,24 @@ export declare const seedComponentDefinitions: {
         events: string[];
         description: string;
     };
+    TimezonePickerBlock: {
+        props: z.ZodObject<{
+            value: z.ZodNullable<z.ZodString>;
+            groups: z.ZodNullable<z.ZodArray<z.ZodObject<{
+                region: z.ZodString;
+                timezones: z.ZodArray<z.ZodObject<{
+                    value: z.ZodString;
+                    label: z.ZodString;
+                    region: z.ZodString;
+                    offset: z.ZodString;
+                    offsetMinutes: z.ZodNumber;
+                }, z.core.$strip>>;
+            }, z.core.$strip>>>;
+            name: z.ZodNullable<z.ZodString>;
+        }, z.core.$strip>;
+        events: string[];
+        description: string;
+    };
     UsageDonutBlock: {
         props: z.ZodObject<{
             data: z.ZodNullable<z.ZodArray<z.ZodObject<{

package/dist/catalog/catalog.js

@@ -761,6 +761,28 @@ var seedComponentDefinitions = {
     events: ["verify", "complete"],
     description: "Two-factor setup wizard with QR code, secret key display, backup codes, and verification."
   },
+  TimezonePickerBlock: {
+    props: z.object({
+      value: z.string().nullable(),
+      groups: z.array(
+        z.object({
+          region: z.string(),
+          timezones: z.array(
+            z.object({
+              value: z.string(),
+              label: z.string(),
+              region: z.string(),
+              offset: z.string(),
+              offsetMinutes: z.number()
+            })
+          )
+        })
+      ).nullable(),
+      name: z.string().nullable()
+    }),
+    events: ["change"],
+    description: "Searchable timezone picker with grouped IANA timezones, offset display, and form integration."
+  },
   UsageDonutBlock: {
     props: z.object({
       data: z.array(

package/dist/catalog/components.d.ts

@@ -51,6 +51,7 @@ import { TeamBlock } from '../components/blocks/TeamBlock';
 import { TestimonialsBlock } from '../components/blocks/TestimonialsBlock';
 import { TwoFactorChallengeBlock } from '../components/blocks/TwoFactorChallengeBlock';
 import { TwoFactorSetupBlock } from '../components/blocks/TwoFactorSetupBlock';
+import { TimezonePickerBlock } from '../components/blocks/TimezonePickerBlock';
 import { UsageDonutBlock } from '../components/blocks/UsageDonutBlock';
 import { AudioVisualizerBlock } from '../components/blocks/AudioVisualizerBlock';
 import { AuthLayout } from '../components/blocks/AuthLayout';
@@ -141,6 +142,7 @@ export declare const seedComponents: {
     readonly TestimonialsBlock: typeof TestimonialsBlock;
     readonly TwoFactorChallengeBlock: typeof TwoFactorChallengeBlock;
     readonly TwoFactorSetupBlock: typeof TwoFactorSetupBlock;
+    readonly TimezonePickerBlock: typeof TimezonePickerBlock;
     readonly UsageDonutBlock: typeof UsageDonutBlock;
     readonly AudioVisualizerBlock: typeof AudioVisualizerBlock;
     readonly AuthLayout: typeof AuthLayout;

package/dist/catalog/components.js

@@ -1,8 +1,10 @@
 'use client';
+import { SuccessPageKit } from '../chunk-3U56FXYC.js';
 import { TeamSettingsPageKit } from '../chunk-DEZXWNYF.js';
 import { TwoFactorPageKit } from '../chunk-S5OY2B63.js';
 import { VerifyEmailPageKit } from '../chunk-SWRJWMGG.js';
 import { VoiceAgentsPageKit } from '../chunk-32OLQ7FC.js';
+import { OnboardingPageKit } from '../chunk-BYEHHZZN.js';
 import { PricingPageKit } from '../chunk-RMGDDOCD.js';
 import { ProfileSettingsPageKit } from '../chunk-MGSGCARB.js';
 import { RecoveryPageKit } from '../chunk-BRCBJ3S4.js';
@@ -10,13 +12,13 @@ import { ResetPageKit } from '../chunk-LP6ZZYOQ.js';
 import { ServiceSuitePageKit } from '../chunk-K4U67BVG.js';
 import { SettingsPageKit } from '../chunk-RKQPU75I.js';
 import { SignupPageKit } from '../chunk-BRICSLHJ.js';
-import { SuccessPageKit } from '../chunk-3U56FXYC.js';
 import { DashboardPageKit } from '../chunk-C33GUEDY.js';
 import { ErrorPageKit } from '../chunk-HPTHS7SX.js';
 import { KanbanBoardPageKit } from '../chunk-25BOZMXA.js';
+import { CrudListDetailPageKit } from '../chunk-OJ7OO3QB.js';
 import { LandingPageKit } from '../chunk-LK2L3C7D.js';
 import { LoginPageKit } from '../chunk-Z2WION42.js';
-import { OnboardingPageKit } from '../chunk-BYEHHZZN.js';
+import { InviteUserModal } from '../chunk-YDYDGG5K.js';
 import { AccountLockedPageKit } from '../chunk-DNJEVMDY.js';
 import { AgentsChatPageKit } from '../chunk-UR43ANYS.js';
 import { AnalyticsPageKit } from '../chunk-CUDMDYKE.js';
@@ -25,16 +27,16 @@ import { CheckoutPageKit } from '../chunk-LGW7FVG5.js';
 import { CompanySuitePageKit } from '../chunk-QW5II6YK.js';
 import { MarketingShellPageKit } from '../chunk-Z233ZQZE.js';
 import { CrudFormPageKit } from '../chunk-KWILREVQ.js';
-import { CrudListDetailPageKit } from '../chunk-OJ7OO3QB.js';
 import { NavigationShellPageKit } from '../chunk-ZKLB5N3Q.js';
 import { TeamBlock } from '../chunk-VBZQ4DBE.js';
 import { TestimonialsBlock } from '../chunk-FV2G6SAF.js';
+import { TimezonePickerBlock } from '../chunk-ZXVDDZZL.js';
+import '../chunk-PTJPPKDR.js';
 import { TwoFactorChallengeBlock } from '../chunk-W7FXDRQJ.js';
 import { TwoFactorSetupBlock } from '../chunk-IXQGKJU4.js';
 import { UsageDonutBlock } from '../chunk-VRGPG2YN.js';
 import { VoiceAgentCard } from '../chunk-HWHJ6IRQ.js';
 import { WizardBlock } from '../chunk-XKKFSFYO.js';
-import { InviteUserModal } from '../chunk-YDYDGG5K.js';
 import { ProcessFlowBlock } from '../chunk-HZERHGBT.js';
 import { ResetPasswordBlock } from '../chunk-X6VXWEDO.js';
 import { SettingsLayout } from '../chunk-4MWKE6F5.js';
@@ -56,14 +58,14 @@ import { HeroBlock } from '../chunk-GJ557DGH.js';
 import { HeroSectionBlock } from '../chunk-ALA6OM7K.js';
 import '../chunk-QQOWC53X.js';
 import { HeaderBlock } from '../chunk-WOYBVPXK.js';
-import { IntegrationsBlock } from '../chunk-6HGSU24S.js';
+import { IntegrationsBlock } from '../chunk-BSCC7OQK.js';
 import '../chunk-3ZDYYZDD.js';
+import '../chunk-BZYMCJHW.js';
 import '../chunk-H466RJCI.js';
 import '../chunk-DT6DGTVW.js';
 import '../chunk-J5DRK4RF.js';
 import '../chunk-TSVN5A2F.js';
 import '../chunk-PX2WVDDB.js';
-import '../chunk-BZYMCJHW.js';
 import { InteractiveAreaChartBlock } from '../chunk-TPJ6JJ2F.js';
 import { KanbanDemoBlock } from '../chunk-CVTMWSNS.js';
 import { ContactBlock } from '../chunk-U4GYSYGN.js';
@@ -159,6 +161,8 @@ import '../chunk-PDSQC6VE.js';
 import '../chunk-PXDHNGTG.js';
 import '../chunk-CQEUNASC.js';
 import '../chunk-DFPXK2JO.js';
+import '../chunk-UYT33NG6.js';
+import '../chunk-2HDB6MDK.js';
 import '../chunk-W73JAOHW.js';
 import '../chunk-S2WSXZ7Y.js';
 import '../chunk-756Q7AC5.js';
@@ -357,6 +361,7 @@ var seedComponents = {
   TestimonialsBlock,
   TwoFactorChallengeBlock,
   TwoFactorSetupBlock,
+  TimezonePickerBlock,
   UsageDonutBlock,
   AudioVisualizerBlock,
   AuthLayout,

package/dist/chunk-PTJPPKDR.js

@@ -0,0 +1,115 @@
+// src/lib/timezones.ts
+var FALLBACK_TIMEZONES = [
+  "Etc/UTC",
+  "America/New_York",
+  "America/Chicago",
+  "America/Denver",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Rome",
+  "Europe/Bucharest",
+  "Asia/Tokyo",
+  "Australia/Sydney"
+];
+function getTimezoneGroups(referenceDate = /* @__PURE__ */ new Date()) {
+  const allTimezones = getAllTimezones();
+  const entries = allTimezones.filter((timezone) => timezone.includes("/") || timezone === "UTC").map((timezone) => {
+    const normalizedTimezone = timezone === "UTC" ? "Etc/UTC" : timezone;
+    const [region, ...rest] = normalizedTimezone.split("/");
+    const labelSource = rest.length > 0 ? rest[rest.length - 1] : normalizedTimezone;
+    const offsetMinutes = getOffsetMinutes(normalizedTimezone, referenceDate);
+    return {
+      value: normalizedTimezone,
+      label: labelSource.replaceAll("_", " "),
+      region,
+      offset: formatOffset(offsetMinutes),
+      offsetMinutes
+    };
+  });
+  const groupedByRegion = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const regionEntries = groupedByRegion.get(entry.region) ?? [];
+    regionEntries.push(entry);
+    groupedByRegion.set(entry.region, regionEntries);
+  }
+  const groups = Array.from(groupedByRegion.entries()).map(([region, timezones]) => ({
+    region,
+    timezones: timezones.slice().sort(
+      (left, right) => left.offsetMinutes - right.offsetMinutes || left.label.localeCompare(right.label)
+    )
+  }));
+  return groups.sort((left, right) => left.region.localeCompare(right.region));
+}
+function searchTimezones(query, groups) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return groups.flatMap((group) => group.timezones);
+  }
+  const matches = [];
+  for (const group of groups) {
+    for (const timezone of group.timezones) {
+      const candidate = `${timezone.value} ${timezone.label} ${timezone.region} ${timezone.offset}`;
+      if (candidate.toLowerCase().includes(normalizedQuery)) {
+        matches.push(timezone);
+      }
+    }
+  }
+  return matches;
+}
+function detectBrowserTimezone() {
+  try {
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    if (!timezone) {
+      return "Etc/UTC";
+    }
+    return timezone === "UTC" ? "Etc/UTC" : timezone;
+  } catch {
+    return "Etc/UTC";
+  }
+}
+function getAllTimezones() {
+  const supportedValuesOf = Intl.supportedValuesOf;
+  if (typeof supportedValuesOf !== "function") {
+    return FALLBACK_TIMEZONES;
+  }
+  try {
+    const supported = supportedValuesOf("timeZone");
+    if (supported.length === 0) {
+      return FALLBACK_TIMEZONES;
+    }
+    return supported;
+  } catch {
+    return FALLBACK_TIMEZONES;
+  }
+}
+function getOffsetMinutes(timezone, referenceDate) {
+  try {
+    const formatter = new Intl.DateTimeFormat("en-US", {
+      timeZone: timezone,
+      timeZoneName: "shortOffset"
+    });
+    const timezoneName = formatter.formatToParts(referenceDate).find((part) => part.type === "timeZoneName")?.value ?? "GMT";
+    const match = timezoneName.match(/^GMT(?:(\+|-)(\d{1,2})(?::(\d{2}))?)?$/);
+    if (!match) {
+      return 0;
+    }
+    if (!match[1] || !match[2]) {
+      return 0;
+    }
+    const sign = match[1] === "-" ? -1 : 1;
+    const hours = Number.parseInt(match[2], 10);
+    const minutes = Number.parseInt(match[3] ?? "0", 10);
+    return sign * (hours * 60 + minutes);
+  } catch {
+    return 0;
+  }
+}
+function formatOffset(offsetMinutes) {
+  const sign = offsetMinutes >= 0 ? "+" : "-";
+  const absoluteMinutes = Math.abs(offsetMinutes);
+  const hours = String(Math.floor(absoluteMinutes / 60)).padStart(2, "0");
+  const minutes = String(absoluteMinutes % 60).padStart(2, "0");
+  return `UTC${sign}${hours}:${minutes}`;
+}
+
+export { detectBrowserTimezone, getTimezoneGroups, searchTimezones };

package/dist/chunk-ZXVDDZZL.js

@@ -0,0 +1,96 @@
+import { getTimezoneGroups } from './chunk-PTJPPKDR.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-UYT33NG6.js';
+import { Command } from './chunk-2HDB6MDK.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useState, useMemo } from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_GROUPS = getTimezoneGroups();
+function TimezonePickerBlock({
+  id,
+  value,
+  onChange,
+  name,
+  className,
+  groups = DEFAULT_GROUPS
+}) {
+  const [open, setOpen] = useState(false);
+  const entries = useMemo(() => groups.flatMap((group) => group.timezones), [groups]);
+  const selectedTimezone = useMemo(
+    () => entries.find((timezone) => timezone.value === value) ?? null,
+    [entries, value]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: value ?? "" }) : null,
+    /* @__PURE__ */ jsxs(Popover, { modal: false, open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          id,
+          type: "button",
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-label": "Select timezone",
+          className: cn("w-full justify-between text-left", className),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedTimezone ? `${selectedTimezone.value} (${selectedTimezone.offset})` : "Select timezone" }),
+            /* @__PURE__ */ jsx("span", { className: "ml-2 shrink-0 opacity-50", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", width: "14", height: "14", fill: "none", stroke: "currentColor", children: [
+              /* @__PURE__ */ jsx("path", { d: "M6 8l4-4 4 4", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }),
+              /* @__PURE__ */ jsx("path", { d: "M6 12l4 4 4-4", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" })
+            ] }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-[min(90vw,32rem)] p-0", children: /* @__PURE__ */ jsxs(Command, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex items-center border-b px-4", children: /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            className: "h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-text-tertiary focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            placeholder: "Search timezone by city, region, or offset..."
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Command$1.List, { className: "max-h-80 overflow-y-auto overflow-x-hidden", children: [
+          /* @__PURE__ */ jsx(Command$1.Empty, { className: "py-6 text-center text-sm", children: "No timezone found." }),
+          groups.map((group) => /* @__PURE__ */ jsx(
+            Command$1.Group,
+            {
+              heading: /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: group.region }),
+              className: "overflow-hidden p-1.5 text-text-primary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5",
+              children: group.timezones.map((timezone) => /* @__PURE__ */ jsxs(
+                Command$1.Item,
+                {
+                  value: `${timezone.value} ${timezone.label} ${timezone.region} ${timezone.offset}`,
+                  onSelect: () => {
+                    onChange?.(timezone.value);
+                    setOpen(false);
+                  },
+                  className: "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-background data-[disabled=true]:pointer-events-none data-[selected='true']:bg-surface-active data-[selected=true]:text-text-primary data-[disabled=true]:opacity-50",
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn("mr-2 shrink-0 text-xs", value === timezone.value ? "opacity-100" : "opacity-0"),
+                        "aria-hidden": "true",
+                        children: "\u2713"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "truncate", children: timezone.value }),
+                    /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2 text-xs text-text-tertiary", children: timezone.offset })
+                  ]
+                },
+                timezone.value
+              ))
+            },
+            group.region
+          ))
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+
+export { TimezonePickerBlock };

package/dist/components/blocks/IntegrationsBlock.js

@@ -1,12 +1,12 @@
 'use client';
-export { IntegrationsBlock } from '../../chunk-6HGSU24S.js';
+export { IntegrationsBlock } from '../../chunk-BSCC7OQK.js';
 import '../../chunk-3ZDYYZDD.js';
+import '../../chunk-BZYMCJHW.js';
 import '../../chunk-H466RJCI.js';
 import '../../chunk-DT6DGTVW.js';
 import '../../chunk-J5DRK4RF.js';
 import '../../chunk-TSVN5A2F.js';
 import '../../chunk-PX2WVDDB.js';
-import '../../chunk-BZYMCJHW.js';
 import '../../chunk-DQPK2XRL.js';
 import '../../chunk-WI547C47.js';
 import '../../chunk-I23DDSU7.js';

package/dist/components/blocks/TimezonePickerBlock.d.ts

@@ -0,0 +1,11 @@
+import type { TimezoneGroup } from '../../lib/timezones';
+interface TimezonePickerBlockProps {
+    id?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+    className?: string;
+    groups?: TimezoneGroup[];
+}
+export declare function TimezonePickerBlock({ id, value, onChange, name, className, groups, }: TimezonePickerBlockProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/blocks/TimezonePickerBlock.js

@@ -0,0 +1,126 @@
+'use client';
+export { TimezonePickerBlock } from '../../chunk-ZXVDDZZL.js';
+import '../../chunk-PTJPPKDR.js';
+import '../../chunk-UYT33NG6.js';
+import '../../chunk-2HDB6MDK.js';
+import '../../chunk-W73JAOHW.js';
+import '../../chunk-KRBLVZII.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-6FOHUNXR.js';
+import '../../chunk-PD2YEH3H.js';
+import '../../chunk-CRY67BIF.js';
+import '../../chunk-HJC6U46F.js';
+import '../../chunk-GO35FTNJ.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-3CLXYQKB.js';
+import '../../chunk-S4GKGKON.js';
+import '../../chunk-LCDDAE7J.js';
+import '../../chunk-R674XI7C.js';
+import '../../chunk-HNY45VUQ.js';
+import '../../chunk-BPCCTJSK.js';
+import '../../chunk-CGUCH322.js';
+import '../../chunk-ELKIUARM.js';
+import '../../chunk-KSHJQ2VT.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
+import '../../chunk-TXGANOAX.js';
+import '../../chunk-OITJWGFV.js';
+import '../../chunk-Z74D6D2W.js';
+import '../../chunk-7WDT2PRI.js';
+import '../../chunk-IJJI4RQU.js';
+import '../../chunk-E7RBK6ML.js';
+import '../../chunk-UBIGDGOP.js';
+import '../../chunk-ALMGJVMT.js';
+import '../../chunk-QPXTBZWN.js';
+import '../../chunk-4NXZIMYZ.js';
+import '../../chunk-R5XP45PD.js';
+import '../../chunk-G5EO5FWC.js';
+import '../../chunk-NCULQXJE.js';
+import '../../chunk-VDYPDMYR.js';
+import '../../chunk-WDGIQDQG.js';
+import '../../chunk-RYOTIXZO.js';
+import '../../chunk-JZ4G2SJH.js';
+import '../../chunk-KYGKJ553.js';
+import '../../chunk-M7YSMMAC.js';
+import '../../chunk-XQ2UDMPO.js';
+import '../../chunk-JMCSAGZ3.js';
+import '../../chunk-QUKDUSHD.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
+import '../../chunk-2IZC7HSV.js';
+import '../../chunk-2SDZMTB2.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
+import '../../chunk-W3B3UOEG.js';
+import '../../chunk-ACRVOD7W.js';
+import '../../chunk-QSU23VYZ.js';
+import '../../chunk-BJYCQ2NV.js';
+import '../../chunk-VM462WZC.js';
+import '../../chunk-5UZDOF6V.js';
+import '../../chunk-PKVTEDKO.js';
+import '../../chunk-I3TH7PIB.js';
+import '../../chunk-WGPK3FQ7.js';
+import '../../chunk-JL4MVVFH.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
+import '../../chunk-WA45EC4Y.js';
+import '../../chunk-2MOEOEOI.js';
+import '../../chunk-5LCXASRW.js';
+import '../../chunk-2ZJVU7NV.js';
+import '../../chunk-5ESF6N36.js';
+import '../../chunk-RBPLOM3A.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
+import '../../chunk-2NT57K4U.js';
+import '../../chunk-JRJGSNI4.js';
+import '../../chunk-RF6ECFS5.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
+import '../../chunk-CI7GPGCJ.js';
+import '../../chunk-226EBOTK.js';
+import '../../chunk-74RKVIBV.js';
+import '../../chunk-V6WNRZT3.js';
+import '../../chunk-JBK2LA6U.js';
+import '../../chunk-55U27XY4.js';
+import '../../chunk-LSPO6OBI.js';
+import '../../chunk-Y56WBNCY.js';
+import '../../chunk-JJTQOH7J.js';
+import '../../chunk-72X6SXOX.js';
+import '../../chunk-SR5U52V3.js';
+import '../../chunk-AWIJHDNK.js';
+import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
+import '../../chunk-666N6OTL.js';
+import '../../chunk-FMH55OKV.js';
+import '../../chunk-WXVNTJIB.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
+import '../../chunk-P6IRHPFM.js';
+import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
+import '../../chunk-ONGJ7AC2.js';
+import '../../chunk-UHXGBV5N.js';
+import '../../chunk-UIUMTURU.js';
+import '../../chunk-PRUXIDBD.js';
+import '../../chunk-NURPUVUV.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-TV4RSQH4.js';
+import '../../chunk-HJBXUXTD.js';
+import '../../chunk-ASKFAYYR.js';
+import '../../chunk-QYZT24TS.js';

package/dist/components/logos/index.js

@@ -1,7 +1,7 @@
 import '../../chunk-3ZDYYZDD.js';
+export { MagicUI } from '../../chunk-BZYMCJHW.js';
 export { MediaWiki } from '../../chunk-H466RJCI.js';
 export { Replit } from '../../chunk-DT6DGTVW.js';
 export { VSCodium } from '../../chunk-J5DRK4RF.js';
 export { Gemini } from '../../chunk-TSVN5A2F.js';
 export { GooglePaLM } from '../../chunk-PX2WVDDB.js';
-export { MagicUI } from '../../chunk-BZYMCJHW.js';

package/dist/lib/timezones.d.ts

@@ -0,0 +1,14 @@
+export interface TimezoneEntry {
+    value: string;
+    label: string;
+    region: string;
+    offset: string;
+    offsetMinutes: number;
+}
+export interface TimezoneGroup {
+    region: string;
+    timezones: TimezoneEntry[];
+}
+export declare function getTimezoneGroups(referenceDate?: Date): TimezoneGroup[];
+export declare function searchTimezones(query: string, groups: TimezoneGroup[]): TimezoneEntry[];
+export declare function detectBrowserTimezone(): string;

package/dist/lib/timezones.js

@@ -0,0 +1 @@
+export { detectBrowserTimezone, getTimezoneGroups, searchTimezones } from '../chunk-PTJPPKDR.js';

package/eslint-rules/nadicode/config.js

@@ -15,7 +15,6 @@ export const nadicodeRules = {
   "nadicode/no-admin-manual-chart-bars": "error",
   "nadicode/no-app-primitive-composition": "error",
   "nadicode/no-barrel-imports": "error",
-  "nadicode/no-deprecated-ds-import": "warn",
   "nadicode/no-derived-state-via-useeffect": "error",
   "nadicode/no-direct-lucide-import": "error",
   "nadicode/no-external-ui-library": "error",

package/eslint-rules/nadicode/index.js

@@ -3,7 +3,6 @@ import noAdminManualChartBars from "./rules/no-admin-manual-chart-bars.js";
 import noAppPrimitiveComposition from "./rules/no-app-primitive-composition.js";
 import noArbitraryChartColor from "./rules/no-arbitrary-chart-color.js";
 import noBarrelImports from "./rules/no-barrel-imports.js";
-import noDeprecatedDsImport from "./rules/no-deprecated-ds-import.js";
 import noDeprecatedSegmentConfig from "./rules/no-deprecated-segment-config.js";
 import noDerivedStateViaUseeffect from "./rules/no-derived-state-via-useeffect.js";
 import noDirectLucideImport from "./rules/no-direct-lucide-import.js";
@@ -81,7 +80,6 @@ export const nadicodePlugin = {
     "no-app-primitive-composition": noAppPrimitiveComposition,
     "no-arbitrary-chart-color": noArbitraryChartColor,
     "no-barrel-imports": noBarrelImports,
-    "no-deprecated-ds-import": noDeprecatedDsImport,
     "no-deprecated-segment-config": noDeprecatedSegmentConfig,
     "no-derived-state-via-useeffect": noDerivedStateViaUseeffect,
     "no-direct-lucide-import": noDirectLucideImport,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vadimcomanescu/nadicode-design-system",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
     "release:patch": "npm version patch --no-git-tag-version && npm run publish:package",
     "release:minor": "npm version minor --no-git-tag-version && npm run publish:package",
     "release:major": "npm version major --no-git-tag-version && npm run publish:package",
-    "precommit": "npx lint-staged --config package.json && npm run ds:validate",
+    "precommit": "npx lint-staged --config package.json",
     "gate:prepush": "npm run typecheck && npm run lint && npm run ds:check && npm run build:lib && npm run docs:check && npx vitest run --coverage && npm run build && npm run lighthouse",
     "test:visual": "npx playwright test --config=playwright.visual.config.ts",
     "test:visual:update": "npx playwright test --config=playwright.visual.config.ts --update-snapshots",
@@ -1525,6 +1525,10 @@
       "import": "./dist/components/ui/Typography.js",
       "types": "./dist/components/ui/Typography.d.ts"
     },
+    "./lib/timezones": {
+      "import": "./dist/lib/timezones.js",
+      "types": "./dist/lib/timezones.d.ts"
+    },
     "./utils": {
       "import": "./dist/lib/utils.js",
       "types": "./dist/lib/utils.d.ts"

package/scripts/ds-update.mjs

@@ -10,6 +10,10 @@ function run(command) {
   execSync(command, { cwd: process.cwd(), stdio: "inherit" });
 }
 
+function runCapture(command) {
+  return execSync(command, { cwd: process.cwd(), encoding: "utf8" }).trim();
+}
+
 function readPackageJson() {
   const packageJsonPath = join(process.cwd(), "package.json");
   if (!existsSync(packageJsonPath)) {
@@ -23,28 +27,62 @@ function readSeedDependency() {
   const packageJson = readPackageJson();
   const dependency = packageJson.dependencies?.[PACKAGE_NAME];
   if (dependency) {
-    return { spec: dependency, isDevDependency: false };
+    return { currentSpec: dependency, isDevDependency: false };
   }
 
   const devDependency = packageJson.devDependencies?.[PACKAGE_NAME];
   if (devDependency) {
-    return { spec: devDependency, isDevDependency: true };
+    return { currentSpec: devDependency, isDevDependency: true };
   }
 
   throw new Error("package.json must declare @vadimcomanescu/nadicode-design-system before ds:update can run.");
 }
 
-const { spec, isDevDependency } = readSeedDependency();
-const installTarget = `${PACKAGE_NAME}@${spec}`;
-const packageManagerCommand = existsSync(join(process.cwd(), "pnpm-lock.yaml"))
-  ? `pnpm add ${isDevDependency ? "-D " : ""}${JSON.stringify(installTarget)}`
-  : existsSync(join(process.cwd(), "yarn.lock"))
-    ? `yarn add ${isDevDependency ? "--dev " : ""}${JSON.stringify(installTarget)}`
-    : existsSync(join(process.cwd(), "bun.lock"))
-      ? `bun add ${isDevDependency ? "-d " : ""}${JSON.stringify(installTarget)}`
-      : `npm install ${isDevDependency ? "-D " : ""}${JSON.stringify(installTarget)}`;
+function fetchLatestVersion() {
+  try {
+    return runCapture(`npm view ${PACKAGE_NAME} version`);
+  } catch {
+    throw new Error(`Failed to fetch latest version of ${PACKAGE_NAME} from the registry.`);
+  }
+}
+
+function detectPackageManager() {
+  if (existsSync(join(process.cwd(), "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(join(process.cwd(), "yarn.lock"))) return "yarn";
+  if (existsSync(join(process.cwd(), "bun.lock"))) return "bun";
+  return "npm";
+}
+
+function buildInstallCommand(pm, target, isDevDependency) {
+  const devFlag = {
+    pnpm: isDevDependency ? "-D " : "",
+    yarn: isDevDependency ? "--dev " : "",
+    bun: isDevDependency ? "-d " : "",
+    npm: isDevDependency ? "-D " : "",
+  };
+
+  const command = {
+    pnpm: "pnpm add --save-exact",
+    yarn: "yarn add --exact",
+    bun: "bun add --exact",
+    npm: "npm install --save-exact",
+  };
+
+  return `${command[pm]} ${devFlag[pm]}${JSON.stringify(target)}`;
+}
+
+const { currentSpec, isDevDependency } = readSeedDependency();
+const latestVersion = fetchLatestVersion();
+const installTarget = `${PACKAGE_NAME}@${latestVersion}`;
+const pm = detectPackageManager();
+
+if (currentSpec === latestVersion) {
+  console.log(`Already on latest version (${latestVersion}). Syncing skill docs.`);
+} else {
+  console.log(`Updating ${PACKAGE_NAME}: ${currentSpec} -> ${latestVersion}`);
+  run(buildInstallCommand(pm, installTarget, isDevDependency));
+}
 
-run(packageManagerCommand);
-run(`node ${JSON.stringify(join(process.cwd(), "node_modules", "@vadimcomanescu/nadicode-design-system", "scripts", "sync-seed-skill.mjs"))} ${JSON.stringify(process.cwd())}`);
+run(`node ${JSON.stringify(join(process.cwd(), "node_modules", PACKAGE_NAME, "scripts", "sync-seed-skill.mjs"))} ${JSON.stringify(process.cwd())}`);
 
-console.log("Done. Run npm run ds:check to verify.");
+console.log(`Done (${latestVersion}). Run npm run ds:check to verify.`);

package/eslint-rules/nadicode/rules/no-deprecated-ds-import.js

@@ -1,77 +0,0 @@
-import { readFileSync } from "node:fs";
-import { resolve, dirname } from "node:path";
-import { fileURLToPath } from "node:url";
-
-const RULES_DIR = dirname(fileURLToPath(import.meta.url));
-const REGISTRY_PATH = resolve(RULES_DIR, "../../../contracts/public-surface-registry.json");
-const DS_PACKAGE = "@vadimcomanescu/nadicode-design-system";
-
-let deprecatedSubpaths = null;
-
-function loadDeprecatedSubpaths() {
-  if (deprecatedSubpaths) {
-    return deprecatedSubpaths;
-  }
-
-  deprecatedSubpaths = new Map();
-
-  try {
-    const registry = JSON.parse(readFileSync(REGISTRY_PATH, "utf8"));
-    for (const entry of registry.entries ?? []) {
-      if (entry.stability === "deprecated" && entry.deprecation) {
-        deprecatedSubpaths.set(entry.subpath, {
-          replacement: entry.deprecation.replacement,
-          removalVersion: entry.deprecation.removalVersion,
-        });
-      }
-    }
-  } catch {
-    // Registry unavailable (e.g. consumer repo without local contracts).
-    // Rule becomes a no-op.
-  }
-
-  return deprecatedSubpaths;
-}
-
-const rule = {
-  meta: {
-    type: "suggestion",
-    docs: {
-      description:
-        "Warn when importing a deprecated export from @vadimcomanescu/nadicode-design-system.",
-    },
-    schema: [],
-  },
-  create(context) {
-    return {
-      ImportDeclaration(node) {
-        const source = node.source.value;
-        if (typeof source !== "string" || !source.startsWith(DS_PACKAGE)) {
-          return;
-        }
-
-        const subpath = "./" + source.slice(DS_PACKAGE.length + 1);
-        if (subpath === "./") {
-          return;
-        }
-
-        const deprecated = loadDeprecatedSubpaths();
-        const info = deprecated.get(subpath);
-        if (!info) {
-          return;
-        }
-
-        const parts = [
-          `"${source}" is deprecated and will be removed in v${info.removalVersion}.`,
-        ];
-        if (info.replacement) {
-          parts.push(`Use "${DS_PACKAGE}/${info.replacement.slice(2)}" instead.`);
-        }
-
-        context.report({ node, message: parts.join(" ") });
-      },
-    };
-  },
-};
-
-export default rule;

package/dist/{chunk-6HGSU24S.js → chunk-BSCC7OQK.js}

@@ -1,9 +1,9 @@
+import { MagicUI } from './chunk-BZYMCJHW.js';
 import { MediaWiki } from './chunk-H466RJCI.js';
 import { Replit } from './chunk-DT6DGTVW.js';
 import { VSCodium } from './chunk-J5DRK4RF.js';
 import { Gemini } from './chunk-TSVN5A2F.js';
 import { GooglePaLM } from './chunk-PX2WVDDB.js';
-import { MagicUI } from './chunk-BZYMCJHW.js';
 import { StaggerChildren } from './chunk-DQPK2XRL.js';
 import { Heading } from './chunk-WI547C47.js';
 import { ScrollFadeIn } from './chunk-I23DDSU7.js';