@epilot/zenith-react 0.2.0-next.3 → 0.2.0-next.4

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 \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    zIndex: OVERLAY_Z_INDEX,\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    ...boxModel,\n    backgroundColor: tokens.gray2,\n    position: \"fixed\",\n    zIndex: OVERLAY_Z_INDEX,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingLayout1),\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    // Collapses the side slots' slide too: media rules sort after them at equal specificity.\n    \"@media (prefers-reduced-motion: reduce)\": {\n      animationDuration: \"0.01ms\",\n      animationIterationCount: \"1\",\n      \"&[data-state='open']\": {\n        animationDuration: \"0.01ms\",\n      },\n      \"&[data-state='closed']\": {\n        animationDuration: \"0.01ms\",\n      },\n    },\n  },\n  contentPadding: {\n    ...boxModel,\n    // Layout tier, unlike Dialog, AlertDialog and Popover: a drawer holds sections, not one group.\n    ...shorthands.padding(tokens.spacingLayout1),\n  },\n  right: {\n    ...boxModel,\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    ...boxModel,\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    ...boxModel,\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    ...boxModel,\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    ...nativeControl,\n    position: \"absolute\",\n    // Inset by the content padding so it lines up with the padded header.\n    top: tokens.spacingLayout1,\n    right: tokens.spacingLayout1,\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.accentSoft,\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      display: \"block\",\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    ...shorthands.margin(0),\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    ...shorthands.margin(0),\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    ...boxModel,\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  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={mergeClasses(\n        !props.asChild && styles.nativeTrigger,\n        className\n      )}\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  // The overlay is portalled too, so it re-stamps the boundary's appearance like the content (#8).\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Overlay\n      ref={ref}\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      {...appearance}\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  /**\n   * Accessible name of the built-in close button, read by screen readers. Pass a translated\n   * string for any locale other than English. Defaults to \"Close\".\n   */\n  closeButtonLabel?: string\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    closeButtonLabel = \"Close\",\n    side = \"right\",\n    flush = false,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Content\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\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}>{closeButtonLabel}</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(\n        !props.asChild && styles.nativeTrigger,\n        styles.close,\n        className\n      )}\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","makeZenithStyles","nativeControl","shorthands","OVERLAY_Z_INDEX","boxModel","tokens.gray2","tokens.spacingLayout1","tokens.radius2xl","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.accentSoft","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","styles","DialogPrimitive.Trigger","SLOT_ATTR","mergeClasses","DrawerPortal","DialogPrimitive.Portal","DrawerOverlay","appearance","useAppearanceAttributes","DialogPrimitive.Overlay","DrawerContent","children","showCloseButton","closeButtonLabel","side","flush","override","useDensity","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 { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\"\nimport { mergeClasses, shorthands } from \"@epilot/zenith-runtime/v1\"\n\nimport { useAppearanceAttributes } from \"../appearance-boundary/appearance-boundary\"\nimport { useDensity } from \"../density-provider/density-provider\"\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeZenithStyles } from \"../../styles/make-styles\"\nimport { boxModel, nativeControl } from \"../../styles/host-reset\"\nimport { OVERLAY_Z_INDEX } from \"../../styles/overlay-layer\"\nimport * as tokens from \"../../tokens\"\n\nconst easeOut = \"cubic-bezier(0.4, 0, 0.2, 1)\"\nconst easeIn = \"cubic-bezier(0.4, 0, 1, 1)\"\n\nconst useStyles = makeZenithStyles({\n  // For the bare native `<button>` a Trigger/Close renders. Not applied under `asChild`, where the\n  // child owns its own element and two atom sets would race for the same properties.\n  nativeTrigger: {\n    ...nativeControl,\n  },\n  overlay: {\n    position: \"fixed\",\n    ...shorthands.inset(0),\n    zIndex: OVERLAY_Z_INDEX,\n    backgroundColor: \"rgb(0 0 0 / 50%)\",\n    transitionProperty: \"opacity\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: easeOut,\n    \"&[data-starting-style]\": { opacity: 0 },\n    \"&[data-ending-style]\": { opacity: 0, transitionTimingFunction: easeIn },\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  content: {\n    ...boxModel,\n    backgroundColor: tokens.gray2,\n    position: \"fixed\",\n    zIndex: OVERLAY_Z_INDEX,\n    display: \"flex\",\n    flexDirection: \"column\",\n    ...shorthands.gap(tokens.spacingLayout1),\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    // The fade lives here, the slide's distance in each side's slot below.\n    transitionProperty: \"opacity, transform\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: easeOut,\n    \"&[data-starting-style]\": { opacity: 0 },\n    \"&[data-ending-style]\": { opacity: 0, transitionTimingFunction: easeIn },\n    // Collapses the side slots' slide too: they set only where it starts and ends.\n    \"@media (prefers-reduced-motion: reduce)\": {\n      transitionDuration: \"0.01ms\",\n    },\n  },\n  contentPadding: {\n    ...boxModel,\n    // Layout tier, unlike Dialog, AlertDialog and Popover: a drawer holds sections, not one group.\n    ...shorthands.padding(tokens.spacingLayout1),\n  },\n  right: {\n    ...boxModel,\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-starting-style]\": { transform: \"translateX(100%)\" },\n    \"&[data-ending-style]\": { transform: \"translateX(100%)\" },\n  },\n  left: {\n    ...boxModel,\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-starting-style]\": { transform: \"translateX(-100%)\" },\n    \"&[data-ending-style]\": { transform: \"translateX(-100%)\" },\n  },\n  top: {\n    ...boxModel,\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-starting-style]\": { transform: \"translateY(-100%)\" },\n    \"&[data-ending-style]\": { transform: \"translateY(-100%)\" },\n  },\n  bottom: {\n    ...boxModel,\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-starting-style]\": { transform: \"translateY(100%)\" },\n    \"&[data-ending-style]\": { transform: \"translateY(100%)\" },\n  },\n  close: {\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"2px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  closeButton: {\n    ...nativeControl,\n    position: \"absolute\",\n    // Inset by the content padding so it lines up with the padded header.\n    top: tokens.spacingLayout1,\n    right: tokens.spacingLayout1,\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.accentSoft,\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      display: \"block\",\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    ...shorthands.margin(0),\n    fontSize: tokens.textLg,\n    lineHeight: tokens.leadingLg,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA12,\n  },\n  description: {\n    ...shorthands.margin(0),\n    color: tokens.grayA11,\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  srOnly: {\n    ...boxModel,\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\n// A single child can arrive wrapped in a one-element array depending on the JSX runtime (MDX call\n// sites do this). Radix's Slot normalised that, so the `asChild` shim has to as well.\nfunction onlySlotChild(children: React.ReactNode) {\n  const elements = React.Children.toArray(children).filter(React.isValidElement)\n  return elements.length === 1 ? elements[0] : undefined\n}\n\n/**\n * Radix's `asChild` over Base UI's `render`: the single child element becomes the part and keeps\n * its own children, since Base UI lets the rendered element's props win the merge.\n */\nfunction slotProps(asChild: boolean, children: React.ReactNode) {\n  const child = asChild ? onlySlotChild(children) : undefined\n  return child ? { render: child } : { children }\n}\n\n/**\n * A part's props as they were under Radix: its native element's own (DOM attributes, React's\n * handler types, a `CSSProperties` style, a string `className`, `ref`) plus `asChild`. Base UI's\n * prop types widen `style` and `className` to functions of the part's state, wrap every handler's\n * event in `BaseUIEvent` and add props of their own; none of that reaches the public surface.\n */\ntype NativePartProps<Tag extends \"button\" | \"div\" | \"h2\" | \"p\"> =\n  React.ComponentProps<Tag> & {\n    /** Renders the single child element as this part, merging its props and behaviour onto it. */\n    asChild?: boolean\n  }\n\n/**\n * Radix-shaped focus interception over Base UI's `initialFocus`/`finalFocus`. `preventDefault()`\n * leaves focus where it is; otherwise the default move happens, because Base UI reads a callback\n * that returns `undefined` as \"move nothing\".\n */\nfunction radixFocusCallback(handler: ((event: Event) => void) | undefined) {\n  if (!handler) return undefined\n\n  return () => {\n    const event = new Event(\"focus\", { cancelable: true })\n    const before = document.activeElement\n    handler(event)\n    const moved = document.activeElement\n    // Base UI calls `finalFocus` inside React's commit, and React then restores the focus it saw\n    // before the commit. Radix ran this handler after the commit, so a handler that moves focus\n    // itself has its move applied again once the commit is done.\n    if (moved !== before && moved instanceof HTMLElement) {\n      queueMicrotask(() => moved.focus())\n    }\n    return !event.defaultPrevented\n  }\n}\n\n/**\n * What `onOpenChange` receives as its second argument: Base UI's change details, declared in\n * Zenith. Base UI's own type drags its dialog store into the published declarations, and\n * TypeScript 4 cannot parse that store. `event` narrows with `reason`, as it does in Base UI.\n */\ntype DrawerOpenChangeDetails = (\n  | {\n      reason: \"trigger-press\"\n      event: MouseEvent | PointerEvent | TouchEvent | KeyboardEvent\n    }\n  | { reason: \"outside-press\"; event: MouseEvent | PointerEvent | TouchEvent }\n  | { reason: \"escape-key\"; event: KeyboardEvent }\n  | { reason: \"close-press\"; event: MouseEvent | KeyboardEvent | PointerEvent }\n  | { reason: \"focus-out\"; event: FocusEvent | KeyboardEvent }\n  | { reason: \"imperative-action\"; event: Event }\n  | { reason: \"none\"; event: Event }\n) & {\n  /** Keeps the drawer in its current state. */\n  cancel: () => void\n  /** Lets the event propagate where the drawer would otherwise stop it. */\n  allowPropagation: () => void\n  isCanceled: boolean\n  isPropagationAllowed: boolean\n  /** The element that caused the change, if any. */\n  trigger: Element | undefined\n  /** Keeps the drawer's elements mounted after it closes. */\n  preventUnmountOnClose: () => void\n}\n\nexport type DrawerProps = {\n  children?: React.ReactNode\n  open?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  /**\n   * Called when the drawer opens or closes. `eventDetails.reason` says why (`trigger-press`,\n   * `escape-key`, `outside-press`, `focus-out`, `close-press`) and `eventDetails.cancel()` keeps\n   * the drawer in its current state.\n   */\n  onOpenChange?: (open: boolean, eventDetails: DrawerOpenChangeDetails) => void\n}\n\nexport const Drawer = React.forwardRef<HTMLElement, DrawerProps>(\n  function Drawer({ onOpenChange, ...props }, _ref) {\n    return (\n      <DialogPrimitive.Root\n        data-slot=\"drawer\"\n        onOpenChange={(open, eventDetails) => {\n          // A layer inside (a Volt select or tooltip, which run on Radix, or a control handling\n          // the key itself) prevents the Escape it consumes, but Base UI dismisses regardless, so\n          // one Escape would close both. Honour the handled event. Consumers still mix Zenith with\n          // Volt on one page, so this stays after the Radix teardown (D12).\n          if (\n            eventDetails.reason === \"escape-key\" &&\n            eventDetails.event.defaultPrevented\n          ) {\n            eventDetails.cancel()\n            return\n          }\n          onOpenChange?.(open, eventDetails)\n        }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type DrawerTriggerProps = NativePartProps<\"button\">\n\nexport const DrawerTrigger = React.forwardRef<\n  HTMLButtonElement,\n  DrawerTriggerProps\n>(function DrawerTrigger(\n  { asChild = false, children, className, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DialogPrimitive.Trigger\n      ref={ref}\n      data-slot=\"drawer-trigger\"\n      {...{ [SLOT_ATTR]: \"drawer-trigger\" }}\n      className={mergeClasses(!asChild && styles.nativeTrigger, className)}\n      {...props}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\n// Lets DrawerContent supply Base UI's required Portal itself when no DrawerPortal wraps it, as\n// Radix rendered content inline without one.\nconst DrawerPortalPresenceContext = React.createContext(false)\n\nexport type DrawerPortalProps = {\n  children?: React.ReactNode\n  /** The element the overlay and the content portal into; `document.body` when omitted or null. */\n  container?: Element | DocumentFragment | null\n  /** Keeps the overlay and the content mounted while the drawer is closed. */\n  forceMount?: true\n}\n\nexport const DrawerPortal = React.forwardRef<HTMLElement, DrawerPortalProps>(\n  function DrawerPortal({ container, forceMount, ...props }, ref) {\n    return (\n      <DrawerPortalPresenceContext.Provider value={true}>\n        <DialogPrimitive.Portal\n          // Base UI types the ref as its portal div, which any HTMLElement ref can hold.\n          ref={ref as React.Ref<HTMLDivElement>}\n          data-slot=\"drawer-portal\"\n          {...{ [SLOT_ATTR]: \"drawer-portal\" }}\n          // Radix took any Element or DocumentFragment, null meaning the body. Base UI hands a\n          // node straight to createPortal, which takes either, but reads null as \"wait for one\".\n          container={(container ?? undefined) as HTMLElement | undefined}\n          keepMounted={forceMount}\n          {...props}\n        />\n      </DrawerPortalPresenceContext.Provider>\n    )\n  }\n)\n\nexport type DrawerOverlayProps = NativePartProps<\"div\"> & {\n  /** Kept for compatibility: the overlay stays mounted whenever DrawerPortal's `forceMount` keeps the portal mounted. */\n  forceMount?: true\n}\n\nexport const DrawerOverlay = React.forwardRef<\n  HTMLDivElement,\n  DrawerOverlayProps\n>(function DrawerOverlay(\n  { asChild = false, children, className, forceMount: _forceMount, ...props },\n  ref\n) {\n  const styles = useStyles()\n  // The overlay is portalled too, so it re-stamps the boundary's appearance like the content (#8).\n  const appearance = useAppearanceAttributes()\n\n  return (\n    <DialogPrimitive.Backdrop\n      ref={ref}\n      // Base UI renders no backdrop for a dialog nested in another; Radix's overlay always rendered,\n      // dimming the drawer beneath.\n      forceRender\n      data-slot=\"drawer-overlay\"\n      {...{ [SLOT_ATTR]: \"drawer-overlay\" }}\n      {...appearance}\n      className={mergeClasses(styles.overlay, className)}\n      {...props}\n      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nexport type DrawerSide = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport type DrawerContentProps = NativePartProps<\"div\"> & {\n  showCloseButton?: boolean\n  /**\n   * Accessible name of the built-in close button, read by screen readers. Pass a translated\n   * string for any locale other than English. Defaults to \"Close\".\n   */\n  closeButtonLabel?: string\n  side?: DrawerSide\n  flush?: boolean\n  /**\n   * Keeps the content mounted while the drawer is closed. Inside DrawerPortal, the portal's\n   * `forceMount` decides.\n   */\n  forceMount?: true\n  /** Called before focus moves into the drawer; `preventDefault()` leaves focus where it is. */\n  onOpenAutoFocus?: (event: Event) => void\n  /** Called before focus returns on close; `preventDefault()` skips the return. */\n  onCloseAutoFocus?: (event: Event) => void\n}\n\nexport const DrawerContent = React.forwardRef<\n  HTMLDivElement,\n  DrawerContentProps\n>(function DrawerContent(\n  {\n    asChild = false,\n    className,\n    children,\n    showCloseButton = true,\n    closeButtonLabel = \"Close\",\n    side = \"right\",\n    flush = false,\n    forceMount,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    ...props\n  },\n  ref\n) {\n  const styles = useStyles()\n  const hasPortal = React.useContext(DrawerPortalPresenceContext)\n  // DENSITY-SPEC.md §4.4 — portal content boundary; see dialog.tsx's identical comment.\n  const override = useDensity()\n  // SPEC.md §2 rule 3 — the same portal asymmetry, for the appearance pair: re-stamp the\n  // nearest explicit AppearanceBoundary's mode+surface, or neither attribute when there is\n  // none, leaving live shell inheritance in place.\n  const appearance = useAppearanceAttributes()\n\n  const closeButton = 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}>{closeButtonLabel}</span>\n    </DialogPrimitive.Close>\n  )\n  const child = asChild ? onlySlotChild(children) : undefined\n  // The child keeps its own children, so the built-in close button joins them there.\n  const content = child\n    ? {\n        render: React.cloneElement(\n          child,\n          undefined,\n          (child.props as { children?: React.ReactNode }).children,\n          closeButton\n        ),\n      }\n    : {\n        children: (\n          <>\n            {children}\n            {closeButton}\n          </>\n        ),\n      }\n\n  const popup = (\n    <DialogPrimitive.Popup\n      ref={ref}\n      data-slot=\"drawer-content\"\n      {...{ [SLOT_ATTR]: \"drawer-content\" }}\n      {...(override !== undefined ? { \"data-density\": override } : {})}\n      {...appearance}\n      data-side={side}\n      initialFocus={radixFocusCallback(onOpenAutoFocus)}\n      finalFocus={radixFocusCallback(onCloseAutoFocus)}\n      className={mergeClasses(\n        styles.content,\n        styles[side],\n        !flush && styles.contentPadding,\n        className\n      )}\n      {...props}\n      {...content}\n    />\n  )\n\n  // Base UI's Popup requires a Portal ancestor; Radix rendered inline without one.\n  return hasPortal ? (\n    popup\n  ) : (\n    <DialogPrimitive.Portal keepMounted={forceMount}>\n      {popup}\n    </DialogPrimitive.Portal>\n  )\n})\n\nexport type DrawerCloseProps = NativePartProps<\"button\">\n\nexport const DrawerClose = React.forwardRef<\n  HTMLButtonElement,\n  DrawerCloseProps\n>(function DrawerClose(\n  { asChild = false, className, children, ...props },\n  ref\n) {\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(\n        !asChild && styles.nativeTrigger,\n        styles.close,\n        className\n      )}\n      {...props}\n      {...slotProps(asChild, children)}\n    />\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 = NativePartProps<\"h2\">\n\nexport const DrawerTitle = React.forwardRef<\n  HTMLHeadingElement,\n  DrawerTitleProps\n>(function DrawerTitle(\n  { asChild = false, children, className, ...props },\n  ref\n) {\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      {...slotProps(asChild, children)}\n    />\n  )\n})\n\nexport type DrawerDescriptionProps = NativePartProps<\"p\">\n\nexport const DrawerDescription = React.forwardRef<\n  HTMLParagraphElement,\n  DrawerDescriptionProps\n>(function DrawerDescription(\n  { asChild = false, children, className, ...props },\n  ref\n) {\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      {...slotProps(asChild, children)}\n    />\n  )\n})\n"],"names":["easeOut","easeIn","useStyles","makeZenithStyles","nativeControl","shorthands","OVERLAY_Z_INDEX","boxModel","tokens.gray2","tokens.spacingLayout1","tokens.radius2xl","tokens.spacingElement1","tokens.grayA1","tokens.accentA8","tokens.spacingElement2","tokens.accentA11","tokens.accentSoft","tokens.textLg","tokens.leadingLg","tokens.fontWeightSemibold","tokens.grayA12","tokens.grayA11","tokens.textSm","tokens.leadingSm","XIcon","React","props","ref","jsx","onlySlotChild","children","elements","slotProps","asChild","child","radixFocusCallback","handler","event","before","moved","Drawer","onOpenChange","_ref","DialogPrimitive","open","eventDetails","DrawerTrigger","className","styles","SLOT_ATTR","mergeClasses","DrawerPortalPresenceContext","DrawerPortal","container","forceMount","DrawerOverlay","_forceMount","appearance","useAppearanceAttributes","DrawerContent","showCloseButton","closeButtonLabel","side","flush","onOpenAutoFocus","onCloseAutoFocus","hasPortal","override","useDensity","closeButton","jsxs","content","Fragment","popup","DrawerClose","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"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"}