@dev-dga/react 0.11.0 → 0.12.1

package/dist/{chunk-UPIDCMZI.cjs → chunk-QCITJAK6.cjs}

@@ -1,20 +1,27 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+"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 _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
 
 
 var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
 
 // src/components/Pagination/Pagination.tsx
 var _radixui = require('radix-ui');
+var _react = require('react');
 var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var paginationVariants = _classvarianceauthority.cva.call(void 0, "ddga-pagination", {
   variants: {
     size: {
       sm: "ddga-pagination--sm",
-      md: "ddga-pagination--md"
+      md: "ddga-pagination--md",
+      lg: "ddga-pagination--lg"
     }
   },
   defaultVariants: {
@@ -52,12 +59,21 @@ function PaginationContent({ className, ...props }) {
 function PaginationItem({ className, ...props }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "pagination-item", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__item", className), ...props });
 }
-function PaginationLink({ asChild, isActive, className, ...props }) {
+function PaginationLink({
+  asChild,
+  isActive,
+  className,
+  tabIndex,
+  "aria-disabled": ariaDisabled,
+  ...props
+}) {
   const Comp = asChild ? _radixui.Slot.Slot : "a";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Comp,
     {
       "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": ariaDisabled,
+      tabIndex: ariaDisabled ? -1 : tabIndex,
       "data-slot": "pagination-link",
       "data-active": isActive ? "" : void 0,
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, paginationLinkVariants({ isActive }), className),
@@ -78,12 +94,9 @@ function PaginationPrevious({
       asChild,
       "aria-label": label,
       "data-slot": "pagination-previous",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", "ddga-pagination__nav--previous", className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", className),
       ...props,
-      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--previous" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label })
-      ] })))
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ArrowLeft, { className: "ddga-pagination__nav-icon", "aria-hidden": "true" })))
     }
   );
 }
@@ -100,12 +113,9 @@ function PaginationNext({
       asChild,
       "aria-label": label,
       "data-slot": "pagination-next",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", "ddga-pagination__nav--next", className),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", className),
       ...props,
-      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--next" })
-      ] })))
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ArrowRight, { className: "ddga-pagination__nav-icon", "aria-hidden": "true" })))
     }
   );
 }
@@ -118,10 +128,57 @@ function PaginationEllipsis({ className, ...props }) {
       "data-slot": "pagination-ellipsis",
       className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__ellipsis", className),
       ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.MoreHorizontal, {})
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.MoreHorizontal, { className: "ddga-pagination__ellipsis-icon" })
     }
   );
 }
+function PaginationOverflow({
+  pages,
+  current,
+  onSelect,
+  label = "More pages",
+  className,
+  ...rest
+}) {
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const container = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.DropdownMenu.Root, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        "aria-label": label,
+        "data-slot": "pagination-overflow",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__link", "ddga-pagination__overflow", className),
+        ...rest,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.MoreHorizontal, { className: "ddga-pagination__ellipsis-icon", "aria-hidden": "true" })
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.DropdownMenu.Portal, { container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.DropdownMenu.Content,
+      {
+        "data-slot": "pagination-menu",
+        align: "start",
+        sideOffset: 4,
+        className: "ddga-pagination__menu",
+        children: pages.map((page) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _radixui.DropdownMenu.Item,
+          {
+            "aria-current": page === current ? "page" : void 0,
+            className: "ddga-pagination__menu-item",
+            onSelect: () => onSelect(page),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-pagination__menu-label", children: page }),
+              page === current ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-pagination__menu-check", "aria-hidden": "true" }) : null
+            ]
+          },
+          page
+        ))
+      }
+    ) })
+  ] });
+}
+
 
 
 
@@ -133,5 +190,5 @@ function PaginationEllipsis({ className, ...props }) {
 
 
 
-exports.paginationVariants = paginationVariants; exports.paginationLinkVariants = paginationLinkVariants; exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.PaginationEllipsis = PaginationEllipsis;
-//# sourceMappingURL=chunk-UPIDCMZI.cjs.map
+exports.paginationVariants = paginationVariants; exports.paginationLinkVariants = paginationLinkVariants; exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.PaginationEllipsis = PaginationEllipsis; exports.PaginationOverflow = PaginationOverflow;
+//# sourceMappingURL=chunk-QCITJAK6.cjs.map

package/dist/chunk-QCITJAK6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QCITJAK6.cjs","../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-QCITJAK6.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive, DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';\nimport { useContext } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ArrowLeft, ArrowRight, Check, MoreHorizontal } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\nconst paginationVariants = cva('ddga-pagination', {\n  variants: {\n    size: {\n      sm: 'ddga-pagination--sm',\n      md: 'ddga-pagination--md',\n      lg: 'ddga-pagination--lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst paginationLinkVariants = cva('ddga-pagination__link', {\n  variants: {\n    isActive: {\n      true: 'ddga-pagination__link--active',\n    },\n  },\n});\n\ninterface PaginationProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof paginationVariants> {}\n\ntype PaginationContentProps = React.ComponentProps<'ul'>;\ntype PaginationItemProps = React.ComponentProps<'li'>;\n\ninterface PaginationLinkProps\n  extends\n    Omit<React.ComponentProps<'a'>, 'aria-current'>,\n    VariantProps<typeof paginationLinkVariants> {\n  /** Render as the consumer element (e.g., router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ntype PaginationNavProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Accessible label for the icon-only button — also drives `aria-label` (the\n   * arrow has no visible text). Pass a translated string for non-English UIs.\n   * Ignored when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'>;\n\ninterface PaginationOverflowProps extends Omit<React.ComponentProps<'button'>, 'onSelect'> {\n  /** The collapsed page numbers to list in the jump-to-page menu. */\n  pages: number[];\n  /** Current page — marked with `aria-current` + a trailing check. */\n  current?: number;\n  /** Called with the chosen page number. */\n  onSelect: (page: number) => void;\n  /** Accessible label for the trigger. Defaults to `\"More pages\"`. */\n  label?: string;\n}\n\nfunction Pagination({ size, className, ...props }: PaginationProps) {\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(paginationVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('ddga-pagination__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ className, ...props }: PaginationItemProps) {\n  return (\n    <li data-slot=\"pagination-item\" className={cn('ddga-pagination__item', className)} {...props} />\n  );\n}\n\nfunction PaginationLink({\n  asChild,\n  isActive,\n  className,\n  tabIndex,\n  'aria-disabled': ariaDisabled,\n  ...props\n}: PaginationLinkProps) {\n  // `isActive` is the single source of truth for both the visual state and\n  // the `aria-current=\"page\"` mark — they can't drift apart.\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      aria-current={isActive ? 'page' : undefined}\n      aria-disabled={ariaDisabled}\n      // pointer-events:none blocks the mouse; also drop it from the tab order so a\n      // keyboard user can't focus + Enter-activate a \"disabled\" prev/next (mirrors Link).\n      tabIndex={ariaDisabled ? -1 : tabIndex}\n      data-slot=\"pagination-link\"\n      data-active={isActive ? '' : undefined}\n      className={cn(paginationLinkVariants({ isActive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  label = 'Previous',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationNavProps) {\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-previous\"\n      className={cn('ddga-pagination__nav', className)}\n      {...props}\n    >\n      {children ?? <ArrowLeft className=\"ddga-pagination__nav-icon\" aria-hidden=\"true\" />}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  label = 'Next',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationNavProps) {\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-next\"\n      className={cn('ddga-pagination__nav', className)}\n      {...props}\n    >\n      {children ?? <ArrowRight className=\"ddga-pagination__nav-icon\" aria-hidden=\"true\" />}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  // Static, decorative collapsed-range marker (the SDGA bordered \"…\" box). For\n  // the interactive jump-to-page menu, use `PaginationOverflow` instead.\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n      className={cn('ddga-pagination__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"ddga-pagination__ellipsis-icon\" />\n    </span>\n  );\n}\n\nfunction PaginationOverflow({\n  pages,\n  current,\n  onSelect,\n  label = 'More pages',\n  className,\n  ...rest\n}: PaginationOverflowProps) {\n  // SDGA's \"Opened\" overflow: the bordered \"…\" box is a dropdown trigger that\n  // lists the collapsed pages (check on current). Built on the Radix primitive\n  // (not the house DropdownMenu) so the panel pixel-matches the SDGA menu chrome;\n  // portal-anchored to the DgaProvider root so it inherits theme + direction.\n  const ctx = useContext(DgaContext);\n  const container = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n  return (\n    <DropdownMenuPrimitive.Root>\n      <DropdownMenuPrimitive.Trigger asChild>\n        <button\n          type=\"button\"\n          aria-label={label}\n          data-slot=\"pagination-overflow\"\n          className={cn('ddga-pagination__link', 'ddga-pagination__overflow', className)}\n          {...rest}\n        >\n          <MoreHorizontal className=\"ddga-pagination__ellipsis-icon\" aria-hidden=\"true\" />\n        </button>\n      </DropdownMenuPrimitive.Trigger>\n      <DropdownMenuPrimitive.Portal container={container}>\n        <DropdownMenuPrimitive.Content\n          data-slot=\"pagination-menu\"\n          align=\"start\"\n          sideOffset={4}\n          className=\"ddga-pagination__menu\"\n        >\n          {pages.map((page) => (\n            <DropdownMenuPrimitive.Item\n              key={page}\n              aria-current={page === current ? 'page' : undefined}\n              className=\"ddga-pagination__menu-item\"\n              onSelect={() => onSelect(page)}\n            >\n              <span className=\"ddga-pagination__menu-label\">{page}</span>\n              {page === current ? (\n                <Check className=\"ddga-pagination__menu-check\" aria-hidden=\"true\" />\n              ) : null}\n            </DropdownMenuPrimitive.Item>\n          ))}\n        </DropdownMenuPrimitive.Content>\n      </DropdownMenuPrimitive.Portal>\n    </DropdownMenuPrimitive.Root>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  PaginationOverflow,\n  paginationVariants,\n  paginationLinkVariants,\n};\nexport type {\n  PaginationProps,\n  PaginationContentProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationNavProps,\n  PaginationEllipsisProps,\n  PaginationOverflowProps,\n};\n"]}

package/dist/chunk-QE3ZFSJK.js

@@ -0,0 +1,55 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/ContentSwitcher/ContentSwitcher.tsx
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var contentSwitcherVariants = cva("ddga-content-switcher", {
+  variants: {
+    size: {
+      sm: "ddga-content-switcher--sm",
+      md: "ddga-content-switcher--md",
+      lg: "ddga-content-switcher--lg"
+    },
+    onColor: {
+      true: "ddga-content-switcher--on-color",
+      false: ""
+    }
+  },
+  defaultVariants: { size: "md", onColor: false }
+});
+function ContentSwitcher({ size, onColor, className, ...props }) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] ContentSwitcher should have an `aria-label` or `aria-labelledby` so the control has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      type: "single",
+      "data-slot": "content-switcher",
+      className: cn(contentSwitcherVariants({ size, onColor }), className),
+      ...props
+    }
+  );
+}
+function ContentSwitcherItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "content-switcher-item",
+      className: cn("ddga-content-switcher__item", className),
+      ...props
+    }
+  );
+}
+
+export {
+  contentSwitcherVariants,
+  ContentSwitcher,
+  ContentSwitcherItem
+};
+//# sourceMappingURL=chunk-QE3ZFSJK.js.map

package/dist/chunk-QE3ZFSJK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ContentSwitcher/ContentSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst contentSwitcherVariants = cva('ddga-content-switcher', {\n  variants: {\n    size: {\n      sm: 'ddga-content-switcher--sm',\n      md: 'ddga-content-switcher--md',\n      lg: 'ddga-content-switcher--lg',\n    },\n    onColor: {\n      true: 'ddga-content-switcher--on-color',\n      false: '',\n    },\n  },\n  defaultVariants: { size: 'md', onColor: false },\n});\n\n// Always single-select (a segmented control shows one section at a time), so we\n// hardcode `type=\"single\"` and drop it from the public API.\ntype ContentSwitcherRootProps = Omit<\n  Extract<React.ComponentProps<typeof ToggleGroupPrimitive.Root>, { type: 'single' }>,\n  'type'\n>;\n\nexport type ContentSwitcherProps = ContentSwitcherRootProps &\n  VariantProps<typeof contentSwitcherVariants>;\n\nexport type ContentSwitcherItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item>;\n\n/**\n * SDGA Content Switcher — a segmented control for switching between related\n * views, showing one at a time. Built on Radix `ToggleGroup` (roving focus,\n * arrow-key nav, RTL order). Each child is a `ContentSwitcherItem` with a\n * `value`. Pass `aria-label`/`aria-labelledby` for an accessible group name.\n */\nfunction ContentSwitcher({ size, onColor, className, ...props }: ContentSwitcherProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] ContentSwitcher should have an `aria-label` or `aria-labelledby` ' +\n        'so the control has an accessible name.',\n    );\n  }\n\n  return (\n    <ToggleGroupPrimitive.Root\n      type=\"single\"\n      data-slot=\"content-switcher\"\n      className={cn(contentSwitcherVariants({ size, onColor }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ContentSwitcherItem({ className, ...props }: ContentSwitcherItemProps) {\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"content-switcher-item\"\n      className={cn('ddga-content-switcher__item', className)}\n      {...props}\n    />\n  );\n}\n\nexport { ContentSwitcher, ContentSwitcherItem, contentSwitcherVariants };\n"],"mappings":";;;;;AAEA,SAAS,eAAe,4BAA4B;AACpD,SAAS,WAA8B;AA6CnC;AA1CJ,IAAM,0BAA0B,IAAI,yBAAyB;AAAA,EAC3D,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,MAAM,MAAM,SAAS,MAAM;AAChD,CAAC;AAoBD,SAAS,gBAAgB,EAAE,MAAM,SAAS,WAAW,GAAG,MAAM,GAAyB;AACrF,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AAC/F,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,EAAE,MAAM,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClE,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB,EAAE,WAAW,GAAG,MAAM,GAA6B;AAC9E,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-QG3PLYK6.js

@@ -0,0 +1,53 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/StatusTag/StatusTag.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var statusTagVariants = cva("ddga-status-tag", {
+  variants: {
+    tone: {
+      neutral: "ddga-status-tag--neutral",
+      info: "ddga-status-tag--info",
+      success: "ddga-status-tag--success",
+      error: "ddga-status-tag--error",
+      warning: "ddga-status-tag--warning"
+    },
+    status: {
+      subtle: "ddga-status-tag--subtle",
+      ghost: "ddga-status-tag--ghost",
+      inverted: "ddga-status-tag--inverted"
+    },
+    size: {
+      sm: "ddga-status-tag--sm",
+      md: "ddga-status-tag--md",
+      lg: "ddga-status-tag--lg"
+    }
+  },
+  defaultVariants: {
+    tone: "neutral",
+    status: "subtle",
+    size: "md"
+  }
+});
+function StatusTag({ tone, status, size, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "status-tag",
+      className: cn(statusTagVariants({ tone, status, size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "ddga-status-tag__dot", "aria-hidden": "true" }),
+        children
+      ]
+    }
+  );
+}
+
+export {
+  statusTagVariants,
+  StatusTag
+};
+//# sourceMappingURL=chunk-QG3PLYK6.js.map

package/dist/chunk-QG3PLYK6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StatusTag/StatusTag.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\n// The SDGA \"Status Tag\" — a dot + label status pill (docs/compliance/components/Tags.md).\n// Three statuses: subtle (−50 tint), ghost (transparent), inverted (solid). The dot is the\n// tone's −800 on subtle/ghost and alpha-white-60 on inverted; geometry is roomier than Tag.\nconst statusTagVariants = cva('ddga-status-tag', {\n  variants: {\n    tone: {\n      neutral: 'ddga-status-tag--neutral',\n      info: 'ddga-status-tag--info',\n      success: 'ddga-status-tag--success',\n      error: 'ddga-status-tag--error',\n      warning: 'ddga-status-tag--warning',\n    },\n    status: {\n      subtle: 'ddga-status-tag--subtle',\n      ghost: 'ddga-status-tag--ghost',\n      inverted: 'ddga-status-tag--inverted',\n    },\n    size: {\n      sm: 'ddga-status-tag--sm',\n      md: 'ddga-status-tag--md',\n      lg: 'ddga-status-tag--lg',\n    },\n  },\n  defaultVariants: {\n    tone: 'neutral',\n    status: 'subtle',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface StatusTagProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof statusTagVariants> {}\n\n// ─── 3. Component ─── //\n\nfunction StatusTag({ tone, status, size, className, children, ...props }: StatusTagProps) {\n  return (\n    <span\n      data-slot=\"status-tag\"\n      className={cn(statusTagVariants({ tone, status, size }), className)}\n      {...props}\n    >\n      <span className=\"ddga-status-tag__dot\" aria-hidden=\"true\" />\n      {children}\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { StatusTag, statusTagVariants };\nexport type { StatusTagProps };\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AA4CnC,SAKE,KALF;AApCJ,IAAM,oBAAoB,IAAI,mBAAmB;AAAA,EAC/C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,IACX;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AACF,CAAC;AASD,SAAS,UAAU,EAAE,MAAM,QAAQ,MAAM,WAAW,UAAU,GAAG,MAAM,GAAmB;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kBAAkB,EAAE,MAAM,QAAQ,KAAK,CAAC,GAAG,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,wBAAuB,eAAY,QAAO;AAAA,QACzD;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-QLV4RQVQ.cjs

@@ -0,0 +1,230 @@
+"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 _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/SlideoutMenu/SlideoutMenu.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var slideoutMenuContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-slideout-menu", {
+  variants: {
+    side: {
+      start: "ddga-slideout-menu--start",
+      end: "ddga-slideout-menu--end"
+    },
+    /** Panel surface — SDGA "Background Color". Gray (`gray-100`) or White. */
+    background: {
+      gray: "ddga-slideout-menu--gray",
+      white: "ddga-slideout-menu--white"
+    }
+  },
+  defaultVariants: {
+    side: "start",
+    background: "gray"
+  }
+});
+function SlideoutMenu(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Root, { ...props });
+}
+function SlideoutMenuTrigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Trigger, { "data-slot": "slideout-menu-trigger", className, ...props });
+}
+function SlideoutMenuContent({
+  side,
+  background,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Dialog.Overlay,
+      {
+        className: "ddga-slideout-menu__overlay",
+        "data-slot": "slideout-menu-overlay"
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _radixui.Dialog.Content,
+      {
+        "data-slot": "slideout-menu-content",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, slideoutMenuContentVariants({ side, background }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function SlideoutMenuHeader({
+  icon,
+  showClose = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "slideout-menu-header",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__header", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-slideout-menu__header-content", children: [
+          icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "data-slot": "slideout-menu-featured-icon",
+              className: "ddga-slideout-menu__featured-icon",
+              "aria-hidden": "true",
+              children: icon
+            }
+          ) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-slideout-menu__header-text", children })
+        ] }),
+        showClose ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.Dialog.Close,
+          {
+            className: "ddga-slideout-menu__close",
+            "aria-label": closeLabel,
+            "data-slot": "slideout-menu-close-x",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function SlideoutMenuTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Dialog.Title,
+    {
+      asChild,
+      "data-slot": "slideout-menu-title",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__title", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Dialog.Description,
+    {
+      asChild,
+      "data-slot": "slideout-menu-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__description", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuBody({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "slideout-menu-body",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__body", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuGroup({ label, className, children, ...props }) {
+  const labelId = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "slideout-menu-group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__group", className),
+      ...props,
+      children: [
+        label != null ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: labelId, className: "ddga-slideout-menu__group-label", children: label }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ul",
+          {
+            className: "ddga-slideout-menu__list",
+            ...label != null ? { "aria-labelledby": labelId } : {},
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function SlideoutMenuItem({
+  asChild,
+  icon,
+  trailing,
+  active,
+  className,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "slideout-menu-item-wrapper", className: "ddga-slideout-menu__item-wrapper", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Comp,
+    {
+      "data-slot": "slideout-menu-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__item", className),
+      "data-active": active ? "" : void 0,
+      "aria-current": active ? "page" : void 0,
+      ...asChild ? {} : { type: "button" },
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slideout-menu__item-icon", "aria-hidden": "true", children: icon }) : null,
+        asChild ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slideout-menu__item-label", children }),
+        trailing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slideout-menu__item-trailing", children: trailing }) : null
+      ]
+    }
+  ) });
+}
+function SlideoutMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "slideout-menu-separator",
+      role: "separator",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__separator", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "slideout-menu-footer",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-slideout-menu__footer", className),
+      ...props
+    }
+  );
+}
+function SlideoutMenuClose({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Close, { "data-slot": "slideout-menu-close", className, ...props });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.slideoutMenuContentVariants = slideoutMenuContentVariants; exports.SlideoutMenu = SlideoutMenu; exports.SlideoutMenuTrigger = SlideoutMenuTrigger; exports.SlideoutMenuContent = SlideoutMenuContent; exports.SlideoutMenuHeader = SlideoutMenuHeader; exports.SlideoutMenuTitle = SlideoutMenuTitle; exports.SlideoutMenuDescription = SlideoutMenuDescription; exports.SlideoutMenuBody = SlideoutMenuBody; exports.SlideoutMenuGroup = SlideoutMenuGroup; exports.SlideoutMenuItem = SlideoutMenuItem; exports.SlideoutMenuSeparator = SlideoutMenuSeparator; exports.SlideoutMenuFooter = SlideoutMenuFooter; exports.SlideoutMenuClose = SlideoutMenuClose;
+//# sourceMappingURL=chunk-QLV4RQVQ.cjs.map

package/dist/chunk-QLV4RQVQ.cjs.map

@@ -0,0 +1 @@
+{"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"]}