@nebula-demo/ui 0.1.3

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,182 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import * as n from "react";
+import * as c from "@radix-ui/react-context-menu";
+import { cn as r } from "../../utils/cn.js";
+import { Icon as l } from "../Icon/Icon.js";
+const I = c.Root, S = c.Trigger, v = c.Sub, m = n.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ i(
+  c.Group,
+  {
+    ref: t,
+    className: r("cai-py-lg first:cai-pt-0 last:cai-pb-0", a),
+    ...e
+  }
+));
+m.displayName = "ContextMenuGroup";
+const u = n.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ i(
+  c.RadioGroup,
+  {
+    ref: t,
+    className: r("cai-py-lg first:cai-pt-0 last:cai-pb-0", a),
+    ...e
+  }
+));
+u.displayName = "ContextMenuRadioGroup";
+const p = n.forwardRef(({ className: a, inset: e, children: t, ...o }, s) => /* @__PURE__ */ d(
+  c.SubTrigger,
+  {
+    ref: s,
+    className: r(
+      "cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-p-lg cai-text-subbody cai-text-primary cai-outline-none",
+      "cai-transition-colors",
+      "focus:cai-bg-tertiary",
+      "data-[state=open]:cai-bg-secondary",
+      e && "cai-pl-4xl",
+      a
+    ),
+    ...o,
+    children: [
+      t,
+      /* @__PURE__ */ i("span", { className: "cai-ml-auto cai-text-icon-primary", children: /* @__PURE__ */ i(l, { name: "chevron-right", size: 14, "aria-hidden": "true" }) })
+    ]
+  }
+));
+p.displayName = "ContextMenuSubTrigger";
+const x = n.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ i(
+  c.SubContent,
+  {
+    ref: t,
+    className: r(
+      "cai-z-50 cai-min-w-[14rem] cai-overflow-hidden cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow",
+      "data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0 data-[state=open]:cai-zoom-in-95",
+      "data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0 data-[state=closed]:cai-zoom-out-95",
+      "data-[side=bottom]:cai-slide-in-from-top-2 data-[side=left]:cai-slide-in-from-right-2 data-[side=right]:cai-slide-in-from-left-2 data-[side=top]:cai-slide-in-from-bottom-2",
+      a
+    ),
+    ...e
+  }
+));
+x.displayName = "ContextMenuSubContent";
+const b = n.forwardRef(({ className: a, container: e, ...t }, o) => /* @__PURE__ */ i(c.Portal, { container: e, children: /* @__PURE__ */ i(
+  c.Content,
+  {
+    ref: o,
+    className: r(
+      "cai-z-50 cai-min-w-[14rem] cai-overflow-hidden cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow",
+      "data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0 data-[state=open]:cai-zoom-in-95",
+      "data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0 data-[state=closed]:cai-zoom-out-95",
+      a
+    ),
+    ...t
+  }
+) }));
+b.displayName = "ContextMenuContent";
+const f = n.forwardRef(({ className: a, inset: e, ...t }, o) => /* @__PURE__ */ i(
+  c.Item,
+  {
+    ref: o,
+    className: r(
+      "cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-p-lg cai-text-subbody cai-text-primary cai-outline-none",
+      "cai-transition-colors",
+      "focus:cai-bg-tertiary",
+      "data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",
+      e && "cai-pl-4xl",
+      a
+    ),
+    ...t
+  }
+));
+f.displayName = "ContextMenuItem";
+const y = n.forwardRef(({ className: a, children: e, checked: t, ...o }, s) => /* @__PURE__ */ d(
+  c.CheckboxItem,
+  {
+    ref: s,
+    checked: t,
+    className: r(
+      "cai-relative cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-py-lg cai-pl-4xl cai-pr-lg cai-text-subbody cai-text-primary cai-outline-none",
+      "cai-transition-colors",
+      "focus:cai-bg-tertiary",
+      "data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",
+      a
+    ),
+    ...o,
+    children: [
+      /* @__PURE__ */ i("span", { className: "cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center cai-text-icon-primary", children: /* @__PURE__ */ i(c.ItemIndicator, { children: /* @__PURE__ */ i(l, { name: "check", size: 12, strokeWidth: 3, "aria-hidden": "true" }) }) }),
+      e
+    ]
+  }
+));
+y.displayName = "ContextMenuCheckboxItem";
+const C = n.forwardRef(({ className: a, children: e, ...t }, o) => /* @__PURE__ */ d(
+  c.RadioItem,
+  {
+    ref: o,
+    className: r(
+      "cai-relative cai-flex cai-cursor-default cai-select-none cai-items-center cai-rounded-md cai-border cai-border-transparent cai-py-lg cai-pl-4xl cai-pr-lg cai-text-subbody cai-text-primary cai-outline-none",
+      "cai-transition-colors",
+      "focus:cai-bg-tertiary",
+      "data-[disabled]:cai-pointer-events-none data-[disabled]:cai-opacity-40",
+      a
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ i("span", { className: "cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center", children: /* @__PURE__ */ i(c.ItemIndicator, { children: /* @__PURE__ */ i(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "cai-block cai-h-[0.625rem] cai-w-[0.625rem] cai-rounded-full cai-bg-quaternary"
+        }
+      ) }) }),
+      e
+    ]
+  }
+));
+C.displayName = "ContextMenuRadioItem";
+const g = n.forwardRef(({ className: a, inset: e, ...t }, o) => /* @__PURE__ */ i(
+  c.Label,
+  {
+    ref: o,
+    className: r(
+      "cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-text-primary",
+      e && "cai-pl-4xl",
+      a
+    ),
+    ...t
+  }
+));
+g.displayName = "ContextMenuLabel";
+const h = n.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ i(
+  c.Separator,
+  {
+    ref: t,
+    className: r("-cai-mx-lg cai-h-px cai-bg-[var(--border-quaternary)]", a),
+    ...e
+  }
+));
+h.displayName = "ContextMenuSeparator";
+const M = ({ className: a, ...e }) => /* @__PURE__ */ i(
+  "span",
+  {
+    className: r(
+      "cai-ml-auto cai-text-body2 cai-font-normal cai-tracking-widest cai-text-primary",
+      a
+    ),
+    ...e
+  }
+);
+M.displayName = "ContextMenuShortcut";
+export {
+  I as ContextMenu,
+  y as ContextMenuCheckboxItem,
+  b as ContextMenuContent,
+  m as ContextMenuGroup,
+  f as ContextMenuItem,
+  g as ContextMenuLabel,
+  u as ContextMenuRadioGroup,
+  C as ContextMenuRadioItem,
+  h as ContextMenuSeparator,
+  M as ContextMenuShortcut,
+  v as ContextMenuSub,
+  x as ContextMenuSubContent,
+  p as ContextMenuSubTrigger,
+  S as ContextMenuTrigger
+};

package/dist/components/ContextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, } from './ContextMenu';
+export type { ContextMenuContentProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuSubTriggerProps, } from './ContextMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ContextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,eAAe,CAAA;AACtB,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,eAAe,CAAA"}

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),Z=require("react"),s=require("../../utils/cn.cjs"),D=require("../../utils/focusRing.cjs"),C=require("../Icon/Icon.cjs"),y=require("../Popover/Popover.cjs"),ee=require("../Calendar/Calendar.cjs");function ae(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(i,r,o.get?o:{enumerable:!0,get:()=>a[r]})}}return i.default=a,Object.freeze(i)}const d=ae(Z);function u(a,i){if(!a)return"";try{return a.toLocaleDateString(void 0,{dateStyle:"long"})}catch{return a.toDateString()}}function T(a){if(!a)return"";const i=String(a.getDate()).padStart(2,"0"),r=String(a.getMonth()+1).padStart(2,"0");return`${i}/${r}/${a.getFullYear()}`}function ie(a){const i=/^(\d{1,2})\/(\d{1,2})\/(\d{4})$/.exec(a.trim());if(!i)return null;const r=parseInt(i[1],10),o=parseInt(i[2],10)-1,x=parseInt(i[3],10);if(o<0||o>11)return null;const p=new Date(x,o,r);return p.getFullYear()!==x||p.getMonth()!==o||p.getDate()!==r?null:p}function te(a){return typeof a=="object"&&a!==null&&!(a instanceof Date)}const k="cai-border-[color-mix(in_srgb,var(--border-septenary)_50%,transparent)]",Y=d.forwardRef(({mode:a="single",fromYear:i,toYear:r,initialDate:o,initialRange:x,dateFormat:p="PPP",placeholder:m="Pick a Date",label:f,labelRight:h,hint:j,error:t=!1,labelStartDate:q="Start",labelEndDate:F="End",onChange:$,name:I,modal:E,container:z,className:P,id:B},w)=>{const G=d.useId(),v=B??G,[N,S]=d.useState(!1),[g,L]=d.useState(()=>{if(a==="single")return o;if(a==="range")return x}),O=n=>{L(n),$?.(n)},l=a==="single"&&g instanceof Date?g:void 0,c=a==="range"&&te(g)?g:void 0,U=d.useMemo(()=>{if(a==="single")return l?u(l):"undefined";const n=c?.from?u(c.from):"undefined",b=c?.to?u(c.to):"undefined";return`${n} to ${b}`},[a,l,c,p]),[V,R]=d.useState(()=>T(l));d.useEffect(()=>{a==="single"&&R(T(l))},[a,l]);const A=n=>{R(n);const b=ie(n);b&&O(b)},H=s.cn("cai-group cai-flex cai-w-full cai-items-center cai-border cai-px-[12px] cai-py-[8px] cai-text-left cai-font-medium cai-transition-colors","cai-rounded-lg cai-min-h-[80px] cai-min-w-[360px]",D.FOCUS_RING,!t&&s.cn(k,"cai-bg-primary-invert hover:cai-border-septenary data-[state=open]:cai-border-brand-primary"),t&&"cai-border-2 cai-border-error cai-bg-primary-invert",P),W=s.cn("cai-flex cai-items-center cai-gap-x-md cai-rounded-md cai-border cai-pl-sm cai-pr-md cai-py-sm","cai-transition-colors",t?"cai-border-error-alt cai-bg-error focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--bg-brand-primary)]":"cai-border-septenary cai-bg-primary-invert focus-within:cai-border-brand-primary",P),J=s.cn("cai-flex cai-h-9 cai-w-9 cai-flex-shrink-0 cai-items-center cai-justify-center cai-rounded-full cai-border cai-border-transparent cai-transition-colors","focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",t?"cai-bg-transparent cai-text-primary-alt":"cai-bg-transparent cai-text-primary hover:cai-bg-secondary hover:cai-border-primary"),K=s.cn("cai-flex-1 cai-border-none cai-bg-transparent cai-text-body2 cai-font-medium cai-outline-none",t?"cai-text-primary-alt placeholder:cai-text-primary-alt":"cai-text-primary placeholder:cai-text-tertiary"),_=n=>s.cn("cai-rounded-sm cai-border cai-py-sm cai-pl-md cai-pr-lg cai-text-body2",!t&&s.cn(k,"group-hover:cai-border-septenary group-data-[state=open]:cai-border-brand-primary"),!n&&!t&&"cai-text-tertiary",n&&!t&&"cai-text-primary",t&&"cai-border-error-alt cai-bg-error cai-text-primary-alt"),M=s.cn("cai-text-[14px] cai-font-medium cai-text-tertiary cai-text-left","group-data-[state=open]:cai-text-secondary"),Q="cai-text-micro1 cai-font-medium cai-text-tertiary",X=!!(f||h);return e.jsxs("div",{className:"cai-flex cai-flex-col cai-gap-y-[8px] cai-font-sans",children:[X&&e.jsxs("span",{className:"cai-flex cai-items-center cai-gap-x-sm",children:[f?e.jsxs("label",{htmlFor:v,className:"cai-flex-1 cai-inline-flex cai-items-center cai-gap-x-[6px] cai-text-micro1 cai-font-medium cai-leading-none cai-text-primary",children:[a==="range"&&e.jsx("span",{className:"cai-inline-flex cai-items-center cai-text-icon-primary","aria-hidden":"true",children:e.jsx(C.Icon,{name:"calendar",size:14,"aria-hidden":"true"})}),f]}):e.jsx("span",{className:"cai-flex-1"}),h&&e.jsx("span",{className:"cai-text-micro1 cai-font-medium cai-text-primary",children:h})]}),e.jsxs(y.Popover,{open:N,onOpenChange:S,modal:E,children:[a==="single"?e.jsxs("div",{className:W,children:[e.jsx(y.PopoverTrigger,{asChild:!0,children:e.jsx("button",{ref:w,type:"button","aria-label":N?"Hide calendar":"Show calendar","aria-expanded":N,className:J,children:e.jsx(C.Icon,{name:"calendar",size:20,"aria-hidden":"true"})})}),e.jsx("input",{id:v,type:"text",value:V,onChange:n=>A(n.target.value),placeholder:m==="Pick a Date"?"DD/MM/YYYY":m,inputMode:"numeric","aria-invalid":t||void 0,className:K})]}):e.jsx(y.PopoverTrigger,{asChild:!0,children:e.jsx("button",{ref:w,type:"button",id:v,"aria-label":f??"Toggle calendar","aria-invalid":t||void 0,className:H,children:e.jsxs("div",{className:"cai-flex cai-flex-1 cai-gap-x-md",children:[e.jsxs("div",{className:"cai-flex cai-flex-1 cai-flex-col cai-gap-y-xs",children:[e.jsx("span",{className:M,children:q}),e.jsx("span",{className:_(c?.from),children:c?.from?u(c.from):m})]}),e.jsxs("div",{className:"cai-flex cai-flex-1 cai-flex-col cai-gap-y-xs",children:[e.jsx("span",{className:M,children:F}),e.jsx("span",{className:_(c?.to),children:c?.to?u(c.to):m})]})]})})}),e.jsxs(y.PopoverContent,{role:"dialog",sideOffset:32,container:z,className:"cai-w-[22rem] cai-p-0 cai-border-0 cai-bg-transparent cai-shadow-none",children:[e.jsx(ee.Calendar,{mode:a,selected:a==="single"?l:c,onSelect:O,fromYear:i,toYear:r}),e.jsxs("div",{className:"cai-flex cai-gap-x-[16px] cai-mt-[24px]",children:[e.jsx("button",{type:"button",onClick:()=>S(!1),className:s.cn("cai-flex-1 cai-h-9 cai-rounded-full cai-border cai-border-primary cai-bg-transparent cai-text-primary cai-font-semibold cai-text-[14px] cai-cursor-pointer cai-font-sans",D.FOCUS_RING),children:"Cancel"}),e.jsx("button",{type:"button",onClick:()=>S(!1),className:s.cn("cai-flex-1 cai-h-9 cai-rounded-full cai-border-none cai-bg-primary cai-text-primary-invert cai-font-semibold cai-text-[14px] cai-cursor-pointer cai-font-sans",D.FOCUS_RING),children:"Apply"})]})]})]}),j&&(t?e.jsxs("span",{className:"cai-mt-md cai-flex cai-items-center cai-gap-xs",children:[e.jsx("span",{className:"cai-inline-flex cai-items-center cai-leading-none cai-text-icon-error",children:e.jsx(C.Icon,{name:"alert-circle",size:14,"aria-hidden":"true"})}),e.jsx("span",{className:"cai-text-micro1 cai-font-medium cai-leading-none cai-text-error",children:j})]}):e.jsx("span",{className:"cai-mt-xxs cai-flex cai-items-center",children:e.jsx("span",{className:Q,children:j})})),I&&e.jsx("input",{type:"hidden",name:I,value:U})]})});Y.displayName="DatePicker";exports.DatePicker=Y;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,49 @@
+import { DateRange } from '../Calendar';
+import * as React from 'react';
+export interface DatePickerProps {
+    /** Selection mode. */
+    mode?: 'single' | 'range';
+    /** Minimum year for the calendar year dropdown. Required. */
+    fromYear: number;
+    /** Maximum year for the calendar year dropdown. Required. */
+    toYear: number;
+    /** Initially selected date (single mode). */
+    initialDate?: Date;
+    /** Initially selected range (range mode). */
+    initialRange?: DateRange;
+    /**
+     * Date format string. Currently only the default `'PPP'` (long locale date)
+     * is supported; falls back to `toLocaleDateString` otherwise.
+     */
+    dateFormat?: string;
+    /** Trigger placeholder text. */
+    placeholder?: string;
+    /** Label text above the trigger. */
+    label?: string;
+    /** Right-aligned label text above the trigger. */
+    labelRight?: string;
+    /** Hint text below the trigger. */
+    hint?: string;
+    /** Enables error visual state. */
+    error?: boolean;
+    /** Range mode: label for the start date field. */
+    labelStartDate?: string;
+    /** Range mode: label for the end date field. */
+    labelEndDate?: string;
+    /** Fires whenever selection changes. */
+    onChange?: (value: Date | DateRange | undefined) => void;
+    /** Hidden input name for uncontrolled form submission. */
+    name?: string;
+    /** Passes `modal` to the underlying Popover. */
+    modal?: boolean;
+    /** Container to portal the PopoverContent into. */
+    container?: HTMLElement;
+    /** Extra classes on the trigger button. */
+    className?: string;
+    /** Trigger button id, linked to the label's `htmlFor`. */
+    id?: string;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLButtonElement>>;
+export { DatePicker };
+export type { DateRange };
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,aAAa,CAAA;AAQtD,MAAM,WAAW,eAAe;IAC9B,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB,6DAA6D;IAC7D,QAAQ,EAAE,MAAM,CAAA;IAChB,6DAA6D;IAC7D,MAAM,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,SAAS,KAAK,IAAI,CAAA;IACxD,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mDAAmD;IACnD,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0DAA0D;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAiDD,QAAA,MAAM,UAAU,2FAmRf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,238 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as n } from "../../utils/cn.js";
+import { FOCUS_RING as w } from "../../utils/focusRing.js";
+import { Icon as S } from "../Icon/Icon.js";
+import { Popover as Q, PopoverTrigger as _, PopoverContent as X } from "../Popover/Popover.js";
+import { Calendar as Z } from "../Calendar/Calendar.js";
+function u(a, s) {
+  if (!a) return "";
+  try {
+    return a.toLocaleDateString(void 0, { dateStyle: "long" });
+  } catch {
+    return a.toDateString();
+  }
+}
+function $(a) {
+  if (!a) return "";
+  const s = String(a.getDate()).padStart(2, "0"), d = String(a.getMonth() + 1).padStart(2, "0");
+  return `${s}/${d}/${a.getFullYear()}`;
+}
+function aa(a) {
+  const s = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/.exec(a.trim());
+  if (!s) return null;
+  const d = parseInt(s[1], 10), p = parseInt(s[2], 10) - 1, f = parseInt(s[3], 10);
+  if (p < 0 || p > 11) return null;
+  const m = new Date(f, p, d);
+  return m.getFullYear() !== f || m.getMonth() !== p || m.getDate() !== d ? null : m;
+}
+function ea(a) {
+  return typeof a == "object" && a !== null && !(a instanceof Date);
+}
+const E = "cai-border-[color-mix(in_srgb,var(--border-septenary)_50%,transparent)]", ia = l.forwardRef(
+  ({
+    mode: a = "single",
+    fromYear: s,
+    toYear: d,
+    initialDate: p,
+    initialRange: f,
+    dateFormat: m = "PPP",
+    placeholder: x = "Pick a Date",
+    label: g,
+    labelRight: y,
+    hint: v,
+    error: i = !1,
+    labelStartDate: F = "Start",
+    labelEndDate: O = "End",
+    onChange: j,
+    name: I,
+    modal: B,
+    container: L,
+    className: P,
+    id: z
+  }, Y) => {
+    const V = l.useId(), N = z ?? V, [D, C] = l.useState(!1), [b, A] = l.useState(() => {
+      if (a === "single") return p;
+      if (a === "range") return f;
+    }), M = (c) => {
+      A(c), j?.(c);
+    }, o = a === "single" && b instanceof Date ? b : void 0, t = a === "range" && ea(b) ? b : void 0, G = l.useMemo(() => {
+      if (a === "single")
+        return o ? u(o) : "undefined";
+      const c = t?.from ? u(t.from) : "undefined", h = t?.to ? u(t.to) : "undefined";
+      return `${c} to ${h}`;
+    }, [a, o, t, m]), [H, k] = l.useState(() => $(o));
+    l.useEffect(() => {
+      a === "single" && k($(o));
+    }, [a, o]);
+    const U = (c) => {
+      k(c);
+      const h = aa(c);
+      h && M(h);
+    }, W = n(
+      "cai-group cai-flex cai-w-full cai-items-center cai-border cai-px-[12px] cai-py-[8px] cai-text-left cai-font-medium cai-transition-colors",
+      "cai-rounded-lg cai-min-h-[80px] cai-min-w-[360px]",
+      w,
+      !i && n(
+        E,
+        "cai-bg-primary-invert hover:cai-border-septenary data-[state=open]:cai-border-brand-primary"
+      ),
+      i && "cai-border-2 cai-border-error cai-bg-primary-invert",
+      P
+    ), q = n(
+      "cai-flex cai-items-center cai-gap-x-md cai-rounded-md cai-border cai-pl-sm cai-pr-md cai-py-sm",
+      "cai-transition-colors",
+      i ? "cai-border-error-alt cai-bg-error focus-within:cai-outline-2 focus-within:cai-outline-offset-2 focus-within:cai-outline-[var(--bg-brand-primary)]" : "cai-border-septenary cai-bg-primary-invert focus-within:cai-border-brand-primary",
+      P
+    ), J = n(
+      "cai-flex cai-h-9 cai-w-9 cai-flex-shrink-0 cai-items-center cai-justify-center cai-rounded-full cai-border cai-border-transparent cai-transition-colors",
+      "focus-visible:cai-outline-2 focus-visible:cai-outline-brand-primary",
+      i ? "cai-bg-transparent cai-text-primary-alt" : "cai-bg-transparent cai-text-primary hover:cai-bg-secondary hover:cai-border-primary"
+    ), K = n(
+      "cai-flex-1 cai-border-none cai-bg-transparent cai-text-body2 cai-font-medium cai-outline-none",
+      i ? "cai-text-primary-alt placeholder:cai-text-primary-alt" : "cai-text-primary placeholder:cai-text-tertiary"
+    ), R = (c) => n(
+      "cai-rounded-sm cai-border cai-py-sm cai-pl-md cai-pr-lg cai-text-body2",
+      !i && n(
+        E,
+        "group-hover:cai-border-septenary group-data-[state=open]:cai-border-brand-primary"
+      ),
+      !c && !i && "cai-text-tertiary",
+      c && !i && "cai-text-primary",
+      i && "cai-border-error-alt cai-bg-error cai-text-primary-alt"
+    ), T = n(
+      "cai-text-[14px] cai-font-medium cai-text-tertiary cai-text-left",
+      "group-data-[state=open]:cai-text-secondary"
+    );
+    return /* @__PURE__ */ r("div", { className: "cai-flex cai-flex-col cai-gap-y-[8px] cai-font-sans", children: [
+      !!(g || y) && /* @__PURE__ */ r("span", { className: "cai-flex cai-items-center cai-gap-x-sm", children: [
+        g ? /* @__PURE__ */ r(
+          "label",
+          {
+            htmlFor: N,
+            className: "cai-flex-1 cai-inline-flex cai-items-center cai-gap-x-[6px] cai-text-micro1 cai-font-medium cai-leading-none cai-text-primary",
+            children: [
+              a === "range" && /* @__PURE__ */ e(
+                "span",
+                {
+                  className: "cai-inline-flex cai-items-center cai-text-icon-primary",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ e(S, { name: "calendar", size: 14, "aria-hidden": "true" })
+                }
+              ),
+              g
+            ]
+          }
+        ) : /* @__PURE__ */ e("span", { className: "cai-flex-1" }),
+        y && /* @__PURE__ */ e("span", { className: "cai-text-micro1 cai-font-medium cai-text-primary", children: y })
+      ] }),
+      /* @__PURE__ */ r(Q, { open: D, onOpenChange: C, modal: B, children: [
+        a === "single" ? (
+          // Calendar input chrome: round icon button (Popover trigger) + editable text input
+          /* @__PURE__ */ r("div", { className: q, children: [
+            /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
+              "button",
+              {
+                ref: Y,
+                type: "button",
+                "aria-label": D ? "Hide calendar" : "Show calendar",
+                "aria-expanded": D,
+                className: J,
+                children: /* @__PURE__ */ e(S, { name: "calendar", size: 20, "aria-hidden": "true" })
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: N,
+                type: "text",
+                value: H,
+                onChange: (c) => U(c.target.value),
+                placeholder: x === "Pick a Date" ? "DD/MM/YYYY" : x,
+                inputMode: "numeric",
+                "aria-invalid": i || void 0,
+                className: K
+              }
+            )
+          ] })
+        ) : /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ e(
+          "button",
+          {
+            ref: Y,
+            type: "button",
+            id: N,
+            "aria-label": g ?? "Toggle calendar",
+            "aria-invalid": i || void 0,
+            className: W,
+            children: /* @__PURE__ */ r("div", { className: "cai-flex cai-flex-1 cai-gap-x-md", children: [
+              /* @__PURE__ */ r("div", { className: "cai-flex cai-flex-1 cai-flex-col cai-gap-y-xs", children: [
+                /* @__PURE__ */ e("span", { className: T, children: F }),
+                /* @__PURE__ */ e("span", { className: R(t?.from), children: t?.from ? u(t.from) : x })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "cai-flex cai-flex-1 cai-flex-col cai-gap-y-xs", children: [
+                /* @__PURE__ */ e("span", { className: T, children: O }),
+                /* @__PURE__ */ e("span", { className: R(t?.to), children: t?.to ? u(t.to) : x })
+              ] })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ r(
+          X,
+          {
+            role: "dialog",
+            sideOffset: 32,
+            container: L,
+            className: "cai-w-[22rem] cai-p-0 cai-border-0 cai-bg-transparent cai-shadow-none",
+            children: [
+              /* @__PURE__ */ e(
+                Z,
+                {
+                  mode: a,
+                  selected: a === "single" ? o : t,
+                  onSelect: M,
+                  fromYear: s,
+                  toYear: d
+                }
+              ),
+              /* @__PURE__ */ r("div", { className: "cai-flex cai-gap-x-[16px] cai-mt-[24px]", children: [
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => C(!1),
+                    className: n(
+                      "cai-flex-1 cai-h-9 cai-rounded-full cai-border cai-border-primary cai-bg-transparent cai-text-primary cai-font-semibold cai-text-[14px] cai-cursor-pointer cai-font-sans",
+                      w
+                    ),
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => C(!1),
+                    className: n(
+                      "cai-flex-1 cai-h-9 cai-rounded-full cai-border-none cai-bg-primary cai-text-primary-invert cai-font-semibold cai-text-[14px] cai-cursor-pointer cai-font-sans",
+                      w
+                    ),
+                    children: "Apply"
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ] }),
+      v && (i ? /* @__PURE__ */ r("span", { className: "cai-mt-md cai-flex cai-items-center cai-gap-xs", children: [
+        /* @__PURE__ */ e("span", { className: "cai-inline-flex cai-items-center cai-leading-none cai-text-icon-error", children: /* @__PURE__ */ e(S, { name: "alert-circle", size: 14, "aria-hidden": "true" }) }),
+        /* @__PURE__ */ e("span", { className: "cai-text-micro1 cai-font-medium cai-leading-none cai-text-error", children: v })
+      ] }) : /* @__PURE__ */ e("span", { className: "cai-mt-xxs cai-flex cai-items-center", children: /* @__PURE__ */ e("span", { className: "cai-text-micro1 cai-font-medium cai-text-tertiary", children: v }) })),
+      I && /* @__PURE__ */ e("input", { type: "hidden", name: I, value: G })
+    ] });
+  }
+);
+ia.displayName = "DatePicker";
+export {
+  ia as DatePicker
+};

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DateRange } from './DatePicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),y=require("react"),b=require("@radix-ui/react-dialog"),r=require("../../utils/cn.cjs");function d(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const c=d(y),o=d(b),m=c.createContext({direction:"bottom",shouldScaleBackground:!0}),j=()=>c.useContext(m),f=({shouldScaleBackground:a=!0,direction:t="bottom",container:e,children:s,...n})=>i.jsx(m.Provider,{value:{direction:t,container:e,shouldScaleBackground:a},children:i.jsx(o.Root,{...n,children:s})});f.displayName="Drawer";const h=o.Trigger,N=o.Portal,v=o.Close,l=c.forwardRef(({className:a,...t},e)=>i.jsx(o.Overlay,{ref:e,className:r.cn("cai-fixed cai-inset-0 cai-z-50 cai-bg-scrim","data-[state=open]:cai-animate-in data-[state=open]:cai-fade-in-0","data-[state=closed]:cai-animate-out data-[state=closed]:cai-fade-out-0",a),...t}));l.displayName="DrawerOverlay";const C={bottom:r.cn("cai-inset-x-0 cai-bottom-0 cai-rounded-t-lg cai-border-t","data-[state=open]:cai-animate-in data-[state=open]:cai-slide-in-from-bottom","data-[state=closed]:cai-animate-out data-[state=closed]:cai-slide-out-to-bottom"),right:r.cn("cai-inset-y-0 cai-right-0 cai-h-full cai-w-3/4 cai-max-w-sm cai-rounded-l-lg cai-border-l","data-[state=open]:cai-animate-in data-[state=open]:cai-slide-in-from-right","data-[state=closed]:cai-animate-out data-[state=closed]:cai-slide-out-to-right"),left:r.cn("cai-inset-y-0 cai-left-0 cai-h-full cai-w-3/4 cai-max-w-sm cai-rounded-r-lg cai-border-r","data-[state=open]:cai-animate-in data-[state=open]:cai-slide-in-from-left","data-[state=closed]:cai-animate-out data-[state=closed]:cai-slide-out-to-left")},u=c.forwardRef(({className:a,children:t,...e},s)=>{const{direction:n,container:g}=j();return i.jsxs(N,{container:g,children:[i.jsx(l,{}),i.jsxs(o.Content,{ref:s,className:r.cn("cai-fixed cai-z-50 cai-flex cai-flex-col cai-gap-y-3xl","cai-border-tertiary cai-bg-primary-invert cai-p-3xl cai-shadow-shallow","cai-font-normal cai-text-secondary",C[n],a),...e,children:[n==="bottom"&&i.jsx("div",{"aria-hidden":"true",className:"-cai-mt-3 cai-mb-1 cai-h-2 cai-w-20 cai-self-center cai-rounded-full cai-bg-tertiary"}),t]})]})});u.displayName="DrawerContent";const w=c.forwardRef(({className:a,...t},e)=>i.jsx("div",{ref:e,className:r.cn("cai-flex cai-flex-col cai-gap-y-lg cai-text-left",a),...t}));w.displayName="DrawerHeader";const D=c.forwardRef(({className:a,...t},e)=>i.jsx("div",{ref:e,className:r.cn("cai-mt-auto cai-flex cai-flex-col cai-items-center cai-gap-y-md",a),...t}));D.displayName="DrawerFooter";const x=c.forwardRef(({className:a,...t},e)=>i.jsx(o.Title,{ref:e,className:r.cn("cai-text-h4 cai-font-semibold cai-tracking-tight cai-text-primary",a),...t}));x.displayName="DrawerTitle";const p=c.forwardRef(({className:a,...t},e)=>i.jsx(o.Description,{ref:e,className:r.cn("cai-text-body2 cai-font-medium cai-text-primary",a),...t}));p.displayName="DrawerDescription";exports.Drawer=f;exports.DrawerClose=v;exports.DrawerContent=u;exports.DrawerDescription=p;exports.DrawerFooter=D;exports.DrawerHeader=w;exports.DrawerOverlay=l;exports.DrawerTitle=x;exports.DrawerTrigger=h;

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+export type DrawerDirection = 'right' | 'bottom' | 'left';
+export interface DrawerProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root> {
+    /** Scales the page behind the drawer when open (decorative hint, default true) */
+    shouldScaleBackground?: boolean;
+    /** Direction the drawer slides in from */
+    direction?: DrawerDirection;
+    /** Portal container target for DrawerContent */
+    container?: HTMLElement;
+}
+declare const Drawer: {
+    ({ shouldScaleBackground, direction, container, children, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Additional classes on the content panel */
+    className?: string;
+}
+declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerTrigger, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, DrawerClose, };
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAOzD,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;AAmBzD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9F,kFAAkF;IAClF,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB;AAED,QAAA,MAAM,MAAM;0EAMT,WAAW;;CAIb,CAAA;AAQD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAY7C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAMzC,QAAA,MAAM,aAAa,8JAcjB,CAAA;AA0BF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CACxE,OAAO,eAAe,CAAC,OAAO,CAC/B;IACC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,2FA6BjB,CAAA;AAQF,QAAA,MAAM,YAAY,6GAQjB,CAAA;AAQD,QAAA,MAAM,YAAY,6GAQjB,CAAA;AAQD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAQF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAIF,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAA"}