@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-YCIZERNO.cjs

@@ -0,0 +1,150 @@
+"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 _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/DigitalStamp/DigitalStamp.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var digitalStampVariants = _classvarianceauthority.cva.call(void 0, "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 = _react.useId.call(void 0, );
+  const isControlled = open !== void 0;
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, defaultOpen);
+  const isOpen = isControlled ? open : internalOpen;
+  const toggle = () => {
+    const next = !isOpen;
+    if (!isControlled) setInternalOpen(next);
+    _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+  };
+  const copy = _nullishCoalesce(EXTENSION_COPY[extension], () => ( EXTENSION_COPY["gov.sa"]));
+  const resolvedDomainTitle = _nullishCoalesce(domainTitle, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    copy.prefix,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: copy.domain })
+  ] })));
+  const resolvedSecurityTitle = _nullishCoalesce(securityTitle, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    "Official Reliable websites use ",
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { children: "HTTPS" })
+  ] })));
+  const hasRegistration = registrationNumber != null && registrationNumber !== "";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "section",
+    {
+      "data-slot": "digital-stamp",
+      "data-state": isOpen ? "open" : "closed",
+      "data-extension": extension,
+      "aria-label": ariaLabel,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, digitalStampVariants(), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__row", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__lead", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.SaudiFlag, { className: "ddga-digital-stamp__flag", "aria-hidden": "true" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__statement", children: statement })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "ddga-digital-stamp__trigger",
+              "aria-expanded": isOpen,
+              "aria-controls": panelId,
+              onClick: toggle,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-digital-stamp__trigger-label", children: triggerLabel }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronDown, { className: "ddga-digital-stamp__chevron", "aria-hidden": "true" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { id: panelId, className: "ddga-digital-stamp__panel", hidden: !isOpen, children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__extension", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__column", "data-slot": "domain-verification", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-digital-stamp__icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Link, { "aria-hidden": "true" }) }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__content", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__title", children: resolvedDomainTitle }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__description", children: _nullishCoalesce(domainDescription, () => ( copy.description)) })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__column", "data-slot": "security-confirmation", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-digital-stamp__icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Lock, { "aria-hidden": "true" }) }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__content", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__title", children: resolvedSecurityTitle }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__description", children: _nullishCoalesce(securityDescription, () => ( "Ensure the website is using the HTTPS protocol.")) })
+              ] })
+            ] })
+          ] }),
+          hasRegistration && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__registration", "data-slot": "registration", children: [
+            logo != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-digital-stamp__logo", "aria-hidden": "true", children: logo }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-digital-stamp__registration-text", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-digital-stamp__registration-label", children: registrationLabel }),
+              registrationHref ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { className: "ddga-digital-stamp__registration-link", href: registrationHref, children: registrationNumber }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-digital-stamp__registration-number", children: registrationNumber })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+
+
+
+exports.digitalStampVariants = digitalStampVariants; exports.DigitalStamp = DigitalStamp;
+//# sourceMappingURL=chunk-YCIZERNO.cjs.map

package/dist/chunk-YCIZERNO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YCIZERNO.cjs","../src/components/DigitalStamp/DigitalStamp.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YCIZERNO.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-YD2UW3PB.js

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

package/dist/chunk-YOKOPO2W.cjs

@@ -0,0 +1,181 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkFV6E33FYcjs = require('./chunk-FV6E33FY.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/StructuredList/StructuredList.tsx
+
+
+
+
+
+
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var structuredListVariants = _classvarianceauthority.cva.call(void 0, "ddga-structured-list", {
+  variants: {
+    compact: { true: "ddga-structured-list--compact" },
+    contained: { true: "ddga-structured-list--contained" },
+    rowDivider: { true: "ddga-structured-list--row-divider" },
+    colDivider: { true: "ddga-structured-list--col-divider" },
+    selectable: { true: "ddga-structured-list--selectable" }
+  },
+  defaultVariants: {
+    rowDivider: true,
+    colDivider: true
+  }
+});
+var SelectableContext = _react.createContext.call(void 0, false);
+var SectionContext = _react.createContext.call(void 0, "none");
+function StructuredList({
+  compact,
+  contained,
+  rowDivider,
+  colDivider,
+  selectable,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectableContext.Provider, { value: Boolean(selectable), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "table",
+    {
+      "data-slot": "structured-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        structuredListVariants({ compact, contained, rowDivider, colDivider, selectable }),
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function StructuredListHeader({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SectionContext.Provider, { value: "header", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "thead",
+    {
+      "data-slot": "structured-list-header",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-structured-list__header", className),
+      ...props
+    }
+  ) });
+}
+function StructuredListBody({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SectionContext.Provider, { value: "body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tbody",
+    {
+      "data-slot": "structured-list-body",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-structured-list__body", className),
+      ...props
+    }
+  ) });
+}
+function StructuredListRow({
+  className,
+  selected,
+  onSelectedChange,
+  disabled,
+  selectionLabel,
+  onClick,
+  children,
+  ...props
+}) {
+  const selectable = _react.useContext.call(void 0, SelectableContext);
+  const section = _react.useContext.call(void 0, SectionContext);
+  const interactive = selectable && section === "body";
+  if (process.env.NODE_ENV !== "production" && interactive && !selectionLabel) {
+    console.warn(
+      "[ddga] A selectable <StructuredListRow> needs `selectionLabel` so its checkbox has an accessible name (e.g. selectionLabel={`Select ${name}`})."
+    );
+  }
+  let content = children;
+  if (interactive) {
+    const control = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkFV6E33FYcjs.Checkbox,
+      {
+        size: "sm",
+        checked: Boolean(selected),
+        disabled,
+        "aria-label": selectionLabel,
+        onCheckedChange: (v) => _optionalChain([onSelectedChange, 'optionalCall', _ => _(v === true)])
+      }
+    );
+    let injected = false;
+    content = _react.Children.map(children, (child) => {
+      if (!injected && _react.isValidElement.call(void 0, child) && child.type === StructuredListCell) {
+        injected = true;
+        return _react.cloneElement.call(void 0, child, { __control: control });
+      }
+      return child;
+    });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tr",
+    {
+      "data-slot": "structured-list-row",
+      "data-state": selected ? "selected" : void 0,
+      "data-disabled": disabled ? "" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-structured-list__row", className),
+      onClick: interactive ? (e) => {
+        _optionalChain([onClick, 'optionalCall', _2 => _2(e)]);
+        if (!disabled && !e.target.closest('button, a, input, label, [role="checkbox"]')) {
+          _optionalChain([onSelectedChange, 'optionalCall', _3 => _3(!selected)]);
+        }
+      } : onClick,
+      ...props,
+      children: content
+    }
+  );
+}
+function StructuredListHead({ className, align, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "th",
+    {
+      scope: "col",
+      "data-slot": "structured-list-head",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        "ddga-structured-list__head",
+        align && `ddga-structured-list__head--align-${align}`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-structured-list__cell-content", children })
+    }
+  );
+}
+function StructuredListCell({
+  className,
+  align,
+  children,
+  __control,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "td",
+    {
+      "data-slot": "structured-list-cell",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        "ddga-structured-list__cell",
+        align && `ddga-structured-list__cell--align-${align}`,
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-structured-list__cell-content", children: [
+        __control,
+        children
+      ] })
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+exports.structuredListVariants = structuredListVariants; exports.StructuredList = StructuredList; exports.StructuredListHeader = StructuredListHeader; exports.StructuredListBody = StructuredListBody; exports.StructuredListRow = StructuredListRow; exports.StructuredListHead = StructuredListHead; exports.StructuredListCell = StructuredListCell;
+//# sourceMappingURL=chunk-YOKOPO2W.cjs.map

package/dist/chunk-YOKOPO2W.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YOKOPO2W.cjs","../src/components/StructuredList/StructuredList.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YOKOPO2W.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Checkbox } from '../Checkbox';\n\nconst structuredListVariants = cva('ddga-structured-list', {\n  variants: {\n    compact: { true: 'ddga-structured-list--compact' },\n    contained: { true: 'ddga-structured-list--contained' },\n    rowDivider: { true: 'ddga-structured-list--row-divider' },\n    colDivider: { true: 'ddga-structured-list--col-divider' },\n    selectable: { true: 'ddga-structured-list--selectable' },\n  },\n  defaultVariants: {\n    rowDivider: true,\n    colDivider: true,\n  },\n});\n\nconst SelectableContext = createContext(false);\nconst SectionContext = createContext<'header' | 'body' | 'none'>('none');\n\ntype Align = 'start' | 'center' | 'end';\n\ninterface StructuredListProps\n  extends React.ComponentProps<'table'>, VariantProps<typeof structuredListVariants> {}\n\ninterface StructuredListRowProps extends React.ComponentProps<'tr'> {\n  /** Selected state of a `selectable` row (controlled). Drives the row's\n   *  auto-rendered checkbox + `data-state=\"selected\"`. */\n  selected?: boolean;\n  /** Fired when a `selectable` row toggles — by its checkbox, a click anywhere\n   *  on the row, or keyboard on the checkbox. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Visually + interactively mutes the row and its checkbox. */\n  disabled?: boolean;\n  /** Accessible name for a `selectable` row's auto-rendered checkbox. */\n  selectionLabel?: string;\n}\n\ninterface StructuredListHeadProps extends Omit<React.ComponentProps<'th'>, 'align'> {\n  align?: Align;\n}\n\ninterface StructuredListCellProps extends Omit<React.ComponentProps<'td'>, 'align'> {\n  align?: Align;\n  /** @internal Selection control injected into the first cell of a selectable row. */\n  __control?: ReactNode;\n}\n\nfunction StructuredList({\n  compact,\n  contained,\n  rowDivider,\n  colDivider,\n  selectable,\n  className,\n  ...props\n}: StructuredListProps) {\n  return (\n    <SelectableContext.Provider value={Boolean(selectable)}>\n      <table\n        data-slot=\"structured-list\"\n        className={cn(\n          structuredListVariants({ compact, contained, rowDivider, colDivider, selectable }),\n          className,\n        )}\n        {...props}\n      />\n    </SelectableContext.Provider>\n  );\n}\n\nfunction StructuredListHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <SectionContext.Provider value=\"header\">\n      <thead\n        data-slot=\"structured-list-header\"\n        className={cn('ddga-structured-list__header', className)}\n        {...props}\n      />\n    </SectionContext.Provider>\n  );\n}\n\nfunction StructuredListBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <SectionContext.Provider value=\"body\">\n      <tbody\n        data-slot=\"structured-list-body\"\n        className={cn('ddga-structured-list__body', className)}\n        {...props}\n      />\n    </SectionContext.Provider>\n  );\n}\n\nfunction StructuredListRow({\n  className,\n  selected,\n  onSelectedChange,\n  disabled,\n  selectionLabel,\n  onClick,\n  children,\n  ...props\n}: StructuredListRowProps) {\n  const selectable = useContext(SelectableContext);\n  const section = useContext(SectionContext);\n  const interactive = selectable && section === 'body';\n\n  if (process.env.NODE_ENV !== 'production' && interactive && !selectionLabel) {\n    console.warn(\n      '[ddga] A selectable <StructuredListRow> needs `selectionLabel` so its ' +\n        'checkbox has an accessible name (e.g. selectionLabel={`Select ${name}`}).',\n    );\n  }\n\n  let content: ReactNode = children;\n  if (interactive) {\n    const control = (\n      <Checkbox\n        size=\"sm\"\n        checked={Boolean(selected)}\n        disabled={disabled}\n        aria-label={selectionLabel}\n        onCheckedChange={(v) => onSelectedChange?.(v === true)}\n      />\n    );\n    let injected = false;\n    content = Children.map(children, (child) => {\n      if (!injected && isValidElement(child) && child.type === StructuredListCell) {\n        injected = true;\n        return cloneElement(child as ReactElement<StructuredListCellProps>, { __control: control });\n      }\n      return child;\n    });\n  }\n\n  return (\n    <tr\n      data-slot=\"structured-list-row\"\n      data-state={selected ? 'selected' : undefined}\n      data-disabled={disabled ? '' : undefined}\n      className={cn('ddga-structured-list__row', className)}\n      onClick={\n        interactive\n          ? (e) => {\n              onClick?.(e);\n              // The checkbox handles its own clicks; a click anywhere else on\n              // the row toggles too (don't double-fire from the control).\n              if (\n                !disabled &&\n                !(e.target as HTMLElement).closest('button, a, input, label, [role=\"checkbox\"]')\n              ) {\n                onSelectedChange?.(!selected);\n              }\n            }\n          : onClick\n      }\n      {...props}\n    >\n      {content}\n    </tr>\n  );\n}\n\nfunction StructuredListHead({ className, align, children, ...props }: StructuredListHeadProps) {\n  return (\n    <th\n      scope=\"col\"\n      data-slot=\"structured-list-head\"\n      className={cn(\n        'ddga-structured-list__head',\n        align && `ddga-structured-list__head--align-${align}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ddga-structured-list__cell-content\">{children}</div>\n    </th>\n  );\n}\n\nfunction StructuredListCell({\n  className,\n  align,\n  children,\n  __control,\n  ...props\n}: StructuredListCellProps) {\n  return (\n    <td\n      data-slot=\"structured-list-cell\"\n      className={cn(\n        'ddga-structured-list__cell',\n        align && `ddga-structured-list__cell--align-${align}`,\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"ddga-structured-list__cell-content\">\n        {__control}\n        {children}\n      </div>\n    </td>\n  );\n}\n\nexport {\n  StructuredList,\n  StructuredListHeader,\n  StructuredListBody,\n  StructuredListRow,\n  StructuredListHead,\n  StructuredListCell,\n  structuredListVariants,\n};\nexport type {\n  StructuredListProps,\n  StructuredListRowProps,\n  StructuredListHeadProps,\n  StructuredListCellProps,\n};\n"]}