@dev-dga/react 0.13.0 → 1.1.0

package/dist/chunk-QLV4RQVQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","../src/components/SlideoutMenu/SlideoutMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QLV4RQVQ.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, useId } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// Nav panel on Radix Dialog. Uses <ul>/<li>/link semantics, NOT role=\"menu\" (which breaks SR browse mode for site nav).\n\nconst slideoutMenuContentVariants = cva('ddga-slideout-menu', {\n  variants: {\n    side: {\n      start: 'ddga-slideout-menu--start',\n      end: 'ddga-slideout-menu--end',\n    },\n    /** Panel surface — SDGA \"Background Color\". Gray (`gray-100`) or White. */\n    background: {\n      gray: 'ddga-slideout-menu--gray',\n      white: 'ddga-slideout-menu--white',\n    },\n  },\n  defaultVariants: {\n    side: 'start',\n    background: 'gray',\n  },\n});\n\ntype SlideoutMenuProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype SlideoutMenuTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype SlideoutMenuCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface SlideoutMenuContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof slideoutMenuContentVariants> {}\n\ninterface SlideoutMenuHeaderProps extends React.ComponentProps<'div'> {\n  /** Optional featured icon, shown in a 32px brand-tinted disc before the title. */\n  icon?: React.ReactNode;\n  /** Render the close (X) button. Defaults to `true`. */\n  showClose?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ninterface SlideoutMenuTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface SlideoutMenuDescriptionProps extends React.ComponentProps<\n  typeof DialogPrimitive.Description\n> {\n  asChild?: boolean;\n}\n\ntype SlideoutMenuSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface SlideoutMenuGroupProps extends React.ComponentProps<'div'> {\n  /** Section heading rendered above the list (SDGA \"Group Label\"). */\n  label?: React.ReactNode;\n}\n\ninterface SlideoutMenuItemProps extends React.ComponentProps<'button'> {\n  /** Render as the child element (e.g. an `<a>` or router `<Link>`). */\n  asChild?: boolean;\n  /** Leading 24px icon. */\n  icon?: React.ReactNode;\n  /** Trailing slot — counter text, an icon button, a check, a `Tag`, etc. */\n  trailing?: React.ReactNode;\n  /** Marks the current page — sets `aria-current=\"page\"` and the active style. */\n  active?: boolean;\n}\n\nfunction SlideoutMenu(props: SlideoutMenuProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction SlideoutMenuTrigger({ className, ...props }: SlideoutMenuTriggerProps) {\n  return (\n    <DialogPrimitive.Trigger data-slot=\"slideout-menu-trigger\" className={className} {...props} />\n  );\n}\n\nfunction SlideoutMenuContent({\n  side,\n  background,\n  className,\n  children,\n  ...props\n}: SlideoutMenuContentProps) {\n  // Portal anchored to the provider root so theme/dark-mode inherit and the fixed panel escapes ancestor transforms.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay\n        className=\"ddga-slideout-menu__overlay\"\n        data-slot=\"slideout-menu-overlay\"\n      />\n      <DialogPrimitive.Content\n        data-slot=\"slideout-menu-content\"\n        className={cn(slideoutMenuContentVariants({ side, background }), className)}\n        {...props}\n      >\n        {children}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction SlideoutMenuHeader({\n  icon,\n  showClose = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: SlideoutMenuHeaderProps) {\n  return (\n    <div\n      data-slot=\"slideout-menu-header\"\n      className={cn('ddga-slideout-menu__header', className)}\n      {...props}\n    >\n      <div className=\"ddga-slideout-menu__header-content\">\n        {icon ? (\n          <span\n            data-slot=\"slideout-menu-featured-icon\"\n            className=\"ddga-slideout-menu__featured-icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </span>\n        ) : null}\n        <div className=\"ddga-slideout-menu__header-text\">{children}</div>\n      </div>\n      {showClose ? (\n        <DialogPrimitive.Close\n          className=\"ddga-slideout-menu__close\"\n          aria-label={closeLabel}\n          data-slot=\"slideout-menu-close-x\"\n        >\n          <Close aria-hidden=\"true\" />\n        </DialogPrimitive.Close>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SlideoutMenuTitle({ asChild, className, ...props }: SlideoutMenuTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"slideout-menu-title\"\n      className={cn('ddga-slideout-menu__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuDescription({ asChild, className, ...props }: SlideoutMenuDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"slideout-menu-description\"\n      className={cn('ddga-slideout-menu__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuBody({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  // asChild lets consumers make the scroll region a `<nav aria-label>` landmark.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-body\"\n      className={cn('ddga-slideout-menu__body', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuGroup({ label, className, children, ...props }: SlideoutMenuGroupProps) {\n  const labelId = useId();\n  return (\n    <div\n      data-slot=\"slideout-menu-group\"\n      className={cn('ddga-slideout-menu__group', className)}\n      {...props}\n    >\n      {label != null ? (\n        <div id={labelId} className=\"ddga-slideout-menu__group-label\">\n          {label}\n        </div>\n      ) : null}\n      <ul\n        className=\"ddga-slideout-menu__list\"\n        {...(label != null ? { 'aria-labelledby': labelId } : {})}\n      >\n        {children}\n      </ul>\n    </div>\n  );\n}\n\nfunction SlideoutMenuItem({\n  asChild,\n  icon,\n  trailing,\n  active,\n  className,\n  children,\n  ...props\n}: SlideoutMenuItemProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <li data-slot=\"slideout-menu-item-wrapper\" className=\"ddga-slideout-menu__item-wrapper\">\n      <Comp\n        data-slot=\"slideout-menu-item\"\n        className={cn('ddga-slideout-menu__item', className)}\n        data-active={active ? '' : undefined}\n        aria-current={active ? 'page' : undefined}\n        {...(asChild ? {} : { type: 'button' as const })}\n        {...props}\n      >\n        {icon ? (\n          <span className=\"ddga-slideout-menu__item-icon\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        ) : null}\n        {asChild ? (\n          <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n        ) : (\n          <span className=\"ddga-slideout-menu__item-label\">{children}</span>\n        )}\n        {trailing ? <span className=\"ddga-slideout-menu__item-trailing\">{trailing}</span> : null}\n      </Comp>\n    </li>\n  );\n}\n\nfunction SlideoutMenuSeparator({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"slideout-menu-separator\"\n      role=\"separator\"\n      className={cn('ddga-slideout-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuFooter({ asChild, className, ...props }: SlideoutMenuSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"slideout-menu-footer\"\n      className={cn('ddga-slideout-menu__footer', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SlideoutMenuClose({ className, ...props }: SlideoutMenuCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"slideout-menu-close\" className={className} {...props} />;\n}\n\nexport {\n  SlideoutMenu,\n  SlideoutMenuTrigger,\n  SlideoutMenuContent,\n  SlideoutMenuHeader,\n  SlideoutMenuTitle,\n  SlideoutMenuDescription,\n  SlideoutMenuBody,\n  SlideoutMenuGroup,\n  SlideoutMenuItem,\n  SlideoutMenuSeparator,\n  SlideoutMenuFooter,\n  SlideoutMenuClose,\n  slideoutMenuContentVariants,\n};\nexport type {\n  SlideoutMenuProps,\n  SlideoutMenuTriggerProps,\n  SlideoutMenuContentProps,\n  SlideoutMenuHeaderProps,\n  SlideoutMenuTitleProps,\n  SlideoutMenuDescriptionProps,\n  SlideoutMenuSectionProps,\n  SlideoutMenuGroupProps,\n  SlideoutMenuItemProps,\n  SlideoutMenuCloseProps,\n};\n"]}

package/dist/chunk-YVB5RTKR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/providers/DgaProvider.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useMemo, useContext, useEffect, useRef } from 'react';\nimport { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { buildTheme, type DgaTheme } from '@dev-dga/tokens';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  /**\n   * Brand theme. `theme.primary` accepts a palette name (`'lavender'`),\n   * any CSS color string (`'#7C3AED'` , hover/active auto-derived via\n   * `color-mix()`), or an explicit `{ base, hover, active, foreground? }`\n   * triplet. The override-object pattern (`style={{ '--ddga-color-primary':\n   * '...' }}`) still works , `style` wins over `theme`.\n   */\n  theme?: DgaTheme;\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  theme,\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  // Callback ref + state so context subscribers (e.g. Select's portal\n  // container) re-render when the element actually mounts. With useRef\n  // the .current update wouldn't trigger a render and a defaultOpen\n  // portal would race to <body> before the ref populated.\n  const [rootEl, setRootEl] = useState<HTMLElement | null>(null);\n  // The portal element is held in a ref (we directly mutate its attributes\n  // + inline CSS variables, which the react-hooks/immutability lint rule\n  // forbids on state values). A parallel `portalEl` state mirrors the ref\n  // so context subscribers re-render once the element mounts.\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [portalEl, setPortalEl] = useState<HTMLElement | null>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  // Memoize by reference. Stable palette-name themes (`{ primary: 'lavender' }`\n  // declared at module scope) never recompute; consumers passing an inline\n  // object accept a per-render `buildTheme` call (cheap , small switch\n  // statement over a single string).\n  const themeVars = useMemo(() => (theme ? buildTheme(theme) : null), [theme]);\n\n  // ─── Body-level portal container ─── //\n  //\n  // Create a sibling-of-body div that mirrors this provider's theme\n  // attributes. Overlay portals (Modal, Drawer, DropdownMenu, etc.) anchor\n  // here instead of `rootEl` so:\n  //\n  //  - They escape `overflow: hidden` / `transform` ancestors the consumer\n  //    might wrap us in (Storybook's docs-story preview block is the\n  //    motivating case — a `transform` ancestor breaks `position: fixed`\n  //    descendants, clipping modals to the preview rect).\n  //  - Theme variables, dark mode, RTL still resolve because we copy\n  //    `data-theme`, `dir`, and inline CSS vars from this provider onto\n  //    the portal element.\n  //\n  // One container per DgaProvider instance — cleaned up on unmount. SSR-safe\n  // (effects only run client-side; consumers see `portalEl: null` and the\n  // overlays fall back to `rootEl`).\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const el = document.createElement('div');\n    el.setAttribute('data-slot', 'dga-portal');\n    // Position relative for any child popper computing offset against\n    // nearest positioned ancestor; z-index so the portal sits above the\n    // main content stack.\n    el.style.position = 'relative';\n    el.style.zIndex = '50';\n    document.body.appendChild(el);\n    portalRef.current = el;\n    // The setState here exposes the freshly-mounted DOM element to context\n    // subscribers (overlay components) so they re-render and target the\n    // portal on first commit. Single call on mount + single on unmount;\n    // not the cascading-render footgun the lint rule guards against.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setPortalEl(el);\n    return () => {\n      el.remove();\n      portalRef.current = null;\n\n      setPortalEl(null);\n    };\n  }, []);\n\n  // Mirror theme attributes onto the portal element so its descendants\n  // resolve `var(--ddga-*)` and respect dark mode / RTL the same way as\n  // descendants of `rootEl`. We mutate via the ref (not the state) so the\n  // react-hooks/immutability rule stays happy — and run this on every prop\n  // change that affects appearance.\n  useEffect(() => {\n    const el = portalRef.current;\n    if (!el) return;\n    el.setAttribute('data-theme', mode);\n    el.setAttribute('dir', dir);\n    el.style.colorScheme = mode;\n    if (themeVars) {\n      for (const [k, v] of Object.entries(themeVars)) {\n        el.style.setProperty(k, String(v));\n      }\n    }\n  }, [mode, dir, themeVars, portalEl]);\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),\n    [dir, resolvedLocale, mode, rootEl, portalEl],\n  );\n\n  // Radix's Direction.Provider propagates `dir` to portal-rendered content\n  // (Tooltip/Select/Toast/Modal) that would otherwise inherit body dir,\n  // not the dir on this wrapper element. Nested providers reuse the parent\n  // direction via their own Direction.Provider, so this is safe to repeat.\n  const inner = <DirectionPrimitive.Provider dir={dir}>{children}</DirectionPrimitive.Provider>;\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={setRootEl}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        // Order: colorScheme → theme vars → consumer style. A manually-\n        // supplied `style` overrides `theme` (escape hatch preserved per\n        // THEMING-PLAN.md: every `--ddga-*` remains plain-CSS overridable).\n        style={{ colorScheme: mode, ...(themeVars ?? {}), ...consumerStyle }}\n      >\n        {isNested ? (\n          inner\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {inner}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,UAAU,SAAS,YAAY,WAAW,cAAc;AACjE,SAAS,aAAa,oBAAoB,WAAW,wBAAwB;AAC7E,SAAS,kBAAiC;AAmI1B;AApGT,SAAS,YAAY;AAAA,EAC1B,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,IAAI,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,YAAY,WAAW,UAAU;AACvC,QAAM,WAAW,cAAc;AAK/B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,IAAI;AAK7D,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,iBAAiB,WAAW,QAAQ,QAAQ,OAAO;AAMzD,QAAM,YAAY,QAAQ,MAAO,QAAQ,WAAW,KAAK,IAAI,MAAO,CAAC,KAAK,CAAC;AAmB3E,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,KAAK,SAAS,cAAc,KAAK;AACvC,OAAG,aAAa,aAAa,YAAY;AAIzC,OAAG,MAAM,WAAW;AACpB,OAAG,MAAM,SAAS;AAClB,aAAS,KAAK,YAAY,EAAE;AAC5B,cAAU,UAAU;AAMpB,gBAAY,EAAE;AACd,WAAO,MAAM;AACX,SAAG,OAAO;AACV,gBAAU,UAAU;AAEpB,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAOL,YAAU,MAAM;AACd,UAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,OAAG,aAAa,cAAc,IAAI;AAClC,OAAG,aAAa,OAAO,GAAG;AAC1B,OAAG,MAAM,cAAc;AACvB,QAAI,WAAW;AACb,iBAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,SAAS,GAAG;AAC9C,WAAG,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC;AAAA,MACnC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,KAAK,WAAW,QAAQ,CAAC;AAEnC,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,KAAK,QAAQ,gBAAgB,MAAM,QAAQ,SAAS;AAAA,IAC7D,CAAC,KAAK,gBAAgB,MAAM,QAAQ,QAAQ;AAAA,EAC9C;AAMA,QAAM,QAAQ,oBAAC,mBAAmB,UAAnB,EAA4B,KAAW,UAAS;AAE/D,SACE,oBAAC,WAAW,UAAX,EAAoB,OAAO,UAC1B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAU;AAAA,MACV,cAAY;AAAA,MACZ;AAAA,MAIA,OAAO,EAAE,aAAa,MAAM,GAAI,aAAa,CAAC,GAAI,GAAG,cAAc;AAAA,MAElE,qBACC,QAEA,oBAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAK,mBAAmB,KAC/D,iBACH;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}