@mastra/playground-ui 36.1.0-alpha.2 → 37.0.0-alpha.3

package/dist/time-picker-CQnJSakJ.cjs

@@ -0,0 +1,113 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactDayPicker = require('react-day-picker');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const React = require('react');
+const select = require('./select-DBbnw8QV.cjs');
+
+function DatePicker({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: utils_cn.cn("p-3", className),
+      classNames: {
+        months: "flex flex-col space-y-4 sm:space-y-0 ",
+        month: "space-y-4 text-ui-sm ",
+        caption: "flex justify-between pt-1 items-center pl-2",
+        caption_label: "text-text font-medium ",
+        nav: "flex items-center",
+        nav_button_previous: utils_cn.cn(
+          "flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_next: utils_cn.cn("flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+        dropdown_month: "w-full border-collapse space-y-1",
+        weeknumber: "flex",
+        day: utils_cn.cn(
+          "relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md",
+          "h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start rounded-l-md",
+        day_range_end: "day-range-end rounded-r-md",
+        day_selected: utils_cn.cn(
+          "bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!",
+          props.mode !== "range" && "rounded-md"
+        ),
+        day_today: "bg-neutral6/10 text-neutral5",
+        day_outside: "day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30",
+        day_disabled: "text-neutral3 opacity-50",
+        day_range_middle: "aria-selected:bg-surface5 aria-selected:text-neutral5",
+        day_hidden: "invisible",
+        head_cell: "text-ui-xs text-neutral3",
+        ...classNames
+      },
+      ...props
+    }
+  );
+}
+
+const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+const minuteOptions = ["00", "15", "30", "45", "59"];
+const timePeriodOptions = ["AM", "PM"];
+function TimePicker({ defaultValue, onValueChange, className }) {
+  const [hour, setHour] = React.useState("12");
+  const [minute, setMinute] = React.useState("00");
+  const [timePeriod, setTimePeriod] = React.useState("AM");
+  React.useEffect(() => {
+    if (defaultValue) {
+      const timeRegex = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM|am|pm)?$/;
+      const match = defaultValue.match(timeRegex);
+      if (match) {
+        let parsedHour = parseInt(match[1], 10);
+        const parsedMinute = parseInt(match[2], 10);
+        const period = match[3]?.toUpperCase();
+        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {
+          setHour(parsedHour.toString());
+          setMinute(parsedMinute === 0 ? "00" : parsedMinute.toString());
+          setTimePeriod(period || "AM");
+        }
+      }
+    }
+  }, [defaultValue]);
+  const handleHourChange = (val) => {
+    setHour(val);
+    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());
+  };
+  const handleMinuteChange = (val) => {
+    setMinute(minuteOptions[+val]);
+    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());
+  };
+  const handleTimePeriodChange = (val) => {
+    setTimePeriod(timePeriodOptions[+val]);
+    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex gap-2 items-center", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    ":",
+    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      select.Select,
+      {
+        name: "period",
+        value: timePeriodOptions.indexOf(timePeriod).toString(),
+        onValueChange: handleTimePeriodChange,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.DatePicker = DatePicker;
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=time-picker-CQnJSakJ.cjs.map

package/dist/time-picker-CQnJSakJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-CQnJSakJ.cjs","sources":["../src/ds/components/DateTimePicker/date-picker.tsx","../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col space-y-4 sm:space-y-0 ',\n        month: 'space-y-4 text-ui-sm ',\n        caption: 'flex justify-between pt-1 items-center pl-2',\n        caption_label: 'text-text font-medium ',\n        nav: 'flex items-center',\n        nav_button_previous: cn(\n          'flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_next: cn('flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),\n        dropdown_month: 'w-full border-collapse space-y-1',\n        weeknumber: 'flex',\n        day: cn(\n          'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md',\n          'h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start: 'day-range-start rounded-l-md',\n        day_range_end: 'day-range-end rounded-r-md',\n        day_selected: cn(\n          'bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!',\n          props.mode !== 'range' && 'rounded-md',\n        ),\n        day_today: 'bg-neutral6/10 text-neutral5',\n        day_outside:\n          'day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30',\n        day_disabled: 'text-neutral3 opacity-50',\n        day_range_middle: 'aria-selected:bg-surface5 aria-selected:text-neutral5',\n        day_hidden: 'invisible',\n        head_cell: 'text-ui-xs text-neutral3',\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        let parsedHour = parseInt(match[1], 10);\n        const parsedMinute = parseInt(match[2], 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    setHour(val);\n    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    setMinute(minuteOptions[+val]);\n    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    setTimePeriod(timePeriodOptions[+val]);\n    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());\n  };\n\n  return (\n    <div className={cn('flex gap-2 items-center', className)}>\n      <Select name=\"hour\" value={hourOptions.indexOf(hour).toString()} onValueChange={handleHourChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {hourOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      :\n      <Select name=\"minute\" value={minuteOptions.indexOf(minute).toString()} onValueChange={handleMinuteChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {minuteOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <Select\n        name=\"period\"\n        value={timePeriodOptions.indexOf(timePeriod).toString()}\n        onValueChange={handleTimePeriodChange}\n      >\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {timePeriodOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"names":["jsx","DayPicker","cn","useState","useEffect","jsxs","Select","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":";;;;;;;;AAMO,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,UAAA,EAAY,kBAAkB,IAAA,EAAM,GAAG,OAAM,EAAkB;AACrG,EAAA,uBACEA,cAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACC,eAAA;AAAA,MACA,SAAA,EAAWC,WAAA,CAAG,KAAA,EAAO,SAAS,CAAA;AAAA,MAC9B,UAAA,EAAY;AAAA,QACV,MAAA,EAAQ,uCAAA;AAAA,QACR,KAAA,EAAO,uBAAA;AAAA,QACP,OAAA,EAAS,6CAAA;AAAA,QACT,aAAA,EAAe,wBAAA;AAAA,QACf,GAAA,EAAK,mBAAA;AAAA,QACL,mBAAA,EAAqBA,WAAA;AAAA,UACnB;AAAA,SACF;AAAA,QACA,eAAA,EAAiBA,YAAG,0FAA0F,CAAA;AAAA,QAC9G,cAAA,EAAgB,kCAAA;AAAA,QAChB,UAAA,EAAY,MAAA;AAAA,QACZ,GAAA,EAAKA,WAAA;AAAA,UACH,+MAAA;AAAA,UACA,KAAA,CAAM,IAAA,KAAS,OAAA,GACX,sKAAA,GACA,qCAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACA,eAAA,EAAiB,8BAAA;AAAA,QACjB,aAAA,EAAe,4BAAA;AAAA,QACf,YAAA,EAAcA,WAAA;AAAA,UACZ,qFAAA;AAAA,UACA,KAAA,CAAM,SAAS,OAAA,IAAW;AAAA,SAC5B;AAAA,QACA,SAAA,EAAW,8BAAA;AAAA,QACX,WAAA,EACE,yHAAA;AAAA,QACF,YAAA,EAAc,0BAAA;AAAA,QACd,gBAAA,EAAkB,uDAAA;AAAA,QAClB,UAAA,EAAY,WAAA;AAAA,QACZ,SAAA,EAAW,0BAAA;AAAA,QACX,GAAG;AAAA,OACL;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;ACtCA,MAAM,WAAA,GAAc,CAAC,IAAA,EAAM,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,GAAA,EAAK,MAAM,IAAI,CAAA;AAClF,MAAM,gBAAgB,CAAC,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,MAAM,IAAI,CAAA;AACnD,MAAM,iBAAA,GAAoB,CAAC,IAAA,EAAM,IAAI,CAAA;AAE9B,SAAS,UAAA,CAAW,EAAE,YAAA,EAAc,aAAA,EAAe,WAAU,EAAoB;AACtF,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAiB,IAAI,CAAA;AAC7C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAiB,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,IAAI,CAAA;AAEjD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,MAAM,SAAA,GAAY,iDAAA;AAClB,MAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,KAAA,CAAM,SAAS,CAAA;AAE1C,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,IAAI,UAAA,GAAa,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AACtC,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,KAAA,CAAM,CAAC,GAAG,EAAE,CAAA;AAC1C,QAAA,MAAM,MAAA,GAAS,KAAA,CAAM,CAAC,CAAA,EAAG,WAAA,EAAY;AAErC,QAAA,IAAI,cAAc,CAAA,IAAK,UAAA,IAAc,MAAM,YAAA,IAAgB,CAAA,IAAK,gBAAgB,EAAA,EAAI;AAClF,UAAA,OAAA,CAAQ,UAAA,CAAW,UAAU,CAAA;AAC7B,UAAA,SAAA,CAAU,YAAA,KAAiB,CAAA,GAAI,IAAA,GAAO,YAAA,CAAa,UAAU,CAAA;AAC7D,UAAA,aAAA,CAAc,UAAU,IAAI,CAAA;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,MAAM,gBAAA,GAAmB,CAAC,GAAA,KAAgB;AACxC,IAAA,OAAA,CAAQ,GAAG,CAAA;AACX,IAAA,aAAA,CAAc,CAAA,EAAG,WAAA,CAAY,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,CAAG,IAAA,EAAM,CAAA;AAAA,EACrE,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,CAAC,GAAA,KAAgB;AAC1C,IAAA,SAAA,CAAU,aAAA,CAAc,CAAC,GAAG,CAAC,CAAA;AAC7B,IAAA,aAAA,CAAc,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,aAAA,CAAc,CAAC,GAAG,CAAC,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA,CAAG,IAAA,EAAM,CAAA;AAAA,EACrE,CAAA;AAEA,EAAA,MAAM,sBAAA,GAAyB,CAAC,GAAA,KAAgB;AAC9C,IAAA,aAAA,CAAc,iBAAA,CAAkB,CAAC,GAAG,CAAC,CAAA;AACrC,IAAA,aAAA,CAAc,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,MAAM,CAAA,CAAA,EAAI,iBAAA,CAAkB,CAAC,GAAG,CAAC,CAAA,CAAA,CAAG,IAAA,EAAM,CAAA;AAAA,EACrE,CAAA;AAEA,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWF,WAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EACrD,QAAA,EAAA;AAAA,oBAAAG,eAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAK,MAAA,EAAO,KAAA,EAAO,WAAA,CAAY,OAAA,CAAQ,IAAI,CAAA,CAAE,QAAA,EAAS,EAAG,aAAA,EAAe,gBAAA,EAC9E,QAAA,EAAA;AAAA,sBAAAN,cAAA,CAACO,wBAAc,IAAA,EAAK,IAAA,EAClB,yCAACC,kBAAA,EAAA,EAAY,WAAA,EAAY,aAAY,CAAA,EACvC,CAAA;AAAA,qCACCC,oBAAA,EAAA,EACE,QAAA,EAAA,WAAA,CAAY,GAAA,CAAI,CAAC,QAAQ,GAAA,qBACxBT,cAAA,CAACU,iBAAA,EAAA,EAAwB,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,EACnC,QAAA,EAAA,MAAA,EAAA,EADc,MAEjB,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,IAAS,GAAA;AAAA,oBAETL,eAAA,CAACC,aAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,KAAA,EAAO,aAAA,CAAc,OAAA,CAAQ,MAAM,CAAA,CAAE,QAAA,EAAS,EAAG,aAAA,EAAe,kBAAA,EACpF,QAAA,EAAA;AAAA,sBAAAN,cAAA,CAACO,wBAAc,IAAA,EAAK,IAAA,EAClB,yCAACC,kBAAA,EAAA,EAAY,WAAA,EAAY,aAAY,CAAA,EACvC,CAAA;AAAA,qCACCC,oBAAA,EAAA,EACE,QAAA,EAAA,aAAA,CAAc,GAAA,CAAI,CAAC,QAAQ,GAAA,qBAC1BT,cAAA,CAACU,iBAAA,EAAA,EAAwB,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,EACnC,QAAA,EAAA,MAAA,EAAA,EADc,MAEjB,CACD,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,oBACAL,eAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA,EAAO,iBAAA,CAAkB,OAAA,CAAQ,UAAU,EAAE,QAAA,EAAS;AAAA,QACtD,aAAA,EAAe,sBAAA;AAAA,QAEf,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAACO,wBAAc,IAAA,EAAK,IAAA,EAClB,yCAACC,kBAAA,EAAA,EAAY,WAAA,EAAY,aAAY,CAAA,EACvC,CAAA;AAAA,yCACCC,oBAAA,EAAA,EACE,QAAA,EAAA,iBAAA,CAAkB,GAAA,CAAI,CAAC,QAAQ,GAAA,qBAC9BT,cAAA,CAACU,iBAAA,EAAA,EAAwB,KAAA,EAAO,GAAG,GAAG,CAAA,CAAA,EACnC,QAAA,EAAA,MAAA,EAAA,EADc,MAEjB,CACD,CAAA,EACH;AAAA;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;;;;;"}

package/dist/time-picker-DoReHQCM.js

@@ -0,0 +1,110 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DayPicker } from 'react-day-picker';
+import { c as cn } from './cn-BakJzhuv.js';
+import { useState, useEffect } from 'react';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select-BCKCKsi9.js';
+
+function DatePicker({ className, classNames, showOutsideDays = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col space-y-4 sm:space-y-0 ",
+        month: "space-y-4 text-ui-sm ",
+        caption: "flex justify-between pt-1 items-center pl-2",
+        caption_label: "text-text font-medium ",
+        nav: "flex items-center",
+        nav_button_previous: cn(
+          "flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_next: cn("flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
+        dropdown_month: "w-full border-collapse space-y-1",
+        weeknumber: "flex",
+        day: cn(
+          "relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range" ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md",
+          "h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start: "day-range-start rounded-l-md",
+        day_range_end: "day-range-end rounded-r-md",
+        day_selected: cn(
+          "bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!",
+          props.mode !== "range" && "rounded-md"
+        ),
+        day_today: "bg-neutral6/10 text-neutral5",
+        day_outside: "day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30",
+        day_disabled: "text-neutral3 opacity-50",
+        day_range_middle: "aria-selected:bg-surface5 aria-selected:text-neutral5",
+        day_hidden: "invisible",
+        head_cell: "text-ui-xs text-neutral3",
+        ...classNames
+      },
+      ...props
+    }
+  );
+}
+
+const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+const minuteOptions = ["00", "15", "30", "45", "59"];
+const timePeriodOptions = ["AM", "PM"];
+function TimePicker({ defaultValue, onValueChange, className }) {
+  const [hour, setHour] = useState("12");
+  const [minute, setMinute] = useState("00");
+  const [timePeriod, setTimePeriod] = useState("AM");
+  useEffect(() => {
+    if (defaultValue) {
+      const timeRegex = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM|am|pm)?$/;
+      const match = defaultValue.match(timeRegex);
+      if (match) {
+        let parsedHour = parseInt(match[1], 10);
+        const parsedMinute = parseInt(match[2], 10);
+        const period = match[3]?.toUpperCase();
+        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {
+          setHour(parsedHour.toString());
+          setMinute(parsedMinute === 0 ? "00" : parsedMinute.toString());
+          setTimePeriod(period || "AM");
+        }
+      }
+    }
+  }, [defaultValue]);
+  const handleHourChange = (val) => {
+    setHour(val);
+    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());
+  };
+  const handleMinuteChange = (val) => {
+    setMinute(minuteOptions[+val]);
+    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());
+  };
+  const handleTimePeriodChange = (val) => {
+    setTimePeriod(timePeriodOptions[+val]);
+    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex gap-2 items-center", className), children: [
+    /* @__PURE__ */ jsxs(Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    ":",
+    /* @__PURE__ */ jsxs(Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        name: "period",
+        value: timePeriodOptions.indexOf(timePeriod).toString(),
+        onValueChange: handleTimePeriodChange,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { DatePicker as D, TimePicker as T };
+//# sourceMappingURL=time-picker-DoReHQCM.js.map

package/dist/time-picker-DoReHQCM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-DoReHQCM.js","sources":["../src/ds/components/DateTimePicker/date-picker.tsx","../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DayPicker } from 'react-day-picker';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function DatePicker({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      classNames={{\n        months: 'flex flex-col space-y-4 sm:space-y-0 ',\n        month: 'space-y-4 text-ui-sm ',\n        caption: 'flex justify-between pt-1 items-center pl-2',\n        caption_label: 'text-text font-medium ',\n        nav: 'flex items-center',\n        nav_button_previous: cn(\n          'flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\n        nav_button_next: cn('flex justify-center items-center h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),\n        dropdown_month: 'w-full border-collapse space-y-1',\n        weeknumber: 'flex',\n        day: cn(\n          'relative p-0 text-center focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-surface5 [&:has([aria-selected].day-outside)]:bg-surface5/50 [&:has([aria-selected].day-range-end)]:rounded-r-md',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-md',\n          'h-8 w-8 p-0 hover:bg-lightGray-7/50 font-normal aria-selected:opacity-100',\n        ),\n        day_range_start: 'day-range-start rounded-l-md',\n        day_range_end: 'day-range-end rounded-r-md',\n        day_selected: cn(\n          'bg-accent1! text-white! hover:bg-accent1/80! focus:bg-accent1/80! focus:text-white!',\n          props.mode !== 'range' && 'rounded-md',\n        ),\n        day_today: 'bg-neutral6/10 text-neutral5',\n        day_outside:\n          'day-outside text-neutral3 opacity-50  aria-selected:bg-surface5/50 aria-selected:text-neutral3 aria-selected:opacity-30',\n        day_disabled: 'text-neutral3 opacity-50',\n        day_range_middle: 'aria-selected:bg-surface5 aria-selected:text-neutral5',\n        day_hidden: 'invisible',\n        head_cell: 'text-ui-xs text-neutral3',\n        ...classNames,\n      }}\n      {...props}\n    />\n  );\n}\n","import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        let parsedHour = parseInt(match[1], 10);\n        const parsedMinute = parseInt(match[2], 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    setHour(val);\n    onValueChange(`${hourOptions[+val]}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    setMinute(minuteOptions[+val]);\n    onValueChange(`${hour}:${minuteOptions[+val]} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    setTimePeriod(timePeriodOptions[+val]);\n    onValueChange(`${hour}:${minute} ${timePeriodOptions[+val]}`.trim());\n  };\n\n  return (\n    <div className={cn('flex gap-2 items-center', className)}>\n      <Select name=\"hour\" value={hourOptions.indexOf(hour).toString()} onValueChange={handleHourChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {hourOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      :\n      <Select name=\"minute\" value={minuteOptions.indexOf(minute).toString()} onValueChange={handleMinuteChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {minuteOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <Select\n        name=\"period\"\n        value={timePeriodOptions.indexOf(timePeriod).toString()}\n        onValueChange={handleTimePeriodChange}\n      >\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {timePeriodOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/tokens.es.js

@@ -1,4 +1,4 @@
-export { B as BorderColors, b as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, a as Sizes, c as Spacings } from './spacings-0Zbr65EW.js';
+export { B as BorderColors, a as BorderRadius, C as Colors, F as FontSizes, G as Glows, L as LineHeights, S as Shadows, b as Sizes, c as Spacings } from './spacings-C87dXiT-.js';
 
 const Animations = {
   // Durations

package/dist/tooltip-CjjqIvhJ.js

@@ -0,0 +1,111 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Tooltip as Tooltip$1 } from '@base-ui/react/tooltip';
+import * as React from 'react';
+import { c as cn } from './cn-BakJzhuv.js';
+
+function TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }) {
+  const resolvedDelay = delay ?? delayDuration;
+  const resolvedTimeout = timeout ?? skipDelayDuration;
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Provider,
+    {
+      ...resolvedDelay !== void 0 ? { delay: resolvedDelay } : {},
+      ...resolvedTimeout !== void 0 ? { timeout: resolvedTimeout } : {},
+      ...props
+    }
+  );
+}
+const Tooltip = Tooltip$1.Root;
+const TooltipTrigger = React.forwardRef(
+  ({ asChild, render, children, ...props }, ref) => {
+    if (asChild && React.isValidElement(children)) {
+      return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render: children, ...props });
+    }
+    return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, render, ...props, children });
+  }
+);
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React.forwardRef(
+  ({
+    className,
+    side = "top",
+    sideOffset = 8,
+    align = "center",
+    alignOffset = 0,
+    arrowPadding = 10,
+    anchor,
+    positionMethod,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const positionerProps = {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      arrowPadding,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, { className: "isolate z-[100]", ...positionerProps, children: /* @__PURE__ */ jsxs(
+      Tooltip$1.Popup,
+      {
+        ref,
+        role: "tooltip",
+        className: cn(
+          "relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150",
+          "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+          "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+          "data-[instant]:transition-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsx(
+            Tooltip$1.Arrow,
+            {
+              className: cn(
+                "flex",
+                "data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180",
+                "data-[side=bottom]:-top-[8px]",
+                "data-[side=left]:-right-[10px] data-[side=left]:rotate-90",
+                "data-[side=right]:-left-[10px] data-[side=right]:-rotate-90"
+              ),
+              children: /* @__PURE__ */ jsx(TooltipArrowSvg, {})
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+function TooltipArrowSvg() {
+  return /* @__PURE__ */ jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsx("path", { d: "M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z", className: "fill-surface3" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5",
+        className: "fill-none stroke-border1",
+        strokeWidth: "1",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+export { Tooltip as T, TooltipContent as a, TooltipProvider as b, TooltipTrigger as c };
+//# sourceMappingURL=tooltip-CjjqIvhJ.js.map

package/dist/tooltip-CjjqIvhJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-CjjqIvhJ.js","sources":["../src/ds/components/Tooltip/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport type { TooltipPopupProps, TooltipPositionerProps } from '@base-ui/react/tooltip';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = Omit<TooltipPrimitive.Provider.Props, 'delay' | 'timeout'> & {\n  delay?: number;\n  timeout?: number;\n  /** Radix API compatibility alias for `delay`. */\n  delayDuration?: number;\n  /** Radix API compatibility alias for `timeout`. */\n  skipDelayDuration?: number;\n};\n\nfunction TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }: TooltipProviderProps) {\n  const resolvedDelay = delay ?? delayDuration;\n  const resolvedTimeout = timeout ?? skipDelayDuration;\n  return (\n    <TooltipPrimitive.Provider\n      {...(resolvedDelay !== undefined ? { delay: resolvedDelay } : {})}\n      {...(resolvedTimeout !== undefined ? { timeout: resolvedTimeout } : {})}\n      {...props}\n    />\n  );\n}\n\nconst Tooltip = TooltipPrimitive.Root;\n\ntype TooltipTriggerProps = TooltipPrimitive.Trigger.Props & {\n  /** Radix-style alias for Base UI's native `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, render, children, ...props }, ref) => {\n    if (asChild && React.isValidElement(children)) {\n      return <TooltipPrimitive.Trigger ref={ref} render={children} {...props} />;\n    }\n    return (\n      <TooltipPrimitive.Trigger ref={ref} render={render} {...props}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    );\n  },\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\ntype TooltipContentPositionerProps = Omit<TooltipPositionerProps, keyof TooltipPopupProps>;\n\ntype TooltipContentProps = TooltipPopupProps & TooltipContentPositionerProps;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  (\n    {\n      className,\n      side = 'top',\n      sideOffset = 8,\n      align = 'center',\n      alignOffset = 0,\n      arrowPadding = 10,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: TooltipContentPositionerProps = {\n      side,\n      sideOffset,\n      align,\n      alignOffset,\n      arrowPadding,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner className=\"isolate z-[100]\" {...positionerProps}>\n          <TooltipPrimitive.Popup\n            ref={ref}\n            // Base UI's Popup omits `role=\"tooltip\"` by default (only the trigger\n            // gets `aria-describedby`). Radix used to set it on Content, and our\n            // consumers query via `getByRole('tooltip')`, so set it explicitly.\n            role=\"tooltip\"\n            className={cn(\n              'relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150',\n              'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n              'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n              'data-[instant]:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <TooltipPrimitive.Arrow\n              className={cn(\n                'flex',\n                'data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180',\n                'data-[side=bottom]:-top-[8px]',\n                'data-[side=left]:-right-[10px] data-[side=left]:rotate-90',\n                'data-[side=right]:-left-[10px] data-[side=right]:-rotate-90',\n              )}\n            >\n              <TooltipArrowSvg />\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  },\n);\nTooltipContent.displayName = 'TooltipContent';\n\n// Triangle with a rounded apex. The stroke endpoints land on the popup border\n// center (popup_top + 0.5 with `border border-border1`), so the arrow outline\n// merges cleanly with the popup border without a horizontal extension that\n// would overlap and thicken the border at the join.\nfunction TooltipArrowSvg() {\n  return (\n    <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" overflow=\"visible\">\n      <path d=\"M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z\" className=\"fill-surface3\" />\n      <path\n        d=\"M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5\"\n        className=\"fill-none stroke-border1\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["TooltipPrimitive"],"mappings":"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"}

package/dist/tooltip-fTKN3FCp.cjs

@@ -0,0 +1,135 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const tooltip = require('@base-ui/react/tooltip');
+const React = require('react');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }) {
+  const resolvedDelay = delay ?? delayDuration;
+  const resolvedTimeout = timeout ?? skipDelayDuration;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltip.Tooltip.Provider,
+    {
+      ...resolvedDelay !== void 0 ? { delay: resolvedDelay } : {},
+      ...resolvedTimeout !== void 0 ? { timeout: resolvedTimeout } : {},
+      ...props
+    }
+  );
+}
+const Tooltip = tooltip.Tooltip.Root;
+const TooltipTrigger = React__namespace.forwardRef(
+  ({ asChild, render, children, ...props }, ref) => {
+    if (asChild && React__namespace.isValidElement(children)) {
+      return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { ref, render: children, ...props });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Trigger, { ref, render, ...props, children });
+  }
+);
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = React__namespace.forwardRef(
+  ({
+    className,
+    side = "top",
+    sideOffset = 8,
+    align = "center",
+    alignOffset = 0,
+    arrowPadding = 10,
+    anchor,
+    positionMethod,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    collisionAvoidance,
+    children,
+    ...props
+  }, ref) => {
+    const positionerProps = {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      arrowPadding,
+      anchor,
+      positionMethod,
+      collisionBoundary,
+      collisionPadding,
+      sticky,
+      disableAnchorTracking,
+      collisionAvoidance
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(tooltip.Tooltip.Positioner, { className: "isolate z-[100]", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      tooltip.Tooltip.Popup,
+      {
+        ref,
+        role: "tooltip",
+        className: utils_cn.cn(
+          "relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150",
+          "data-[starting-style]:scale-95 data-[starting-style]:opacity-0",
+          "data-[ending-style]:scale-95 data-[ending-style]:opacity-0",
+          "data-[instant]:transition-none",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            tooltip.Tooltip.Arrow,
+            {
+              className: utils_cn.cn(
+                "flex",
+                "data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180",
+                "data-[side=bottom]:-top-[8px]",
+                "data-[side=left]:-right-[10px] data-[side=left]:rotate-90",
+                "data-[side=right]:-left-[10px] data-[side=right]:-rotate-90"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(TooltipArrowSvg, {})
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+TooltipContent.displayName = "TooltipContent";
+function TooltipArrowSvg() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", overflow: "visible", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z", className: "fill-surface3" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5",
+        className: "fill-none stroke-border1",
+        strokeWidth: "1",
+        strokeLinejoin: "round",
+        strokeLinecap: "round"
+      }
+    )
+  ] });
+}
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=tooltip-fTKN3FCp.cjs.map

package/dist/tooltip-fTKN3FCp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-fTKN3FCp.cjs","sources":["../src/ds/components/Tooltip/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\nimport type { TooltipPopupProps, TooltipPositionerProps } from '@base-ui/react/tooltip';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\ntype TooltipProviderProps = Omit<TooltipPrimitive.Provider.Props, 'delay' | 'timeout'> & {\n  delay?: number;\n  timeout?: number;\n  /** Radix API compatibility alias for `delay`. */\n  delayDuration?: number;\n  /** Radix API compatibility alias for `timeout`. */\n  skipDelayDuration?: number;\n};\n\nfunction TooltipProvider({ delay, delayDuration, timeout, skipDelayDuration, ...props }: TooltipProviderProps) {\n  const resolvedDelay = delay ?? delayDuration;\n  const resolvedTimeout = timeout ?? skipDelayDuration;\n  return (\n    <TooltipPrimitive.Provider\n      {...(resolvedDelay !== undefined ? { delay: resolvedDelay } : {})}\n      {...(resolvedTimeout !== undefined ? { timeout: resolvedTimeout } : {})}\n      {...props}\n    />\n  );\n}\n\nconst Tooltip = TooltipPrimitive.Root;\n\ntype TooltipTriggerProps = TooltipPrimitive.Trigger.Props & {\n  /** Radix-style alias for Base UI's native `render` prop. */\n  asChild?: boolean;\n};\n\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTriggerProps>(\n  ({ asChild, render, children, ...props }, ref) => {\n    if (asChild && React.isValidElement(children)) {\n      return <TooltipPrimitive.Trigger ref={ref} render={children} {...props} />;\n    }\n    return (\n      <TooltipPrimitive.Trigger ref={ref} render={render} {...props}>\n        {children}\n      </TooltipPrimitive.Trigger>\n    );\n  },\n);\nTooltipTrigger.displayName = 'TooltipTrigger';\n\ntype TooltipContentPositionerProps = Omit<TooltipPositionerProps, keyof TooltipPopupProps>;\n\ntype TooltipContentProps = TooltipPopupProps & TooltipContentPositionerProps;\n\nconst TooltipContent = React.forwardRef<HTMLDivElement, TooltipContentProps>(\n  (\n    {\n      className,\n      side = 'top',\n      sideOffset = 8,\n      align = 'center',\n      alignOffset = 0,\n      arrowPadding = 10,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: TooltipContentPositionerProps = {\n      side,\n      sideOffset,\n      align,\n      alignOffset,\n      arrowPadding,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner className=\"isolate z-[100]\" {...positionerProps}>\n          <TooltipPrimitive.Popup\n            ref={ref}\n            // Base UI's Popup omits `role=\"tooltip\"` by default (only the trigger\n            // gets `aria-describedby`). Radix used to set it on Content, and our\n            // consumers query via `getByRole('tooltip')`, so set it explicitly.\n            role=\"tooltip\"\n            className={cn(\n              'relative z-[100] flex flex-col origin-(--transform-origin) rounded-lg border border-border1 bg-surface3 px-2.5 py-1.5 text-ui-sm leading-ui-sm text-neutral5 shadow-dialog transition-[transform,scale,opacity] duration-150',\n              'data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n              'data-[ending-style]:scale-95 data-[ending-style]:opacity-0',\n              'data-[instant]:transition-none',\n              className,\n            )}\n            {...props}\n          >\n            {children}\n            <TooltipPrimitive.Arrow\n              className={cn(\n                'flex',\n                'data-[side=top]:-bottom-[8px] data-[side=top]:rotate-180',\n                'data-[side=bottom]:-top-[8px]',\n                'data-[side=left]:-right-[10px] data-[side=left]:rotate-90',\n                'data-[side=right]:-left-[10px] data-[side=right]:-rotate-90',\n              )}\n            >\n              <TooltipArrowSvg />\n            </TooltipPrimitive.Arrow>\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  },\n);\nTooltipContent.displayName = 'TooltipContent';\n\n// Triangle with a rounded apex. The stroke endpoints land on the popup border\n// center (popup_top + 0.5 with `border border-border1`), so the arrow outline\n// merges cleanly with the popup border without a horizontal extension that\n// would overlap and thicken the border at the join.\nfunction TooltipArrowSvg() {\n  return (\n    <svg width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" overflow=\"visible\">\n      <path d=\"M0 7L4 2Q6 0 8 2L12 7L12 8L0 8Z\" className=\"fill-surface3\" />\n      <path\n        d=\"M0 7.5L4 2.5Q6 0.5 8 2.5L12 7.5\"\n        className=\"fill-none stroke-border1\"\n        strokeWidth=\"1\"\n        strokeLinejoin=\"round\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"names":["jsx","TooltipPrimitive","React","jsxs","cn"],"mappings":"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"}