@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-LES7CZSC.cjs

@@ -0,0 +1,219 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkYUJZEQJWcjs = require('./chunk-YUJZEQJW.cjs');
+
+
+var _chunkVXR7IJMHcjs = require('./chunk-VXR7IJMH.cjs');
+
+
+
+var _chunkKPZ5T4DWcjs = require('./chunk-KPZ5T4DW.cjs');
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Sidebar/Sidebar.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  mobileBreakpoint = 768,
+  keyboardShortcut = true,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = _chunkVXR7IJMHcjs.useIsMobile.call(void 0, mobileBreakpoint);
+  const [openMobile, setOpenMobile] = _react.useState.call(void 0, false);
+  const isControlled = openProp !== void 0;
+  const [openInternal, setOpenInternal] = _react.useState.call(void 0, defaultOpen);
+  const open = isControlled ? openProp : openInternal;
+  const setOpen = _react.useCallback.call(void 0, 
+    (value2) => {
+      if (!isControlled) setOpenInternal(value2);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(value2)]);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleSidebar = _react.useCallback.call(void 0, () => {
+    if (isMobile) {
+      setOpenMobile((v) => !v);
+      return;
+    }
+    if (isControlled) {
+      _optionalChain([onOpenChange, 'optionalCall', _2 => _2(!open)]);
+    } else {
+      setOpenInternal((v) => !v);
+    }
+  }, [isMobile, isControlled, onOpenChange, open]);
+  _react.useEffect.call(void 0, () => {
+    if (!keyboardShortcut) return;
+    const onKeyDown = (e) => {
+      if (e.key.toLowerCase() === "b" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [keyboardShortcut, toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const value = _react.useMemo.call(void 0, 
+    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+    [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUJZEQJWcjs.SidebarContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar-wrapper", className),
+      style,
+      ...props,
+      children
+    }
+  ) });
+}
+function Sidebar({
+  variant = "sidebar",
+  collapsible = "icon",
+  side = "start",
+  className,
+  children,
+  "aria-label": ariaLabel = "Sidebar",
+  ...props
+}) {
+  const { isMobile, openMobile, setOpenMobile, state } = _chunkYUJZEQJWcjs.useSidebar.call(void 0, );
+  if (isMobile) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKPZ5T4DWcjs.Drawer, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkKPZ5T4DWcjs.DrawerContent,
+      {
+        side,
+        size: "sm",
+        "aria-label": ariaLabel,
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        "data-variant": variant,
+        "data-side": side,
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar", "ddga-sidebar--mobile", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "aria-label": ariaLabel,
+      "data-state": state,
+      "data-collapsible": collapsible,
+      "data-variant": variant,
+      "data-side": side,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar", className),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarTrigger({
+  asChild,
+  className,
+  onClick,
+  children,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar, open, openMobile, isMobile } = _chunkYUJZEQJWcjs.useSidebar.call(void 0, );
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-trigger",
+      "aria-label": asChild ? void 0 : ariaLabel,
+      "aria-haspopup": isMobile ? "dialog" : void 0,
+      "aria-expanded": isMobile ? openMobile : open,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__trigger", className),
+      onClick: (e) => {
+        _optionalChain([onClick, 'optionalCall', _3 => _3(e)]);
+        toggleSidebar();
+      },
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.PanelLeft, { "aria-hidden": "true" })))
+    }
+  );
+}
+function SidebarRail({
+  className,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar } = _chunkYUJZEQJWcjs.useSidebar.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-rail",
+      "aria-label": ariaLabel,
+      title: ariaLabel,
+      tabIndex: -1,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__rail", className),
+      onClick: toggleSidebar,
+      ...props
+    }
+  );
+}
+function SidebarInset({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "main";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "sidebar-inset", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar-inset", className), ...props });
+}
+function SidebarHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "sidebar-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__header", className), ...props });
+}
+function SidebarContent({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "sidebar-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__content", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "sidebar-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__footer", className), ...props });
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "hr",
+    {
+      "data-slot": "sidebar-separator",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__separator", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.SidebarProvider = SidebarProvider; exports.Sidebar = Sidebar; exports.SidebarTrigger = SidebarTrigger; exports.SidebarRail = SidebarRail; exports.SidebarInset = SidebarInset; exports.SidebarHeader = SidebarHeader; exports.SidebarContent = SidebarContent; exports.SidebarFooter = SidebarFooter; exports.SidebarSeparator = SidebarSeparator;
+//# sourceMappingURL=chunk-LES7CZSC.cjs.map

package/dist/chunk-LES7CZSC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LES7CZSC.cjs","../src/components/Sidebar/Sidebar.tsx"],"names":["value"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LES7CZSC.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\nimport { Drawer, DrawerContent } from '../Drawer';\nimport { PanelLeft } from '../../internal/icons';\nimport { SidebarContext, useSidebar, type SidebarContextValue } from './SidebarContext';\nimport { useIsMobile } from './useIsMobile';\n\n// ─── SidebarProvider ─── //\n\ninterface SidebarProviderProps extends React.ComponentProps<'div'> {\n  /** Uncontrolled initial desktop state. Default true (expanded). */\n  defaultOpen?: boolean;\n  /** Controlled desktop open state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Viewport width (px) below which the mobile Drawer engages. Default 768. */\n  mobileBreakpoint?: number;\n  /** Register Cmd/Ctrl+B to toggle. Default true. */\n  keyboardShortcut?: boolean;\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  mobileBreakpoint = 768,\n  keyboardShortcut = true,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const isControlled = openProp !== undefined;\n  const [openInternal, setOpenInternal] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : openInternal;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setOpenInternal(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((v) => !v);\n      return;\n    }\n    if (isControlled) {\n      onOpenChange?.(!open);\n    } else {\n      setOpenInternal((v) => !v);\n    }\n  }, [isMobile, isControlled, onOpenChange, open]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key.toLowerCase() === 'b' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state: 'expanded' | 'collapsed' = open ? 'expanded' : 'collapsed';\n\n  const value = useMemo<SidebarContextValue>(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={value}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        className={cn('ddga-sidebar-wrapper', className)}\n        style={style}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\n// ─── Sidebar (container) ─── //\n\ninterface SidebarProps extends React.ComponentProps<'div'> {\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'icon' | 'offcanvas' | 'none';\n  /** Logical side; flips with dir. Default 'start'. */\n  side?: 'start' | 'end';\n}\n\nfunction Sidebar({\n  variant = 'sidebar',\n  collapsible = 'icon',\n  side = 'start',\n  className,\n  children,\n  'aria-label': ariaLabel = 'Sidebar',\n  ...props\n}: SidebarProps) {\n  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile}>\n        <DrawerContent\n          side={side}\n          size=\"sm\"\n          aria-label={ariaLabel}\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          data-variant={variant}\n          data-side={side}\n          className={cn('ddga-sidebar', 'ddga-sidebar--mobile', className)}\n          {...props}\n        >\n          {children}\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      aria-label={ariaLabel}\n      data-state={state}\n      data-collapsible={collapsible}\n      data-variant={variant}\n      data-side={side}\n      className={cn('ddga-sidebar', className)}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\n// ─── Trigger / Rail / Inset ─── //\n\ninterface SidebarTriggerProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n}\n\nfunction SidebarTrigger({\n  asChild,\n  className,\n  onClick,\n  children,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: SidebarTriggerProps) {\n  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-trigger\"\n      // Don't override the child element's accessible name when asChild.\n      aria-label={asChild ? undefined : ariaLabel}\n      aria-haspopup={isMobile ? 'dialog' : undefined}\n      aria-expanded={isMobile ? openMobile : open}\n      className={cn('ddga-sidebar__trigger', className)}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ?? <PanelLeft aria-hidden=\"true\" />}\n    </Comp>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-rail\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      tabIndex={-1}\n      className={cn('ddga-sidebar__rail', className)}\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\ninterface SidebarInsetProps extends React.ComponentProps<'main'> {\n  asChild?: boolean;\n}\n\nfunction SidebarInset({ asChild, className, ...props }: SidebarInsetProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'main';\n  return (\n    <Comp data-slot=\"sidebar-inset\" className={cn('ddga-sidebar-inset', className)} {...props} />\n  );\n}\n\n// ─── Structure ─── //\n\ntype SidebarSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\nfunction SidebarHeader({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-header\" className={cn('ddga-sidebar__header', className)} {...props} />\n  );\n}\n\nfunction SidebarContent({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-content\"\n      className={cn('ddga-sidebar__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-footer\" className={cn('ddga-sidebar__footer', className)} {...props} />\n  );\n}\n\nfunction SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>) {\n  return (\n    <hr\n      data-slot=\"sidebar-separator\"\n      className={cn('ddga-sidebar__separator', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { SidebarProvider };\nexport type { SidebarProviderProps };\n\nexport { Sidebar };\nexport type { SidebarProps };\n\nexport { SidebarTrigger, SidebarRail, SidebarInset };\nexport type { SidebarTriggerProps, SidebarInsetProps };\n\nexport { SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator };\nexport type { SidebarSectionProps };\n\nexport { useSidebar };\nexport type { SidebarContextValue };\n"]}

package/dist/chunk-LQ4PCHBP.js

@@ -0,0 +1,109 @@
+import {
+  QuoteMark
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Quote/Quote.tsx
+import "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var quoteVariants = cva("ddga-quote", {
+  variants: {
+    variant: {
+      /** Inline-start accent border (SA Green). The everyday blockquote. */
+      default: "ddga-quote--default",
+      /** Large editorial quote, centered, prominent mark — breaks up prose. */
+      pullquote: "ddga-quote--pullquote",
+      /** Card surface (border + bg + shadow), sized for an avatar + attribution. */
+      testimonial: "ddga-quote--testimonial",
+      /** Bare — no border, no surface. For inline / tightly-composed use. */
+      plain: "ddga-quote--plain"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Quote({
+  variant,
+  quoteMark = false,
+  avatar,
+  author,
+  byline,
+  source,
+  cite,
+  className,
+  children,
+  ...props
+}) {
+  const hasAttribution = author != null || byline != null || source != null;
+  const mark = quoteMark ? /* @__PURE__ */ jsx(QuoteMark, { "aria-hidden": "true", className: "ddga-quote__mark" }) : null;
+  if (!hasAttribution) {
+    return /* @__PURE__ */ jsxs(
+      "blockquote",
+      {
+        "data-slot": "quote",
+        "data-variant": variant ?? "default",
+        className: cn(quoteVariants({ variant }), className),
+        cite,
+        ...props,
+        children: [
+          mark,
+          /* @__PURE__ */ jsx(QuoteContent, { children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      "data-slot": "quote",
+      "data-variant": variant ?? "default",
+      className: cn(quoteVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("blockquote", { "data-slot": "quote-blockquote", className: "ddga-quote__blockquote", cite, children: [
+          mark,
+          /* @__PURE__ */ jsx(QuoteContent, { children })
+        ] }),
+        /* @__PURE__ */ jsxs(QuoteCaption, { children: [
+          avatar != null ? /* @__PURE__ */ jsx("span", { "data-slot": "quote-avatar", "aria-hidden": "true", className: "ddga-quote__avatar", children: avatar }) : null,
+          /* @__PURE__ */ jsxs("span", { className: "ddga-quote__attribution", children: [
+            author != null ? /* @__PURE__ */ jsx(QuoteAuthor, { children: author }) : null,
+            byline != null ? /* @__PURE__ */ jsx("span", { "data-slot": "quote-byline", className: "ddga-quote__byline", children: byline }) : null,
+            source != null ? /* @__PURE__ */ jsx(QuoteSource, { children: source }) : null
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function QuoteContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "quote-content", className: cn("ddga-quote__content", className), ...props });
+}
+function QuoteCaption({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "figcaption";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "quote-caption", className: cn("ddga-quote__caption", className), ...props });
+}
+function QuoteAuthor({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "quote-author", className: cn("ddga-quote__author", className), ...props });
+}
+function QuoteSource({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "cite";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "quote-source", className: cn("ddga-quote__source", className), ...props });
+}
+
+export {
+  quoteVariants,
+  Quote,
+  QuoteContent,
+  QuoteCaption,
+  QuoteAuthor,
+  QuoteSource
+};
+//# sourceMappingURL=chunk-LQ4PCHBP.js.map

package/dist/chunk-LQ4PCHBP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Quote/Quote.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { QuoteMark } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst quoteVariants = cva('ddga-quote', {\n  variants: {\n    variant: {\n      /** Inline-start accent border (SA Green). The everyday blockquote. */\n      default: 'ddga-quote--default',\n      /** Large editorial quote, centered, prominent mark — breaks up prose. */\n      pullquote: 'ddga-quote--pullquote',\n      /** Card surface (border + bg + shadow), sized for an avatar + attribution. */\n      testimonial: 'ddga-quote--testimonial',\n      /** Bare — no border, no surface. For inline / tightly-composed use. */\n      plain: 'ddga-quote--plain',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface QuoteProps\n  // Base on the generic HTML attribute set: the root element varies (a <figure>\n  // when captioned, else a bare <blockquote>), so element-specific props (and a\n  // single ref type) don't apply. The native `role`/`cite` attributes are\n  // forwarded via `...props` like any other HTML attribute.\n  extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof quoteVariants> {\n  /** The quote text. Rendered inside the `<blockquote>`. */\n  children?: ReactNode;\n  /** Show a decorative opening quotation mark (RTL-flipped). Defaults to `false`. */\n  quoteMark?: boolean;\n  /**\n   * Attribution media (e.g. an `<Avatar />`), rendered at the inline-start of the\n   * caption. Only shown alongside textual attribution (`author`/`byline`/`source`)\n   * — an avatar with no name is decorative-only and would leave the\n   * `<figcaption>` empty to assistive tech, so it is dropped on its own. Most\n   * natural on `testimonial`. Quote renders whatever node you pass — it takes no\n   * Avatar dependency.\n   */\n  avatar?: ReactNode;\n  /** Attribution name (e.g. the person quoted). Rendered as plain text. */\n  author?: ReactNode;\n  /**\n   * Secondary attribution line below the author — typically a job title or\n   * affiliation (e.g. \"Product Manager, DGA\"). Named `byline` rather than `role`\n   * so the native ARIA `role` attribute stays available on the root element.\n   */\n  byline?: ReactNode;\n  /** Title of the work, rendered in a real `<cite>` element. */\n  source?: ReactNode;\n  /**\n   * URL of the source document — set as the `cite=` **attribute** on the\n   * `<blockquote>` (machine-readable, not visible). For a visible work title use\n   * `source`.\n   */\n  cite?: string;\n}\n\ntype QuoteContentProps = React.ComponentProps<'div'> & { asChild?: boolean };\ntype QuoteCaptionProps = React.ComponentProps<'figcaption'> & { asChild?: boolean };\ntype QuoteAuthorProps = React.ComponentProps<'span'> & { asChild?: boolean };\ntype QuoteSourceProps = React.ComponentProps<'cite'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\n/**\n * Visual-only quote. Renders a `<blockquote>`; when textual attribution\n * (`author`/`byline`/`source`) is present it is wrapped in a `<figure>` with a\n * `<figcaption>` (a `<figcaption>` must not be empty, so a bare quote stays a\n * lone `<blockquote>`).\n *\n * No `asChild` on the root: the `figure`/`blockquote`/`figcaption` composite has\n * fixed semantics (documented carve-out, mirrors `EmptyState`/`Timeline`/`List`).\n * The exported sub-parts carry `asChild` for hand-assembled compositions.\n */\nfunction Quote({\n  variant,\n  quoteMark = false,\n  avatar,\n  author,\n  byline,\n  source,\n  cite,\n  className,\n  children,\n  ...props\n}: QuoteProps) {\n  // Avatar alone is NOT attribution: it would leave the <figcaption> empty to\n  // assistive tech (the avatar wrapper is aria-hidden). The figure path requires\n  // at least one textual attribution field.\n  const hasAttribution = author != null || byline != null || source != null;\n\n  const mark = quoteMark ? <QuoteMark aria-hidden=\"true\" className=\"ddga-quote__mark\" /> : null;\n\n  // No attribution → a bare <blockquote> is the root (an empty <figcaption>\n  // would be invalid HTML). The figure-typed `...props` (global HTML attrs:\n  // id/style/aria-*/data-*) are still forwarded — they apply to a <blockquote>\n  // just the same.\n  if (!hasAttribution) {\n    return (\n      <blockquote\n        data-slot=\"quote\"\n        data-variant={variant ?? 'default'}\n        className={cn(quoteVariants({ variant }), className)}\n        cite={cite}\n        {...props}\n      >\n        {mark}\n        <QuoteContent>{children}</QuoteContent>\n      </blockquote>\n    );\n  }\n\n  return (\n    <figure\n      data-slot=\"quote\"\n      data-variant={variant ?? 'default'}\n      className={cn(quoteVariants({ variant }), className)}\n      {...props}\n    >\n      <blockquote data-slot=\"quote-blockquote\" className=\"ddga-quote__blockquote\" cite={cite}>\n        {mark}\n        <QuoteContent>{children}</QuoteContent>\n      </blockquote>\n      <QuoteCaption>\n        {avatar != null ? (\n          <span data-slot=\"quote-avatar\" aria-hidden=\"true\" className=\"ddga-quote__avatar\">\n            {avatar}\n          </span>\n        ) : null}\n        {/* At least one of these is non-null here (it's what gates the figure). */}\n        <span className=\"ddga-quote__attribution\">\n          {author != null ? <QuoteAuthor>{author}</QuoteAuthor> : null}\n          {byline != null ? (\n            <span data-slot=\"quote-byline\" className=\"ddga-quote__byline\">\n              {byline}\n            </span>\n          ) : null}\n          {source != null ? <QuoteSource>{source}</QuoteSource> : null}\n        </span>\n      </QuoteCaption>\n    </figure>\n  );\n}\n\n/** Body wrapper inside the `<blockquote>`. */\nfunction QuoteContent({ asChild, className, ...props }: QuoteContentProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"quote-content\" className={cn('ddga-quote__content', className)} {...props} />\n  );\n}\n\n/** Caption (attribution) below the quote. Pair with a `<figure>` root. */\nfunction QuoteCaption({ asChild, className, ...props }: QuoteCaptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'figcaption';\n  return (\n    <Comp data-slot=\"quote-caption\" className={cn('ddga-quote__caption', className)} {...props} />\n  );\n}\n\n/** Attribution name. */\nfunction QuoteAuthor({ asChild, className, ...props }: QuoteAuthorProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  return (\n    <Comp data-slot=\"quote-author\" className={cn('ddga-quote__author', className)} {...props} />\n  );\n}\n\n/** Title of the cited work — a real `<cite>` element. */\nfunction QuoteSource({ asChild, className, ...props }: QuoteSourceProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'cite';\n  return (\n    <Comp data-slot=\"quote-source\" className={cn('ddga-quote__source', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Quote, QuoteContent, QuoteCaption, QuoteAuthor, QuoteSource, quoteVariants };\nexport type {\n  QuoteProps,\n  QuoteContentProps,\n  QuoteCaptionProps,\n  QuoteAuthorProps,\n  QuoteSourceProps,\n};\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAiGZ,cAQrB,YARqB;AA3F3B,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,SAAS;AAAA;AAAA,MAET,WAAW;AAAA;AAAA,MAEX,aAAa;AAAA;AAAA,MAEb,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA0DD,SAAS,MAAM;AAAA,EACb;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AAIb,QAAM,iBAAiB,UAAU,QAAQ,UAAU,QAAQ,UAAU;AAErE,QAAM,OAAO,YAAY,oBAAC,aAAU,eAAY,QAAO,WAAU,oBAAmB,IAAK;AAMzF,MAAI,CAAC,gBAAgB;AACnB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,gBAAc,WAAW;AAAA,QACzB,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,QACnD;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,UACD,oBAAC,gBAAc,UAAS;AAAA;AAAA;AAAA,IAC1B;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,WAAW;AAAA,MACzB,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,MAEJ;AAAA,6BAAC,gBAAW,aAAU,oBAAmB,WAAU,0BAAyB,MACzE;AAAA;AAAA,UACD,oBAAC,gBAAc,UAAS;AAAA,WAC1B;AAAA,QACA,qBAAC,gBACE;AAAA,oBAAU,OACT,oBAAC,UAAK,aAAU,gBAAe,eAAY,QAAO,WAAU,sBACzD,kBACH,IACE;AAAA,UAEJ,qBAAC,UAAK,WAAU,2BACb;AAAA,sBAAU,OAAO,oBAAC,eAAa,kBAAO,IAAiB;AAAA,YACvD,UAAU,OACT,oBAAC,UAAK,aAAU,gBAAe,WAAU,sBACtC,kBACH,IACE;AAAA,YACH,UAAU,OAAO,oBAAC,eAAa,kBAAO,IAAiB;AAAA,aAC1D;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,aAAa,EAAE,SAAS,WAAW,GAAG,MAAM,GAAsB;AACzE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,iBAAgB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAEhG;AAGA,SAAS,aAAa,EAAE,SAAS,WAAW,GAAG,MAAM,GAAsB;AACzE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,iBAAgB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAEhG;AAGA,SAAS,YAAY,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACvE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,gBAAe,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OAAO;AAE9F;AAGA,SAAS,YAAY,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACvE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,gBAAe,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OAAO;AAE9F;","names":[]}

package/dist/chunk-LQGQ7J3R.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-LQGQ7J3R.cjs.map

package/dist/chunk-LQGQ7J3R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LQGQ7J3R.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LQGQ7J3R.cjs"}

package/dist/chunk-LTU2OBLV.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/AspectRatio/AspectRatio.tsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function AspectRatio({ ratio = 1, asChild, className, style, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "aspect-ratio",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-aspect-ratio", className),
+      style: { "--ddga-aspect-ratio": ratio, ...style },
+      ...props
+    }
+  );
+}
+
+
+
+exports.AspectRatio = AspectRatio;
+//# sourceMappingURL=chunk-LTU2OBLV.cjs.map

package/dist/chunk-LTU2OBLV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LTU2OBLV.cjs","../src/components/AspectRatio/AspectRatio.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,mCAAsC;AAoClC,+CAAA;AAHJ,SAAS,WAAA,CAAY,EAAE,MAAA,EAAQ,CAAA,EAAG,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,GAAG,MAAM,CAAA,EAAqB;AACzF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,kCAAA,mBAAG,EAAqB,SAAS,CAAA;AAAA,MAC5C,KAAA,EAAO,EAAE,qBAAA,EAAuB,KAAA,EAAO,GAAG,MAAM,CAAA;AAAA,MAC/C,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AD1BA;AACA;AACE;AACF,kCAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-LTU2OBLV.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\n\n// ─── Types ─── //\n\ninterface AspectRatioProps extends React.ComponentProps<'div'> {\n  /**\n   * Width-to-height ratio, fed to the native CSS `aspect-ratio` property.\n   * Prefer the readable string form (`ratio=\"16/9\"`) — it stays legible in the\n   * rendered DOM and is a true CSS `<ratio>`. The numeric form (`ratio={16 / 9}`)\n   * also works but JavaScript evaluates it to a float (`1.777…`), so the\n   * original intent is lost in dev tools. Default `1` (square).\n   */\n  ratio?: number | string;\n  /**\n   * Render the ratio onto the single child element (e.g. an `<img>` / `<video>`)\n   * via Radix `Slot`, instead of wrapping it in a `<div>`. Avoids an extra\n   * wrapper around media.\n   */\n  asChild?: boolean;\n}\n\n// ─── Component ─── //\n\n/**\n * Constrains its content to a fixed width-to-height ratio so layouts don't shift\n * as media loads. Built on the native CSS `aspect-ratio` property (Baseline\n * since 2021) — not the legacy padding-bottom hack.\n *\n * The box is full-width by default; set the bounding width via `className` /\n * `style` (or a parent) and the height follows from `ratio`. A single child\n * (image, video, iframe, chart) fills the box with `object-fit: cover`.\n */\nfunction AspectRatio({ ratio = 1, asChild, className, style, ...props }: AspectRatioProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"aspect-ratio\"\n      className={cn('ddga-aspect-ratio', className)}\n      style={{ '--ddga-aspect-ratio': ratio, ...style } as React.CSSProperties}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { AspectRatio };\nexport type { AspectRatioProps };\n"]}

package/dist/chunk-M46YSH6K.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-M46YSH6K.cjs.map

package/dist/chunk-M46YSH6K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-M46YSH6K.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-M46YSH6K.cjs"}

package/dist/chunk-M5ZXQ2QS.js

@@ -0,0 +1,167 @@
+import {
+  CaretDown,
+  CaretUp
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Table/Table.tsx
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var tableVariants = cva("ddga-table", {
+  variants: {
+    size: {
+      sm: "ddga-table--sm",
+      md: "ddga-table--md",
+      lg: "ddga-table--lg"
+    },
+    striped: { true: "ddga-table--striped" },
+    divided: { true: "ddga-table--divided" },
+    bordered: { true: "ddga-table--bordered" },
+    stickyHeader: { true: "ddga-table--sticky" }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Table({
+  size,
+  striped,
+  divided,
+  bordered,
+  stickyHeader,
+  className,
+  maxHeight,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  const named = Boolean(ariaLabel || ariaLabelledby);
+  if (process.env.NODE_ENV !== "production" && !named) {
+    console.warn(
+      "[ddga] <Table> wraps its table in a horizontally scrollable container. Pass `aria-label` (or `aria-labelledby`) so keyboard and screen-reader users can identify and scroll it. Without a name it degrades to a plain scroll container with no landmark."
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && ariaLabel && ariaLabelledby) {
+    console.warn(
+      "[ddga] <Table> received both `aria-label` and `aria-labelledby`. `aria-labelledby` takes precedence; `aria-label` will be ignored by assistive technology."
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-region",
+      className: "ddga-table__region",
+      style: maxHeight != null ? { maxBlockSize: maxHeight, overflowY: "auto" } : void 0,
+      ...named ? {
+        role: "region",
+        tabIndex: 0,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledby
+      } : {},
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn(tableVariants({ size, striped, divided, bordered, stickyHeader }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn("ddga-table__header", className), ...props });
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", className: cn("ddga-table__body", className), ...props });
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("tfoot", { "data-slot": "table-footer", className: cn("ddga-table__footer", className), ...props });
+}
+function TableRow({ className, selected, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      "data-state": selected ? "selected" : void 0,
+      className: cn("ddga-table__row", className),
+      ...props
+    }
+  );
+}
+function TableHead({
+  className,
+  align,
+  sortable,
+  sortDirection = false,
+  sortLabel,
+  onClick,
+  children,
+  ...props
+}) {
+  const headClass = cn("ddga-table__head", align && `ddga-table__head--align-${align}`, className);
+  if (process.env.NODE_ENV !== "production" && sortable && !sortLabel) {
+    console.warn(
+      '[ddga] <TableHead sortable> has no `sortLabel`. `aria-sort` conveys the sort state, but pass a localized cue (e.g. "activate to sort") so a focused sort button announces its action to screen-reader users.'
+    );
+  }
+  if (!sortable) {
+    return /* @__PURE__ */ jsx("th", { scope: "col", "data-slot": "table-head", className: headClass, ...props, children });
+  }
+  const ariaSort = sortDirection === "asc" ? "ascending" : sortDirection === "desc" ? "descending" : "none";
+  return /* @__PURE__ */ jsx("th", { scope: "col", "data-slot": "table-head", "aria-sort": ariaSort, className: headClass, ...props, children: /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "data-slot": "table-sort-button",
+      className: "ddga-table__sort-button",
+      onClick,
+      children: [
+        children,
+        sortLabel ? /* @__PURE__ */ jsx("span", { className: "ddga-sr-only", children: sortLabel }) : null,
+        /* @__PURE__ */ jsx("span", { className: "ddga-table__sort-icon", "data-slot": "table-sort-icon", "aria-hidden": "true", children: sortDirection === "asc" ? /* @__PURE__ */ jsx(CaretUp, {}) : sortDirection === "desc" ? /* @__PURE__ */ jsx(CaretDown, {}) : (
+          // Neutral affordance: stacked carets, dimmed via CSS.
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CaretUp, {}),
+            /* @__PURE__ */ jsx(CaretDown, {})
+          ] })
+        ) })
+      ]
+    }
+  ) });
+}
+function TableCell({ className, align, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("ddga-table__cell", align && `ddga-table__cell--align-${align}`, className),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("ddga-table__caption", className),
+      ...props
+    }
+  );
+}
+
+export {
+  tableVariants,
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+};
+//# sourceMappingURL=chunk-M5ZXQ2QS.js.map

package/dist/chunk-M5ZXQ2QS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { CaretDown, CaretUp } from '../../internal/icons';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Semantic <table> compound. Layout/density cascade from the root to the leaf\n// parts via descendant selectors (DescriptionList/Accordion pattern), so the\n// row/head/cell parts carry no variant props beyond `align`/`selected`.\n\nconst tableVariants = cva('ddga-table', {\n  variants: {\n    size: {\n      sm: 'ddga-table--sm',\n      md: 'ddga-table--md',\n      lg: 'ddga-table--lg',\n    },\n    striped: { true: 'ddga-table--striped' },\n    divided: { true: 'ddga-table--divided' },\n    bordered: { true: 'ddga-table--bordered' },\n    stickyHeader: { true: 'ddga-table--sticky' },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ntype Align = 'start' | 'center' | 'end';\n\n// ─── 2. Types ─── //\n\ninterface TableProps extends React.ComponentProps<'table'>, VariantProps<typeof tableVariants> {\n  /**\n   * Accessible name for the **scroll region** wrapping the table. Strongly\n   * recommended: a wide table scrolls horizontally, and a named, focusable\n   * region lets keyboard and screen-reader users find and scroll it. When\n   * provided, the wrapper becomes `role=\"region\"` `tabindex=\"0\"`; when omitted,\n   * it degrades to a plain scroll container and a dev warning fires.\n   * Note: this names the region, not the `<table>` — use `<TableCaption>` for\n   * the table's own name.\n   */\n  'aria-label'?: string;\n  /** Accessible name for the scroll region, by id reference. See `aria-label`. */\n  'aria-labelledby'?: string;\n  /**\n   * Caps the scroll region's block-size (number → px) so the body scrolls\n   * vertically within it. **Required for `stickyHeader` to engage** — sticky\n   * needs a height-constrained, scrollable ancestor; without it the region\n   * grows to content height and the header has nothing to stick to.\n   */\n  maxHeight?: number | string;\n}\n\ninterface TableRowProps extends React.ComponentProps<'tr'> {\n  /** Visually highlights the row and sets `data-state=\"selected\"`. Selection\n   *  semantics for assistive tech come from a checkbox in the cell (see the\n   *  DataTable recipe), not from the row. */\n  selected?: boolean;\n}\n\ninterface TableHeadProps extends Omit<React.ComponentProps<'th'>, 'align' | 'onClick'> {\n  align?: Align;\n  /** Renders the column as sortable: wraps content in a button and sets\n   *  `aria-sort`. Sort *logic* is the consumer's — wire `onClick`. */\n  sortable?: boolean;\n  /** Current sort direction, or `false` when unsorted. */\n  sortDirection?: 'asc' | 'desc' | false;\n  /** Click handler bound to the sort button (only rendered when `sortable`). */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * Visually-hidden, **caller-localized** cue appended to the sort button's\n   * accessible name (e.g. \"activate to sort ascending\"). `aria-sort` already\n   * conveys state, but a focused button otherwise announces only its column\n   * label; this adds the action cue. Kept as a prop (not hard-coded text) so\n   * the design system stays language-neutral — pass Arabic in RTL. Only used\n   * when `sortable`. Typed `string` (not `ReactNode`) so interactive content\n   * can't be hidden into a keyboard-reachable, invisible trap.\n   */\n  sortLabel?: string;\n}\n\ninterface TableCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: Align;\n}\n\n// ─── 3. Components ─── //\n\nfunction Table({\n  size,\n  striped,\n  divided,\n  bordered,\n  stickyHeader,\n  className,\n  maxHeight,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: TableProps) {\n  const named = Boolean(ariaLabel || ariaLabelledby);\n\n  if (process.env.NODE_ENV !== 'production' && !named) {\n    console.warn(\n      '[ddga] <Table> wraps its table in a horizontally scrollable container. ' +\n        'Pass `aria-label` (or `aria-labelledby`) so keyboard and screen-reader ' +\n        'users can identify and scroll it. Without a name it degrades to a plain ' +\n        'scroll container with no landmark.',\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && ariaLabel && ariaLabelledby) {\n    console.warn(\n      '[ddga] <Table> received both `aria-label` and `aria-labelledby`. ' +\n        '`aria-labelledby` takes precedence; `aria-label` will be ignored by assistive technology.',\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"table-region\"\n      className=\"ddga-table__region\"\n      style={maxHeight != null ? { maxBlockSize: maxHeight, overflowY: 'auto' } : undefined}\n      {...(named\n        ? {\n            role: 'region',\n            tabIndex: 0,\n            'aria-label': ariaLabel,\n            'aria-labelledby': ariaLabelledby,\n          }\n        : {})}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(tableVariants({ size, striped, divided, bordered, stickyHeader }), className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead data-slot=\"table-header\" className={cn('ddga-table__header', className)} {...props} />\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return <tbody data-slot=\"table-body\" className={cn('ddga-table__body', className)} {...props} />;\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot data-slot=\"table-footer\" className={cn('ddga-table__footer', className)} {...props} />\n  );\n}\n\nfunction TableRow({ className, selected, ...props }: TableRowProps) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      data-state={selected ? 'selected' : undefined}\n      className={cn('ddga-table__row', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableHead({\n  className,\n  align,\n  sortable,\n  sortDirection = false,\n  sortLabel,\n  onClick,\n  children,\n  ...props\n}: TableHeadProps) {\n  const headClass = cn('ddga-table__head', align && `ddga-table__head--align-${align}`, className);\n\n  if (process.env.NODE_ENV !== 'production' && sortable && !sortLabel) {\n    console.warn(\n      '[ddga] <TableHead sortable> has no `sortLabel`. `aria-sort` conveys the ' +\n        'sort state, but pass a localized cue (e.g. \"activate to sort\") so a focused ' +\n        'sort button announces its action to screen-reader users.',\n    );\n  }\n\n  if (!sortable) {\n    return (\n      <th scope=\"col\" data-slot=\"table-head\" className={headClass} {...props}>\n        {children}\n      </th>\n    );\n  }\n\n  const ariaSort =\n    sortDirection === 'asc' ? 'ascending' : sortDirection === 'desc' ? 'descending' : 'none';\n\n  return (\n    <th scope=\"col\" data-slot=\"table-head\" aria-sort={ariaSort} className={headClass} {...props}>\n      <button\n        type=\"button\"\n        data-slot=\"table-sort-button\"\n        className=\"ddga-table__sort-button\"\n        onClick={onClick}\n      >\n        {children}\n        {sortLabel ? <span className=\"ddga-sr-only\">{sortLabel}</span> : null}\n        <span className=\"ddga-table__sort-icon\" data-slot=\"table-sort-icon\" aria-hidden=\"true\">\n          {sortDirection === 'asc' ? (\n            <CaretUp />\n          ) : sortDirection === 'desc' ? (\n            <CaretDown />\n          ) : (\n            // Neutral affordance: stacked carets, dimmed via CSS.\n            <>\n              <CaretUp />\n              <CaretDown />\n            </>\n          )}\n        </span>\n      </button>\n    </th>\n  );\n}\n\nfunction TableCell({ className, align, ...props }: TableCellProps) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn('ddga-table__cell', align && `ddga-table__cell--align-${align}`, className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('ddga-table__caption', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableRow,\n  TableHead,\n  TableCell,\n  TableCaption,\n  tableVariants,\n};\nexport type { TableProps, TableRowProps, TableHeadProps, TableCellProps };\n"],"mappings":"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","names":[]}