@mastra/playground-ui 33.0.0-alpha.2 → 33.0.0-alpha.4

package/dist/components/ContextMenu.cjs.js

@@ -0,0 +1,212 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const contextMenu = require('@base-ui/react/context-menu');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const utils = require('../utils-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const ContextMenuRoot = contextMenu.ContextMenu.Root;
+const ContextMenuGroup = contextMenu.ContextMenu.Group;
+const ContextMenuPortal = contextMenu.ContextMenu.Portal;
+const ContextMenuSub = contextMenu.ContextMenu.SubmenuRoot;
+const ContextMenuRadioGroup = contextMenu.ContextMenu.RadioGroup;
+const itemClass = utils.cn(
+  "relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+  "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100"
+);
+const popupClass = utils.cn(
+  "bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
+  "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
+  "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1"
+);
+const ContextMenuTrigger = contextMenu.ContextMenu.Trigger;
+const ContextMenuContent = React__namespace.forwardRef(
+  ({ className, align = "start", alignOffset = 4, side, sideOffset = 0, container, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu.Portal, { container, children: /* @__PURE__ */ jsxRuntime.jsx(
+    contextMenu.ContextMenu.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-1000 outline-none",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        contextMenu.ContextMenu.Popup,
+        {
+          ref,
+          "data-slot": "context-menu-content",
+          className: utils.cn(popupClass, className),
+          ...props
+        }
+      )
+    }
+  ) })
+);
+ContextMenuContent.displayName = "ContextMenuContent";
+const ContextMenuItem = React__namespace.forwardRef(
+  ({ className, inset, variant = "default", onSelect, onClick, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    contextMenu.ContextMenu.Item,
+    {
+      ref,
+      "data-inset": inset ? "" : void 0,
+      "data-variant": variant,
+      onClick: (event) => {
+        onClick?.(event);
+        onSelect?.(event);
+      },
+      className: utils.cn(
+        itemClass,
+        inset && "pl-8",
+        "data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+ContextMenuItem.displayName = "ContextMenuItem";
+const ContextMenuCheckboxItem = React__namespace.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    contextMenu.ContextMenu.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: utils.cn(itemClass, "w-full", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border border-border2 flex h-4 w-4 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) }) }),
+        children
+      ]
+    }
+  )
+);
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+const ContextMenuRadioItem = React__namespace.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    contextMenu.ContextMenu.RadioItem,
+    {
+      ref,
+      className: utils.cn(
+        "relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu.RadioItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  )
+);
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+const ContextMenuLabel = React__namespace.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(
+        "px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+ContextMenuLabel.displayName = "ContextMenuLabel";
+const ContextMenuSeparator = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu.Separator, { ref, className: utils.cn("bg-border1 -mx-1 my-1 h-px", className), ...props })
+);
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+const ContextMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+const ContextMenuSubTrigger = React__namespace.forwardRef(
+  ({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    contextMenu.ContextMenu.SubmenuTrigger,
+    {
+      ref,
+      className: utils.cn(
+        itemClass,
+        "data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6",
+        inset && "pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "-rotate-90 opacity-50" }) })
+      ]
+    }
+  )
+);
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+const ContextMenuSubContent = React__namespace.forwardRef(
+  ({ className, align = "start", alignOffset = -4, side = "right", sideOffset = -4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(contextMenu.ContextMenu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    contextMenu.ContextMenu.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-1000 outline-none",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        contextMenu.ContextMenu.Popup,
+        {
+          ref,
+          "data-slot": "context-menu-sub-content",
+          className: utils.cn(popupClass, className),
+          ...props
+        }
+      )
+    }
+  ) })
+);
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+function ContextMenu({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ContextMenuRoot, { open, defaultOpen, onOpenChange, children });
+}
+ContextMenu.Trigger = ContextMenuTrigger;
+ContextMenu.Content = ContextMenuContent;
+ContextMenu.Group = ContextMenuGroup;
+ContextMenu.Portal = ContextMenuPortal;
+ContextMenu.Item = ContextMenuItem;
+ContextMenu.CheckboxItem = ContextMenuCheckboxItem;
+ContextMenu.RadioItem = ContextMenuRadioItem;
+ContextMenu.Label = ContextMenuLabel;
+ContextMenu.Separator = ContextMenuSeparator;
+ContextMenu.Shortcut = ContextMenuShortcut;
+ContextMenu.Sub = ContextMenuSub;
+ContextMenu.SubContent = ContextMenuSubContent;
+ContextMenu.SubTrigger = ContextMenuSubTrigger;
+ContextMenu.RadioGroup = ContextMenuRadioGroup;
+
+exports.ContextMenu = ContextMenu;
+//# sourceMappingURL=ContextMenu.cjs.js.map

package/dist/components/ContextMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.cjs.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst itemClass = cn(\n  'relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n  '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100',\n);\n\nconst popupClass = cn(\n  'bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none',\n  'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentProps = ContextMenuPrimitive.Popup.Props &\n  Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  ({ className, align = 'start', alignOffset = 4, side, sideOffset = 0, container, ...props }, ref) => (\n    <ContextMenuPrimitive.Portal container={container}>\n      <ContextMenuPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-1000 outline-none\"\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot=\"context-menu-content\"\n          className={cn(popupClass, className)}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={ref}\n      checked={checked}\n      className={cn(itemClass, 'w-full', className)}\n      {...props}\n    >\n      <div className=\"border border-border2 flex h-4 w-4 items-center justify-center rounded-sm\">\n        <ContextMenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <Circle className=\"h-2 w-2 fill-current\" />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn('bg-border1 -mx-1 my-1 h-px', className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPrimitive.Popup.Props &\n  Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  ({ className, align = 'start', alignOffset = -4, side = 'right', sideOffset = -4, ...props }, ref) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-1000 outline-none\"\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot=\"context-menu-sub-content\"\n          className={cn(popupClass, className)}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive","cn","React","jsx","jsxs","CheckIcon","Circle","ChevronDown"],"mappings":"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"}

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/ContextMenu/index'
+export {}

package/dist/components/ContextMenu.es.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
+import { CheckIcon, Circle, ChevronDown } from 'lucide-react';
+import * as React from 'react';
+import { c as cn } from '../utils-CzYGxqbG.js';
+
+const ContextMenuRoot = ContextMenu$1.Root;
+const ContextMenuGroup = ContextMenu$1.Group;
+const ContextMenuPortal = ContextMenu$1.Portal;
+const ContextMenuSub = ContextMenu$1.SubmenuRoot;
+const ContextMenuRadioGroup = ContextMenu$1.RadioGroup;
+const itemClass = cn(
+  "relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+  "[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100"
+);
+const popupClass = cn(
+  "bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none",
+  "data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95",
+  "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1"
+);
+const ContextMenuTrigger = ContextMenu$1.Trigger;
+const ContextMenuContent = React.forwardRef(
+  ({ className, align = "start", alignOffset = 4, side, sideOffset = 0, container, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Portal, { container, children: /* @__PURE__ */ jsx(
+    ContextMenu$1.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-1000 outline-none",
+      children: /* @__PURE__ */ jsx(
+        ContextMenu$1.Popup,
+        {
+          ref,
+          "data-slot": "context-menu-content",
+          className: cn(popupClass, className),
+          ...props
+        }
+      )
+    }
+  ) })
+);
+ContextMenuContent.displayName = "ContextMenuContent";
+const ContextMenuItem = React.forwardRef(
+  ({ className, inset, variant = "default", onSelect, onClick, ...props }, ref) => /* @__PURE__ */ jsx(
+    ContextMenu$1.Item,
+    {
+      ref,
+      "data-inset": inset ? "" : void 0,
+      "data-variant": variant,
+      onClick: (event) => {
+        onClick?.(event);
+        onSelect?.(event);
+      },
+      className: cn(
+        itemClass,
+        inset && "pl-8",
+        "data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2",
+        className
+      ),
+      ...props
+    }
+  )
+);
+ContextMenuItem.displayName = "ContextMenuItem";
+const ContextMenuCheckboxItem = React.forwardRef(
+  ({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+    ContextMenu$1.CheckboxItem,
+    {
+      ref,
+      checked,
+      className: cn(itemClass, "w-full", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "border border-border2 flex h-4 w-4 items-center justify-center rounded-sm", children: /* @__PURE__ */ jsx(ContextMenu$1.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+        children
+      ]
+    }
+  )
+);
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+const ContextMenuRadioItem = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    ContextMenu$1.RadioItem,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  )
+);
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+const ContextMenuLabel = React.forwardRef(
+  ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3",
+        inset && "pl-8",
+        className
+      ),
+      ...props
+    }
+  )
+);
+ContextMenuLabel.displayName = "ContextMenuLabel";
+const ContextMenuSeparator = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Separator, { ref, className: cn("bg-border1 -mx-1 my-1 h-px", className), ...props })
+);
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+const ContextMenuShortcut = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+const ContextMenuSubTrigger = React.forwardRef(
+  ({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+    ContextMenu$1.SubmenuTrigger,
+    {
+      ref,
+      className: cn(
+        itemClass,
+        "data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6",
+        inset && "pl-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", { className: "ml-auto pl-2", children: /* @__PURE__ */ jsx(ChevronDown, { className: "-rotate-90 opacity-50" }) })
+      ]
+    }
+  )
+);
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+const ContextMenuSubContent = React.forwardRef(
+  ({ className, align = "start", alignOffset = -4, side = "right", sideOffset = -4, ...props }, ref) => /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenu$1.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-1000 outline-none",
+      children: /* @__PURE__ */ jsx(
+        ContextMenu$1.Popup,
+        {
+          ref,
+          "data-slot": "context-menu-sub-content",
+          className: cn(popupClass, className),
+          ...props
+        }
+      )
+    }
+  ) })
+);
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+function ContextMenu({
+  open,
+  defaultOpen,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ContextMenuRoot, { open, defaultOpen, onOpenChange, children });
+}
+ContextMenu.Trigger = ContextMenuTrigger;
+ContextMenu.Content = ContextMenuContent;
+ContextMenu.Group = ContextMenuGroup;
+ContextMenu.Portal = ContextMenuPortal;
+ContextMenu.Item = ContextMenuItem;
+ContextMenu.CheckboxItem = ContextMenuCheckboxItem;
+ContextMenu.RadioItem = ContextMenuRadioItem;
+ContextMenu.Label = ContextMenuLabel;
+ContextMenu.Separator = ContextMenuSeparator;
+ContextMenu.Shortcut = ContextMenuShortcut;
+ContextMenu.Sub = ContextMenuSub;
+ContextMenu.SubContent = ContextMenuSubContent;
+ContextMenu.SubTrigger = ContextMenuSubTrigger;
+ContextMenu.RadioGroup = ContextMenuRadioGroup;
+
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.es.js.map

package/dist/components/ContextMenu.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.es.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown, Circle } from 'lucide-react';\nimport * as React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst itemClass = cn(\n  'relative flex cursor-pointer select-none items-center gap-2.5 rounded-lg px-2 py-1.5 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 [&>span]:truncate [&_svg]:size-4 [&_svg]:shrink-0 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n  '[&>svg]:w-[1.1em] [&>svg]:h-[1.1em] [&>svg]:opacity-60 [&:hover>svg]:opacity-100',\n);\n\nconst popupClass = cn(\n  'bg-surface3 text-neutral4 z-1000 min-w-44 max-h-[min(20rem,var(--available-height))] overflow-x-hidden overflow-y-auto rounded-xl border border-border1 p-1 shadow-dialog origin-[var(--transform-origin)] outline-none',\n  'data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95',\n  'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n);\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentProps = ContextMenuPrimitive.Popup.Props &\n  Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  ({ className, align = 'start', alignOffset = 4, side, sideOffset = 0, container, ...props }, ref) => (\n    <ContextMenuPrimitive.Portal container={container}>\n      <ContextMenuPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-1000 outline-none\"\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot=\"context-menu-content\"\n          className={cn(popupClass, className)}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={ref}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        itemClass,\n        inset && 'pl-8',\n        'data-[variant=destructive]:text-accent2 data-[variant=destructive]:hover:bg-accent2/10 data-[variant=destructive]:hover:text-accent2 data-[variant=destructive]:data-[highlighted]:bg-accent2/10 data-[variant=destructive]:data-[highlighted]:text-accent2',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={ref}\n      checked={checked}\n      className={cn(itemClass, 'w-full', className)}\n      {...props}\n    >\n      <div className=\"border border-border2 flex h-4 w-4 items-center justify-center rounded-sm\">\n        <ContextMenuPrimitive.CheckboxItemIndicator>\n          <CheckIcon />\n        </ContextMenuPrimitive.CheckboxItemIndicator>\n      </div>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem\n      ref={ref}\n      className={cn(\n        'relative flex cursor-pointer select-none items-center rounded-lg py-1.5 pl-8 pr-2 text-ui-smd leading-ui-sm transition-colors text-neutral4 hover:text-neutral6 focus:text-neutral6 hover:bg-surface4 focus:bg-surface4 data-[highlighted]:bg-surface4 data-[highlighted]:text-neutral6 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-disabled:hover:bg-transparent data-disabled:hover:text-neutral4 data-disabled:focus:bg-transparent data-disabled:focus:text-neutral4 data-disabled:data-[highlighted]:bg-transparent data-disabled:data-[highlighted]:text-neutral4 outline-none focus:outline-none focus-visible:outline-none focus-visible:ring-0',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.RadioItemIndicator>\n          <Circle className=\"h-2 w-2 fill-current\" />\n        </ContextMenuPrimitive.RadioItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'px-2 pt-1.5 pb-1 text-ui-xs font-medium uppercase tracking-wider text-neutral3',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn('bg-border1 -mx-1 my-1 h-px', className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={ref}\n      className={cn(\n        itemClass,\n        'data-[popup-open]:bg-surface4 data-[popup-open]:text-neutral6',\n        inset && 'pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className=\"ml-auto pl-2\">\n        <ChevronDown className=\"-rotate-90 opacity-50\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPrimitive.Popup.Props &\n  Pick<ContextMenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  ({ className, align = 'start', alignOffset = -4, side = 'right', sideOffset = -4, ...props }, ref) => (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        className=\"isolate z-1000 outline-none\"\n      >\n        <ContextMenuPrimitive.Popup\n          ref={ref}\n          data-slot=\"context-menu-sub-content\"\n          className={cn(popupClass, className)}\n          {...props}\n        />\n      </ContextMenuPrimitive.Positioner>\n    </ContextMenuPrimitive.Portal>\n  ),\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive"],"mappings":"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"}

package/dist/components/CopyButton.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const copyButton = require('../copy-button-lrxHKwwi.cjs');
+
+
+
+exports.CopyButton = copyButton.CopyButton;
+//# sourceMappingURL=CopyButton.cjs.js.map

package/dist/components/CopyButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/CopyButton.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/CopyButton/index'
+export {}

package/dist/components/CopyButton.es.js

@@ -0,0 +1,2 @@
+export { C as CopyButton } from '../copy-button-DDKn1NUS.js';
+//# sourceMappingURL=CopyButton.es.js.map

package/dist/components/CopyButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DashboardCard.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dashboardCard = require('../dashboard-card-B9enj4NG.cjs');
+
+
+
+exports.DashboardCard = dashboardCard.DashboardCard;
+//# sourceMappingURL=DashboardCard.cjs.js.map

package/dist/components/DashboardCard.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardCard.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/DashboardCard.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/DashboardCard/index'
+export {}

package/dist/components/DashboardCard.es.js

@@ -0,0 +1,2 @@
+export { D as DashboardCard } from '../dashboard-card-C7nmBU5A.js';
+//# sourceMappingURL=DashboardCard.es.js.map

package/dist/components/DashboardCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardCard.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/DataCodeSection.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const dataCodeSection = require('../data-code-section-Bz_B8nrw.cjs');
+
+
+
+exports.DataCodeSection = dataCodeSection.DataCodeSection;
+//# sourceMappingURL=DataCodeSection.cjs.js.map

package/dist/components/DataCodeSection.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCodeSection.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/DataCodeSection.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/DataCodeSection/index'
+export {}

package/dist/components/DataCodeSection.es.js

@@ -0,0 +1,2 @@
+export { D as DataCodeSection } from '../data-code-section-BYhkWiIy.js';
+//# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataCodeSection.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCodeSection.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}