@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.0

package/dist/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    backgroundColor: \"rgb(0 0 0 / 50%)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  content: {\n    backgroundColor: tokens.gray2,\n    position: \"fixed\",\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.borderRadius(tokens.radius2xl),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n  },\n  contentPadding: {\n    // v1 p-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  right: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderLeft(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  left: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    left: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderRight(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  top: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    top: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  bottom: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderTop(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  closeButton: {\n    position: \"absolute\",\n    // v1 top-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    top: tokens.spacingElement3,\n    right: tokens.spacingGroup2,\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 rounded-full; no full-radius token exists in this package.\n    borderRadius: \"9999px\",\n    cursor: \"pointer\",\n    color: tokens.accentA11,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n    \":disabled\": {\n      pointerEvents: \"none\",\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  header: {\n    display: \"flex\",\n    flexShrink: 0,\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    flexShrink: 0,\n    ...shorthands.gap(tokens.spacingElement2),\n    justifyContent: \"flex-end\",\n  },\n  title: {\n    fontSize: tokens.textLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    padding: 0,\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n  },\n})\n\nconst XIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  function XIcon(props, ref) {\n    return (\n      <svg\n        ref={ref}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 9 9\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    )\n  }\n)\n\nexport type DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(\n  function Drawer(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"drawer\" {...props} />\n  }\n)\n\nexport type DrawerTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DrawerTriggerProps\n>(function DrawerTrigger({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DrawerPortal = React.forwardRef<HTMLElement, DrawerPortalProps>(\n  function DrawerPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"drawer-portal\"\n        {...{ [SLOT_ATTR]: \"drawer-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DrawerOverlayProps\n>(function DrawerOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerSide = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport type DrawerContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  side?: DrawerSide\n  flush?: boolean\n}\n\nexport const DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DrawerContentProps\n>(function DrawerContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    side = \"right\",\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      data-side={side}\n      className={mergeClasses(\n        styles.content,\n        styles[side],\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"drawer-close\"\n          {...{ [SLOT_ATTR]: \"drawer-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DrawerCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DrawerCloseProps\n>(function DrawerClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"drawer-close\"\n      {...{ [SLOT_ATTR]: \"drawer-close\" }}\n      className={mergeClasses(styles.close, className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DrawerHeaderProps = React.ComponentProps<\"div\">\n\nexport const DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  function DrawerHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-header\"\n        {...{ [SLOT_ATTR]: \"drawer-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerFooterProps = React.ComponentProps<\"div\">\n\nexport const DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  function DrawerFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-footer\"\n        {...{ [SLOT_ATTR]: \"drawer-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DrawerTitleProps\n>(function DrawerTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      {...{ [SLOT_ATTR]: \"drawer-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DrawerDescriptionProps\n>(function DrawerDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"drawer-description\"\n      {...{ [SLOT_ATTR]: \"drawer-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.gray2","tokens.spacingGroup2","tokens.radius2xl","tokens.spacingElement3","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.semAccentSoft","tokens.textLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","XIcon","React","props","ref","jsx","Drawer","_ref","DialogPrimitive.Root","DrawerTrigger","className","DialogPrimitive.Trigger","SLOT_ATTR","DrawerPortal","DialogPrimitive.Portal","DrawerOverlay","styles","DialogPrimitive.Overlay","mergeClasses","DrawerContent","children","showCloseButton","side","flush","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","DrawerClose","DrawerHeader","DrawerFooter","DrawerTitle","DialogPrimitive.Title","DrawerDescription","DialogPrimitive.Description"],"mappings":"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"}
+{"version":3,"file":"drawer.js","sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    backgroundColor: \"rgb(0 0 0 / 50%)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0 },\n        to: { opacity: 1 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1 },\n        to: { opacity: 0 },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  content: {\n    backgroundColor: tokens.gray2,\n    position: \"fixed\",\n    // v1's z-1300 is the overlay tier; no z-index token exists in this package.\n    zIndex: 1300,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingGroup2),\n    ...shorthands.borderRadius(tokens.radius2xl),\n    // v1 shadow-lg; elevation has no token in this package.\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n  },\n  contentPadding: {\n    // v1 p-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    ...shorthands.padding(tokens.spacingElement3),\n  },\n  right: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderLeft(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  left: {\n    top: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    left: tokens.spacingElement1,\n    height: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderRight(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateX(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateX(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  top: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    top: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderBottom(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(-100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  bottom: {\n    left: tokens.spacingElement1,\n    right: tokens.spacingElement1,\n    bottom: tokens.spacingElement1,\n    width: \"calc(100% - 0.5rem)\",\n    ...shorthands.borderTop(\"1px\", \"solid\", tokens.grayA1),\n    \"&[data-state='open']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n        to: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: {\n          opacity: 1,\n          transform: \"translateY(0)\",\n        },\n        to: {\n          opacity: 0,\n          transform: \"translateY(100%)\",\n        },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  closeButton: {\n    position: \"absolute\",\n    // v1 top-3 is 0.75rem; no spacing token for 0.75rem exists in this package.\n    top: tokens.spacingElement3,\n    right: tokens.spacingGroup2,\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 rounded-full; no full-radius token exists in this package.\n    borderRadius: \"9999px\",\n    cursor: \"pointer\",\n    color: tokens.accentA11,\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n    \":disabled\": {\n      pointerEvents: \"none\",\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      flexShrink: 0,\n      width: \"1rem\",\n      height: \"1rem\",\n    },\n  },\n  header: {\n    display: \"flex\",\n    flexShrink: 0,\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingElement2),\n    textAlign: \"left\",\n  },\n  footer: {\n    marginTop: \"auto\",\n    display: \"flex\",\n    flexShrink: 0,\n    ...shorthands.gap(tokens.spacingElement2),\n    justifyContent: \"flex-end\",\n  },\n  title: {\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    position: \"absolute\",\n    width: \"1px\",\n    height: \"1px\",\n    padding: 0,\n    margin: \"-1px\",\n    overflow: \"hidden\",\n    clip: \"rect(0, 0, 0, 0)\",\n    whiteSpace: \"nowrap\",\n  },\n})\n\nconst XIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(\n  function XIcon(props, ref) {\n    return (\n      <svg\n        ref={ref}\n        width=\"12\"\n        height=\"12\"\n        viewBox=\"0 0 9 9\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        {...props}\n      >\n        <path\n          d=\"M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    )\n  }\n)\n\nexport type DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(\n  function Drawer(props, _ref) {\n    return <DialogPrimitive.Root data-slot=\"drawer\" {...props} />\n  }\n)\n\nexport type DrawerTriggerProps = React.ComponentProps<\n  typeof DialogPrimitive.Trigger\n>\n\nexport const DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Trigger>,\n  DrawerTriggerProps\n>(function DrawerTrigger({ className, ...props }, ref) {\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerPortalProps = React.ComponentProps<\n  typeof DialogPrimitive.Portal\n>\n\nexport const DrawerPortal = React.forwardRef<HTMLElement, DrawerPortalProps>(\n  function DrawerPortal(props, _ref) {\n    return (\n      <DialogPrimitive.Portal\n        data-slot=\"drawer-portal\"\n        {...{ [SLOT_ATTR]: \"drawer-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerOverlayProps = React.ComponentProps<\n  typeof DialogPrimitive.Overlay\n>\n\nexport const DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  DrawerOverlayProps\n>(function DrawerOverlay({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerSide = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport type DrawerContentProps = React.ComponentProps<\n  typeof DialogPrimitive.Content\n> & {\n  showCloseButton?: boolean\n  side?: DrawerSide\n  flush?: boolean\n}\n\nexport const DrawerContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DrawerContentProps\n>(function DrawerContent(\n  {\n    className,\n    children,\n    showCloseButton = true,\n    side = \"right\",\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      data-side={side}\n      className={mergeClasses(\n        styles.content,\n        styles[side],\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close\n          data-slot=\"drawer-close\"\n          {...{ [SLOT_ATTR]: \"drawer-close\" }}\n          className={styles.closeButton}\n        >\n          <XIcon />\n          <span className={styles.srOnly}>Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  )\n})\n\nexport type DrawerCloseProps = React.ComponentProps<\n  typeof DialogPrimitive.Close\n>\n\nexport const DrawerClose = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Close>,\n  DrawerCloseProps\n>(function DrawerClose({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Close\n      ref={ref}\n      data-slot=\"drawer-close\"\n      {...{ [SLOT_ATTR]: \"drawer-close\" }}\n      className={mergeClasses(styles.close, className)}\n      {...props}\n    >\n      {children}\n    </DialogPrimitive.Close>\n  )\n})\n\nexport type DrawerHeaderProps = React.ComponentProps<\"div\">\n\nexport const DrawerHeader = React.forwardRef<HTMLDivElement, DrawerHeaderProps>(\n  function DrawerHeader({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-header\"\n        {...{ [SLOT_ATTR]: \"drawer-header\" }}\n        className={mergeClasses(styles.header, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerFooterProps = React.ComponentProps<\"div\">\n\nexport const DrawerFooter = React.forwardRef<HTMLDivElement, DrawerFooterProps>(\n  function DrawerFooter({ className, ...props }, ref) {\n    const styles = useStyles()\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"drawer-footer\"\n        {...{ [SLOT_ATTR]: \"drawer-footer\" }}\n        className={mergeClasses(styles.footer, className)}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerTitleProps = React.ComponentProps<\n  typeof DialogPrimitive.Title\n>\n\nexport const DrawerTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  DrawerTitleProps\n>(function DrawerTitle({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Title\n      ref={ref}\n      data-slot=\"drawer-title\"\n      {...{ [SLOT_ATTR]: \"drawer-title\" }}\n      className={mergeClasses(styles.title, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DrawerDescriptionProps = React.ComponentProps<\n  typeof DialogPrimitive.Description\n>\n\nexport const DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  DrawerDescriptionProps\n>(function DrawerDescription({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Description\n      ref={ref}\n      data-slot=\"drawer-description\"\n      {...{ [SLOT_ATTR]: \"drawer-description\" }}\n      className={mergeClasses(styles.description, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.gray2","tokens.spacingGroup2","tokens.radius2xl","tokens.spacingElement3","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.semAccentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsx","Drawer","_ref","DialogPrimitive.Root","DrawerTrigger","className","DialogPrimitive.Trigger","SLOT_ATTR","DrawerPortal","DialogPrimitive.Portal","DrawerOverlay","styles","DialogPrimitive.Overlay","mergeClasses","DrawerContent","children","showCloseButton","side","flush","jsxs","DialogPrimitive.Content","DialogPrimitive.Close","DrawerClose","DrawerHeader","DrawerFooter","DrawerTitle","DialogPrimitive.Title","DrawerDescription","DialogPrimitive.Description"],"mappings":"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"}

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import * as s from "react";
-import { Root as R, CheckboxItem as C, ItemIndicator as x, Portal as y, Content as S, Group as D, Item as I, Label as M, RadioGroup as T, RadioItem as v, Separator as k, Sub as N, SubContent as q, SubTrigger as L, Trigger as A } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import { shorthands as g } from "../../node_modules/@griffel/core/src/index.js";
-import { SLOT_ATTR as c } from "../../renderer/contract.js";
-import { makeVoltStyles as G } from "../../styles/make-styles.js";
-import { spacingElement1 as l, grayA11 as z, textXs as W, grayA3 as B, fontWeightSemibold as E, textSm as b, spacingElement2 as m, semAccentSoft as f, semErrorSoft as w, errorA8 as X, errorA11 as $, grayA12 as P, body as j, accentA11 as Y, radiusMd as _, radiusXl as F } from "../../tokens/index.js";
-import { mergeClasses as p } from "../../node_modules/@griffel/core/src/mergeClasses.js";
-const Z = (r) => /* @__PURE__ */ e(
+import * as d from "react";
+import { Root as S, CheckboxItem as C, ItemIndicator as y, Portal as R, Content as D, Group as I, Item as M, Label as T, RadioGroup as v, RadioItem as k, Separator as N, Sub as q, SubContent as L, SubTrigger as A, Trigger as G } from "../../vendor/@radix-ui/react-dropdown-menu/dist/index.js";
+import { shorthands as g } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as c } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as p } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as z } from "../../styles/make-styles.js";
+import { spacingElement1 as u, grayA11 as W, leadingXs as X, textXs as B, grayA3 as E, fontWeightSemibold as $, leadingSm as b, textSm as x, spacingElement2 as m, semAccentSoft as f, semErrorSoft as w, errorA8 as P, errorA11 as j, grayA12 as Y, body as _, accentA11 as F, radiusMd as H, radiusXl as Z } from "../../tokens/index.js";
+const O = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -17,7 +17,7 @@ const Z = (r) => /* @__PURE__ */ e(
     ...r,
     children: /* @__PURE__ */ e("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
   }
-), O = (r) => /* @__PURE__ */ e(
+), Q = (r) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -39,20 +39,20 @@ const Z = (r) => /* @__PURE__ */ e(
     ...r,
     children: /* @__PURE__ */ e("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
   }
-), u = G({
+), l = z({
   trigger: {
-    color: Y
+    color: F
   },
   portal: {
     display: "contents"
   },
   popup: {
-    backgroundColor: j,
-    color: P,
+    backgroundColor: _,
+    color: Y,
     minWidth: "10rem",
     overflow: "hidden",
-    ...g.borderRadius(F),
-    ...g.padding(l),
+    ...g.borderRadius(Z),
+    ...g.padding(u),
     // v1 shadow-lg
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     outlineStyle: "none",
@@ -118,12 +118,13 @@ const Z = (r) => /* @__PURE__ */ e(
     userSelect: "none",
     alignItems: "center",
     ...g.gap(m),
-    ...g.borderRadius(_),
+    ...g.borderRadius(H),
     paddingLeft: m,
     paddingRight: m,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: b,
+    fontSize: x,
+    lineHeight: b,
     outlineStyle: "none",
     transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
     transitionDuration: "150ms",
@@ -152,7 +153,7 @@ const Z = (r) => /* @__PURE__ */ e(
     paddingLeft: "2rem"
   },
   itemDestructive: {
-    color: $,
+    color: j,
     ":hover": {
       backgroundColor: w
     },
@@ -160,7 +161,7 @@ const Z = (r) => /* @__PURE__ */ e(
       backgroundColor: w,
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: X
+      outlineColor: P
     },
     "&[data-highlighted]": {
       backgroundColor: w
@@ -201,31 +202,33 @@ const Z = (r) => /* @__PURE__ */ e(
     paddingRight: m,
     paddingTop: "0.375rem",
     paddingBottom: "0.375rem",
-    fontSize: b,
-    fontWeight: E
+    fontSize: x,
+    lineHeight: b,
+    fontWeight: $
   },
   separator: {
-    marginLeft: `calc(-1 * ${l})`,
-    marginRight: `calc(-1 * ${l})`,
-    marginTop: l,
-    marginBottom: l,
+    marginLeft: `calc(-1 * ${u})`,
+    marginRight: `calc(-1 * ${u})`,
+    marginTop: u,
+    marginBottom: u,
     height: "1px",
-    backgroundColor: B
+    backgroundColor: E
   },
   shortcut: {
     marginLeft: "auto",
-    fontSize: W,
+    fontSize: B,
+    lineHeight: X,
     letterSpacing: "0.1em",
-    color: z
+    color: W
   }
-}), eo = s.forwardRef(
+}), ro = d.forwardRef(
   function(o, t) {
-    return /* @__PURE__ */ e(R, { "data-slot": "dropdown-menu", ...o });
+    return /* @__PURE__ */ e(S, { "data-slot": "dropdown-menu", ...o });
   }
-), no = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
+), ao = d.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
   return /* @__PURE__ */ e(
-    A,
+    G,
     {
       ref: n,
       "data-slot": "dropdown-menu-trigger",
@@ -234,9 +237,9 @@ const Z = (r) => /* @__PURE__ */ e(
       ...t
     }
   );
-}), ro = s.forwardRef(function({ className: o, ...t }, n) {
+}), io = d.forwardRef(function({ className: o, ...t }, n) {
   return /* @__PURE__ */ e(
-    D,
+    I,
     {
       ref: n,
       "data-slot": "dropdown-menu-group",
@@ -245,20 +248,20 @@ const Z = (r) => /* @__PURE__ */ e(
       ...t
     }
   );
-}), ao = s.forwardRef(function(o, t) {
+}), so = d.forwardRef(function(o, t) {
   return /* @__PURE__ */ e(
-    y,
+    R,
     {
       "data-slot": "dropdown-menu-portal",
       [c]: "dropdown-menu-portal",
       ...o
     }
   );
-}), io = s.forwardRef(function(o, t) {
-  return /* @__PURE__ */ e(N, { "data-slot": "dropdown-menu-sub", ...o });
-}), so = s.forwardRef(function({ className: o, ...t }, n) {
+}), co = d.forwardRef(function(o, t) {
+  return /* @__PURE__ */ e(q, { "data-slot": "dropdown-menu-sub", ...o });
+}), mo = d.forwardRef(function({ className: o, ...t }, n) {
   return /* @__PURE__ */ e(
-    T,
+    v,
     {
       ref: n,
       "data-slot": "dropdown-menu-radio-group",
@@ -267,31 +270,31 @@ const Z = (r) => /* @__PURE__ */ e(
       ...t
     }
   );
-}), co = s.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
-  const d = u();
+}), po = d.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
+  const s = l();
   return /* @__PURE__ */ h(
-    L,
+    A,
     {
       ref: i,
       "data-slot": "dropdown-menu-sub-trigger",
       [c]: "dropdown-menu-sub-trigger",
       className: p(
-        d.item,
-        d.subTrigger,
-        t && d.itemInset,
+        s.item,
+        s.subTrigger,
+        t && s.itemInset,
         o
       ),
       ...a,
       children: [
         n,
-        /* @__PURE__ */ e(O, { className: d.subTriggerChevron })
+        /* @__PURE__ */ e(Q, { className: s.subTriggerChevron })
       ]
     }
   );
-}), mo = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
+}), lo = d.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
   return /* @__PURE__ */ e(
-    q,
+    L,
     {
       ref: n,
       "data-slot": "dropdown-menu-sub-content",
@@ -300,57 +303,57 @@ const Z = (r) => /* @__PURE__ */ e(
       ...t
     }
   );
-}), po = s.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
-  const d = u();
-  return /* @__PURE__ */ e(y, { container: n, children: /* @__PURE__ */ e(
-    S,
+}), uo = d.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
+  const s = l();
+  return /* @__PURE__ */ e(R, { container: n, children: /* @__PURE__ */ e(
+    D,
     {
       ref: i,
       "data-slot": "dropdown-menu-content",
       [c]: "dropdown-menu-content",
       sideOffset: t,
-      className: p(d.popup, o),
+      className: p(s.popup, o),
       ...a
     }
   ) });
-}), uo = s.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
-  const d = u();
+}), go = d.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
+  const s = l();
   return /* @__PURE__ */ e(
-    I,
+    M,
     {
       ref: i,
       "data-slot": "dropdown-menu-item",
       [c]: "dropdown-menu-item",
       className: p(
-        d.item,
-        t && d.itemInset,
-        n && d.itemDestructive,
+        s.item,
+        t && s.itemInset,
+        n && s.itemDestructive,
         o
       ),
       ...a
     }
   );
-}), lo = s.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
-  const d = u();
+}), fo = d.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
+  const s = l();
   return /* @__PURE__ */ h(
     C,
     {
       ref: i,
       "data-slot": "dropdown-menu-checkbox-item",
       [c]: "dropdown-menu-checkbox-item",
-      className: p(d.item, d.itemCheckboxRadio, o),
+      className: p(s.item, s.itemCheckboxRadio, o),
       checked: n,
       ...a,
       children: [
-        /* @__PURE__ */ e("span", { className: d.itemIndicatorWrapper, children: /* @__PURE__ */ e(x, { className: d.itemIndicator, children: /* @__PURE__ */ e(Z, {}) }) }),
+        /* @__PURE__ */ e("span", { className: s.itemIndicatorWrapper, children: /* @__PURE__ */ e(y, { className: s.itemIndicator, children: /* @__PURE__ */ e(O, {}) }) }),
         t
       ]
     }
   );
-}), go = s.forwardRef(function({ className: o, children: t, ...n }, a) {
-  const i = u();
+}), wo = d.forwardRef(function({ className: o, children: t, ...n }, a) {
+  const i = l();
   return /* @__PURE__ */ h(
-    v,
+    k,
     {
       ref: a,
       "data-slot": "dropdown-menu-radio-item",
@@ -358,15 +361,15 @@ const Z = (r) => /* @__PURE__ */ e(
       className: p(i.item, i.itemCheckboxRadio, o),
       ...n,
       children: [
-        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(x, { className: i.itemIndicator, children: /* @__PURE__ */ e(V, {}) }) }),
+        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(y, { className: i.itemIndicator, children: /* @__PURE__ */ e(V, {}) }) }),
         t
       ]
     }
   );
-}), fo = s.forwardRef(function({ className: o, inset: t, ...n }, a) {
-  const i = u();
+}), ho = d.forwardRef(function({ className: o, inset: t, ...n }, a) {
+  const i = l();
   return /* @__PURE__ */ e(
-    M,
+    T,
     {
       ref: a,
       "data-slot": "dropdown-menu-label",
@@ -379,10 +382,10 @@ const Z = (r) => /* @__PURE__ */ e(
       ...n
     }
   );
-}), wo = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
+}), bo = d.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
   return /* @__PURE__ */ e(
-    k,
+    N,
     {
       ref: n,
       "data-slot": "dropdown-menu-separator",
@@ -391,8 +394,8 @@ const Z = (r) => /* @__PURE__ */ e(
       ...t
     }
   );
-}), ho = s.forwardRef(function({ className: o, ...t }, n) {
-  const a = u();
+}), xo = d.forwardRef(function({ className: o, ...t }, n) {
+  const a = l();
   return /* @__PURE__ */ e(
     "span",
     {
@@ -405,20 +408,20 @@ const Z = (r) => /* @__PURE__ */ e(
   );
 });
 export {
-  eo as DropdownMenu,
-  lo as DropdownMenuCheckboxItem,
-  po as DropdownMenuContent,
-  ro as DropdownMenuGroup,
-  uo as DropdownMenuItem,
-  fo as DropdownMenuLabel,
-  ao as DropdownMenuPortal,
-  so as DropdownMenuRadioGroup,
-  go as DropdownMenuRadioItem,
-  wo as DropdownMenuSeparator,
-  ho as DropdownMenuShortcut,
-  io as DropdownMenuSub,
-  mo as DropdownMenuSubContent,
-  co as DropdownMenuSubTrigger,
-  no as DropdownMenuTrigger
+  ro as DropdownMenu,
+  fo as DropdownMenuCheckboxItem,
+  uo as DropdownMenuContent,
+  io as DropdownMenuGroup,
+  go as DropdownMenuItem,
+  ho as DropdownMenuLabel,
+  so as DropdownMenuPortal,
+  mo as DropdownMenuRadioGroup,
+  wo as DropdownMenuRadioItem,
+  bo as DropdownMenuSeparator,
+  xo as DropdownMenuShortcut,
+  co as DropdownMenuSub,
+  lo as DropdownMenuSubContent,
+  po as DropdownMenuSubTrigger,
+  ao as DropdownMenuTrigger
 };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { mergeClasses, shorthands } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z\" />\n  </svg>\n)\n\nconst CircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"8px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"8px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\" />\n  </svg>\n)\n\nconst useStyles = makeVoltStyles({\n  trigger: {\n    color: tokens.accentA11,\n  },\n  portal: {\n    display: \"contents\",\n  },\n  popup: {\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    minWidth: \"10rem\",\n    overflow: \"hidden\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.padding(tokens.spacingElement1),\n    // v1 shadow-lg\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    outlineStyle: \"none\",\n    zIndex: 50,\n    transformOrigin: \"var(--radix-dropdown-menu-content-transform-origin)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"100ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  item: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    outlineStyle: \"none\",\n    transitionProperty:\n      \"color, background-color, border-color, text-decoration-color, fill, stroke\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      width: \"1rem\",\n      height: \"1rem\",\n      flexShrink: 0,\n    },\n  },\n  itemInset: {\n    paddingLeft: \"2rem\",\n  },\n  itemDestructive: {\n    color: tokens.errorA11,\n    \":hover\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semErrorSoft,\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.errorA8,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n  },\n  itemCheckboxRadio: {\n    paddingLeft: \"2rem\",\n    paddingRight: tokens.spacingElement2,\n  },\n  itemIndicatorWrapper: {\n    position: \"absolute\",\n    left: tokens.spacingElement2,\n    display: \"flex\",\n    height: \"0.875rem\",\n    width: \"0.875rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  itemIndicator: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  subTrigger: {\n    \"&[data-state='open']\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n  },\n  subTriggerChevron: {\n    marginLeft: \"auto\",\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    pointerEvents: \"none\",\n  },\n  label: {\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  separator: {\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    marginTop: tokens.spacingElement1,\n    marginBottom: tokens.spacingElement1,\n    height: \"1px\",\n    backgroundColor: tokens.grayA3,\n  },\n  shortcut: {\n    marginLeft: \"auto\",\n    fontSize: tokens.textXs,\n    letterSpacing: \"0.1em\",\n    color: tokens.grayA11,\n  },\n})\n\nexport type DropdownMenuProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Root\n>\n\nexport const DropdownMenu = React.forwardRef<HTMLElement, DropdownMenuProps>(\n  function DropdownMenu(props, _ref) {\n    return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n  }\n)\n\nexport type DropdownMenuTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Trigger\n>\n\nexport const DropdownMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,\n  DropdownMenuTriggerProps\n>(function DropdownMenuTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dropdown-menu-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-trigger\" }}\n      className={mergeClasses(styles.trigger, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Group\n>\n\nexport const DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Group>,\n  DropdownMenuGroupProps\n>(function DropdownMenuGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Group\n      ref={ref}\n      data-slot=\"dropdown-menu-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuPortalProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Portal\n>\n\nexport const DropdownMenuPortal = React.forwardRef<\n  HTMLElement,\n  DropdownMenuPortalProps\n>(function DropdownMenuPortal(props, _ref) {\n  return (\n    <DropdownMenuPrimitive.Portal\n      data-slot=\"dropdown-menu-portal\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-portal\" }}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Sub\n>\n\nexport const DropdownMenuSub = React.forwardRef<\n  HTMLElement,\n  DropdownMenuSubProps\n>(function DropdownMenuSub(props, _ref) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n})\n\nexport type DropdownMenuRadioGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioGroup\n>\n\nexport const DropdownMenuRadioGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>,\n  DropdownMenuRadioGroupProps\n>(function DropdownMenuRadioGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubTrigger\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(function DropdownMenuSubTrigger(\n  { className, inset, children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-trigger\" }}\n      className={mergeClasses(\n        styles.item,\n        styles.subTrigger,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className={styles.subTriggerChevron} />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n})\n\nexport type DropdownMenuSubContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubContent\n>\n\nexport const DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  DropdownMenuSubContentProps\n>(function DropdownMenuSubContent({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-content\" }}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Content\n> & {\n  container?: React.ComponentProps<\n    typeof DropdownMenuPrimitive.Portal\n  >[\"container\"]\n}\n\nexport const DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  DropdownMenuContentProps\n>(function DropdownMenuContent(\n  { className, sideOffset = 4, container, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Portal container={container}>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        data-slot=\"dropdown-menu-content\"\n        {...{ [SLOT_ATTR]: \"dropdown-menu-content\" }}\n        sideOffset={sideOffset}\n        className={mergeClasses(styles.popup, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n})\n\nexport type DropdownMenuItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Item\n> & {\n  inset?: boolean\n  destructive?: boolean\n}\n\nexport const DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  DropdownMenuItemProps\n>(function DropdownMenuItem({ className, inset, destructive, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-item\" }}\n      className={mergeClasses(\n        styles.item,\n        inset && styles.itemInset,\n        destructive && styles.itemDestructive,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(function DropdownMenuCheckboxItem(\n  { className, children, checked, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-checkbox-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      checked={checked}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n})\n\nexport type DropdownMenuRadioItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioItem\n>\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  DropdownMenuRadioItemProps\n>(function DropdownMenuRadioItem({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CircleIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n})\n\nexport type DropdownMenuLabelProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Label\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  DropdownMenuLabelProps\n>(function DropdownMenuLabel({ className, inset, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-label\" }}\n      className={mergeClasses(\n        styles.label,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Separator\n>\n\nexport const DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  DropdownMenuSeparatorProps\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<\"span\">\n\nexport const DropdownMenuShortcut = React.forwardRef<\n  HTMLSpanElement,\n  DropdownMenuShortcutProps\n>(function DropdownMenuShortcut({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"dropdown-menu-shortcut\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-shortcut\" }}\n      className={mergeClasses(styles.shortcut, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["CheckIcon","props","jsx","ChevronRightIcon","CircleIcon","useStyles","makeVoltStyles","tokens.accentA11","tokens.body","tokens.grayA12","shorthands","tokens.radiusXl","tokens.spacingElement1","tokens.spacingElement2","tokens.radiusMd","tokens.textSm","tokens.semAccentSoft","tokens.errorA11","tokens.semErrorSoft","tokens.errorA8","tokens.fontWeightSemibold","tokens.grayA3","tokens.textXs","tokens.grayA11","DropdownMenu","React","_ref","DropdownMenuPrimitive.Root","DropdownMenuTrigger","className","ref","styles","DropdownMenuPrimitive.Trigger","SLOT_ATTR","mergeClasses","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","inset","children","jsxs","DropdownMenuPrimitive.SubTrigger","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","container","DropdownMenuPrimitive.Content","DropdownMenuItem","destructive","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label","DropdownMenuSeparator","DropdownMenuPrimitive.Separator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z\" />\n  </svg>\n)\n\nconst CircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"8px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"8px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\" />\n  </svg>\n)\n\nconst useStyles = makeVoltStyles({\n  trigger: {\n    color: tokens.accentA11,\n  },\n  portal: {\n    display: \"contents\",\n  },\n  popup: {\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    minWidth: \"10rem\",\n    overflow: \"hidden\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.padding(tokens.spacingElement1),\n    // v1 shadow-lg\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    outlineStyle: \"none\",\n    zIndex: 50,\n    transformOrigin: \"var(--radix-dropdown-menu-content-transform-origin)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"100ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  item: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    transitionProperty:\n      \"color, background-color, border-color, text-decoration-color, fill, stroke\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      width: \"1rem\",\n      height: \"1rem\",\n      flexShrink: 0,\n    },\n  },\n  itemInset: {\n    paddingLeft: \"2rem\",\n  },\n  itemDestructive: {\n    color: tokens.errorA11,\n    \":hover\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semErrorSoft,\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.errorA8,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n  },\n  itemCheckboxRadio: {\n    paddingLeft: \"2rem\",\n    paddingRight: tokens.spacingElement2,\n  },\n  itemIndicatorWrapper: {\n    position: \"absolute\",\n    left: tokens.spacingElement2,\n    display: \"flex\",\n    height: \"0.875rem\",\n    width: \"0.875rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  itemIndicator: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  subTrigger: {\n    \"&[data-state='open']\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n  },\n  subTriggerChevron: {\n    marginLeft: \"auto\",\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    pointerEvents: \"none\",\n  },\n  label: {\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  separator: {\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    marginTop: tokens.spacingElement1,\n    marginBottom: tokens.spacingElement1,\n    height: \"1px\",\n    backgroundColor: tokens.grayA3,\n  },\n  shortcut: {\n    marginLeft: \"auto\",\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    letterSpacing: \"0.1em\",\n    color: tokens.grayA11,\n  },\n})\n\nexport type DropdownMenuProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Root\n>\n\nexport const DropdownMenu = React.forwardRef<HTMLElement, DropdownMenuProps>(\n  function DropdownMenu(props, _ref) {\n    return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n  }\n)\n\nexport type DropdownMenuTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Trigger\n>\n\nexport const DropdownMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,\n  DropdownMenuTriggerProps\n>(function DropdownMenuTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dropdown-menu-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-trigger\" }}\n      className={mergeClasses(styles.trigger, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Group\n>\n\nexport const DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Group>,\n  DropdownMenuGroupProps\n>(function DropdownMenuGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Group\n      ref={ref}\n      data-slot=\"dropdown-menu-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuPortalProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Portal\n>\n\nexport const DropdownMenuPortal = React.forwardRef<\n  HTMLElement,\n  DropdownMenuPortalProps\n>(function DropdownMenuPortal(props, _ref) {\n  return (\n    <DropdownMenuPrimitive.Portal\n      data-slot=\"dropdown-menu-portal\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-portal\" }}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Sub\n>\n\nexport const DropdownMenuSub = React.forwardRef<\n  HTMLElement,\n  DropdownMenuSubProps\n>(function DropdownMenuSub(props, _ref) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n})\n\nexport type DropdownMenuRadioGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioGroup\n>\n\nexport const DropdownMenuRadioGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>,\n  DropdownMenuRadioGroupProps\n>(function DropdownMenuRadioGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubTrigger\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(function DropdownMenuSubTrigger(\n  { className, inset, children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-trigger\" }}\n      className={mergeClasses(\n        styles.item,\n        styles.subTrigger,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className={styles.subTriggerChevron} />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n})\n\nexport type DropdownMenuSubContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubContent\n>\n\nexport const DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  DropdownMenuSubContentProps\n>(function DropdownMenuSubContent({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-content\" }}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Content\n> & {\n  container?: React.ComponentProps<\n    typeof DropdownMenuPrimitive.Portal\n  >[\"container\"]\n}\n\nexport const DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  DropdownMenuContentProps\n>(function DropdownMenuContent(\n  { className, sideOffset = 4, container, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Portal container={container}>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        data-slot=\"dropdown-menu-content\"\n        {...{ [SLOT_ATTR]: \"dropdown-menu-content\" }}\n        sideOffset={sideOffset}\n        className={mergeClasses(styles.popup, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n})\n\nexport type DropdownMenuItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Item\n> & {\n  inset?: boolean\n  destructive?: boolean\n}\n\nexport const DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  DropdownMenuItemProps\n>(function DropdownMenuItem({ className, inset, destructive, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-item\" }}\n      className={mergeClasses(\n        styles.item,\n        inset && styles.itemInset,\n        destructive && styles.itemDestructive,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(function DropdownMenuCheckboxItem(\n  { className, children, checked, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-checkbox-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      checked={checked}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n})\n\nexport type DropdownMenuRadioItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioItem\n>\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  DropdownMenuRadioItemProps\n>(function DropdownMenuRadioItem({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CircleIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n})\n\nexport type DropdownMenuLabelProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Label\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  DropdownMenuLabelProps\n>(function DropdownMenuLabel({ className, inset, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-label\" }}\n      className={mergeClasses(\n        styles.label,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Separator\n>\n\nexport const DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  DropdownMenuSeparatorProps\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<\"span\">\n\nexport const DropdownMenuShortcut = React.forwardRef<\n  HTMLSpanElement,\n  DropdownMenuShortcutProps\n>(function DropdownMenuShortcut({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"dropdown-menu-shortcut\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-shortcut\" }}\n      className={mergeClasses(styles.shortcut, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["CheckIcon","props","jsx","ChevronRightIcon","CircleIcon","useStyles","makeVoltStyles","tokens.accentA11","tokens.body","tokens.grayA12","shorthands","tokens.radiusXl","tokens.spacingElement1","tokens.spacingElement2","tokens.radiusMd","tokens.textSm","tokens.leadingSm","tokens.semAccentSoft","tokens.errorA11","tokens.semErrorSoft","tokens.errorA8","tokens.fontWeightSemibold","tokens.grayA3","tokens.textXs","tokens.leadingXs","tokens.grayA11","DropdownMenu","React","_ref","DropdownMenuPrimitive.Root","DropdownMenuTrigger","className","ref","styles","DropdownMenuPrimitive.Trigger","SLOT_ATTR","mergeClasses","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","inset","children","jsxs","DropdownMenuPrimitive.SubTrigger","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","container","DropdownMenuPrimitive.Content","DropdownMenuItem","destructive","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label","DropdownMenuSeparator","DropdownMenuPrimitive.Separator","DropdownMenuShortcut"],"mappings":"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"}