@spear-ai/spectral 1.22.5 → 1.22.7

package/dist/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../src/components/Tooltip/Tooltip.tsx"],"mappings":";;;;;;;;cAKa,eAAA;EAAe,aAAA;EAAA,GAAA;AAAA,GAAqC,cAAA,QAAsB,gBAAA,CAAiB,QAAA,MAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIpG,OAAA;EAAA,GAAO;AAAA,GAAkB,cAAA,QAAsB,gBAAA,CAAiB,IAAA,MAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQrE,cAAA;EAAc,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAgD,cAAA,QAAsB,gBAAA,CAAiB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQpH,eAAA,GAAe,KAAA;;IAgBpB,iCAAA,CAAA,SAAA;AAAA,cAcY,cAAA;EAAc,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAQxB,cAAA,QAAsB,gBAAA,CAAiB,OAAA,IACxC,YAAA,QAAoB,eAAA;EAClB,SAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../src/components/Tooltip/Tooltip.tsx"],"mappings":";;;;;;;;cAKa,eAAA;EAAe,aAAA;EAAA,GAAA;AAAA,GAAqC,cAAA,QAAsB,gBAAA,CAAiB,QAAA,MAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAUpG,OAAA;EAAA,GAAO;AAAA,GAAkB,cAAA,QAAsB,gBAAA,CAAiB,IAAA,MAAK,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAYrE,cAAA;EAAc,OAAA;EAAA,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAgD,cAAA,QAAsB,gBAAA,CAAiB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAcpH,eAAA,GAAe,KAAA;;IAapB,iCAAA,CAAA,SAAA;AAAA,cAcY,cAAA;EAAc,QAAA;EAAA,SAAA;EAAA,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAQxB,cAAA,QAAsB,gBAAA,CAAiB,OAAA,IACxC,YAAA,QAAoB,eAAA;EAClB,SAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Tooltip.js

@@ -28,10 +28,7 @@ const TooltipTrigger = ({ asChild, children, className, ...props }) => {
 		children
 	});
 };
-const tooltipVariants = cva(`tooltip-effects rounded-md px-3 py-1.5 text-xs pointer-events-auto z-50 w-fit bg-tooltip-bg text-text-primary focus:outline-none select-none focus-visible:outline-2 focus-visible:outline-offset-2
-  focus-visible:outline-accent motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2
-  motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95
-  motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95`, {
+const tooltipVariants = cva("tooltip-effects rounded-md px-3 py-1.5 text-xs pointer-events-auto z-50 w-fit bg-tooltip-bg text-text-primary select-none focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", {
 	variants: { variant: {
 		default: "",
 		outline: "border-2 border-tooltip-outline-border"

package/dist/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const TooltipProvider = ({ delayDuration = 0, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>) => {\n  return <TooltipPrimitive.Provider data-slot='tooltip-provider' delayDuration={delayDuration} {...props} />\n}\n\nexport const Tooltip = ({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>) => {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot='tooltip' data-testid='spectral-tooltip' {...props} />\n    </TooltipProvider>\n  )\n}\n\nexport const TooltipTrigger = ({ asChild, children, className, ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) => {\n  return (\n    <TooltipPrimitive.Trigger asChild={asChild} className={cn(!asChild && 'w-fit', className)} data-slot='tooltip-trigger' data-testid='spectral-tooltip-trigger' {...props}>\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nconst tooltipVariants = cva(\n  `tooltip-effects rounded-md px-3 py-1.5 text-xs pointer-events-auto z-50 w-fit bg-tooltip-bg text-text-primary focus:outline-none select-none focus-visible:outline-2 focus-visible:outline-offset-2\n  focus-visible:outline-accent motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2\n  motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95\n  motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95`,\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline: 'border-2 border-tooltip-outline-border',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nconst tooltipArrowVariants = cva('size-2.5 z-[-1] rotate-45 rounded-[2px] bg-tooltip-arrow fill-tooltip-arrow', {\n  variants: {\n    variant: {\n      default: '-translate-y-[calc(50%+1px)]',\n      outline: '-translate-y-[calc(50%-1.5px)] border-2 border-t-0 border-l-0 border-tooltip-outline-arrow',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport const TooltipContent = ({\n  children,\n  className,\n  showArrow = false,\n  side,\n  sideOffset = 0,\n  variant = 'default',\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipVariants> & {\n    showArrow?: boolean\n  }) => {\n  return (\n    <TooltipPrimitive.Portal data-testid='spectral-tooltip-portal' data-slot='tooltip-portal'>\n      <TooltipPrimitive.Content className={cn(tooltipVariants({ variant }), className)} data-slot='tooltip-content' data-testid='spectral-tooltip-content' side={side} sideOffset={sideOffset} {...props}>\n        {children}\n        {showArrow && <TooltipPrimitive.Arrow className={cn(tooltipArrowVariants({ variant }))} height={8} />}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAKA,MAAa,mBAAmB,EAAE,gBAAgB,GAAG,GAAG,YAA8D;AACpH,QAAO,oBAAC,iBAAiB,UAAlB;EAA2B,aAAU;EAAkC;EAAe,GAAI;EAAQ;;AAG3G,MAAa,WAAW,EAAE,GAAG,YAA0D;AACrF,QACE,oBAAC,iBAAD,YACE,oBAAC,iBAAiB,MAAlB;EAAuB,aAAU;EAAyC,GAAI;EAAQ,GACvE;;AAIrB,MAAa,kBAAkB,EAAE,SAAS,UAAU,WAAW,GAAG,YAA6D;AAC7H,QACE,oBAAC,iBAAiB,SAAlB;EAAmC;EAAS,WAAW,GAAG,CAAC,WAAW,SAAS,UAAU;EAAE,aAAU;EAAyD,GAAI;EAC/J;EACuB;;AAI9B,MAAM,kBAAkB,IACtB;;;8HAIA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACH;AAEA,MAAM,uBAAuB,IAAI,+EAA+E;CAC9G,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAA;AAED,MAAa,kBAAkB,EAC7B,UACA,WACA,YAAY,OACZ,MACA,aAAa,GACb,UAAU,WACV,GAAG,YAIG;AACN,QACE,oBAAC,iBAAiB,QAAlB;EAA+D,aAAU;YACvE,qBAAC,iBAAiB,SAAlB;GAA0B,WAAW,GAAG,gBAAgB,EAAE,SAAS,CAAC,EAAE,UAAU;GAAE,aAAU;GAA+D;GAAkB;GAAY,GAAI;aAA7L,CACG,UACA,aAAa,oBAAC,iBAAiB,OAAlB;IAAwB,WAAW,GAAG,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAAE,QAAQ;IAAK,EAC7E;;EACH"}
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const TooltipProvider = ({ delayDuration = 0, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>) => {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot='tooltip-provider'\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nexport const Tooltip = ({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>) => {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root\n        data-slot='tooltip'\n        data-testid='spectral-tooltip'\n        {...props}\n      />\n    </TooltipProvider>\n  )\n}\n\nexport const TooltipTrigger = ({ asChild, children, className, ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) => {\n  return (\n    <TooltipPrimitive.Trigger\n      asChild={asChild}\n      className={cn(!asChild && 'w-fit', className)}\n      data-slot='tooltip-trigger'\n      data-testid='spectral-tooltip-trigger'\n      {...props}\n    >\n      {children}\n    </TooltipPrimitive.Trigger>\n  )\n}\n\nconst tooltipVariants = cva(\n  'tooltip-effects rounded-md px-3 py-1.5 text-xs pointer-events-auto z-50 w-fit bg-tooltip-bg text-text-primary select-none focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95',\n  {\n    variants: {\n      variant: {\n        default: '',\n        outline: 'border-2 border-tooltip-outline-border',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n)\n\nconst tooltipArrowVariants = cva('size-2.5 z-[-1] rotate-45 rounded-[2px] bg-tooltip-arrow fill-tooltip-arrow', {\n  variants: {\n    variant: {\n      default: '-translate-y-[calc(50%+1px)]',\n      outline: '-translate-y-[calc(50%-1.5px)] border-2 border-t-0 border-l-0 border-tooltip-outline-arrow',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport const TooltipContent = ({\n  children,\n  className,\n  showArrow = false,\n  side,\n  sideOffset = 0,\n  variant = 'default',\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipVariants> & {\n    showArrow?: boolean\n  }) => {\n  return (\n    <TooltipPrimitive.Portal\n      data-testid='spectral-tooltip-portal'\n      data-slot='tooltip-portal'\n    >\n      <TooltipPrimitive.Content\n        className={cn(tooltipVariants({ variant }), className)}\n        data-slot='tooltip-content'\n        data-testid='spectral-tooltip-content'\n        side={side}\n        sideOffset={sideOffset}\n        {...props}\n      >\n        {children}\n        {showArrow && (\n          <TooltipPrimitive.Arrow\n            className={cn(tooltipArrowVariants({ variant }))}\n            height={8}\n          />\n        )}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n"],"mappings":";;;;;;;;AAKA,MAAa,mBAAmB,EAAE,gBAAgB,GAAG,GAAG,YAA8D;AACpH,QACE,oBAAC,iBAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;EACL;;AAIL,MAAa,WAAW,EAAE,GAAG,YAA0D;AACrF,QACE,oBAAC,iBAAD,YACE,oBAAC,iBAAiB,MAAlB;EACE,aAAU;EAEV,GAAI;EACL,GACc;;AAIrB,MAAa,kBAAkB,EAAE,SAAS,UAAU,WAAW,GAAG,YAA6D;AAC7H,QACE,oBAAC,iBAAiB,SAAlB;EACW;EACT,WAAW,GAAG,CAAC,WAAW,SAAS,UAAU;EAC7C,aAAU;EAEV,GAAI;EAEH;EACuB;;AAI9B,MAAM,kBAAkB,IACtB,6qBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CACH;AAEA,MAAM,uBAAuB,IAAI,+EAA+E;CAC9G,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAA;AAED,MAAa,kBAAkB,EAC7B,UACA,WACA,YAAY,OACZ,MACA,aAAa,GACb,UAAU,WACV,GAAG,YAIG;AACN,QACE,oBAAC,iBAAiB,QAAlB;EAEE,aAAU;YAEV,qBAAC,iBAAiB,SAAlB;GACE,WAAW,GAAG,gBAAgB,EAAE,SAAS,CAAC,EAAE,UAAU;GACtD,aAAU;GAEJ;GACM;GACZ,GAAI;aANN,CAQG,UACA,aACC,oBAAC,iBAAiB,OAAlB;IACE,WAAW,GAAG,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAChD,QAAQ;IACT,EAEqB;;EACH"}

package/dist/Tray.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tray.d.ts","names":[],"sources":["../src/components/Tray/Tray.tsx"],"mappings":";;;;;;;;cAQM,mBAAA,GAAmB,KAAA;;IAYvB,iCAAA,CAAA,SAAA;AAAA,KAkBU,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAS,IAAA;EACnE,QAAA,GAAW,SAAA;EACX,IAAA;AAAA;AAAA;EAGqB,QAAA;EAAU,IAAA;EAAA,GAAgB;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAyBrE,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,MAAA,CAAS,OAAA;EAC1C,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAIC,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,MAAA,CAAS,KAAA;EAC1C,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;KAgBW,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAS,OAAA,IACtE,YAAA,QAAoB,mBAAA;sFAElB,YAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA;gBAIC,SAAA;EACd,QAAA;EACA,SAAA;EACA,GAAA;EACA,IAAA,EAAM,QAAA;EAAA,GACH;AAAA,GACF,gBAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAqBC,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAWC,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,kBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAQC,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,oBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;KAGW,aAAA,GAAgB,wBAAA;EAC1B,YAAA;AAAA;AAAA;EAIA,YAAA,EAAc,OAAA;EACd,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}
+{"version":3,"file":"Tray.d.ts","names":[],"sources":["../src/components/Tray/Tray.tsx"],"mappings":";;;;;;;;cAQM,mBAAA,GAAmB,KAAA;;IAYvB,iCAAA,CAAA,SAAA;AAAA,KAkBU,aAAA,GAAgB,wBAAA,QAAgC,MAAA,CAAS,IAAA;EACnE,QAAA,GAAW,SAAA;EACX,IAAA;AAAA;AAAA;EAGqB,QAAA;EAAU,IAAA;EAAA,GAAgB;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EA4BrE,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,MAAA,CAAS,OAAA;EAC1C,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAYC,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA,QAAgC,MAAA,CAAS,KAAA;EAC1C,GAAA,GAAM,GAAA,CAAI,iBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;KA6BW,gBAAA,GAAmB,wBAAA,QAAgC,MAAA,CAAS,OAAA,IACtE,YAAA,QAAoB,mBAAA;sFAElB,YAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA;gBAIC,SAAA;EACd,QAAA;EACA,SAAA;EACA,GAAA;EACA,IAAA,EAAM,QAAA;EAAA,GACH;AAAA,GACF,gBAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EA0BC,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAoBC,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,kBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;;EAaC,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,wBAAA;EACD,GAAA,GAAM,GAAA,CAAI,oBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;;;KAUW,aAAA,GAAgB,wBAAA;EAC1B,YAAA;AAAA;AAAA;EAIA,YAAA,EAAc,OAAA;EACd,QAAA;EACA,SAAA;EACA,GAAA;EAAA,GACG;AAAA,GACF,aAAA;EACD,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/Tray.js

@@ -9,7 +9,7 @@ import { AnimatePresence, motion } from "motion/react";
 import { Drawer } from "vaul";
 
 //#region src/components/Tray/Tray.tsx
-const TrayContentVariants = cva("bottom-4 rounded-2xl sm:max-md:max-w-full fixed left-1/2 z-10 w-full -translate-x-1/2 overflow-hidden bg-drawer-bg outline-none shadow-elevation-2", {
+const TrayContentVariants = cva("bottom-4 rounded-2xl sm:max-md:max-w-full fixed left-1/2 z-10 w-full -translate-x-1/2 overflow-hidden bg-drawer-bg shadow-elevation-2 outline-none", {
 	variants: { size: {
 		sm: "max-w-[400px]",
 		md: "max-w-[600px]",
@@ -84,7 +84,7 @@ const TrayContent = ({ "aria-label": ariaLabel, children, className, ref, size:
 };
 TrayContent.displayName = "TrayContent";
 const TrayHeader = ({ children, className, ref, ...props }) => /* @__PURE__ */ jsxs("div", {
-	className: cn("relative flex flex-col gap-1.5 pb-4 text-start", className),
+	className: cn("gap-1.5 pb-4 relative flex flex-col text-start", className),
 	ref,
 	...props,
 	children: [children, /* @__PURE__ */ jsx(TrayClose, {

package/dist/Tray.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tray.js","names":[],"sources":["../src/components/Tray/Tray.tsx"],"sourcesContent":["import { ButtonIcon } from '@components/ButtonIcon/ButtonIcon'\nimport { CloseIcon } from '@components/Icons'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { AnimatePresence, motion } from 'motion/react'\nimport { createContext, useContext, useMemo, useRef, type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react'\nimport { Drawer as TrayBase } from 'vaul'\n\nconst TrayContentVariants = cva('bottom-4 rounded-2xl sm:max-md:max-w-full fixed left-1/2 z-10 w-full -translate-x-1/2 overflow-hidden bg-drawer-bg outline-none shadow-elevation-2', {\n  variants: {\n    size: {\n      sm: 'max-w-[400px]',\n      md: 'max-w-[600px]',\n      lg: 'max-w-[800px]',\n      full: 'max-w-full',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\ninterface TrayContextValue {\n  animationKey: string | number\n  setAnimationKey: (key: string | number) => void\n  size: 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst TrayContext = createContext<TrayContextValue | undefined>(undefined)\n\nconst useTrayContext = () => {\n  const context = useContext(TrayContext)\n  if (!context) {\n    throw new Error('Tray components must be used within Tray root')\n  }\n  return context\n}\n\nexport type TrayBaseProps = ComponentPropsWithoutRef<typeof TrayBase.Root> & {\n  children?: ReactNode\n  size?: 'sm' | 'md' | 'lg' | 'full'\n}\n\nexport const Tray = ({ children, size = 'sm', ...props }: TrayBaseProps) => {\n  const animationKeyRef = useRef<string | number>('default')\n\n  const contextValue = useMemo(\n    () => ({\n      animationKey: animationKeyRef.current,\n      setAnimationKey: (key: string | number) => {\n        animationKeyRef.current = key\n      },\n      size,\n    }),\n    [size],\n  )\n\n  return (\n    <TrayContext.Provider value={contextValue}>\n      <TrayBase.Root data-testid='spectral-tray' {...props}>\n        {children}\n      </TrayBase.Root>\n    </TrayContext.Provider>\n  )\n}\nTray.displayName = 'Tray'\n\nexport const TrayTrigger = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Trigger> & {\n  ref?: Ref<HTMLButtonElement>\n}) => <TrayBase.Trigger className={cn(className)} data-testid='spectral-tray-trigger' data-vaul-no-drag='' ref={ref} {...props} />\nTrayTrigger.displayName = 'TrayTrigger'\n\nexport const TrayClose = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Close> & {\n  ref?: Ref<HTMLButtonElement>\n}) => (\n  <TrayBase.Close asChild className={cn(className)} data-testid='spectral-tray-close' data-vaul-no-drag='' ref={ref} {...props}>\n    <CloseIcon />\n  </TrayBase.Close>\n)\nTrayClose.displayName = 'TrayClose'\n\nconst TrayOverlay = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Overlay> & {\n  ref?: Ref<HTMLDivElement>\n}) => <TrayBase.Overlay className={cn('inset-0 fixed z-10 bg-overlay', className)} ref={ref} {...props} />\nTrayOverlay.displayName = 'TrayOverlay'\n\nexport type TrayContentProps = ComponentPropsWithoutRef<typeof TrayBase.Content> &\n  VariantProps<typeof TrayContentVariants> & {\n    /** Accessible label for the tray (used when no visible `TrayTitle` is provided). */\n    'aria-label'?: string\n    children?: ReactNode\n  }\n\nexport const TrayContent = ({\n  'aria-label': ariaLabel,\n  children,\n  className,\n  ref,\n  size: sizeProp,\n  ...props\n}: TrayContentProps & {\n  ref?: Ref<HTMLDivElement>\n}) => {\n  const { size: contextSize } = useTrayContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <TrayBase.Portal>\n      <TrayOverlay />\n      <TrayBase.Content aria-describedby={undefined} asChild className={cn(TrayContentVariants({ size }), className)} data-testid='spectral-tray-content' ref={ref} {...props}>\n        <div>\n          <TrayBase.Title className='sr-only'>{ariaLabel ?? 'Tray'}</TrayBase.Title>\n          <div className='px-6 pb-6 pt-2.5 antialiased'>\n            {children}\n          </div>\n        </div>\n      </TrayBase.Content>\n    </TrayBase.Portal>\n  )\n}\nTrayContent.displayName = 'TrayContent'\n\nexport const TrayHeader = ({\n  children,\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLDivElement>\n}) => (\n  <div className={cn('relative flex flex-col gap-1.5 pb-4 text-start', className)} data-testid='spectral-tray-header' ref={ref} {...props}>\n    {children}\n    <TrayClose className='text-neutral-400 hover:text-neutral-100 p-1 top-0 absolute right-[-14px] z-10 cursor-pointer rounded-full transition-colors hover:scale-110 hover:bg-level-four'>\n      <ButtonIcon icon={<CloseIcon />} label='Close tray' shape='circle' />\n    </TrayClose>\n  </div>\n)\nTrayHeader.displayName = 'TrayHeader'\n\nexport const TrayTitle = ({\n  children,\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'h2'> & {\n  ref?: Ref<HTMLHeadingElement>\n}) => (\n  <h2 className={cn('text-xl font-semibold text-text-primary', className)} data-testid='spectral-tray-title' ref={ref} {...props}>\n    {children}\n  </h2>\n)\nTrayTitle.displayName = 'TrayTitle'\n\nexport const TraySubtitle = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'p'> & {\n  ref?: Ref<HTMLParagraphElement>\n}) => <p className={cn('text-sm text-text-secondary', className)} data-testid='spectral-tray-subtitle' ref={ref} {...props} />\nTraySubtitle.displayName = 'TraySubtitle'\n\nexport type TrayBodyProps = ComponentPropsWithoutRef<'div'> & {\n  animationKey?: string | number\n}\n\nexport const TrayBody = ({\n  animationKey: keyProp,\n  children,\n  className,\n  ref,\n  ...props\n}: TrayBodyProps & {\n  ref?: Ref<HTMLDivElement>\n}) => {\n  const { animationKey: contextKey } = useTrayContext()\n  const key = keyProp ?? contextKey\n\n  return (\n    <div ref={ref} data-testid='spectral-tray-body' className={cn(className)} {...props}>\n      <AnimatePresence initial={false} mode='wait' custom={key}>\n        <motion.div\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          exit={{ opacity: 0, scale: 0.96 }}\n          initial={{ opacity: 0, scale: 0.96 }}\n          key={key}\n          transition={{\n            duration: 0.2,\n            ease: 'easeOut',\n          }}\n        >\n          {children}\n        </motion.div>\n      </AnimatePresence>\n    </div>\n  )\n}\nTrayBody.displayName = 'TrayBody'\n"],"mappings":"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"}
+{"version":3,"file":"Tray.js","names":[],"sources":["../src/components/Tray/Tray.tsx"],"sourcesContent":["import { ButtonIcon } from '@components/ButtonIcon/ButtonIcon'\nimport { CloseIcon } from '@components/Icons'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { AnimatePresence, motion } from 'motion/react'\nimport { createContext, useContext, useMemo, useRef, type ComponentPropsWithoutRef, type ReactNode, type Ref } from 'react'\nimport { Drawer as TrayBase } from 'vaul'\n\nconst TrayContentVariants = cva('bottom-4 rounded-2xl sm:max-md:max-w-full fixed left-1/2 z-10 w-full -translate-x-1/2 overflow-hidden bg-drawer-bg shadow-elevation-2 outline-none', {\n  variants: {\n    size: {\n      sm: 'max-w-[400px]',\n      md: 'max-w-[600px]',\n      lg: 'max-w-[800px]',\n      full: 'max-w-full',\n    },\n  },\n  defaultVariants: {\n    size: 'sm',\n  },\n})\n\ninterface TrayContextValue {\n  animationKey: string | number\n  setAnimationKey: (key: string | number) => void\n  size: 'sm' | 'md' | 'lg' | 'full'\n}\n\nconst TrayContext = createContext<TrayContextValue | undefined>(undefined)\n\nconst useTrayContext = () => {\n  const context = useContext(TrayContext)\n  if (!context) {\n    throw new Error('Tray components must be used within Tray root')\n  }\n  return context\n}\n\nexport type TrayBaseProps = ComponentPropsWithoutRef<typeof TrayBase.Root> & {\n  children?: ReactNode\n  size?: 'sm' | 'md' | 'lg' | 'full'\n}\n\nexport const Tray = ({ children, size = 'sm', ...props }: TrayBaseProps) => {\n  const animationKeyRef = useRef<string | number>('default')\n\n  const contextValue = useMemo(\n    () => ({\n      animationKey: animationKeyRef.current,\n      setAnimationKey: (key: string | number) => {\n        animationKeyRef.current = key\n      },\n      size,\n    }),\n    [size],\n  )\n\n  return (\n    <TrayContext.Provider value={contextValue}>\n      <TrayBase.Root\n        data-testid='spectral-tray'\n        {...props}\n      >\n        {children}\n      </TrayBase.Root>\n    </TrayContext.Provider>\n  )\n}\nTray.displayName = 'Tray'\n\nexport const TrayTrigger = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Trigger> & {\n  ref?: Ref<HTMLButtonElement>\n}) => (\n  <TrayBase.Trigger\n    className={cn(className)}\n    data-testid='spectral-tray-trigger'\n    data-vaul-no-drag=''\n    ref={ref}\n    {...props}\n  />\n)\nTrayTrigger.displayName = 'TrayTrigger'\n\nexport const TrayClose = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Close> & {\n  ref?: Ref<HTMLButtonElement>\n}) => (\n  <TrayBase.Close\n    asChild\n    className={cn(className)}\n    data-testid='spectral-tray-close'\n    data-vaul-no-drag=''\n    ref={ref}\n    {...props}\n  >\n    <CloseIcon />\n  </TrayBase.Close>\n)\nTrayClose.displayName = 'TrayClose'\n\nconst TrayOverlay = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<typeof TrayBase.Overlay> & {\n  ref?: Ref<HTMLDivElement>\n}) => (\n  <TrayBase.Overlay\n    className={cn('inset-0 fixed z-10 bg-overlay', className)}\n    ref={ref}\n    {...props}\n  />\n)\nTrayOverlay.displayName = 'TrayOverlay'\n\nexport type TrayContentProps = ComponentPropsWithoutRef<typeof TrayBase.Content> &\n  VariantProps<typeof TrayContentVariants> & {\n    /** Accessible label for the tray (used when no visible `TrayTitle` is provided). */\n    'aria-label'?: string\n    children?: ReactNode\n  }\n\nexport const TrayContent = ({\n  'aria-label': ariaLabel,\n  children,\n  className,\n  ref,\n  size: sizeProp,\n  ...props\n}: TrayContentProps & {\n  ref?: Ref<HTMLDivElement>\n}) => {\n  const { size: contextSize } = useTrayContext()\n  const size = sizeProp ?? contextSize\n\n  return (\n    <TrayBase.Portal>\n      <TrayOverlay />\n      <TrayBase.Content\n        aria-describedby={undefined}\n        asChild\n        className={cn(TrayContentVariants({ size }), className)}\n        data-testid='spectral-tray-content'\n        ref={ref}\n        {...props}\n      >\n        <div>\n          <TrayBase.Title className='sr-only'>{ariaLabel ?? 'Tray'}</TrayBase.Title>\n          <div className='px-6 pb-6 pt-2.5 antialiased'>{children}</div>\n        </div>\n      </TrayBase.Content>\n    </TrayBase.Portal>\n  )\n}\nTrayContent.displayName = 'TrayContent'\n\nexport const TrayHeader = ({\n  children,\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'div'> & {\n  ref?: Ref<HTMLDivElement>\n}) => (\n  <div\n    className={cn('gap-1.5 pb-4 relative flex flex-col text-start', className)}\n    data-testid='spectral-tray-header'\n    ref={ref}\n    {...props}\n  >\n    {children}\n    <TrayClose className='text-neutral-400 hover:text-neutral-100 p-1 top-0 absolute right-[-14px] z-10 cursor-pointer rounded-full transition-colors hover:scale-110 hover:bg-level-four'>\n      <ButtonIcon\n        icon={<CloseIcon />}\n        label='Close tray'\n        shape='circle'\n      />\n    </TrayClose>\n  </div>\n)\nTrayHeader.displayName = 'TrayHeader'\n\nexport const TrayTitle = ({\n  children,\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'h2'> & {\n  ref?: Ref<HTMLHeadingElement>\n}) => (\n  <h2\n    className={cn('text-xl font-semibold text-text-primary', className)}\n    data-testid='spectral-tray-title'\n    ref={ref}\n    {...props}\n  >\n    {children}\n  </h2>\n)\nTrayTitle.displayName = 'TrayTitle'\n\nexport const TraySubtitle = ({\n  className,\n  ref,\n  ...props\n}: ComponentPropsWithoutRef<'p'> & {\n  ref?: Ref<HTMLParagraphElement>\n}) => (\n  <p\n    className={cn('text-sm text-text-secondary', className)}\n    data-testid='spectral-tray-subtitle'\n    ref={ref}\n    {...props}\n  />\n)\nTraySubtitle.displayName = 'TraySubtitle'\n\nexport type TrayBodyProps = ComponentPropsWithoutRef<'div'> & {\n  animationKey?: string | number\n}\n\nexport const TrayBody = ({\n  animationKey: keyProp,\n  children,\n  className,\n  ref,\n  ...props\n}: TrayBodyProps & {\n  ref?: Ref<HTMLDivElement>\n}) => {\n  const { animationKey: contextKey } = useTrayContext()\n  const key = keyProp ?? contextKey\n\n  return (\n    <div\n      ref={ref}\n      data-testid='spectral-tray-body'\n      className={cn(className)}\n      {...props}\n    >\n      <AnimatePresence\n        initial={false}\n        mode='wait'\n        custom={key}\n      >\n        <motion.div\n          animate={{ opacity: 1, scale: 1, y: 0 }}\n          exit={{ opacity: 0, scale: 0.96 }}\n          initial={{ opacity: 0, scale: 0.96 }}\n          key={key}\n          transition={{\n            duration: 0.2,\n            ease: 'easeOut',\n          }}\n        >\n          {children}\n        </motion.div>\n      </AnimatePresence>\n    </div>\n  )\n}\nTrayBody.displayName = 'TrayBody'\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -9,11 +9,11 @@ import { Separator, SeparatorProps } from "./Separator.js";
 import { ButtonGroup, ButtonGroupItem, ButtonGroupProps, ButtonGroupSeparator } from "./ButtonGroup.js";
 import { ButtonIcon, ButtonIconProps } from "./ButtonIcon.js";
 import { ButtonIconSlideout, ButtonIconSlideoutProps } from "./ButtonIconSlideout.js";
+import { Card, CardContent, CardHeader, CardHeaderEndSlot, CardProps, CardShadow, CardTitle } from "./Card.js";
 import { ErrorMessage, FormFieldMessageValue, WarningMessage } from "./FormFieldMessage.js";
 import { Checkbox, CheckboxProps } from "./Checkbox.js";
 import { Combobox, ComboboxOption, ComboboxProps } from "./Combobox.js";
 import { ControlGroupSelect, ControlGroupSelectCaptionLayout, ControlGroupSelectProps } from "./ControlGroup/ControlGroupSelect.js";
-import { DataCard, DataCardProps } from "./DataCard.js";
 import { DateTimePicker, DateTimePickerProps } from "./DateTimePicker.js";
 import { Dialog } from "./Dialog.js";
 import { DEFAULT_DIRECTIONAL_COLOR_STOPS, DirectionalColorStop, DirectionalSectorCount, SUPPORTED_SECTOR_COUNTS, bearingFromComponents, bearingToPalettePosition, normalizeBearing, sectorBearingRange, sectorId } from "./DirectionalColorWheel/directionalColorWheelMath.js";
@@ -24,17 +24,19 @@ import { Drawer, DrawerProps } from "./Drawer.js";
 import { HoverCard, HoverCardContent, HoverCardProps, HoverCardTrigger } from "./HoverCard.js";
 import { AdjustmentsIcon } from "./Icons/AdjustmentsIcon.js";
 import { AnalyzeIcon } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon } from "./Icons/AnnotationsIcon.js";
+import { EditIcon } from "./Icons/EditIcon.js";
 import { ApprovedIcon } from "./Icons/ApprovedIcon.js";
 import { ArrowDownIcon } from "./Icons/ArrowDownIcon.js";
 import { ArrowUpIcon } from "./Icons/ArrowUpIcon.js";
 import { BoxToolIcon } from "./Icons/BoxToolIcon.js";
+import { BuoyIcon } from "./Icons/BuoyIcon.js";
 import { CalendarIcon } from "./Icons/CalendarIcon.js";
 import { CheckCircleIcon } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon } from "./Icons/CheckSquareIcon.js";
 import { CheckmarkIcon } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon } from "./Icons/ChevronDownIcon.js";
 import { ChevronUpIcon } from "./Icons/ChevronUpIcon.js";
+import { CircleDotIcon } from "./Icons/CircleDotIcon.js";
 import { ClockIcon } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon } from "./Icons/CloseIcon.js";
@@ -43,8 +45,9 @@ import { CrosshairsIcon } from "./Icons/CrosshairsIcon.js";
 import { DashboardIcon } from "./Icons/DashboardIcon.js";
 import { DatabaseIcon } from "./Icons/DatabaseIcon.js";
 import { DeleteIcon } from "./Icons/DeleteIcon.js";
+import { DeploymentsIcon } from "./Icons/DeploymentsIcon.js";
+import { DotIcon } from "./Icons/DotIcon.js";
 import { DurationIcon } from "./Icons/DurationIcon.js";
-import { EditIcon } from "./Icons/EditIcon.js";
 import { EmailIcon } from "./Icons/EmailIcon.js";
 import { EraserIcon } from "./Icons/EraserIcon.js";
 import { ErrorIcon } from "./Icons/ErrorIcon.js";
@@ -52,15 +55,21 @@ import { EyeClosedIcon } from "./Icons/EyeClosedIcon.js";
 import { EyeClosedIcon2 } from "./Icons/EyeClosedIcon2.js";
 import { EyeOpenIcon } from "./Icons/EyeOpenIcon.js";
 import { FileDownloadIcon } from "./Icons/FileDownloadIcon.js";
+import { GeofenceIcon } from "./Icons/GeofenceIcon.js";
+import { GeospatialIcon } from "./Icons/GeospatialIcon.js";
+import { GlobeIcon } from "./Icons/GlobeIcon.js";
 import { GoToFirstIcon } from "./Icons/GoToFirstIcon.js";
 import { GoToLastIcon } from "./Icons/GoToLastIcon.js";
+import { GpsIcon } from "./Icons/GpsIcon.js";
 import { HarmonicCursorsIcon } from "./Icons/HarmonicCursorsIcon.js";
 import { IconBase, SvgIdContext } from "./Icons/IconBase.js";
 import { InfoIcon } from "./Icons/InfoIcon.js";
 import { IterationArrowIcon } from "./Icons/IterationArrowIcon.js";
+import { KeyIcon } from "./Icons/KeyIcon.js";
 import { KeyboardIcon } from "./Icons/KeyboardIcon.js";
 import { LabelIcon } from "./Icons/LabelIcon.js";
 import { LassoIcon } from "./Icons/LassoIcon.js";
+import { LineDashedIcon } from "./Icons/LineDashedIcon.js";
 import { LineToolIcon } from "./Icons/LineToolIcon.js";
 import { LinkIcon } from "./Icons/LinkIcon.js";
 import { LiveViewIcon } from "./Icons/LiveViewIcon.js";
@@ -68,6 +77,8 @@ import { LoaderIcon } from "./Icons/LoaderIcon.js";
 import { LocationIcon } from "./Icons/LocationIcon.js";
 import { LockIcon } from "./Icons/LockIcon.js";
 import { LogoutIcon } from "./Icons/LogoutIcon.js";
+import { MapIcon } from "./Icons/MapIcon.js";
+import { MapPinIcon } from "./Icons/MapPinIcon.js";
 import { MaximizeIcon } from "./Icons/MaximizeIcon.js";
 import { MeasureIcon } from "./Icons/MeasureIcon.js";
 import { MenuDotsIcon } from "./Icons/MenuDotsIcon.js";
@@ -77,10 +88,13 @@ import { MetadataIcon } from "./Icons/MetadataIcon.js";
 import { MinimizeIcon } from "./Icons/MinimizeIcon.js";
 import { MinusIcon } from "./Icons/MinusIcon.js";
 import { OntologyIcon } from "./Icons/OntologyIcon.js";
-import { PanelIconClose } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen } from "./Icons/PanelIconOpen.js";
+import { PanelCloseIcon } from "./Icons/PanelCloseIcon.js";
+import { PanelOpenIcon } from "./Icons/PanelOpenIcon.js";
+import { PaperclipIcon } from "./Icons/PaperclipIcon.js";
+import { PathIcon } from "./Icons/PathIcon.js";
 import { PauseIcon } from "./Icons/PauseIcon.js";
 import { PdfIcon } from "./Icons/PdfIcon.js";
+import { PinIcon } from "./Icons/PinIcon.js";
 import { PlayIcon } from "./Icons/PlayIcon.js";
 import { PlusIcon } from "./Icons/PlusIcon.js";
 import { PolygonIcon } from "./Icons/PolygonIcon.js";
@@ -89,6 +103,10 @@ import { ProgressArrowIcon } from "./Icons/ProgressArrowIcon.js";
 import { ProgressCheckIcon } from "./Icons/ProgressCheckIcon.js";
 import { ResetIcon } from "./Icons/ResetIcon.js";
 import { ReviewedIcon } from "./Icons/ReviewedIcon.js";
+import { Route2Icon } from "./Icons/Route2Icon.js";
+import { Route3Icon } from "./Icons/Route3Icon.js";
+import { RouteIcon } from "./Icons/RouteIcon.js";
+import { SaveIcon } from "./Icons/SaveIcon.js";
 import { ScissorsIcon } from "./Icons/ScissorsIcon.js";
 import { SearchIcon } from "./Icons/SearchIcon.js";
 import { SettingsIcon } from "./Icons/SettingsIcon.js";
@@ -96,18 +114,26 @@ import { SortAscendingIcon } from "./Icons/SortAscendingIcon.js";
 import { SortAtoZIcon } from "./Icons/SortAtoZIcon.js";
 import { SortDescendingIcon } from "./Icons/SortDescendingIcon.js";
 import { SortZtoAIcon } from "./Icons/SortZtoAIcon.js";
+import { SparklesAIIcon } from "./Icons/SparklesAIIcon.js";
 import { SparklesIcon } from "./Icons/SparklesIcon.js";
 import { StackIcon } from "./Icons/StackIcon.js";
 import { StarIcon } from "./Icons/StarIcon.js";
 import { SyncIcon } from "./Icons/SyncIcon.js";
 import { SyncOffIcon } from "./Icons/SyncOffIcon.js";
+import { ToolsIcon } from "./Icons/ToolsIcon.js";
 import { TrashIcon } from "./Icons/TrashIcon.js";
 import { UndoIcon } from "./Icons/UndoIcon.js";
 import { UnlinkIcon } from "./Icons/UnlinkIcon.js";
 import { UnlockIcon } from "./Icons/UnlockIcon.js";
 import { UploadIcon } from "./Icons/UploadIcon.js";
 import { User2Icon } from "./Icons/User2Icon.js";
+import { UserAddIcon } from "./Icons/UserAddIcon.js";
+import { UserDeleteIcon } from "./Icons/UserDeleteIcon.js";
+import { UserEditIcon } from "./Icons/UserEditIcon.js";
 import { UserIcon } from "./Icons/UserIcon.js";
+import { UserSearchIcon } from "./Icons/UserSearchIcon.js";
+import { UserSquareIcon } from "./Icons/UserSquareIcon.js";
+import { UsersIcon } from "./Icons/UsersIcon.js";
 import { WarningIcon } from "./Icons/WarningIcon.js";
 import { ZoomAllIcon } from "./Icons/ZoomAllIcon.js";
 import { ZoomXIcon } from "./Icons/ZoomXIcon.js";
@@ -144,4 +170,4 @@ import { useControllableState } from "./hooks/useControllableState.js";
 import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.js";
 import { cn } from "./utils/twUtils.js";
-export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, AlertDialog, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DEFAULT_DIRECTIONAL_COLOR_STOPS, DashboardIcon, DataCard, type DataCardProps, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, Dialog, type DirectionalColorStop, DirectionalColorWheel, DirectionalColorWheelDisclosure, type DirectionalColorWheelDisclosurePosition, type DirectionalColorWheelDisclosureProps, DirectionalColorWheelGlyph, type DirectionalColorWheelGlyphProps, type DirectionalColorWheelProps, type DirectionalSectorCount, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, InputSearch, type InputSearchOption, type InputSearchProps, IterationArrowIcon, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, Meter, type MeterProps, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PdfIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, RadialMenu, type RadialMenuItem, type RadialMenuProps, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, SUPPORTED_SECTOR_COUNTS, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, bearingFromComponents, bearingToPalettePosition, cn, normalizeBearing, sectorBearingRange, sectorId, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
+export { Accordion, type AccordionProps, AdjustmentsIcon, Alert, AlertDialog, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, type AlertDialogPopupProps, type AlertDialogProps, AlertDialogTitle, AlertDialogTrigger, type AlertDialogTriggerProps, type AlertProps, AnalyzeIcon, EditIcon as AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, type AvatarProps, Badge, type BadgeProps, BoxToolIcon, BuoyIcon, Button, ButtonGroup, ButtonGroupItem, type ButtonGroupProps, ButtonGroupSeparator, ButtonIcon, type ButtonIconProps, ButtonIconSlideout, type ButtonIconSlideoutProps, type ButtonProps, CalendarIcon, Card, CardContent, CardHeader, CardHeaderEndSlot, type CardProps, type CardShadow, CardTitle, CheckCircleIcon, CheckSquareIcon, Checkbox, type CheckboxProps, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, CircleDotIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, type ComboboxOption, type ComboboxProps, ControlGroupSelect, type ControlGroupSelectCaptionLayout, type ControlGroupSelectProps, Crosshairs2Icon, CrosshairsIcon, DEFAULT_DIRECTIONAL_COLOR_STOPS, DashboardIcon, DatabaseIcon, DateTimePicker, type DateTimePickerProps, DeleteIcon, DeploymentsIcon, Dialog, type DirectionalColorStop, DirectionalColorWheel, DirectionalColorWheelDisclosure, type DirectionalColorWheelDisclosurePosition, type DirectionalColorWheelDisclosureProps, DirectionalColorWheelGlyph, type DirectionalColorWheelGlyphProps, type DirectionalColorWheelProps, type DirectionalSectorCount, DotIcon, Drawer, type DrawerProps, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, type FormFieldMessageValue, GeofenceIcon, GeospatialIcon, GlobeIcon, GoToFirstIcon, GoToLastIcon, GpsIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, type HoverCardProps, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, type InputNumericProps, InputOTP, type InputOTPBaseProps, type InputOTPProps, type InputProps, InputSearch, type InputSearchOption, type InputSearchProps, IterationArrowIcon, Kbd, KbdGroup, type KbdGroupProps, type KbdProps, type KbdSymbol, KeyIcon, KeyboardIcon, Label, LabelIcon, type LabelProps, LassoIcon, LineDashedIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MapIcon, MapPinIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, Meter, type MeterProps, MinimizeIcon, MinusIcon, MultiSelect, type MultiSelectProps, OntologyIcon, PanelCloseIcon, PanelOpenIcon, PaperclipIcon, PathIcon, PauseIcon, PdfIcon, PinIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentProps, PopoverTrigger, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, RadialMenu, type RadialMenuItem, type RadialMenuProps, RadioButton, RadioButtonGroup, RadioButtonGroupItem, type RadioButtonGroupItemProps, type RadioButtonGroupProps, type RadioButtonProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, ResetIcon, ReviewedIcon, Route2Icon, Route3Icon, RouteIcon, SUPPORTED_SECTOR_COUNTS, SaveIcon, ScissorsIcon, SearchIcon, Select, type SelectExtendedProps, type SelectProps, Separator, type SeparatorProps, SettingsIcon, Skeleton, Slider, type SliderProps, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesAIIcon, SparklesIcon, SpectralProvider, type SpectralProviderProps, StackIcon, StarIcon, SvgIdContext, Switch, type SwitchProps, SyncIcon, SyncOffIcon, Tabs, type TabsProps, Textarea, type TextareaProps, Toast, type ToastProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, ToggleGroupSplitMenuItem, type ToggleGroupSplitMenuItemProps, type ToggleProps, ToolsIcon, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, type TrayBaseProps, type TrayBodyProps, type TrayContentProps, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserAddIcon, UserDeleteIcon, UserEditIcon, UserIcon, UserSearchIcon, UserSquareIcon, UsersIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, bearingFromComponents, bearingToPalettePosition, cn, normalizeBearing, sectorBearingRange, sectorId, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };

package/dist/index.js

@@ -2,17 +2,19 @@
 import { IconBase, SvgIdContext } from "./Icons/IconBase.js";
 import { AdjustmentsIcon } from "./Icons/AdjustmentsIcon.js";
 import { AnalyzeIcon } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon } from "./Icons/AnnotationsIcon.js";
+import { EditIcon } from "./Icons/EditIcon.js";
 import { ApprovedIcon } from "./Icons/ApprovedIcon.js";
 import { ArrowDownIcon } from "./Icons/ArrowDownIcon.js";
 import { ArrowUpIcon } from "./Icons/ArrowUpIcon.js";
 import { BoxToolIcon } from "./Icons/BoxToolIcon.js";
+import { BuoyIcon } from "./Icons/BuoyIcon.js";
 import { CalendarIcon } from "./Icons/CalendarIcon.js";
 import { CheckCircleIcon } from "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon } from "./Icons/CheckSquareIcon.js";
 import { CheckmarkIcon } from "./Icons/CheckmarkIcon.js";
 import { ChevronDownIcon } from "./Icons/ChevronDownIcon.js";
 import { ChevronUpIcon } from "./Icons/ChevronUpIcon.js";
+import { CircleDotIcon } from "./Icons/CircleDotIcon.js";
 import { ClockIcon } from "./Icons/ClockIcon.js";
 import { CloseCircleIcon } from "./Icons/CloseCircleIcon.js";
 import { CloseIcon } from "./Icons/CloseIcon.js";
@@ -21,8 +23,9 @@ import { CrosshairsIcon } from "./Icons/CrosshairsIcon.js";
 import { DashboardIcon } from "./Icons/DashboardIcon.js";
 import { DatabaseIcon } from "./Icons/DatabaseIcon.js";
 import { DeleteIcon } from "./Icons/DeleteIcon.js";
+import { DeploymentsIcon } from "./Icons/DeploymentsIcon.js";
+import { DotIcon } from "./Icons/DotIcon.js";
 import { DurationIcon } from "./Icons/DurationIcon.js";
-import { EditIcon } from "./Icons/EditIcon.js";
 import { EmailIcon } from "./Icons/EmailIcon.js";
 import { EraserIcon } from "./Icons/EraserIcon.js";
 import { ErrorIcon } from "./Icons/ErrorIcon.js";
@@ -30,14 +33,20 @@ import { EyeClosedIcon } from "./Icons/EyeClosedIcon.js";
 import { EyeClosedIcon2 } from "./Icons/EyeClosedIcon2.js";
 import { EyeOpenIcon } from "./Icons/EyeOpenIcon.js";
 import { FileDownloadIcon } from "./Icons/FileDownloadIcon.js";
+import { GeofenceIcon } from "./Icons/GeofenceIcon.js";
+import { GeospatialIcon } from "./Icons/GeospatialIcon.js";
+import { GlobeIcon } from "./Icons/GlobeIcon.js";
 import { GoToFirstIcon } from "./Icons/GoToFirstIcon.js";
 import { GoToLastIcon } from "./Icons/GoToLastIcon.js";
+import { GpsIcon } from "./Icons/GpsIcon.js";
 import { HarmonicCursorsIcon } from "./Icons/HarmonicCursorsIcon.js";
 import { InfoIcon } from "./Icons/InfoIcon.js";
 import { IterationArrowIcon } from "./Icons/IterationArrowIcon.js";
+import { KeyIcon } from "./Icons/KeyIcon.js";
 import { KeyboardIcon } from "./Icons/KeyboardIcon.js";
 import { LabelIcon } from "./Icons/LabelIcon.js";
 import { LassoIcon } from "./Icons/LassoIcon.js";
+import { LineDashedIcon } from "./Icons/LineDashedIcon.js";
 import { LineToolIcon } from "./Icons/LineToolIcon.js";
 import { LinkIcon } from "./Icons/LinkIcon.js";
 import { LiveViewIcon } from "./Icons/LiveViewIcon.js";
@@ -45,6 +54,8 @@ import { LoaderIcon } from "./Icons/LoaderIcon.js";
 import { LocationIcon } from "./Icons/LocationIcon.js";
 import { LockIcon } from "./Icons/LockIcon.js";
 import { LogoutIcon } from "./Icons/LogoutIcon.js";
+import { MapIcon } from "./Icons/MapIcon.js";
+import { MapPinIcon } from "./Icons/MapPinIcon.js";
 import { MaximizeIcon } from "./Icons/MaximizeIcon.js";
 import { MeasureIcon } from "./Icons/MeasureIcon.js";
 import { MenuDotsIcon } from "./Icons/MenuDotsIcon.js";
@@ -54,10 +65,13 @@ import { MetadataIcon } from "./Icons/MetadataIcon.js";
 import { MinimizeIcon } from "./Icons/MinimizeIcon.js";
 import { MinusIcon } from "./Icons/MinusIcon.js";
 import { OntologyIcon } from "./Icons/OntologyIcon.js";
-import { PanelIconClose } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen } from "./Icons/PanelIconOpen.js";
+import { PanelCloseIcon } from "./Icons/PanelCloseIcon.js";
+import { PanelOpenIcon } from "./Icons/PanelOpenIcon.js";
+import { PaperclipIcon } from "./Icons/PaperclipIcon.js";
+import { PathIcon } from "./Icons/PathIcon.js";
 import { PauseIcon } from "./Icons/PauseIcon.js";
 import { PdfIcon } from "./Icons/PdfIcon.js";
+import { PinIcon } from "./Icons/PinIcon.js";
 import { PlayIcon } from "./Icons/PlayIcon.js";
 import { PlusIcon } from "./Icons/PlusIcon.js";
 import { PolygonIcon } from "./Icons/PolygonIcon.js";
@@ -66,6 +80,10 @@ import { ProgressArrowIcon } from "./Icons/ProgressArrowIcon.js";
 import { ProgressCheckIcon } from "./Icons/ProgressCheckIcon.js";
 import { ResetIcon } from "./Icons/ResetIcon.js";
 import { ReviewedIcon } from "./Icons/ReviewedIcon.js";
+import { Route2Icon } from "./Icons/Route2Icon.js";
+import { Route3Icon } from "./Icons/Route3Icon.js";
+import { RouteIcon } from "./Icons/RouteIcon.js";
+import { SaveIcon } from "./Icons/SaveIcon.js";
 import { ScissorsIcon } from "./Icons/ScissorsIcon.js";
 import { SearchIcon } from "./Icons/SearchIcon.js";
 import { SettingsIcon } from "./Icons/SettingsIcon.js";
@@ -73,18 +91,26 @@ import { SortAscendingIcon } from "./Icons/SortAscendingIcon.js";
 import { SortAtoZIcon } from "./Icons/SortAtoZIcon.js";
 import { SortDescendingIcon } from "./Icons/SortDescendingIcon.js";
 import { SortZtoAIcon } from "./Icons/SortZtoAIcon.js";
+import { SparklesAIIcon } from "./Icons/SparklesAIIcon.js";
 import { SparklesIcon } from "./Icons/SparklesIcon.js";
 import { StackIcon } from "./Icons/StackIcon.js";
 import { StarIcon } from "./Icons/StarIcon.js";
 import { SyncIcon } from "./Icons/SyncIcon.js";
 import { SyncOffIcon } from "./Icons/SyncOffIcon.js";
+import { ToolsIcon } from "./Icons/ToolsIcon.js";
 import { TrashIcon } from "./Icons/TrashIcon.js";
 import { UndoIcon } from "./Icons/UndoIcon.js";
 import { UnlinkIcon } from "./Icons/UnlinkIcon.js";
 import { UnlockIcon } from "./Icons/UnlockIcon.js";
 import { UploadIcon } from "./Icons/UploadIcon.js";
 import { User2Icon } from "./Icons/User2Icon.js";
+import { UserAddIcon } from "./Icons/UserAddIcon.js";
+import { UserDeleteIcon } from "./Icons/UserDeleteIcon.js";
+import { UserEditIcon } from "./Icons/UserEditIcon.js";
 import { UserIcon } from "./Icons/UserIcon.js";
+import { UserSearchIcon } from "./Icons/UserSearchIcon.js";
+import { UserSquareIcon } from "./Icons/UserSquareIcon.js";
+import { UsersIcon } from "./Icons/UsersIcon.js";
 import { WarningIcon } from "./Icons/WarningIcon.js";
 import { ZoomAllIcon } from "./Icons/ZoomAllIcon.js";
 import { ZoomXIcon } from "./Icons/ZoomXIcon.js";
@@ -109,7 +135,7 @@ import { Label } from "./Label.js";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./primitives/input-group.js";
 import { Combobox } from "./Combobox.js";
 import { ControlGroupSelect } from "./ControlGroup/ControlGroupSelect.js";
-import { DataCard } from "./DataCard.js";
+import { Card, CardContent, CardHeader, CardHeaderEndSlot, CardTitle } from "./Card.js";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "./Popover.js";
 import { DateTimePicker } from "./DateTimePicker.js";
 import { Dialog } from "./Dialog.js";
@@ -145,4 +171,4 @@ import { ToggleGroupSplitMenuItem } from "./ToggleGroup/ToggleGroupSplitMenuItem
 import { ToggleGroup } from "./ToggleGroup.js";
 import { Tray } from "./Tray.js";
 
-export { Accordion, AdjustmentsIcon, Alert, AlertDialog, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DEFAULT_DIRECTIONAL_COLOR_STOPS, DashboardIcon, DataCard, DatabaseIcon, DateTimePicker, DeleteIcon, Dialog, DirectionalColorWheel, DirectionalColorWheelDisclosure, DirectionalColorWheelGlyph, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, InputSearch, IterationArrowIcon, Kbd, KbdGroup, KeyboardIcon, Label, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, Meter, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PdfIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, RadialMenu, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, SUPPORTED_SECTOR_COUNTS, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, bearingFromComponents, bearingToPalettePosition, cn, normalizeBearing, sectorBearingRange, sectorId, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };
+export { Accordion, AdjustmentsIcon, Alert, AlertDialog, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogTitle, AlertDialogTrigger, AnalyzeIcon, EditIcon as AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, Avatar, Badge, BoxToolIcon, BuoyIcon, Button, ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, ButtonIcon, ButtonIconSlideout, CalendarIcon, Card, CardContent, CardHeader, CardHeaderEndSlot, CardTitle, CheckCircleIcon, CheckSquareIcon, Checkbox, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, CircleDotIcon, ClockIcon, CloseCircleIcon, CloseIcon, Combobox, ControlGroupSelect, Crosshairs2Icon, CrosshairsIcon, DEFAULT_DIRECTIONAL_COLOR_STOPS, DashboardIcon, DatabaseIcon, DateTimePicker, DeleteIcon, DeploymentsIcon, Dialog, DirectionalColorWheel, DirectionalColorWheelDisclosure, DirectionalColorWheelGlyph, DotIcon, Drawer, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, ErrorMessage, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GeofenceIcon, GeospatialIcon, GlobeIcon, GoToFirstIcon, GoToLastIcon, GpsIcon, HarmonicCursorsIcon, HoverCard, HoverCardContent, HoverCardTrigger, IconBase, InfoIcon, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputNumeric, InputOTP, InputSearch, IterationArrowIcon, Kbd, KbdGroup, KeyIcon, KeyboardIcon, Label, LabelIcon, LassoIcon, LineDashedIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LockIcon, LogoutIcon, MapIcon, MapPinIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, Meter, MinimizeIcon, MinusIcon, MultiSelect, OntologyIcon, PanelCloseIcon, PanelOpenIcon, PaperclipIcon, PathIcon, PauseIcon, PdfIcon, PinIcon, PlayIcon, PlusIcon, PolygonIcon, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrinterIcon, ProgressArrowIcon, ProgressCheckIcon, RadialMenu, RadioButton, RadioButtonGroup, RadioButtonGroupItem, RadioGroup, RadioGroupItem, ResetIcon, ReviewedIcon, Route2Icon, Route3Icon, RouteIcon, SUPPORTED_SECTOR_COUNTS, SaveIcon, ScissorsIcon, SearchIcon, Select, Separator, SettingsIcon, Skeleton, Slider, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesAIIcon, SparklesIcon, SpectralProvider, StackIcon, StarIcon, SvgIdContext, Switch, SyncIcon, SyncOffIcon, Tabs, Textarea, Toast, Toggle, ToggleGroup, ToggleGroupItem, ToggleGroupSplitMenuItem, ToolsIcon, Tooltip, TooltipContent, TooltipTrigger, TrashIcon, Tray, UndoIcon, UnlinkIcon, UnlockIcon, UploadIcon, User2Icon, UserAddIcon, UserDeleteIcon, UserEditIcon, UserIcon, UserSearchIcon, UserSquareIcon, UsersIcon, WarningIcon, WarningMessage, ZoomAllIcon, ZoomXIcon, ZoomYIcon, bearingFromComponents, bearingToPalettePosition, cn, normalizeBearing, sectorBearingRange, sectorId, toast, useAccordionAutoScroll, useControllableState, useUncontrolledState };

package/dist/primitives/button.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/primitives/button.tsx
-const buttonVariants = cva(`gap-2 rounded-md text-medium font-medium [&_svg:not([class*='size-'])]:size-4 inline-flex shrink-0 items-center justify-center font-sans whitespace-nowrap transition-all focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-button-danger aria-invalid:outline-button-danger [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
+const buttonVariants = cva(`gap-2 rounded-md text-medium font-medium [&_svg:not([class*='size-'])]:size-4 aria-invalid:border-button-danger aria-invalid:outline-button-danger inline-flex shrink-0 items-center justify-center font-sans whitespace-nowrap transition-all focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`, {
 	variants: {
 		variant: {
 			default: "bg-level-one text-text-primary hover:bg-level-two",

package/dist/primitives/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/primitives/button.tsx"],"sourcesContent":["import { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const buttonVariants = cva(\n  `gap-2 rounded-md text-medium font-medium [&_svg:not([class*='size-'])]:size-4 inline-flex shrink-0 items-center justify-center font-sans whitespace-nowrap transition-all focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-button-danger aria-invalid:outline-button-danger [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        default: 'bg-level-one text-text-primary hover:bg-level-two',\n        destructive: 'bg-danger-200 text-text-primary hover:bg-danger-300 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-danger-200',\n        outline: 'border-level-three bg-level-one hover:bg-level-two',\n        secondary: 'bg-level-two text-text-secondary hover:bg-level-three',\n        ghost: 'hover:bg-level-one',\n        link: 'hover:underline-accent text-text-primary underline-offset-4',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3 w-full',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nexport const PrimitiveButton = ({\n  asChild = false,\n  className,\n  size,\n  variant,\n  ...props\n}: ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return <Comp data-slot='button' className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n"],"mappings":";;;;;;;;AAKA,MAAa,iBAAiB,IAC5B,kaACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAa,mBAAmB,EAC9B,UAAU,OACV,WACA,MACA,SACA,GAAG,YAIG;AAGN,QAAO,oBAFM,UAAU,OAAO,UAEvB;EAAM,aAAU;EAAS,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAAE,GAAI;EAAS"}
+{"version":3,"file":"button.js","names":[],"sources":["../../src/primitives/button.tsx"],"sourcesContent":["import { Slot } from '@primitives/slot'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ComponentProps } from 'react'\n\nexport const buttonVariants = cva(\n  `gap-2 rounded-md text-medium font-medium [&_svg:not([class*='size-'])]:size-4 aria-invalid:border-button-danger aria-invalid:outline-button-danger inline-flex shrink-0 items-center justify-center font-sans whitespace-nowrap transition-all focus-visible:outline focus-visible:outline-offset-2 focus-visible:outline-accent disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,\n  {\n    variants: {\n      variant: {\n        default: 'bg-level-one text-text-primary hover:bg-level-two',\n        destructive: 'bg-danger-200 text-text-primary hover:bg-danger-300 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-danger-200',\n        outline: 'border-level-three bg-level-one hover:bg-level-two',\n        secondary: 'bg-level-two text-text-secondary hover:bg-level-three',\n        ghost: 'hover:bg-level-one',\n        link: 'hover:underline-accent text-text-primary underline-offset-4',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3 w-full',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n        'icon-sm': 'size-8',\n        'icon-lg': 'size-10',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n)\n\nexport const PrimitiveButton = ({\n  asChild = false,\n  className,\n  size,\n  variant,\n  ...props\n}: ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) => {\n  const Comp = asChild ? Slot : 'button'\n\n  return <Comp data-slot='button' className={cn(buttonVariants({ variant, size, className }))} {...props} />\n}\n"],"mappings":";;;;;;;;AAKA,MAAa,iBAAiB,IAC5B,kaACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,aAAa;GACb,SAAS;GACT,WAAW;GACX,OAAO;GACP,MAAM;GACP;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAED,MAAa,mBAAmB,EAC9B,UAAU,OACV,WACA,MACA,SACA,GAAG,YAIG;AAGN,QAAO,oBAFM,UAAU,OAAO,UAEvB;EAAM,aAAU;EAAS,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;GAAW,CAAC,CAAC;EAAE,GAAI;EAAS"}

package/dist/styles/horizon/base-colors.css

@@ -16,17 +16,17 @@
   --horizon-color-neutral-900: oklch(26.86% 0 0);
   --horizon-color-neutral-950: oklch(21.78% 0 0);
 
-  --horizon-color-primary-50: oklch(97.37% 0.01 238.00);
-  --horizon-color-primary-100: oklch(93.88% 0.03 242.35);
-  --horizon-color-primary-200: oklch(89.30% 0.06 242.83);
-  --horizon-color-primary-300: oklch(83.05% 0.09 240.33);
-  --horizon-color-primary-400: oklch(74.57% 0.14 245.84);
-  --horizon-color-primary-500: oklch(66.23% 0.18 254.28);
-  --horizon-color-primary-600: oklch(58.57% 0.21 259.12);
-  --horizon-color-primary-700: oklch(52.25% 0.21 261.44);
-  --horizon-color-primary-800: oklch(42.44% 0.17 262.29);
-  --horizon-color-primary-900: oklch(39.88% 0.14 261.51);
-  --horizon-color-primary-950: oklch(29.27% 0.09 263.49);
+  --horizon-color-primary-50: oklch(97.05% 0.0142 254.6);
+  --horizon-color-primary-100: oklch(93.19% 0.0316 255.59);
+  --horizon-color-primary-200: oklch(88.41% 0.0581 252.44);
+  --horizon-color-primary-300: oklch(80.75% 0.0958 253.19);
+  --horizon-color-primary-400: oklch(71.27% 0.1469 255.61);
+  --horizon-color-primary-500: oklch(62.31% 0.1862 260.06);
+  --horizon-color-primary-600: oklch(54.34% 0.2151 263.01);
+  --horizon-color-primary-700: oklch(49.14% 0.2189 264.03);
+  --horizon-color-primary-800: oklch(42.75% 0.1828 265.08);
+  --horizon-color-primary-900: oklch(37.78% 0.1366 265.11);
+  --horizon-color-primary-950: oklch(28.37% 0.0887 268.75);
 
   --horizon-color-level-zero: oklch(23.78% 0 0);
   --horizon-color-level-one: oklch(26.94% 0 0);

package/dist/styles/horizon/utilities.css

@@ -2,6 +2,13 @@
 
 @layer utilities {
 
+  .matte-glass {
+    backdrop-filter: blur(10px) saturate(1.2);
+    background: oklch(26.862% 0.00003 271.152 / 20%);
+    border: 1px solid oklch(32.11% 0 0);
+    box-shadow: 2px 2px 8px 1px oklch(0% 0 0 / 0.2);
+  }
+
   a.underline-on-hover {
     color: var(--color-accent);
     cursor: pointer;
@@ -46,14 +53,6 @@
     transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
   }
 
-  .shadow-neumorphic-large {
-    box-shadow: 0.75rem 0.75rem 1.5rem var(--color-shadow-neumorphic-large), -0.75rem -0.75rem 1.5rem var(--color-white);
-  }
-
-  .shadow-neumorphic-small {
-    box-shadow: 0.25rem 0.25rem 0.5rem var(--color-shadow-neumorphic), -0.25rem -0.25rem 0.5rem var(--color-white);
-  }
-
   .dialog-no-animations {
     animation: none !important;
     transform: translateX(-50%) translateY(-50%) !important;