@nebula-demo/ui 0.1.3

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,130 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as c from "react";
+import * as o from "@radix-ui/react-dialog";
+import { cn as i } from "../../utils/cn.js";
+const l = c.createContext({
+  direction: "bottom",
+  shouldScaleBackground: !0
+}), w = () => c.useContext(l), p = ({
+  shouldScaleBackground: a = !0,
+  direction: t = "bottom",
+  container: e,
+  children: d,
+  ...s
+}) => /* @__PURE__ */ r(l.Provider, { value: { direction: t, container: e, shouldScaleBackground: a }, children: /* @__PURE__ */ r(o.Root, { ...s, children: d }) });
+p.displayName = "Drawer";
+const C = o.Trigger, u = o.Portal, R = o.Close, m = c.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  o.Overlay,
+  {
+    ref: e,
+    className: i(
+      "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
+  }
+));
+m.displayName = "DrawerOverlay";
+const x = {
+  bottom: i(
+    "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: i(
+    "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: i(
+    "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"
+  )
+}, D = c.forwardRef(({ className: a, children: t, ...e }, d) => {
+  const { direction: s, container: f } = w();
+  return /* @__PURE__ */ n(u, { container: f, children: [
+    /* @__PURE__ */ r(m, {}),
+    /* @__PURE__ */ n(
+      o.Content,
+      {
+        ref: d,
+        className: i(
+          "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",
+          x[s],
+          a
+        ),
+        ...e,
+        children: [
+          s === "bottom" && /* @__PURE__ */ r(
+            "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
+        ]
+      }
+    )
+  ] });
+});
+D.displayName = "DrawerContent";
+const g = c.forwardRef(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: e,
+      className: i("cai-flex cai-flex-col cai-gap-y-lg cai-text-left", a),
+      ...t
+    }
+  )
+);
+g.displayName = "DrawerHeader";
+const y = c.forwardRef(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: e,
+      className: i("cai-mt-auto cai-flex cai-flex-col cai-items-center cai-gap-y-md", a),
+      ...t
+    }
+  )
+);
+y.displayName = "DrawerFooter";
+const b = c.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  o.Title,
+  {
+    ref: e,
+    className: i(
+      "cai-text-h4 cai-font-semibold cai-tracking-tight cai-text-primary",
+      a
+    ),
+    ...t
+  }
+));
+b.displayName = "DrawerTitle";
+const h = c.forwardRef(({ className: a, ...t }, e) => /* @__PURE__ */ r(
+  o.Description,
+  {
+    ref: e,
+    className: i("cai-text-body2 cai-font-medium cai-text-primary", a),
+    ...t
+  }
+));
+h.displayName = "DrawerDescription";
+export {
+  p as Drawer,
+  R as DrawerClose,
+  D as DrawerContent,
+  h as DrawerDescription,
+  y as DrawerFooter,
+  g as DrawerHeader,
+  m as DrawerOverlay,
+  b as DrawerTitle,
+  C as DrawerTrigger
+};

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

@@ -0,0 +1,3 @@
+export { Drawer, DrawerTrigger, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, DrawerClose, } from './Drawer';
+export type { DrawerProps, DrawerContentProps, DrawerDirection } from './Drawer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA"}

package/dist/components/DropdownMenu/DropdownMenu.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),h=require("react"),j=require("@radix-ui/react-dropdown-menu"),r=require("../../utils/cn.cjs"),s=require("../Icon/Icon.cjs");function l(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const i in a)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(a,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>a[i]})}}return e.default=a,Object.freeze(e)}const c=l(h),t=l(j),N=t.Root,R=t.Trigger,S=t.Sub,u=c.forwardRef(({className:a,...e},i)=>o.jsx(t.Group,{ref:i,className:r.cn("cai-py-lg first:cai-pt-0 last:cai-pb-0",a),...e}));u.displayName="DropdownMenuGroup";const p=c.forwardRef(({className:a,...e},i)=>o.jsx(t.RadioGroup,{ref:i,className:r.cn("cai-py-lg first:cai-pt-0 last:cai-pb-0",a),...e}));p.displayName="DropdownMenuRadioGroup";const m=c.forwardRef(({className:a,inset:e,children:i,...n},d)=>o.jsxs(t.SubTrigger,{ref:d,className:r.cn("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-font-medium cai-text-primary cai-outline-none","cai-transition-colors","focus:cai-bg-tertiary","data-[state=open]:cai-bg-secondary",e&&"cai-pl-4xl",a),...n,children:[i,o.jsx("span",{className:"cai-ml-auto cai-text-icon-primary",children:o.jsx(s.Icon,{name:"chevron-right",size:14,"aria-hidden":"true"})})]}));m.displayName="DropdownMenuSubTrigger";const b=c.forwardRef(({className:a,...e},i)=>o.jsx(t.SubContent,{ref:i,className:r.cn("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}));b.displayName="DropdownMenuSubContent";const f=c.forwardRef(({className:a,sideOffset:e=4,container:i,...n},d)=>o.jsx(t.Portal,{container:i,children:o.jsx(t.Content,{ref:d,sideOffset:e,className:r.cn("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),...n})}));f.displayName="DropdownMenuContent";const w=c.forwardRef(({className:a,inset:e,...i},n)=>o.jsx(t.Item,{ref:n,className:r.cn("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-font-medium 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),...i}));w.displayName="DropdownMenuItem";const x=c.forwardRef(({className:a,children:e,checked:i,...n},d)=>o.jsxs(t.CheckboxItem,{ref:d,checked:i,className:r.cn("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-font-medium 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),...n,children:[o.jsx("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:o.jsx(t.ItemIndicator,{children:o.jsx(s.Icon,{name:"check",size:12,strokeWidth:3,"aria-hidden":"true"})})}),e]}));x.displayName="DropdownMenuCheckboxItem";const y=c.forwardRef(({className:a,children:e,...i},n)=>o.jsxs(t.RadioItem,{ref:n,className:r.cn("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-font-medium 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),...i,children:[o.jsx("span",{className:"cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center",children:o.jsx(t.ItemIndicator,{children:o.jsx("span",{"aria-hidden":"true",className:"cai-block cai-h-[0.625rem] cai-w-[0.625rem] cai-rounded-full cai-bg-quaternary"})})}),e]}));y.displayName="DropdownMenuRadioItem";const g=c.forwardRef(({className:a,inset:e,...i},n)=>o.jsx(t.Label,{ref:n,className:r.cn("cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-text-primary",e&&"cai-pl-4xl",a),...i}));g.displayName="DropdownMenuLabel";const D=c.forwardRef(({className:a,...e},i)=>o.jsx(t.Separator,{ref:i,className:r.cn("-cai-mx-lg cai-h-px cai-bg-[var(--border-quaternary)]",a),...e}));D.displayName="DropdownMenuSeparator";const M=({className:a,...e})=>o.jsx("span",{className:r.cn("cai-ml-auto cai-text-body2 cai-font-normal cai-tracking-widest cai-text-primary",a),...e});M.displayName="DropdownMenuShortcut";exports.DropdownMenu=N;exports.DropdownMenuCheckboxItem=x;exports.DropdownMenuContent=f;exports.DropdownMenuGroup=u;exports.DropdownMenuItem=w;exports.DropdownMenuLabel=g;exports.DropdownMenuRadioGroup=p;exports.DropdownMenuRadioItem=y;exports.DropdownMenuSeparator=D;exports.DropdownMenuShortcut=M;exports.DropdownMenuSub=S;exports.DropdownMenuSubContent=b;exports.DropdownMenuSubTrigger=m;exports.DropdownMenuTrigger=R;

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
+    inset?: boolean;
+}
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> {
+    container?: HTMLElement;
+}
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+}
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuLabelProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> {
+    inset?: boolean;
+}
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };
+//# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAQtE,QAAA,MAAM,YAAY,mDAA6B,CAAA;AAC/C,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AACzD,QAAA,MAAM,eAAe,sDAA4B,CAAA;AAMjD,QAAA,MAAM,iBAAiB,wKASrB,CAAA;AAKF,QAAA,MAAM,sBAAsB,6KAS1B,CAAA;AAOF,MAAM,WAAW,2BAA4B,SAAQ,KAAK,CAAC,wBAAwB,CACjF,OAAO,qBAAqB,CAAC,UAAU,CACxC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,sBAAsB,oGAqB1B,CAAA;AAQF,QAAA,MAAM,sBAAsB,6KAe1B,CAAA;AAQF,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAC9E,OAAO,qBAAqB,CAAC,OAAO,CACrC;IACC,SAAS,CAAC,EAAE,WAAW,CAAA;CACxB;AAED,QAAA,MAAM,mBAAmB,iGAkBvB,CAAA;AAQF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,wBAAwB,CAC3E,OAAO,qBAAqB,CAAC,IAAI,CAClC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,gBAAgB,8FAgBpB,CAAA;AAQF,QAAA,MAAM,wBAAwB,+KAuB5B,CAAA;AAQF,QAAA,MAAM,qBAAqB,4KAyBzB,CAAA;AAQF,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAC5E,OAAO,qBAAqB,CAAC,KAAK,CACnC;IACC,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,QAAA,MAAM,iBAAiB,+FAarB,CAAA;AAQF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAQF,QAAA,MAAM,oBAAoB;8BAA6B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAQ3F,CAAA;AAID,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,184 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import * as n from "react";
+import * as o from "@radix-ui/react-dropdown-menu";
+import { cn as r } from "../../utils/cn.js";
+import { Icon as l } from "../Icon/Icon.js";
+const I = o.Root, S = o.Trigger, v = o.Sub, m = n.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t(
+  o.Group,
+  {
+    ref: i,
+    className: r("cai-py-lg first:cai-pt-0 last:cai-pb-0", a),
+    ...e
+  }
+));
+m.displayName = "DropdownMenuGroup";
+const p = n.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t(
+  o.RadioGroup,
+  {
+    ref: i,
+    className: r("cai-py-lg first:cai-pt-0 last:cai-pb-0", a),
+    ...e
+  }
+));
+p.displayName = "DropdownMenuRadioGroup";
+const u = n.forwardRef(({ className: a, inset: e, children: i, ...c }, d) => /* @__PURE__ */ s(
+  o.SubTrigger,
+  {
+    ref: d,
+    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-font-medium cai-text-primary cai-outline-none",
+      "cai-transition-colors",
+      "focus:cai-bg-tertiary",
+      "data-[state=open]:cai-bg-secondary",
+      e && "cai-pl-4xl",
+      a
+    ),
+    ...c,
+    children: [
+      i,
+      /* @__PURE__ */ t("span", { className: "cai-ml-auto cai-text-icon-primary", children: /* @__PURE__ */ t(l, { name: "chevron-right", size: 14, "aria-hidden": "true" }) })
+    ]
+  }
+));
+u.displayName = "DropdownMenuSubTrigger";
+const f = n.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t(
+  o.SubContent,
+  {
+    ref: i,
+    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
+  }
+));
+f.displayName = "DropdownMenuSubContent";
+const b = n.forwardRef(({ className: a, sideOffset: e = 4, container: i, ...c }, d) => /* @__PURE__ */ t(o.Portal, { container: i, children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: e,
+    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
+    ),
+    ...c
+  }
+) }));
+b.displayName = "DropdownMenuContent";
+const w = n.forwardRef(({ className: a, inset: e, ...i }, c) => /* @__PURE__ */ t(
+  o.Item,
+  {
+    ref: c,
+    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-font-medium 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
+    ),
+    ...i
+  }
+));
+w.displayName = "DropdownMenuItem";
+const y = n.forwardRef(({ className: a, children: e, checked: i, ...c }, d) => /* @__PURE__ */ s(
+  o.CheckboxItem,
+  {
+    ref: d,
+    checked: i,
+    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-font-medium 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
+    ),
+    ...c,
+    children: [
+      /* @__PURE__ */ t("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__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(l, { name: "check", size: 12, strokeWidth: 3, "aria-hidden": "true" }) }) }),
+      e
+    ]
+  }
+));
+y.displayName = "DropdownMenuCheckboxItem";
+const x = n.forwardRef(({ className: a, children: e, ...i }, c) => /* @__PURE__ */ s(
+  o.RadioItem,
+  {
+    ref: c,
+    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-font-medium 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
+    ),
+    ...i,
+    children: [
+      /* @__PURE__ */ t("span", { className: "cai-absolute cai-left-md cai-flex cai-h-xl cai-w-xl cai-items-center cai-justify-center", children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "cai-block cai-h-[0.625rem] cai-w-[0.625rem] cai-rounded-full cai-bg-quaternary"
+        }
+      ) }) }),
+      e
+    ]
+  }
+));
+x.displayName = "DropdownMenuRadioItem";
+const g = n.forwardRef(({ className: a, inset: e, ...i }, c) => /* @__PURE__ */ t(
+  o.Label,
+  {
+    ref: c,
+    className: r(
+      "cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-text-primary",
+      e && "cai-pl-4xl",
+      a
+    ),
+    ...i
+  }
+));
+g.displayName = "DropdownMenuLabel";
+const h = n.forwardRef(({ className: a, ...e }, i) => /* @__PURE__ */ t(
+  o.Separator,
+  {
+    ref: i,
+    className: r("-cai-mx-lg cai-h-px cai-bg-[var(--border-quaternary)]", a),
+    ...e
+  }
+));
+h.displayName = "DropdownMenuSeparator";
+const D = ({ className: a, ...e }) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: r(
+      "cai-ml-auto cai-text-body2 cai-font-normal cai-tracking-widest cai-text-primary",
+      a
+    ),
+    ...e
+  }
+);
+D.displayName = "DropdownMenuShortcut";
+export {
+  I as DropdownMenu,
+  y as DropdownMenuCheckboxItem,
+  b as DropdownMenuContent,
+  m as DropdownMenuGroup,
+  w as DropdownMenuItem,
+  g as DropdownMenuLabel,
+  p as DropdownMenuRadioGroup,
+  x as DropdownMenuRadioItem,
+  h as DropdownMenuSeparator,
+  D as DropdownMenuShortcut,
+  v as DropdownMenuSub,
+  f as DropdownMenuSubContent,
+  u as DropdownMenuSubTrigger,
+  S as DropdownMenuTrigger
+};

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

@@ -0,0 +1,3 @@
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from './DropdownMenu';
+export type { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuSubTriggerProps, } from './DropdownMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,gBAAgB,CAAA;AACvB,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,GAC5B,MAAM,gBAAgB,CAAA"}

package/dist/components/DropdownSelect/DropdownSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),J=require("react"),M=require("../_shared/SelectionIndicators.cjs"),Q=require("../../utils/focusRing.cjs"),f=require("../../utils/cn.cjs"),O=require("../Popover/Popover.cjs"),V=require("../Avatar/Avatar.cjs");function X(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const c in r)if(c!=="default"){const o=Object.getOwnPropertyDescriptor(r,c);Object.defineProperty(t,c,o.get?o:{enumerable:!0,get:()=>r[c]})}}return t.default=r,Object.freeze(t)}const n=X(J),Y=()=>a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:a.jsx("path",{d:"M6 9l6 6 6-6"})}),Z=()=>a.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10"}),a.jsx("line",{x1:"12",y1:"8",x2:"12",y2:"12"}),a.jsx("line",{x1:"12",y1:"16",x2:"12.01",y2:"16"})]}),ee={online:"cai-bg-[var(--comp-success-bg)]",busy:"cai-bg-[var(--comp-error-bg)]",offline:"cai-bg-[var(--icon-tertiary)]"};function R(r){return r==null?[]:Array.isArray(r)?r:[r]}const ae=({status:r})=>a.jsx("span",{className:f.cn("cai-h-2 cai-w-2 cai-shrink-0 cai-rounded-full",r?ee[r]:"cai-bg-[var(--icon-tertiary)]"),"aria-hidden":"true"}),te=({id:r,item:t,variant:c,selected:o,active:p,onToggle:m,onHover:h})=>{const y=n.useCallback(()=>{m(t.value)},[t.value,m]);return a.jsxs("div",{id:r,role:"option","aria-selected":o,onClick:y,onMouseEnter:h,className:f.cn("cai-flex cai-cursor-pointer cai-select-none cai-items-center cai-gap-md cai-rounded-md cai-border cai-border-transparent cai-p-lg","cai-text-subbody cai-font-medium cai-text-primary","cai-outline-none cai-transition-colors",c==="avatar"&&o?"cai-bg-secondary":p&&"cai-bg-tertiary"),children:[c==="single"&&a.jsx(M.RadioIndicator,{checked:o}),c==="multi"&&a.jsx(M.CheckboxIndicator,{checked:o}),c==="avatar"&&a.jsx(ae,{status:t.status}),c==="avatar"&&t.avatar?a.jsx("span",{className:"cai-flex cai-shrink-0 cai-items-center",children:t.avatar}):c==="avatar"?a.jsx(V.Avatar,{variant:"initials",size:"sm",initials:t.label.slice(0,2)}):null,c==="avatar"?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"cai-truncate cai-font-semibold cai-text-primary",children:t.label}),t.supportText&&a.jsx("span",{className:"cai-ml-auto cai-text-subbody cai-text-secondary",children:t.supportText})]}):a.jsxs("span",{className:"cai-flex cai-flex-col cai-gap-y-xxs",children:[a.jsx("span",{className:"cai-font-semibold cai-text-primary",children:t.label}),t.supportText&&a.jsx("span",{className:"cai-text-subbody cai-text-secondary",children:t.supportText})]})]})},$=n.forwardRef(({variant:r="single",items:t=[],selectedValue:c,onSelect:o,placeholder:p="Select an option",label:m,labelRight:h,errorText:y,required:A=!1,disabled:T=!1,id:_,className:B},F)=>{const W=n.useId(),b=_??W,q=`${b}-listbox`,E=y?`${b}-message`:void 0,k=n.useCallback(e=>`${b}-opt-${e}`,[b]),u=r==="multi"||r==="avatar",g=!!y,[v,N]=n.useState(!1),[d,x]=n.useState(-1),C=n.useRef(null),z=n.useRef({text:"",timer:null}),j=c!==void 0,[H,P]=n.useState(()=>R(c));n.useEffect(()=>{j&&P(R(c))},[j,c]);const s=j?R(c):H,I=n.useCallback(e=>{j||P(e),o&&o(u?e:e[0])},[j,u,o]),D=n.useCallback(e=>{if(u){const l=s.includes(e)?s.filter(w=>w!==e):[...s,e];I(l)}else{const i=s[0]===e?[]:[e];I(i),N(!1)}},[I,s,u]);n.useEffect(()=>{if(!v)return;const e=t.findIndex(l=>s.includes(l.value));x(e>=0?e:0);const i=setTimeout(()=>C.current?.focus(),0);return()=>clearTimeout(i)},[v,t,s]),n.useEffect(()=>{if(!v||d<0)return;C.current?.querySelector(`#${CSS.escape(k(d))}`)?.scrollIntoView({block:"nearest"})},[d,v,k]);const K=n.useCallback(e=>{if(t.length){if(e.key==="ArrowDown")e.preventDefault(),x(i=>(i+1)%t.length);else if(e.key==="ArrowUp")e.preventDefault(),x(i=>i<=0?t.length-1:i-1);else if(e.key==="Home")e.preventDefault(),x(0);else if(e.key==="End")e.preventDefault(),x(t.length-1);else if(e.key==="Enter"||e.key===" ")e.preventDefault(),d>=0&&D(t[d].value);else if(e.key==="Escape")e.preventDefault(),N(!1);else if(e.key.length===1&&/\S/.test(e.key)){const i=z.current;i.timer&&clearTimeout(i.timer),i.text=(i.text+e.key).toLowerCase();const l=d>=0?d+1:0,w=t.length;for(let S=0;S<w;S+=1){const L=(l+S)%w;if(t[L].label.toLowerCase().startsWith(i.text)){x(L);break}}i.timer=setTimeout(()=>{i.text=""},600)}}},[t,d,D]),U=n.useMemo(()=>{if(u){const l=s.length;return l>0?`${l} Selected`:p}const e=s[0];return e?t.find(l=>l.value===e)?.label??p:p},[s,u,t,p]),G=n.useMemo(()=>u?s.length===0:!s[0],[s,u]);return a.jsxs("div",{className:f.cn("cai-flex cai-w-full cai-flex-col cai-gap-y-xs cai-font-sans",T&&"cai-pointer-events-none cai-opacity-40",B),children:[(m||h)&&a.jsxs("div",{className:"cai-flex cai-items-center cai-justify-between",children:[m?a.jsxs("label",{htmlFor:b,className:"cai-text-[13px] cai-font-medium cai-text-primary",children:[m,A&&a.jsx("span",{className:"cai-ml-0.5 cai-text-icon-error","aria-hidden":"true",children:"*"})]}):a.jsx("span",{}),h&&a.jsx("span",{className:"cai-ml-auto cai-text-eyebrow1 cai-font-medium cai-text-primary",children:h})]}),a.jsxs(O.Popover,{open:v,onOpenChange:N,children:[a.jsx(O.PopoverTrigger,{asChild:!0,children:a.jsxs("button",{ref:F,id:b,type:"button",disabled:T,"aria-required":A||void 0,"aria-invalid":g||void 0,"aria-describedby":E,"aria-controls":q,className:f.cn("cai-group cai-flex cai-w-full cai-items-center cai-justify-between cai-gap-md cai-rounded-md cai-border cai-px-[14px] cai-py-[10px]","cai-text-[12px] cai-font-medium","cai-outline-none cai-transition-colors",Q.FOCUS_RING,g?"cai-border-error cai-bg-error cai-text-primary-alt focus-visible:cai-border-error":["cai-border-septenary cai-bg-primary-invert cai-text-primary","data-[state=closed]:hover:cai-border-nonary data-[state=closed]:hover:cai-bg-secondary","focus-visible:cai-border-brand-primary","data-[state=open]:cai-border-nonary"]),children:[a.jsx("span",{className:f.cn("cai-flex-1 cai-truncate cai-text-left",G&&!g&&"cai-text-primary",g&&"cai-text-primary-alt"),children:U}),a.jsx("span",{className:f.cn("cai-flex cai-shrink-0 cai-items-center cai-transition-transform cai-duration-200","group-data-[state=open]:cai-rotate-180",g?"cai-text-icon-primary-alt":"cai-text-tertiary"),children:a.jsx(Y,{})})]})}),a.jsx(O.PopoverContent,{align:"start",sideOffset:4,className:f.cn("cai-w-[var(--radix-popover-trigger-width)] cai-max-w-none","cai-rounded-md cai-border cai-border-tertiary cai-bg-primary-invert cai-p-lg cai-shadow-shallow"),children:a.jsx("div",{ref:C,id:q,role:"listbox",tabIndex:-1,"aria-multiselectable":u||void 0,"aria-activedescendant":d>=0?k(d):void 0,onKeyDown:K,className:"cai-flex cai-max-h-[280px] cai-flex-col cai-gap-y-xxs cai-overflow-y-auto cai-outline-none",children:t.map((e,i)=>{const l=s.includes(e.value);return a.jsx(te,{id:k(i),item:e,variant:r,selected:l,active:i===d,onToggle:D,onHover:()=>x(i)},e.value)})})})]}),y&&a.jsxs("div",{id:E,role:"alert",className:"cai-mt-xs cai-flex cai-items-center cai-gap-1",children:[a.jsx("span",{className:"cai-flex cai-items-center cai-text-icon-error",children:a.jsx(Z,{})}),a.jsx("span",{className:"cai-font-sans cai-text-xs cai-font-medium cai-pt-[3px] cai-text-error",children:y})]})]})});$.displayName="DropdownSelect";exports.DropdownSelect=$;

package/dist/components/DropdownSelect/DropdownSelect.d.ts

@@ -0,0 +1,45 @@
+import { AvatarProps } from '../Avatar';
+import * as React from 'react';
+export type DropdownSelectVariant = 'single' | 'multi' | 'avatar';
+export type DropdownSelectStatus = 'online' | 'offline' | 'busy';
+export interface DropdownSelectItemProps {
+    /** Unique identifier for the option. */
+    value: string;
+    /** Primary display text. */
+    label: string;
+    /** Secondary text / handle (e.g. description or @handle). */
+    supportText?: string;
+    /** Per-item avatar element (avatar variant). */
+    avatar?: React.ReactElement<AvatarProps>;
+    /** Status dot color (avatar variant). */
+    status?: DropdownSelectStatus;
+}
+export interface DropdownSelectProps {
+    /** Selection mode. */
+    variant?: DropdownSelectVariant;
+    /** Selectable options. */
+    items?: DropdownSelectItemProps[];
+    /** Pre-selected value(s). string for single, string[] for multi/avatar. */
+    selectedValue?: string | string[];
+    /** Change callback. Value shape matches the variant. */
+    onSelect?: (value: string | string[] | undefined) => void;
+    /** Trigger placeholder text. */
+    placeholder?: string;
+    /** Visible label text above the trigger. */
+    label?: string;
+    /** Right-aligned label above the trigger (eyebrow1 style). */
+    labelRight?: string;
+    /** Error message rendered below the trigger with an alert icon. */
+    errorText?: string;
+    /** Shows a required indicator on the label. */
+    required?: boolean;
+    /** Disables interaction. */
+    disabled?: boolean;
+    /** Optional id passed to the trigger. */
+    id?: string;
+    /** Additional class names applied to the outer wrapper. */
+    className?: string;
+}
+declare const DropdownSelect: React.ForwardRefExoticComponent<DropdownSelectProps & React.RefAttributes<HTMLButtonElement>>;
+export { DropdownSelect };
+//# sourceMappingURL=DropdownSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownSelect.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownSelect/DropdownSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AA2CpD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AACjE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;AAEhE,MAAM,WAAW,uBAAuB;IACtC,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gDAAgD;IAChD,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;IACxC,yCAAyC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAA;CAC9B;AAED,MAAM,WAAW,mBAAmB;IAClC,sBAAsB;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,uBAAuB,EAAE,CAAA;IACjC,2EAA2E;IAC3E,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACjC,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,KAAK,IAAI,CAAA;IACzD,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAgID,QAAA,MAAM,cAAc,+FA0SnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,CAAA"}