@coinbase/cds-web 9.1.2 → 9.2.0

package/esm/layout/__figma__/Divider.figma.js

@@ -1,31 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Divider } from '../Divider';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Divider, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19869&m=dev', {
-  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider'"],
-  props: {
-    color: figma.enum('type', {
-      line: 'bgLine',
-      lineHeavy: 'bgLineHeavy'
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(Divider, _objectSpread({}, props))
-});
-figma.connect(Divider, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=60-654&m=dev', {
-  imports: ["import { Divider } from '@coinbase/cds-web/layout/Divider'"],
-  props: {
-    color: figma.enum('type', {
-      line: 'bgLine',
-      lineHeavy: 'bgLineHeavy'
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(Divider, _objectSpread({
-    direction: "vertical"
-  }, props))
-});

package/esm/layout/__figma__/Fallback.figma.js

@@ -1,25 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Fallback } from '../Fallback';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Fallback, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=731-14951&m=dev', {
-  imports: ["import { Fallback } from '@coinbase/cds-web/layout/Fallback'"],
-  props: {
-    shape: figma.enum('shape', {
-      circle: 'circle',
-      rectangle: 'rectangle'
-    }),
-    width: figma.enum('shape', {
-      circle: 32,
-      rectangle: 150
-    })
-  },
-  example: props => /*#__PURE__*/_jsx(Fallback, _objectSpread({
-    height: 32
-  }, props))
-});

package/esm/media/__figma__/Avatar.figma.js

@@ -1,61 +0,0 @@
-const _excluded = ["variant", "shape"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Avatar } from '../Avatar';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Avatar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=60-643&m=dev', {
-  imports: ["import {Avatar} from '@coinbase/cds-web/media/Avatar'"],
-  props: {
-    shape: figma.enum('shape', {
-      circle: 'circle',
-      square: 'square',
-      polygon: 'polygon'
-    }),
-    size: figma.enum('size', {
-      'm (24)': 'm',
-      'l (32)': 'l',
-      'xl (40)': 'xl',
-      'xxl (48)': 'xxl',
-      'xxxl (56)': 'xxxl'
-    }),
-    colorScheme: figma.enum('color scheme', {
-      teal: 'teal',
-      purple: 'purple',
-      pink: 'pink',
-      green: 'green',
-      gray: 'gray',
-      NA: 'blue',
-      blue: 'blue'
-    }),
-    variant: figma.enum('variant', {
-      image: 'image',
-      initial: 'initial',
-      NFT: 'nft'
-    }),
-    name: figma.enum('variant', {
-      initial: figma.string('initial')
-    }),
-    src: figma.enum('variant', {
-      image: 'url'
-    })
-  },
-  // @ts-expect-error shape mapping issue
-  example: _ref => {
-    let {
-        variant,
-        shape
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(Avatar, _objectSpread(_objectSpread({}, props), {}, {
-      alt: variant,
-      shape: shape
-    }));
-  }
-});

package/esm/multi-content-module/__figma__/MultiContentModule.figma.js

@@ -1,39 +0,0 @@
-const _excluded = ["pictogram"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { MultiContentModule } from '../MultiContentModule';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(MultiContentModule, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=14727%3A26365', {
-  imports: ["import { MultiContentModule } from '@coinbase/cds-web/multi-content-module/MultiContentModule'"],
-  props: {
-    title: figma.string('headline'),
-    description: figma.boolean('show description', {
-      true: figma.string('description'),
-      false: undefined
-    }),
-    pictogram: figma.instance('↳ illustration type').getProps(),
-    children: figma.instance('↳ content type'),
-    action: figma.enum('action type', {
-      button: figma.instance('action type'),
-      'button group': figma.instance('action type'),
-      'button + secondary content': figma.instance('action type'),
-      none: undefined
-    })
-  },
-  example: _ref => {
-    let {
-        pictogram
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(MultiContentModule, _objectSpread({
-      pictogram: pictogram.name
-    }, props));
-  }
-});

package/esm/navigation/__figma__/NavLink.figma.js

@@ -1,58 +0,0 @@
-const _excluded = ["children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { HStack } from '../../layout';
-import { NavLink } from '../NavLink';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(NavLink, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=240-16872&m=dev', {
-  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink'"],
-  props: {
-    children: figma.string('navLink string'),
-    active: figma.enum('state', {
-      active: true
-    })
-    // state: figma.enum("state", {
-    //   active: "active",
-    //   default: "default",
-    //   focused: "focused",
-    //   hover: "hover",
-    //   pressed: "pressed",
-    // }),
-  },
-  example: _ref => {
-    let {
-        children
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return /*#__PURE__*/_jsx(NavLink, _objectSpread(_objectSpread({}, props), {}, {
-      children: children
-    }));
-  }
-});
-figma.connect(NavLink, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=283-19790&m=dev', {
-  imports: ["import { NavLink } from '@coinbase/cds-web/navigation/NavLink'", "import { HStack } from '@coinbase/cds-web/layout/HStack'"],
-  example: () => /*#__PURE__*/_jsxs(HStack, {
-    gap: 4,
-    children: [/*#__PURE__*/_jsx(NavLink, {
-      active: true,
-      children: "NavLink"
-    }), /*#__PURE__*/_jsx(NavLink, {
-      children: "NavLink"
-    }), /*#__PURE__*/_jsx(NavLink, {
-      children: "NavLink"
-    }), /*#__PURE__*/_jsx(NavLink, {
-      children: "NavLink"
-    }), /*#__PURE__*/_jsx(NavLink, {
-      children: "NavLink"
-    }), /*#__PURE__*/_jsx(NavLink, {
-      children: "NavLink"
-    })]
-  })
-});

package/esm/navigation/__figma__/NavigationBar.figma.js

@@ -1,284 +0,0 @@
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Button, IconButton } from '../../buttons';
-import { SearchInput } from '../../controls';
-import { HStack } from '../../layout';
-import { Avatar } from '../../media';
-import { TabNavigation } from '../../tabs';
-import { NavigationBar } from '../NavigationBar';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
-  props: {
-    // showsearch27799: figma.boolean('show search'),
-    // showhelpcenter176314: figma.boolean('show help center'),
-    // showsecondarycta24034: figma.boolean('show secondary cta'),
-    // shownotification24028: figma.boolean('show notification'),
-    // type156900: figma.instance('type'),
-    // showpagetitle80: figma.boolean('show page title'),
-    // showtabs24024: figma.boolean('show tabs'),
-    // showprimarycta24032: figma.boolean('show primary cta'),
-    // showbackarrow24022: figma.boolean('show back arrow'),
-    // device: figma.enum('device', {
-    //   desktop: 'desktop',
-    //   tablet: 'tablet',
-    //   'responsive mobile': 'responsive-mobile',
-    // }),
-    children: figma.boolean('show page title', {
-      true: figma.children('.NavigationTitle'),
-      false: undefined
-    }),
-    start: figma.boolean('show back arrow', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "backArrow",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    search: figma.boolean('show search', {
-      true: /*#__PURE__*/_jsx(SearchInput, {
-        compact: true,
-        onChangeText: () => {},
-        placeholder: "Search",
-        value: ""
-      }),
-      false: undefined
-    }),
-    primaryButton: figma.boolean('show primary cta', {
-      true: /*#__PURE__*/_jsx(Button, {
-        compact: true,
-        children: "Button"
-      }),
-      false: undefined
-    }),
-    secondaryButton: figma.boolean('show secondary cta', {
-      true: /*#__PURE__*/_jsx(Button, {
-        compact: true,
-        variant: "secondary",
-        children: "Button"
-      }),
-      false: undefined
-    }),
-    helpButton: figma.boolean('show help center', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "unknown",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    notificationButton: figma.boolean('show notification', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "bell",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    tabs: figma.boolean('show tabs', {
-      true: /*#__PURE__*/_jsx(TabNavigation, {
-        onChange: () => {},
-        tabs: [{
-          id: 'first_primary_tab',
-          label: 'Primary tab'
-        }, {
-          id: 'second_primary_tab',
-          label: 'Primary tab'
-        }, {
-          id: 'third_primary_tab',
-          label: 'Primary tab'
-        }],
-        value: "first_primary_tab"
-      }),
-      false: undefined
-    })
-  },
-  example: _ref => {
-    let {
-      start,
-      search,
-      primaryButton,
-      secondaryButton,
-      helpButton,
-      notificationButton,
-      tabs,
-      children
-    } = _ref;
-    return /*#__PURE__*/_jsx(NavigationBar, {
-      bottom: tabs,
-      end: /*#__PURE__*/_jsxs(HStack, {
-        gap: 2,
-        children: [search, /*#__PURE__*/_jsxs(HStack, {
-          gap: 1,
-          children: [primaryButton, secondaryButton]
-        }), /*#__PURE__*/_jsxs(HStack, {
-          gap: 1,
-          children: [helpButton, notificationButton, /*#__PURE__*/_jsx(IconButton, {
-            compact: true,
-            name: "appSwitcher",
-            variant: "secondary"
-          }), /*#__PURE__*/_jsx(Avatar, {
-            alt: "initial",
-            colorScheme: "blue",
-            name: "S",
-            shape: "circle",
-            size: "xl"
-          })]
-        })]
-      }),
-      start: start,
-      children: /*#__PURE__*/_jsx(HStack, {
-        alignItems: "center",
-        flexGrow: 1,
-        gap: 1,
-        children: children
-      })
-    });
-  }
-});
-figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
-  variant: {
-    device: 'tablet'
-  },
-  props: {
-    children: figma.boolean('show page title', {
-      true: figma.children('.NavigationTitle'),
-      false: undefined
-    }),
-    start: figma.boolean('show back arrow', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "backArrow",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    search: figma.boolean('show search', {
-      true: /*#__PURE__*/_jsx(SearchInput, {
-        compact: true,
-        onChangeText: () => {},
-        placeholder: "Search",
-        value: ""
-      }),
-      false: undefined
-    }),
-    helpButton: figma.boolean('show help center', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "unknown",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    notificationButton: figma.boolean('show notification', {
-      true: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        name: "bell",
-        variant: "secondary"
-      }),
-      false: undefined
-    }),
-    tabs: figma.boolean('show tabs', {
-      true: /*#__PURE__*/_jsx(TabNavigation, {
-        onChange: () => {},
-        tabs: [{
-          id: 'first_primary_tab',
-          label: 'Primary tab'
-        }, {
-          id: 'second_primary_tab',
-          label: 'Primary tab'
-        }, {
-          id: 'third_primary_tab',
-          label: 'Primary tab'
-        }],
-        value: "first_primary_tab"
-      }),
-      false: undefined
-    })
-  },
-  example: _ref2 => {
-    let {
-      start,
-      search,
-      helpButton,
-      notificationButton,
-      tabs,
-      children
-    } = _ref2;
-    return /*#__PURE__*/_jsx(NavigationBar, {
-      bottom: tabs,
-      end: /*#__PURE__*/_jsxs(HStack, {
-        gap: 2,
-        children: [search, /*#__PURE__*/_jsxs(HStack, {
-          gap: 1,
-          children: [helpButton, notificationButton, /*#__PURE__*/_jsx(IconButton, {
-            compact: true,
-            name: "appSwitcher",
-            variant: "secondary"
-          }), /*#__PURE__*/_jsx(Avatar, {
-            alt: "initial",
-            colorScheme: "blue",
-            name: "S",
-            shape: "circle",
-            size: "xl"
-          })]
-        })]
-      }),
-      start: start,
-      children: /*#__PURE__*/_jsx(HStack, {
-        alignItems: "center",
-        flexGrow: 1,
-        gap: 1,
-        children: children
-      })
-    });
-  }
-});
-figma.connect(NavigationBar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=10414-896', {
-  imports: ["import { NavigationBar } from '@coinbase/cds-web/navigation/NavigationBar'"],
-  variant: {
-    device: 'responsive mobile'
-  },
-  props: {
-    children: figma.instance('type')
-  },
-  example: _ref3 => {
-    let {
-      children
-    } = _ref3;
-    return /*#__PURE__*/_jsx(NavigationBar, {
-      end: /*#__PURE__*/_jsxs(HStack, {
-        gap: 1,
-        children: [/*#__PURE__*/_jsx(IconButton, {
-          compact: true,
-          name: "search",
-          variant: "secondary"
-        }), /*#__PURE__*/_jsx(IconButton, {
-          compact: true,
-          name: "appSwitcher",
-          variant: "secondary"
-        }), /*#__PURE__*/_jsx(Avatar, {
-          alt: "initial",
-          colorScheme: "blue",
-          name: "S",
-          shape: "circle",
-          size: "xl"
-        })]
-      }),
-      start: /*#__PURE__*/_jsx(IconButton, {
-        compact: true,
-        transparent: true,
-        name: "hamburger",
-        variant: "secondary"
-      }),
-      children: /*#__PURE__*/_jsx(HStack, {
-        alignItems: "center",
-        flexGrow: 1,
-        gap: 1,
-        children: children
-      })
-    });
-  }
-});

package/esm/navigation/__figma__/NavigationTitle.figma.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { NavigationTitle } from '../NavigationTitle';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(NavigationTitle, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=1221-19383', {
-  imports: ["import { NavigationTitle } from '@coinbase/cds-web/navigation/NavigationTitle'"],
-  props: {
-    children: figma.string('page title')
-  },
-  example: _ref => {
-    let {
-      children
-    } = _ref;
-    return /*#__PURE__*/_jsx(NavigationTitle, {
-      children: children
-    });
-  }
-});

package/esm/navigation/__figma__/Sidebar.figma.js

@@ -1,40 +0,0 @@
-const _excluded = ["children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { LogoMark } from '../../icons';
-import { Sidebar } from '../Sidebar';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Sidebar, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=252-13321&m=dev', {
-  imports: ["import { Sidebar } from '@coinbase/cds-web/navigation/Sidebar'", "import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem'", "import { LogoMark } from '@coinbase/cds-web/icons/LogoMark'"],
-  props: {
-    type: figma.enum('type', {
-      default: 'default',
-      condensed: 'condensed',
-      custom: 'custom'
-    }),
-    children: figma.children(['Home', 'Assets', 'Label', 'Pay', 'For you', 'Earn', 'Borrow', 'Defi', 'More', 'Sidebar Item']),
-    collapsed: figma.boolean('collapsed')
-  },
-  example: _ref => {
-    let {
-        children
-      } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-    return (
-      /*#__PURE__*/
-      // @ts-expect-error multiple children will be rendered based on figma instance
-      _jsx(Sidebar, _objectSpread(_objectSpread({
-        logo: /*#__PURE__*/_jsx(LogoMark, {})
-      }, props), {}, {
-        children: children
-      }))
-    );
-  }
-});

package/esm/navigation/__figma__/SidebarItem.figma.js

@@ -1,24 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { SidebarItem } from '../SidebarItem';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(SidebarItem, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/%E2%9C%A8-CDS-Components?node-id=252-12892', {
-  imports: ["import { SidebarItem } from '@coinbase/cds-web/navigation/SidebarItem';"],
-  variant: {
-    type: 'default',
-    state: 'default',
-    active: 'true'
-  },
-  props: {
-    title: figma.textContent('Label')
-  },
-  example: props => /*#__PURE__*/_jsx(SidebarItem, _objectSpread({
-    active: true,
-    icon: "home"
-  }, props))
-});

package/esm/overlays/__figma__/Alert.figma.js

@@ -1,37 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from 'react';
-import { figma } from '@figma/code-connect';
-import { Alert } from '../Alert';
-import { jsx as _jsx } from "react/jsx-runtime";
-figma.connect(Alert, 'https://www.figma.com/design/k5CtyJccNQUGMI5bI4lJ2g/✨-CDS-Components?node-id=35-698&m=dev', {
-  imports: ["import { Alert } from '@coinbase/cds-web/overlays/Alert'"],
-  props: {
-    body: figma.string('body'),
-    title: figma.string('title'),
-    pictogram: figma.boolean('illustration', {
-      true: figma.instance('spotsquare'),
-      false: undefined
-    }),
-    dismissActionLabel: figma.enum('footer', {
-      'single action': '',
-      stacked: 'Button'
-    }),
-    preferredActionVariant: figma.enum('type', {
-      default: 'primary',
-      destructive: 'negative'
-    })
-  },
-  // @ts-expect-error pictogram mapping issue
-  example: _ref => {
-    let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-    return /*#__PURE__*/_jsx(Alert, _objectSpread(_objectSpread({}, props), {}, {
-      preferredActionLabel: "Button"
-    }));
-  }
-});