@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-QU32POS4.js

@@ -0,0 +1,150 @@
+import {
+  ChevronDown,
+  Link,
+  Lock,
+  SaudiFlag
+} from "./chunk-FFGALWM2.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/DigitalStamp/DigitalStamp.tsx
+import { useId, useState } from "react";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var digitalStampVariants = cva("ddga-digital-stamp");
+var EXTENSION_COPY = {
+  "gov.sa": {
+    prefix: "Official Saudi Government websites URL ends with ",
+    domain: ".gov.sa",
+    description: "Website belongs to an official government organization in the Kingdom of Saudi Arabia always ends with .gov.sa ."
+  },
+  "edu.sa": {
+    prefix: "Official Saudi educational websites URL ends with ",
+    domain: ".edu.sa",
+    description: "Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa ."
+  },
+  "med.sa": {
+    prefix: "Official Saudi medical websites URL ends with ",
+    domain: ".med.sa",
+    description: "Website belongs to an official medical in the Kingdom of Saudi Arabia always ends with .med.sa ."
+  },
+  "org.sa": {
+    prefix: "Official Saudi non-profit organizations websites URL ends with ",
+    domain: ".org.sa",
+    description: "Website belongs to an official non-profit organizations in the Kingdom of Saudi Arabia always ends with .org.sa ."
+  },
+  "sch.sa": {
+    prefix: "Official Saudi educational websites URL ends with ",
+    domain: ".sch.sa",
+    description: "Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa ."
+  },
+  sa: {
+    prefix: "Official Saudi activities and initiatives websites URL ends with ",
+    domain: ".sa",
+    description: "Website belongs to an official activities and initiatives in the Kingdom of Saudi Arabia always ends with .sa ."
+  }
+};
+function DigitalStamp({
+  extension = "gov.sa",
+  statement = "A government website registered with the Digital Government Authority.",
+  triggerLabel = "How you know?",
+  domainTitle,
+  domainDescription,
+  securityTitle,
+  securityDescription,
+  registrationLabel = "Registered on Digital Government Authority:",
+  registrationNumber,
+  registrationHref,
+  logo,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  "aria-label": ariaLabel = "Government website verification",
+  ...props
+}) {
+  const panelId = useId();
+  const isControlled = open !== void 0;
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isOpen = isControlled ? open : internalOpen;
+  const toggle = () => {
+    const next = !isOpen;
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  const copy = EXTENSION_COPY[extension] ?? EXTENSION_COPY["gov.sa"];
+  const resolvedDomainTitle = domainTitle ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    copy.prefix,
+    /* @__PURE__ */ jsx("strong", { children: copy.domain })
+  ] });
+  const resolvedSecurityTitle = securityTitle ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Official Reliable websites use ",
+    /* @__PURE__ */ jsx("strong", { children: "HTTPS" })
+  ] });
+  const hasRegistration = registrationNumber != null && registrationNumber !== "";
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "data-slot": "digital-stamp",
+      "data-state": isOpen ? "open" : "closed",
+      "data-extension": extension,
+      "aria-label": ariaLabel,
+      className: cn(digitalStampVariants(), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__row", children: [
+          /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__lead", children: [
+            /* @__PURE__ */ jsx(SaudiFlag, { className: "ddga-digital-stamp__flag", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__statement", children: statement })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "ddga-digital-stamp__trigger",
+              "aria-expanded": isOpen,
+              "aria-controls": panelId,
+              onClick: toggle,
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "ddga-digital-stamp__trigger-label", children: triggerLabel }),
+                /* @__PURE__ */ jsx(ChevronDown, { className: "ddga-digital-stamp__chevron", "aria-hidden": "true" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { id: panelId, className: "ddga-digital-stamp__panel", hidden: !isOpen, children: [
+          /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__extension", children: [
+            /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__column", "data-slot": "domain-verification", children: [
+              /* @__PURE__ */ jsx("span", { className: "ddga-digital-stamp__icon", children: /* @__PURE__ */ jsx(Link, { "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__content", children: [
+                /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__title", children: resolvedDomainTitle }),
+                /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__description", children: domainDescription ?? copy.description })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__column", "data-slot": "security-confirmation", children: [
+              /* @__PURE__ */ jsx("span", { className: "ddga-digital-stamp__icon", children: /* @__PURE__ */ jsx(Lock, { "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__content", children: [
+                /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__title", children: resolvedSecurityTitle }),
+                /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__description", children: securityDescription ?? "Ensure the website is using the HTTPS protocol." })
+              ] })
+            ] })
+          ] }),
+          hasRegistration && /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__registration", "data-slot": "registration", children: [
+            logo != null && /* @__PURE__ */ jsx("span", { className: "ddga-digital-stamp__logo", "aria-hidden": "true", children: logo }),
+            /* @__PURE__ */ jsxs("div", { className: "ddga-digital-stamp__registration-text", children: [
+              /* @__PURE__ */ jsx("p", { className: "ddga-digital-stamp__registration-label", children: registrationLabel }),
+              registrationHref ? /* @__PURE__ */ jsx("a", { className: "ddga-digital-stamp__registration-link", href: registrationHref, children: registrationNumber }) : /* @__PURE__ */ jsx("span", { className: "ddga-digital-stamp__registration-number", children: registrationNumber })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export {
+  digitalStampVariants,
+  DigitalStamp
+};
+//# sourceMappingURL=chunk-QU32POS4.js.map

package/dist/chunk-QU32POS4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DigitalStamp/DigitalStamp.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { SaudiFlag, ChevronDown, Link, Lock } from '../../internal/icons';\n\nconst digitalStampVariants = cva('ddga-digital-stamp');\n\n/** Saudi government domain extension — selects the default verification copy + highlighted domain. */\ntype DigitalStampExtension = 'gov.sa' | 'edu.sa' | 'med.sa' | 'org.sa' | 'sch.sa' | 'sa';\n\n// SDGA per-extension copy (verbatim — source grammar quirks preserved). All overridable via props.\nconst EXTENSION_COPY: Record<\n  DigitalStampExtension,\n  { prefix: string; domain: string; description: string }\n> = {\n  'gov.sa': {\n    prefix: 'Official Saudi Government websites URL ends with ',\n    domain: '.gov.sa',\n    description:\n      'Website belongs to an official government organization in the Kingdom of Saudi Arabia always ends with .gov.sa .',\n  },\n  'edu.sa': {\n    prefix: 'Official Saudi educational websites URL ends with ',\n    domain: '.edu.sa',\n    description:\n      'Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa .',\n  },\n  'med.sa': {\n    prefix: 'Official Saudi medical websites URL ends with ',\n    domain: '.med.sa',\n    description:\n      'Website belongs to an official medical in the Kingdom of Saudi Arabia always ends with .med.sa .',\n  },\n  'org.sa': {\n    prefix: 'Official Saudi non-profit organizations websites URL ends with ',\n    domain: '.org.sa',\n    description:\n      'Website belongs to an official non-profit organizations in the Kingdom of Saudi Arabia always ends with .org.sa .',\n  },\n  'sch.sa': {\n    prefix: 'Official Saudi educational websites URL ends with ',\n    domain: '.sch.sa',\n    description:\n      'Website belongs to an official educational in the Kingdom of Saudi Arabia always ends with .edu.sa or sch.sa .',\n  },\n  sa: {\n    prefix: 'Official Saudi activities and initiatives websites URL ends with ',\n    domain: '.sa',\n    description:\n      'Website belongs to an official activities and initiatives in the Kingdom of Saudi Arabia always ends with .sa .',\n  },\n};\n\ninterface DigitalStampProps extends React.ComponentProps<'section'> {\n  /** Domain extension — selects the default verification copy + highlighted domain. @default 'gov.sa' */\n  extension?: DigitalStampExtension;\n  /** Bar statement, shown beside the flag. */\n  statement?: ReactNode;\n  /** Disclosure trigger label. @default 'How you know?' */\n  triggerLabel?: ReactNode;\n  /** Domain-verification column title. Defaults to the SDGA copy for `extension` (domain in `<strong>`). */\n  domainTitle?: ReactNode;\n  /** Domain-verification column body. */\n  domainDescription?: ReactNode;\n  /** Security/HTTPS column title. Defaults to the SDGA copy (`HTTPS` in `<strong>`). */\n  securityTitle?: ReactNode;\n  /** Security/HTTPS column body. */\n  securityDescription?: ReactNode;\n  /** Registration-panel lead label. */\n  registrationLabel?: ReactNode;\n  /** DGA registration number shown (and linked) in the panel. The panel is omitted when this is empty. */\n  registrationNumber?: ReactNode;\n  /** href for the registration-number link. Falls back to plain text when omitted. */\n  registrationHref?: string;\n  /** Official DGA logo node rendered in the registration panel (consumer-supplied asset; it's trademarked). */\n  logo?: ReactNode;\n  /** Controlled open state of the disclosure panel. */\n  open?: boolean;\n  /** Uncontrolled initial open state. @default false */\n  defaultOpen?: boolean;\n  /** Called with the next open state when the user toggles the panel. */\n  onOpenChange?: (open: boolean) => void;\n}\n\n/**\n * **DigitalStamp** — the SDGA government-site verification bar. A slim banner (flag + statement) that\n * expands via \"How you know?\" to explain how to verify the site's domain extension, HTTPS usage, and DGA\n * registration. Responsive (compact bar ↔ stacked panel) and fully RTL/bilingual — every string is a prop.\n */\nfunction DigitalStamp({\n  extension = 'gov.sa',\n  statement = 'A government website registered with the Digital Government Authority.',\n  triggerLabel = 'How you know?',\n  domainTitle,\n  domainDescription,\n  securityTitle,\n  securityDescription,\n  registrationLabel = 'Registered on Digital Government Authority:',\n  registrationNumber,\n  registrationHref,\n  logo,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  className,\n  'aria-label': ariaLabel = 'Government website verification',\n  ...props\n}: DigitalStampProps) {\n  const panelId = useId();\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isOpen = isControlled ? open : internalOpen;\n\n  const toggle = () => {\n    const next = !isOpen;\n    if (!isControlled) setInternalOpen(next);\n    onOpenChange?.(next);\n  };\n\n  const copy = EXTENSION_COPY[extension] ?? EXTENSION_COPY['gov.sa'];\n  const resolvedDomainTitle = domainTitle ?? (\n    <>\n      {copy.prefix}\n      <strong>{copy.domain}</strong>\n    </>\n  );\n  const resolvedSecurityTitle = securityTitle ?? (\n    <>\n      Official Reliable websites use <strong>HTTPS</strong>\n    </>\n  );\n  const hasRegistration = registrationNumber != null && registrationNumber !== '';\n\n  return (\n    <section\n      data-slot=\"digital-stamp\"\n      data-state={isOpen ? 'open' : 'closed'}\n      data-extension={extension}\n      aria-label={ariaLabel}\n      className={cn(digitalStampVariants(), className)}\n      {...props}\n    >\n      <div className=\"ddga-digital-stamp__row\">\n        <div className=\"ddga-digital-stamp__lead\">\n          <SaudiFlag className=\"ddga-digital-stamp__flag\" aria-hidden=\"true\" />\n          <p className=\"ddga-digital-stamp__statement\">{statement}</p>\n        </div>\n        <button\n          type=\"button\"\n          className=\"ddga-digital-stamp__trigger\"\n          aria-expanded={isOpen}\n          aria-controls={panelId}\n          onClick={toggle}\n        >\n          <span className=\"ddga-digital-stamp__trigger-label\">{triggerLabel}</span>\n          <ChevronDown className=\"ddga-digital-stamp__chevron\" aria-hidden=\"true\" />\n        </button>\n      </div>\n\n      <div id={panelId} className=\"ddga-digital-stamp__panel\" hidden={!isOpen}>\n        <div className=\"ddga-digital-stamp__extension\">\n          <div className=\"ddga-digital-stamp__column\" data-slot=\"domain-verification\">\n            <span className=\"ddga-digital-stamp__icon\">\n              <Link aria-hidden=\"true\" />\n            </span>\n            <div className=\"ddga-digital-stamp__content\">\n              <p className=\"ddga-digital-stamp__title\">{resolvedDomainTitle}</p>\n              <p className=\"ddga-digital-stamp__description\">\n                {domainDescription ?? copy.description}\n              </p>\n            </div>\n          </div>\n          <div className=\"ddga-digital-stamp__column\" data-slot=\"security-confirmation\">\n            <span className=\"ddga-digital-stamp__icon\">\n              <Lock aria-hidden=\"true\" />\n            </span>\n            <div className=\"ddga-digital-stamp__content\">\n              <p className=\"ddga-digital-stamp__title\">{resolvedSecurityTitle}</p>\n              <p className=\"ddga-digital-stamp__description\">\n                {securityDescription ?? 'Ensure the website is using the HTTPS protocol.'}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {hasRegistration && (\n          <div className=\"ddga-digital-stamp__registration\" data-slot=\"registration\">\n            {logo != null && (\n              <span className=\"ddga-digital-stamp__logo\" aria-hidden=\"true\">\n                {logo}\n              </span>\n            )}\n            <div className=\"ddga-digital-stamp__registration-text\">\n              <p className=\"ddga-digital-stamp__registration-label\">{registrationLabel}</p>\n              {registrationHref ? (\n                <a className=\"ddga-digital-stamp__registration-link\" href={registrationHref}>\n                  {registrationNumber}\n                </a>\n              ) : (\n                <span className=\"ddga-digital-stamp__registration-number\">\n                  {registrationNumber}\n                </span>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n\nexport { DigitalStamp, digitalStampVariants };\nexport type { DigitalStampProps, DigitalStampExtension };\n"],"mappings":"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","names":[]}

package/dist/{chunk-C3YKGPQM.cjs → chunk-REDX5DCT.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
 
 
 var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
@@ -13,24 +17,17 @@ var _classvarianceauthority = require('class-variance-authority');
 var _jsxruntime = require('react/jsx-runtime');
 var textareaVariants = _classvarianceauthority.cva.call(void 0, "ddga-textarea", {
   variants: {
-    size: {
-      sm: "ddga-textarea--sm",
-      md: "ddga-textarea--md",
-      lg: "ddga-textarea--lg"
+    variant: {
+      default: "ddga-textarea--default",
+      "filled-lighter": "ddga-textarea--filled-lighter",
+      "filled-darker": "ddga-textarea--filled-darker"
     },
     error: {
       true: "ddga-textarea--error"
-    },
-    // Horizontal/both resize breaks form layout (same reason it's not the
-    // default) , only vertical or locked are offered.
-    resize: {
-      vertical: "ddga-textarea--resize-vertical",
-      none: "ddga-textarea--resize-none"
     }
   },
   defaultVariants: {
-    size: "md",
-    resize: "vertical"
+    variant: "default"
   }
 });
 function Textarea({
@@ -39,10 +36,10 @@ function Textarea({
   helperText,
   errorMessage,
   error,
-  size,
-  resize,
+  variant,
   required,
   rows = 3,
+  resize = "vertical",
   className,
   ...props
 }) {
@@ -58,22 +55,32 @@ function Textarea({
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "textarea-field", className: "ddga-field", children: [
     label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
-      label,
-      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" }),
+      label
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "textarea",
+      "div",
       {
-        ...props,
-        ...controlProps,
-        "data-slot": "textarea",
-        rows,
-        required,
-        className: _chunkV6MXOJQ4cjs.cn.call(void 0, textareaVariants({ size, error: hasError, resize }), className)
+        "data-slot": "textarea-control",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, textareaVariants({ variant, error: hasError }), className),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "textarea",
+          {
+            ...props,
+            ...controlProps,
+            "data-slot": "textarea",
+            rows,
+            required,
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+              "ddga-textarea__field",
+              resize === "none" ? "ddga-textarea__field--resize-none" : "ddga-textarea__field--resize-vertical"
+            )
+          }
+        )
       }
     ),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.AlertCircle, { width: 16, height: 16 }), children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: helperId, variant: "helper", icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Info, { width: 16, height: 16 }), children: helperText })
   ] });
 }
 
@@ -81,4 +88,4 @@ function Textarea({
 
 
 exports.textareaVariants = textareaVariants; exports.Textarea = Textarea;
-//# sourceMappingURL=chunk-C3YKGPQM.cjs.map
+//# sourceMappingURL=chunk-REDX5DCT.cjs.map

package/dist/chunk-REDX5DCT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-REDX5DCT.cjs","../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-REDX5DCT.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Info, AlertCircle } from '../../internal/icons';\n\n// Applied to the *control* (the bordered box), not the raw <textarea>. The\n// control owns the border, fill style, focus underline and state styling so the\n// focus/pressed `::after` underline can render (a <textarea> can't take one).\n// Aligned to DGA Platforms Code \"Textarea\": single size, three fill styles,\n// gray-400 border, multi-line.\nconst textareaVariants = cva('ddga-textarea', {\n  variants: {\n    variant: {\n      default: 'ddga-textarea--default',\n      'filled-lighter': 'ddga-textarea--filled-lighter',\n      'filled-darker': 'ddga-textarea--filled-darker',\n    },\n    error: {\n      true: 'ddga-textarea--error',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ninterface TextareaProps\n  extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {\n  /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Vertical resize handle (`none` locks it for fixed layouts). Horizontal/both omitted — they break form layout. */\n  resize?: 'vertical' | 'none';\n}\n\nfunction Textarea({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  variant,\n  required,\n  rows = 3,\n  resize = 'vertical',\n  className,\n  ...props\n}: TextareaProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Textarea',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"textarea-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-textarea__label\">\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-textarea__required\">\n              *\n            </span>\n          )}\n          {label}\n        </label>\n      )}\n      <div\n        data-slot=\"textarea-control\"\n        className={cn(textareaVariants({ variant, error: hasError }), className)}\n      >\n        <textarea\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"textarea\"\n          rows={rows}\n          required={required}\n          className={cn(\n            'ddga-textarea__field',\n            resize === 'none'\n              ? 'ddga-textarea__field--resize-none'\n              : 'ddga-textarea__field--resize-vertical',\n          )}\n        />\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\" icon={<AlertCircle width={16} height={16} />}>\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\" icon={<Info width={16} height={16} />}>\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n"]}

package/dist/{chunk-CNAMOK3Z.cjs → chunk-RH3CQOEI.cjs}

@@ -1,7 +1,7 @@
 "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');
@@ -113,7 +113,7 @@ function MenubarCheckboxItem({
       onSelect: handleSelect,
       ...props,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-menubar-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-menubar-menu__indicator-icon" }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children })
       ]
     }
@@ -176,7 +176,7 @@ function MenubarSubTrigger({ className, startIcon, children, ...props }) {
       children: [
         startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-menubar-menu__sub-chevron", "aria-hidden": "true" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronRight, { className: "ddga-menubar-menu__sub-chevron", "aria-hidden": "true" })
       ]
     }
   );
@@ -212,4 +212,4 @@ function MenubarSubContent({ size, className, ...props }) {
 
 
 exports.menubarContentVariants = menubarContentVariants; exports.menubarTriggerVariants = menubarTriggerVariants; exports.Menubar = Menubar; exports.MenubarMenu = MenubarMenu; exports.MenubarTrigger = MenubarTrigger; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioGroup = MenubarRadioGroup; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarGroup = MenubarGroup; exports.MenubarSub = MenubarSub; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent;
-//# sourceMappingURL=chunk-CNAMOK3Z.cjs.map
+//# sourceMappingURL=chunk-RH3CQOEI.cjs.map

package/dist/{chunk-CNAMOK3Z.cjs.map → chunk-RH3CQOEI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CNAMOK3Z.cjs","../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CNAMOK3Z.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronRight } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants ─── //\n\n// Size lives on the dropdown panel (Content / SubContent), mirroring\n// DropdownMenu. The bar itself is a single size, so it carries no cva.\nconst menubarContentVariants = cva('ddga-menubar-menu', {\n  variants: {\n    size: {\n      sm: 'ddga-menubar-menu--sm',\n      md: 'ddga-menubar-menu--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Trigger look. `default` = flat menu-bar idiom (text + SA-green open underline);\n// `outline` = bordered button-style chip. Apply the same variant to every\n// trigger in a bar for a consistent look.\nconst menubarTriggerVariants = cva('ddga-menubar__trigger', {\n  variants: {\n    variant: {\n      default: 'ddga-menubar__trigger--default',\n      outline: 'ddga-menubar__trigger--outline',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Bar (Root + Menu + Trigger) ─── //\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive.Root>;\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('ddga-menubar', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\n\nfunction MenubarMenu(props: MenubarMenuProps) {\n  return <MenubarPrimitive.Menu {...props} />;\n}\n\ntype MenubarTriggerProps = React.ComponentProps<typeof MenubarPrimitive.Trigger> &\n  VariantProps<typeof menubarTriggerVariants>;\n\nfunction MenubarTrigger({ variant, className, ...props }: MenubarTriggerProps) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      data-variant={variant ?? 'default'}\n      className={cn(menubarTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 3. Content (portal-anchored) ─── //\n\ntype MenubarContentProps = React.ComponentProps<typeof MenubarPrimitive.Content> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarContent({ size, className, sideOffset = 6, ...props }: MenubarContentProps) {\n  // Radix Portal defaults to <body>, which doesn't inherit DgaProvider's\n  // data-theme / CSS vars. Re-anchor at the provider's body-level portal\n  // container (mirrors data-theme + dir + theme vars) so the menu inherits\n  // theme AND escapes any clipping or transform ancestor. Falls back to\n  // <body> when used outside a provider. (Same pattern as DropdownMenu.)\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        sideOffset={sideOffset}\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 4. Item + variants ─── //\n\ntype MenubarItemProps = React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  /** Style as a destructive action (red text, red hover). */\n  destructive?: boolean;\n  /** Icon rendered before the label. Sized to 1em. */\n  startIcon?: ReactNode;\n  /** Trailing text shown muted, e.g. a keyboard shortcut hint (\"⌘K\"). */\n  shortcut?: ReactNode;\n};\n\nfunction MenubarItem({\n  className,\n  destructive,\n  startIcon,\n  shortcut,\n  children,\n  ...props\n}: MenubarItemProps) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-destructive={destructive ? '' : undefined}\n      className={cn('ddga-menubar-menu__item', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      {shortcut ? (\n        <span className=\"ddga-menubar-menu__shortcut\" aria-hidden=\"true\">\n          {shortcut}\n        </span>\n      ) : null}\n    </MenubarPrimitive.Item>\n  );\n}\n\n// ─── 5. CheckboxItem + RadioItem ─── //\n\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>;\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: MenubarCheckboxItemProps) {\n  // Default UX: keep the menu open across toggles so consumers can flip\n  // multiple checkboxes in one pass. If a consumer passes their own onSelect,\n  // they own the behavior (call `event.preventDefault()` to keep this default).\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"ddga-menubar-menu__indicator-icon\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenubarPrimitive.RadioGroup>;\n\nfunction MenubarRadioGroup(props: MenubarRadioGroupProps) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenubarPrimitive.RadioItem>;\n\nfunction MenubarRadioItem({ className, children, onSelect, ...props }: MenubarRadioItemProps) {\n  // Same default-open behavior as CheckboxItem — selecting a radio without\n  // the menu visually confirming the new state is a frustrating dead-feel.\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <span className=\"ddga-menubar-menu__radio-dot\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n// ─── 6. Label + Separator + Group ─── //\n\ntype MenubarLabelProps = React.ComponentProps<typeof MenubarPrimitive.Label>;\n\nfunction MenubarLabel({ className, ...props }: MenubarLabelProps) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      className={cn('ddga-menubar-menu__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenubarPrimitive.Separator>;\n\nfunction MenubarSeparator({ className, ...props }: MenubarSeparatorProps) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('ddga-menubar-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarGroupProps = React.ComponentProps<typeof MenubarPrimitive.Group>;\n\nfunction MenubarGroup(props: MenubarGroupProps) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n// ─── 7. Submenu (Sub + SubTrigger + SubContent) ─── //\n\ntype MenubarSubProps = React.ComponentProps<typeof MenubarPrimitive.Sub>;\n\nfunction MenubarSub(props: MenubarSubProps) {\n  return <MenubarPrimitive.Sub {...props} />;\n}\n\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  startIcon?: ReactNode;\n};\n\nfunction MenubarSubTrigger({ className, startIcon, children, ...props }: MenubarSubTriggerProps) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--sub', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      <ChevronRight className=\"ddga-menubar-menu__sub-chevron\" aria-hidden=\"true\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\ntype MenubarSubContentProps = React.ComponentProps<typeof MenubarPrimitive.SubContent> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarSubContent({ size, className, ...props }: MenubarSubContentProps) {\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.SubContent\n        data-slot=\"menubar-sub-content\"\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 8. Exports ─── //\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarLabel,\n  MenubarSeparator,\n  MenubarGroup,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n  menubarContentVariants,\n  menubarTriggerVariants,\n};\nexport type {\n  MenubarProps,\n  MenubarMenuProps,\n  MenubarTriggerProps,\n  MenubarContentProps,\n  MenubarItemProps,\n  MenubarCheckboxItemProps,\n  MenubarRadioGroupProps,\n  MenubarRadioItemProps,\n  MenubarLabelProps,\n  MenubarSeparatorProps,\n  MenubarGroupProps,\n  MenubarSubProps,\n  MenubarSubTriggerProps,\n  MenubarSubContentProps,\n};\n"]}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-RH3CQOEI.cjs","../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-RH3CQOEI.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronRight } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants ─── //\n\n// Size lives on the dropdown panel (Content / SubContent), mirroring\n// DropdownMenu. The bar itself is a single size, so it carries no cva.\nconst menubarContentVariants = cva('ddga-menubar-menu', {\n  variants: {\n    size: {\n      sm: 'ddga-menubar-menu--sm',\n      md: 'ddga-menubar-menu--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Trigger look. `default` = flat menu-bar idiom (text + SA-green open underline);\n// `outline` = bordered button-style chip. Apply the same variant to every\n// trigger in a bar for a consistent look.\nconst menubarTriggerVariants = cva('ddga-menubar__trigger', {\n  variants: {\n    variant: {\n      default: 'ddga-menubar__trigger--default',\n      outline: 'ddga-menubar__trigger--outline',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Bar (Root + Menu + Trigger) ─── //\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive.Root>;\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('ddga-menubar', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\n\nfunction MenubarMenu(props: MenubarMenuProps) {\n  return <MenubarPrimitive.Menu {...props} />;\n}\n\ntype MenubarTriggerProps = React.ComponentProps<typeof MenubarPrimitive.Trigger> &\n  VariantProps<typeof menubarTriggerVariants>;\n\nfunction MenubarTrigger({ variant, className, ...props }: MenubarTriggerProps) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      data-variant={variant ?? 'default'}\n      className={cn(menubarTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 3. Content (portal-anchored) ─── //\n\ntype MenubarContentProps = React.ComponentProps<typeof MenubarPrimitive.Content> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarContent({ size, className, sideOffset = 6, ...props }: MenubarContentProps) {\n  // Radix Portal defaults to <body>, which doesn't inherit DgaProvider's\n  // data-theme / CSS vars. Re-anchor at the provider's body-level portal\n  // container (mirrors data-theme + dir + theme vars) so the menu inherits\n  // theme AND escapes any clipping or transform ancestor. Falls back to\n  // <body> when used outside a provider. (Same pattern as DropdownMenu.)\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        sideOffset={sideOffset}\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 4. Item + variants ─── //\n\ntype MenubarItemProps = React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  /** Style as a destructive action (red text, red hover). */\n  destructive?: boolean;\n  /** Icon rendered before the label. Sized to 1em. */\n  startIcon?: ReactNode;\n  /** Trailing text shown muted, e.g. a keyboard shortcut hint (\"⌘K\"). */\n  shortcut?: ReactNode;\n};\n\nfunction MenubarItem({\n  className,\n  destructive,\n  startIcon,\n  shortcut,\n  children,\n  ...props\n}: MenubarItemProps) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-destructive={destructive ? '' : undefined}\n      className={cn('ddga-menubar-menu__item', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      {shortcut ? (\n        <span className=\"ddga-menubar-menu__shortcut\" aria-hidden=\"true\">\n          {shortcut}\n        </span>\n      ) : null}\n    </MenubarPrimitive.Item>\n  );\n}\n\n// ─── 5. CheckboxItem + RadioItem ─── //\n\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>;\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: MenubarCheckboxItemProps) {\n  // Default UX: keep the menu open across toggles so consumers can flip\n  // multiple checkboxes in one pass. If a consumer passes their own onSelect,\n  // they own the behavior (call `event.preventDefault()` to keep this default).\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"ddga-menubar-menu__indicator-icon\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenubarPrimitive.RadioGroup>;\n\nfunction MenubarRadioGroup(props: MenubarRadioGroupProps) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenubarPrimitive.RadioItem>;\n\nfunction MenubarRadioItem({ className, children, onSelect, ...props }: MenubarRadioItemProps) {\n  // Same default-open behavior as CheckboxItem — selecting a radio without\n  // the menu visually confirming the new state is a frustrating dead-feel.\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <span className=\"ddga-menubar-menu__radio-dot\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n// ─── 6. Label + Separator + Group ─── //\n\ntype MenubarLabelProps = React.ComponentProps<typeof MenubarPrimitive.Label>;\n\nfunction MenubarLabel({ className, ...props }: MenubarLabelProps) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      className={cn('ddga-menubar-menu__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenubarPrimitive.Separator>;\n\nfunction MenubarSeparator({ className, ...props }: MenubarSeparatorProps) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('ddga-menubar-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarGroupProps = React.ComponentProps<typeof MenubarPrimitive.Group>;\n\nfunction MenubarGroup(props: MenubarGroupProps) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n// ─── 7. Submenu (Sub + SubTrigger + SubContent) ─── //\n\ntype MenubarSubProps = React.ComponentProps<typeof MenubarPrimitive.Sub>;\n\nfunction MenubarSub(props: MenubarSubProps) {\n  return <MenubarPrimitive.Sub {...props} />;\n}\n\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  startIcon?: ReactNode;\n};\n\nfunction MenubarSubTrigger({ className, startIcon, children, ...props }: MenubarSubTriggerProps) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--sub', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      <ChevronRight className=\"ddga-menubar-menu__sub-chevron\" aria-hidden=\"true\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\ntype MenubarSubContentProps = React.ComponentProps<typeof MenubarPrimitive.SubContent> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarSubContent({ size, className, ...props }: MenubarSubContentProps) {\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.SubContent\n        data-slot=\"menubar-sub-content\"\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 8. Exports ─── //\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarLabel,\n  MenubarSeparator,\n  MenubarGroup,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n  menubarContentVariants,\n  menubarTriggerVariants,\n};\nexport type {\n  MenubarProps,\n  MenubarMenuProps,\n  MenubarTriggerProps,\n  MenubarContentProps,\n  MenubarItemProps,\n  MenubarCheckboxItemProps,\n  MenubarRadioGroupProps,\n  MenubarRadioItemProps,\n  MenubarLabelProps,\n  MenubarSeparatorProps,\n  MenubarGroupProps,\n  MenubarSubProps,\n  MenubarSubTriggerProps,\n  MenubarSubContentProps,\n};\n"]}

package/dist/chunk-RQRA5CCA.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RQRA5CCA.js.map

package/dist/chunk-SA7NMDD5.cjs

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/StatusTag/StatusTag.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var statusTagVariants = _classvarianceauthority.cva.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, 
+    "span",
+    {
+      "data-slot": "status-tag",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, statusTagVariants({ tone, status, size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-status-tag__dot", "aria-hidden": "true" }),
+        children
+      ]
+    }
+  );
+}
+
+
+
+
+exports.statusTagVariants = statusTagVariants; exports.StatusTag = StatusTag;
+//# sourceMappingURL=chunk-SA7NMDD5.cjs.map

package/dist/chunk-SA7NMDD5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-SA7NMDD5.cjs","../src/components/StatusTag/StatusTag.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AA4CnC,+CAAA;AApCJ,IAAM,kBAAA,EAAoB,yCAAA,iBAAI,EAAmB;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,0BAAA;AAAA,MACT,IAAA,EAAM,uBAAA;AAAA,MACN,OAAA,EAAS,0BAAA;AAAA,MACT,KAAA,EAAO,wBAAA;AAAA,MACP,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,yBAAA;AAAA,MACR,KAAA,EAAO,wBAAA;AAAA,MACP,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI,qBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ,QAAA;AAAA,IACR,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AASD,SAAS,SAAA,CAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,IAAA,EAAM,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAmB;AACxF,EAAA,uBACE,8BAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,kCAAA,iBAAG,CAAkB,EAAE,IAAA,EAAM,MAAA,EAAQ,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACjE,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,QACzD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ;ADRA;AACA;AACE;AACA;AACF,6EAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-SA7NMDD5.cjs","sourcesContent":[null,"'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"]}