@dev-dga/react 0.11.0 → 0.12.1

package/dist/chunk-G6LUBXN2.js

@@ -0,0 +1,271 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./chunk-XB6YHZAG.js";
+import {
+  MoreHorizontal
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Tabs/Tabs.tsx
+import {
+  Children,
+  cloneElement,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState
+} from "react";
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useIsoLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+var tabsVariants = cva("ddga-tabs", {
+  variants: {
+    size: {
+      sm: "ddga-tabs--sm",
+      md: "ddga-tabs--md",
+      lg: "ddga-tabs--lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var tabsListVariants = cva("ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    },
+    /** Align the first tab's content to the list's leading edge (drop the
+     *  leading inset). SDGA "Flush" — horizontal lists only. */
+    flush: {
+      true: "ddga-tabs__list--flush"
+    }
+  }
+});
+function Tabs({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn(tabsVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ overflow, fullWidth, flush, moreLabel, ...props }) {
+  return overflow ? (
+    // `fullWidth` is incompatible with measured overflow; `flush` still applies.
+    /* @__PURE__ */ jsx(TabsOverflowList, { moreLabel, flush, ...props })
+  ) : /* @__PURE__ */ jsx(TabsPlainList, { fullWidth, flush, ...props });
+}
+function TabsPlainList({
+  fullWidth,
+  flush,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ fullWidth, flush }), className),
+      ...props
+    }
+  );
+}
+function TabsOverflowList({
+  className,
+  children,
+  flush,
+  moreLabel = "More tabs",
+  ...props
+}) {
+  const wrapRef = useRef(null);
+  const listRef = useRef(null);
+  const moreRef = useRef(null);
+  const [hiddenFrom, setHiddenFrom] = useState(Number.POSITIVE_INFINITY);
+  const [activeIndex, setActiveIndex] = useState(-1);
+  const items = Children.toArray(children).filter(
+    isValidElement
+  );
+  const count = items.length;
+  const measure = useCallback(() => {
+    const wrap = wrapRef.current;
+    const list = listRef.current;
+    if (!wrap || !list) return;
+    const triggers = Array.from(list.querySelectorAll('[data-slot="tabs-trigger"]'));
+    if (triggers.length === 0) return;
+    const widths = triggers.map((t) => {
+      t.style.setProperty("display", "inline-flex", "important");
+      const w = t.getBoundingClientRect().width;
+      t.style.removeProperty("display");
+      return w;
+    });
+    const containerW = wrap.getBoundingClientRect().width;
+    const total = widths.reduce((a, b) => a + b, 0);
+    let next = triggers.length;
+    if (total > containerW + 0.5) {
+      const moreW = moreRef.current?.getBoundingClientRect().width ?? 48;
+      const avail = containerW - moreW;
+      let used = 0;
+      next = 0;
+      for (let i = 0; i < widths.length; i++) {
+        if (used + widths[i] <= avail) {
+          used += widths[i];
+          next++;
+        } else break;
+      }
+      next = Math.max(next, 1);
+    }
+    setHiddenFrom((prev) => prev === next ? prev : next);
+  }, []);
+  const signature = items.map((c) => String(c.props.value)).join("|");
+  useIsoLayoutEffect(() => {
+    measure();
+    const wrap = wrapRef.current;
+    if (!wrap || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => measure());
+    ro.observe(wrap);
+    return () => ro.disconnect();
+  }, [measure, signature]);
+  useEffect(() => {
+    const list = listRef.current;
+    if (!list) return;
+    const read = () => {
+      const triggers = Array.from(list.querySelectorAll('[data-slot="tabs-trigger"]'));
+      setActiveIndex(triggers.findIndex((t) => t.getAttribute("data-state") === "active"));
+    };
+    read();
+    if (typeof MutationObserver === "undefined") return;
+    const mo = new MutationObserver(read);
+    mo.observe(list, { attributes: true, subtree: true, attributeFilter: ["data-state"] });
+    return () => mo.disconnect();
+  }, [signature]);
+  const activate = (index) => {
+    const trigger = listRef.current?.querySelectorAll('[data-slot="tabs-trigger"]')[index];
+    trigger?.dispatchEvent(new MouseEvent("mousedown", { bubbles: true, cancelable: true }));
+  };
+  const hasOverflow = hiddenFrom < count;
+  const activeHidden = activeIndex >= hiddenFrom;
+  return /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: "ddga-tabs__list-wrap", "data-slot": "tabs-list-wrap", children: [
+    /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
+      {
+        ref: listRef,
+        "data-slot": "tabs-list",
+        className: cn("ddga-tabs__list", flush && "ddga-tabs__list--flush", className),
+        ...props,
+        children: items.map(
+          (child, i) => cloneElement(child, {
+            key: child.key ?? i,
+            className: cn(
+              child.props.className,
+              i >= hiddenFrom && "ddga-tabs__trigger--overflowed"
+            )
+          })
+        )
+      }
+    ),
+    hasOverflow && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: moreRef,
+          type: "button",
+          className: "ddga-tabs__more",
+          "data-slot": "tabs-more",
+          "data-active": activeHidden ? "" : void 0,
+          "aria-label": moreLabel,
+          children: /* @__PURE__ */ jsx("span", { className: "ddga-tabs__more-button", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "ddga-tabs__more-icon" }) })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: items.slice(hiddenFrom).map((child, i) => {
+        const index = hiddenFrom + i;
+        return /* @__PURE__ */ jsx(
+          DropdownMenuItem,
+          {
+            startIcon: child.props.startIcon,
+            disabled: child.props.disabled,
+            onSelect: () => activate(index),
+            children: child.props.children
+          },
+          child.key ?? index
+        );
+      }) })
+    ] })
+  ] });
+}
+function TabsTrigger({
+  className,
+  startIcon,
+  endIcon,
+  children,
+  asChild,
+  ...props
+}) {
+  const hasIcon = startIcon != null || endIcon != null;
+  const hasText = children != null && children !== "" && typeof children !== "boolean";
+  const isIconOnly = !asChild && hasIcon && !hasText;
+  if (process.env.NODE_ENV === "development") {
+    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
+      );
+    }
+    if (asChild && hasIcon) {
+      console.warn(
+        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      asChild,
+      className: cn("ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        startIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-tabs__icon",
+            "data-slot": "tabs-trigger-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        children,
+        endIcon && /* @__PURE__ */ jsx("span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
+      ] })
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+export {
+  tabsVariants,
+  tabsListVariants,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+};
+//# sourceMappingURL=chunk-G6LUBXN2.js.map

package/dist/chunk-G6LUBXN2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { MoreHorizontal } from '../../internal/icons';\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n} from '../DropdownMenu/DropdownMenu';\n\nconst useIsoLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n      lg: 'ddga-tabs--lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n    /** Align the first tab's content to the list's leading edge (drop the\n     *  leading inset). SDGA \"Flush\" — horizontal lists only. */\n    flush: {\n      true: 'ddga-tabs__list--flush',\n    },\n  },\n});\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {\n  /**\n   * Collapse tabs that don't fit into a trailing \"More\" overflow menu (SDGA\n   * \"More Tab\"). Horizontal lists only — the list fills its container's inline\n   * size and pushes the overflow trigger to the trailing edge.\n   */\n  overflow?: boolean;\n  /** Accessible name for the overflow trigger when `overflow` is set. */\n  moreLabel?: string;\n}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\nfunction Tabs({ size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ overflow, fullWidth, flush, moreLabel, ...props }: TabsListProps) {\n  return overflow ? (\n    // `fullWidth` is incompatible with measured overflow; `flush` still applies.\n    <TabsOverflowList moreLabel={moreLabel} flush={flush} {...props} />\n  ) : (\n    <TabsPlainList fullWidth={fullWidth} flush={flush} {...props} />\n  );\n}\n\nfunction TabsPlainList({\n  fullWidth,\n  flush,\n  className,\n  ...props\n}: Omit<TabsListProps, 'overflow' | 'moreLabel'>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth, flush }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsOverflowList({\n  className,\n  children,\n  flush,\n  moreLabel = 'More tabs',\n  ...props\n}: Omit<TabsListProps, 'overflow' | 'fullWidth'>) {\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const moreRef = useRef<HTMLButtonElement>(null);\n  const [hiddenFrom, setHiddenFrom] = useState<number>(Number.POSITIVE_INFINITY);\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\n\n  const items = Children.toArray(children).filter(\n    isValidElement,\n  ) as ReactElement<TabsTriggerProps>[];\n  const count = items.length;\n\n  const measure = useCallback(() => {\n    const wrap = wrapRef.current;\n    const list = listRef.current;\n    if (!wrap || !list) return;\n    const triggers = Array.from(list.querySelectorAll<HTMLElement>('[data-slot=\"tabs-trigger\"]'));\n    if (triggers.length === 0) return;\n    // Natural widths — defeat the `--overflowed` (display:none) class so a\n    // hidden trigger still reports its real width on a later resize.\n    const widths = triggers.map((t) => {\n      t.style.setProperty('display', 'inline-flex', 'important');\n      const w = t.getBoundingClientRect().width;\n      t.style.removeProperty('display');\n      return w;\n    });\n    const containerW = wrap.getBoundingClientRect().width;\n    const total = widths.reduce((a, b) => a + b, 0);\n    let next = triggers.length;\n    if (total > containerW + 0.5) {\n      const moreW = moreRef.current?.getBoundingClientRect().width ?? 48;\n      const avail = containerW - moreW;\n      let used = 0;\n      next = 0;\n      for (let i = 0; i < widths.length; i++) {\n        if (used + widths[i] <= avail) {\n          used += widths[i];\n          next++;\n        } else break;\n      }\n      next = Math.max(next, 1);\n    }\n    setHiddenFrom((prev) => (prev === next ? prev : next));\n  }, []);\n\n  const signature = items.map((c) => String(c.props.value)).join('|');\n  useIsoLayoutEffect(() => {\n    measure();\n    const wrap = wrapRef.current;\n    if (!wrap || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => measure());\n    ro.observe(wrap);\n    return () => ro.disconnect();\n  }, [measure, signature]);\n\n  // Track the active tab (Radix flips `data-state` internally) so the overflow\n  // trigger can show the selected style when the active tab is collapsed.\n  useEffect(() => {\n    const list = listRef.current;\n    if (!list) return;\n    const read = () => {\n      const triggers = Array.from(list.querySelectorAll('[data-slot=\"tabs-trigger\"]'));\n      setActiveIndex(triggers.findIndex((t) => t.getAttribute('data-state') === 'active'));\n    };\n    read();\n    if (typeof MutationObserver === 'undefined') return;\n    const mo = new MutationObserver(read);\n    mo.observe(list, { attributes: true, subtree: true, attributeFilter: ['data-state'] });\n    return () => mo.disconnect();\n  }, [signature]);\n\n  const activate = (index: number) => {\n    const trigger = listRef.current?.querySelectorAll<HTMLElement>('[data-slot=\"tabs-trigger\"]')[\n      index\n    ];\n    trigger?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true }));\n  };\n\n  const hasOverflow = hiddenFrom < count;\n  const activeHidden = activeIndex >= hiddenFrom;\n\n  return (\n    <div ref={wrapRef} className=\"ddga-tabs__list-wrap\" data-slot=\"tabs-list-wrap\">\n      <TabsPrimitive.List\n        ref={listRef}\n        data-slot=\"tabs-list\"\n        className={cn('ddga-tabs__list', flush && 'ddga-tabs__list--flush', className)}\n        {...props}\n      >\n        {items.map((child, i) =>\n          cloneElement(child, {\n            key: child.key ?? i,\n            className: cn(\n              child.props.className,\n              i >= hiddenFrom && 'ddga-tabs__trigger--overflowed',\n            ),\n          }),\n        )}\n      </TabsPrimitive.List>\n\n      {hasOverflow && (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              ref={moreRef}\n              type=\"button\"\n              className=\"ddga-tabs__more\"\n              data-slot=\"tabs-more\"\n              data-active={activeHidden ? '' : undefined}\n              aria-label={moreLabel}\n            >\n              <span className=\"ddga-tabs__more-button\" aria-hidden=\"true\">\n                <MoreHorizontal className=\"ddga-tabs__more-icon\" />\n              </span>\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            {items.slice(hiddenFrom).map((child, i) => {\n              const index = hiddenFrom + i;\n              return (\n                <DropdownMenuItem\n                  key={child.key ?? index}\n                  startIcon={child.props.startIcon}\n                  disabled={child.props.disabled}\n                  onSelect={() => activate(index)}\n                >\n                  {child.props.children}\n                </DropdownMenuItem>\n              );\n            })}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </div>\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  const hasIcon = startIcon != null || endIcon != null;\n  // null/undefined/boolean/'' children don't count as text (React renders nothing for them).\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"],"mappings":"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","names":[]}

package/dist/chunk-G6ZOJVIG.cjs

@@ -0,0 +1,271 @@
+"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 _chunkDU4YQEIMcjs = require('./chunk-DU4YQEIM.cjs');
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Tabs/Tabs.tsx
+
+
+
+
+
+
+
+
+
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var useIsoLayoutEffect = typeof document !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+var tabsVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs", {
+  variants: {
+    size: {
+      sm: "ddga-tabs--sm",
+      md: "ddga-tabs--md",
+      lg: "ddga-tabs--lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var tabsListVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    },
+    /** Align the first tab's content to the list's leading edge (drop the
+     *  leading inset). SDGA "Flush" — horizontal lists only. */
+    flush: {
+      true: "ddga-tabs__list--flush"
+    }
+  }
+});
+function Tabs({ size, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Root,
+    {
+      "data-slot": "tabs",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ overflow, fullWidth, flush, moreLabel, ...props }) {
+  return overflow ? (
+    // `fullWidth` is incompatible with measured overflow; `flush` still applies.
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsOverflowList, { moreLabel, flush, ...props })
+  ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabsPlainList, { fullWidth, flush, ...props });
+}
+function TabsPlainList({
+  fullWidth,
+  flush,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.List,
+    {
+      "data-slot": "tabs-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsListVariants({ fullWidth, flush }), className),
+      ...props
+    }
+  );
+}
+function TabsOverflowList({
+  className,
+  children,
+  flush,
+  moreLabel = "More tabs",
+  ...props
+}) {
+  const wrapRef = _react.useRef.call(void 0, null);
+  const listRef = _react.useRef.call(void 0, null);
+  const moreRef = _react.useRef.call(void 0, null);
+  const [hiddenFrom, setHiddenFrom] = _react.useState.call(void 0, Number.POSITIVE_INFINITY);
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, -1);
+  const items = _react.Children.toArray(children).filter(
+    _react.isValidElement
+  );
+  const count = items.length;
+  const measure = _react.useCallback.call(void 0, () => {
+    const wrap = wrapRef.current;
+    const list = listRef.current;
+    if (!wrap || !list) return;
+    const triggers = Array.from(list.querySelectorAll('[data-slot="tabs-trigger"]'));
+    if (triggers.length === 0) return;
+    const widths = triggers.map((t) => {
+      t.style.setProperty("display", "inline-flex", "important");
+      const w = t.getBoundingClientRect().width;
+      t.style.removeProperty("display");
+      return w;
+    });
+    const containerW = wrap.getBoundingClientRect().width;
+    const total = widths.reduce((a, b) => a + b, 0);
+    let next = triggers.length;
+    if (total > containerW + 0.5) {
+      const moreW = _nullishCoalesce(_optionalChain([moreRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.getBoundingClientRect, 'call', _3 => _3(), 'access', _4 => _4.width]), () => ( 48));
+      const avail = containerW - moreW;
+      let used = 0;
+      next = 0;
+      for (let i = 0; i < widths.length; i++) {
+        if (used + widths[i] <= avail) {
+          used += widths[i];
+          next++;
+        } else break;
+      }
+      next = Math.max(next, 1);
+    }
+    setHiddenFrom((prev) => prev === next ? prev : next);
+  }, []);
+  const signature = items.map((c) => String(c.props.value)).join("|");
+  useIsoLayoutEffect(() => {
+    measure();
+    const wrap = wrapRef.current;
+    if (!wrap || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => measure());
+    ro.observe(wrap);
+    return () => ro.disconnect();
+  }, [measure, signature]);
+  _react.useEffect.call(void 0, () => {
+    const list = listRef.current;
+    if (!list) return;
+    const read = () => {
+      const triggers = Array.from(list.querySelectorAll('[data-slot="tabs-trigger"]'));
+      setActiveIndex(triggers.findIndex((t) => t.getAttribute("data-state") === "active"));
+    };
+    read();
+    if (typeof MutationObserver === "undefined") return;
+    const mo = new MutationObserver(read);
+    mo.observe(list, { attributes: true, subtree: true, attributeFilter: ["data-state"] });
+    return () => mo.disconnect();
+  }, [signature]);
+  const activate = (index) => {
+    const trigger = _optionalChain([listRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.querySelectorAll, 'call', _7 => _7('[data-slot="tabs-trigger"]'), 'access', _8 => _8[index]]);
+    _optionalChain([trigger, 'optionalAccess', _9 => _9.dispatchEvent, 'call', _10 => _10(new MouseEvent("mousedown", { bubbles: true, cancelable: true }))]);
+  };
+  const hasOverflow = hiddenFrom < count;
+  const activeHidden = activeIndex >= hiddenFrom;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: wrapRef, className: "ddga-tabs__list-wrap", "data-slot": "tabs-list-wrap", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Tabs.List,
+      {
+        ref: listRef,
+        "data-slot": "tabs-list",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__list", flush && "ddga-tabs__list--flush", className),
+        ...props,
+        children: items.map(
+          (child, i) => _react.cloneElement.call(void 0, child, {
+            key: _nullishCoalesce(child.key, () => ( i)),
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+              child.props.className,
+              i >= hiddenFrom && "ddga-tabs__trigger--overflowed"
+            )
+          })
+        )
+      }
+    ),
+    hasOverflow && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDU4YQEIMcjs.DropdownMenu, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDU4YQEIMcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          ref: moreRef,
+          type: "button",
+          className: "ddga-tabs__more",
+          "data-slot": "tabs-more",
+          "data-active": activeHidden ? "" : void 0,
+          "aria-label": moreLabel,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tabs__more-button", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.MoreHorizontal, { className: "ddga-tabs__more-icon" }) })
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDU4YQEIMcjs.DropdownMenuContent, { align: "end", children: items.slice(hiddenFrom).map((child, i) => {
+        const index = hiddenFrom + i;
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkDU4YQEIMcjs.DropdownMenuItem,
+          {
+            startIcon: child.props.startIcon,
+            disabled: child.props.disabled,
+            onSelect: () => activate(index),
+            children: child.props.children
+          },
+          _nullishCoalesce(child.key, () => ( index))
+        );
+      }) })
+    ] })
+  ] });
+}
+function TabsTrigger({
+  className,
+  startIcon,
+  endIcon,
+  children,
+  asChild,
+  ...props
+}) {
+  const hasIcon = startIcon != null || endIcon != null;
+  const hasText = children != null && children !== "" && typeof children !== "boolean";
+  const isIconOnly = !asChild && hasIcon && !hasText;
+  if (process.env.NODE_ENV === "development") {
+    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
+      );
+    }
+    if (asChild && hasIcon) {
+      console.warn(
+        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
+      );
+    }
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      asChild,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        startIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "ddga-tabs__icon",
+            "data-slot": "tabs-trigger-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        children,
+        endIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
+      ] })
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Content,
+    {
+      "data-slot": "tabs-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.tabsVariants = tabsVariants; exports.tabsListVariants = tabsListVariants; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent;
+//# sourceMappingURL=chunk-G6ZOJVIG.cjs.map

package/dist/chunk-G6ZOJVIG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-G6ZOJVIG.cjs","../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-G6ZOJVIG.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  cloneElement,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { MoreHorizontal } from '../../internal/icons';\nimport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n} from '../DropdownMenu/DropdownMenu';\n\nconst useIsoLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n      lg: 'ddga-tabs--lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n    /** Align the first tab's content to the list's leading edge (drop the\n     *  leading inset). SDGA \"Flush\" — horizontal lists only. */\n    flush: {\n      true: 'ddga-tabs__list--flush',\n    },\n  },\n});\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {\n  /**\n   * Collapse tabs that don't fit into a trailing \"More\" overflow menu (SDGA\n   * \"More Tab\"). Horizontal lists only — the list fills its container's inline\n   * size and pushes the overflow trigger to the trailing edge.\n   */\n  overflow?: boolean;\n  /** Accessible name for the overflow trigger when `overflow` is set. */\n  moreLabel?: string;\n}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\nfunction Tabs({ size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ overflow, fullWidth, flush, moreLabel, ...props }: TabsListProps) {\n  return overflow ? (\n    // `fullWidth` is incompatible with measured overflow; `flush` still applies.\n    <TabsOverflowList moreLabel={moreLabel} flush={flush} {...props} />\n  ) : (\n    <TabsPlainList fullWidth={fullWidth} flush={flush} {...props} />\n  );\n}\n\nfunction TabsPlainList({\n  fullWidth,\n  flush,\n  className,\n  ...props\n}: Omit<TabsListProps, 'overflow' | 'moreLabel'>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth, flush }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsOverflowList({\n  className,\n  children,\n  flush,\n  moreLabel = 'More tabs',\n  ...props\n}: Omit<TabsListProps, 'overflow' | 'fullWidth'>) {\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const moreRef = useRef<HTMLButtonElement>(null);\n  const [hiddenFrom, setHiddenFrom] = useState<number>(Number.POSITIVE_INFINITY);\n  const [activeIndex, setActiveIndex] = useState<number>(-1);\n\n  const items = Children.toArray(children).filter(\n    isValidElement,\n  ) as ReactElement<TabsTriggerProps>[];\n  const count = items.length;\n\n  const measure = useCallback(() => {\n    const wrap = wrapRef.current;\n    const list = listRef.current;\n    if (!wrap || !list) return;\n    const triggers = Array.from(list.querySelectorAll<HTMLElement>('[data-slot=\"tabs-trigger\"]'));\n    if (triggers.length === 0) return;\n    // Natural widths — defeat the `--overflowed` (display:none) class so a\n    // hidden trigger still reports its real width on a later resize.\n    const widths = triggers.map((t) => {\n      t.style.setProperty('display', 'inline-flex', 'important');\n      const w = t.getBoundingClientRect().width;\n      t.style.removeProperty('display');\n      return w;\n    });\n    const containerW = wrap.getBoundingClientRect().width;\n    const total = widths.reduce((a, b) => a + b, 0);\n    let next = triggers.length;\n    if (total > containerW + 0.5) {\n      const moreW = moreRef.current?.getBoundingClientRect().width ?? 48;\n      const avail = containerW - moreW;\n      let used = 0;\n      next = 0;\n      for (let i = 0; i < widths.length; i++) {\n        if (used + widths[i] <= avail) {\n          used += widths[i];\n          next++;\n        } else break;\n      }\n      next = Math.max(next, 1);\n    }\n    setHiddenFrom((prev) => (prev === next ? prev : next));\n  }, []);\n\n  const signature = items.map((c) => String(c.props.value)).join('|');\n  useIsoLayoutEffect(() => {\n    measure();\n    const wrap = wrapRef.current;\n    if (!wrap || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => measure());\n    ro.observe(wrap);\n    return () => ro.disconnect();\n  }, [measure, signature]);\n\n  // Track the active tab (Radix flips `data-state` internally) so the overflow\n  // trigger can show the selected style when the active tab is collapsed.\n  useEffect(() => {\n    const list = listRef.current;\n    if (!list) return;\n    const read = () => {\n      const triggers = Array.from(list.querySelectorAll('[data-slot=\"tabs-trigger\"]'));\n      setActiveIndex(triggers.findIndex((t) => t.getAttribute('data-state') === 'active'));\n    };\n    read();\n    if (typeof MutationObserver === 'undefined') return;\n    const mo = new MutationObserver(read);\n    mo.observe(list, { attributes: true, subtree: true, attributeFilter: ['data-state'] });\n    return () => mo.disconnect();\n  }, [signature]);\n\n  const activate = (index: number) => {\n    const trigger = listRef.current?.querySelectorAll<HTMLElement>('[data-slot=\"tabs-trigger\"]')[\n      index\n    ];\n    trigger?.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, cancelable: true }));\n  };\n\n  const hasOverflow = hiddenFrom < count;\n  const activeHidden = activeIndex >= hiddenFrom;\n\n  return (\n    <div ref={wrapRef} className=\"ddga-tabs__list-wrap\" data-slot=\"tabs-list-wrap\">\n      <TabsPrimitive.List\n        ref={listRef}\n        data-slot=\"tabs-list\"\n        className={cn('ddga-tabs__list', flush && 'ddga-tabs__list--flush', className)}\n        {...props}\n      >\n        {items.map((child, i) =>\n          cloneElement(child, {\n            key: child.key ?? i,\n            className: cn(\n              child.props.className,\n              i >= hiddenFrom && 'ddga-tabs__trigger--overflowed',\n            ),\n          }),\n        )}\n      </TabsPrimitive.List>\n\n      {hasOverflow && (\n        <DropdownMenu>\n          <DropdownMenuTrigger asChild>\n            <button\n              ref={moreRef}\n              type=\"button\"\n              className=\"ddga-tabs__more\"\n              data-slot=\"tabs-more\"\n              data-active={activeHidden ? '' : undefined}\n              aria-label={moreLabel}\n            >\n              <span className=\"ddga-tabs__more-button\" aria-hidden=\"true\">\n                <MoreHorizontal className=\"ddga-tabs__more-icon\" />\n              </span>\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\">\n            {items.slice(hiddenFrom).map((child, i) => {\n              const index = hiddenFrom + i;\n              return (\n                <DropdownMenuItem\n                  key={child.key ?? index}\n                  startIcon={child.props.startIcon}\n                  disabled={child.props.disabled}\n                  onSelect={() => activate(index)}\n                >\n                  {child.props.children}\n                </DropdownMenuItem>\n              );\n            })}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </div>\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  const hasIcon = startIcon != null || endIcon != null;\n  // null/undefined/boolean/'' children don't count as text (React renders nothing for them).\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"]}