@dev-dga/react 0.11.0 → 0.12.1

package/dist/chunk-GMBIFJOA.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GMBIFJOA.cjs","../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,mCAAgD;AAChD,kEAAuC;AAwCnC,+CAAA;AA5BJ,IAAM,kBAAA,EAAoB,yCAAA,gBAAI,EAAkB;AAAA,EAC9C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,oBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAgBD,SAAS,SAAA,CAAU,EAAE,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EAAmB;AAChE,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,SAAA,EAAW,kCAAA,iBAAG,CAAkB,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACnD,GAAI;AAAA,IAAA;AAAA,EACP,CAAA;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAuB;AAClE,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,IAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,sBAAG,EAAwB,SAAS,CAAA;AAAA,MAC9C,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAA0B;AAIlF,EAAA,uBACE,6BAAA,kBAAC,CAAmB,MAAA,EAAnB,EAA0B,SAAA,EAAU,wBAAA,EACnC,QAAA,kBAAA,8BAAA;AAAA,IAAC,kBAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACD,6BAAA;AAAA,UAAC,6BAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAY,MAAA;AAAA,YACZ,SAAA,EAAU,yBAAA;AAAA,YACV,WAAA,EAAU;AAAA,UAAA;AAAA,QACZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,CAAA;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAA0B;AAIlF,EAAA,uBACE,6BAAA;AAAA,IAAC,kBAAA,CAAmB,OAAA;AAAA,IAAnB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,+BAAA,EAAiC,SAAA,CAAS;AAAA,IAAA;AAAA,EAC3D,CAAA;AAEJ;ADtBA;AACA;AACE;AACA;AACA;AACA;AACA;AACF,8MAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-GMBIFJOA.cjs","sourcesContent":[null,"'use client';\n\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronDown } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root. Per-part visuals cascade via descendant selectors,\n// same pattern as Tabs/Breadcrumb. Radix handles disclosure state (open /\n// closed via `data-state`), keyboard nav (Arrow + Home/End), and mounting\n// of content with built-in animation hooks (`data-state` + CSS variables\n// `--radix-accordion-content-height`).\n\nconst accordionVariants = cva('ddga-accordion', {\n  variants: {\n    size: {\n      sm: 'ddga-accordion--sm',\n      md: 'ddga-accordion--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Radix's Root has two prop shapes depending on `type` (single vs multiple\n// expanded). We mirror that via discriminated union from Radix's own types.\n\ntype AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;\ntype AccordionProps = AccordionRootProps & VariantProps<typeof accordionVariants>;\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Accordion({ size, className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(accordionVariants({ size }), className)}\n      {...(props as AccordionRootProps)}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('ddga-accordion__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  // Radix wraps the trigger in a Header (`<h3>` by default). We render the\n  // Header inline so consumers get the heading-level semantics for free; the\n  // visible chevron is decorative (aria-hidden) and rotates via `data-state`.\n  return (\n    <AccordionPrimitive.Header className=\"ddga-accordion__header\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn('ddga-accordion__trigger', className)}\n        {...props}\n      >\n        {children}\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"ddga-accordion__chevron\"\n          data-slot=\"accordion-chevron\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  // Radix sets `--radix-accordion-content-height` on the element when open\n  // so we can animate from 0 → content-height. The inner div carries the\n  // padding so the animated container can clip without padding \"popping\".\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('ddga-accordion__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-accordion__content-inner\">{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants };\nexport type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps };\n"]}

package/dist/chunk-GNL72FRN.js

@@ -1,224 +0,0 @@
-import {
-  Progress
-} from "./chunk-RSXDPFXK.js";
-import {
-  Button
-} from "./chunk-4RU33BRQ.js";
-import {
-  AlertCircle,
-  Check,
-  Close,
-  Upload
-} from "./chunk-CDS4SYEQ.js";
-import {
-  FieldMessage
-} from "./chunk-E7WQI7PE.js";
-import {
-  useFieldA11y
-} from "./chunk-HN5AFDQA.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/FileUpload/FileUpload.tsx
-import { useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function matchesAccept(file, accept) {
-  if (!accept) return true;
-  const tokens = accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
-  if (tokens.length === 0) return true;
-  const name = file.name.toLowerCase();
-  const type = file.type.toLowerCase();
-  return tokens.some((token) => {
-    if (token.startsWith(".")) return name.endsWith(token);
-    if (token.endsWith("/*")) return type.startsWith(token.slice(0, token.indexOf("/") + 1));
-    return type === token;
-  });
-}
-function splitFiles(incoming, config) {
-  const { accept, maxSize, maxFiles, currentCount } = config;
-  const accepted = [];
-  const rejections = [];
-  for (const file of incoming) {
-    const errors = [];
-    if (!matchesAccept(file, accept)) errors.push("file-invalid-type");
-    if (maxSize != null && file.size > maxSize) errors.push("file-too-large");
-    if (errors.length > 0) {
-      rejections.push({ file, errors });
-      continue;
-    }
-    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {
-      rejections.push({ file, errors: ["too-many-files"] });
-      continue;
-    }
-    accepted.push(file);
-  }
-  return { accepted, rejections };
-}
-var UNITS = ["B", "KB", "MB", "GB", "TB"];
-function formatBytes(bytes) {
-  if (bytes === 0) return "0 B";
-  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);
-  const value = bytes / 1024 ** exponent;
-  return `${exponent === 0 ? value : value.toFixed(1)} ${UNITS[exponent]}`;
-}
-function FileUpload({
-  files,
-  onFilesAdded,
-  onFilesRejected,
-  onRemove,
-  accept,
-  maxSize,
-  maxFiles,
-  multiple = true,
-  disabled = false,
-  required,
-  label,
-  helperText,
-  errorMessage,
-  error,
-  hint = "Drag files here, or click to browse",
-  removeLabel = "Remove",
-  id: externalId,
-  className,
-  ...props
-}) {
-  const inputRef = useRef(null);
-  const [isDragging, setIsDragging] = useState(false);
-  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
-    name: "FileUpload",
-    id: externalId,
-    label,
-    error,
-    errorMessage,
-    helperText,
-    "aria-label": props["aria-label"],
-    "aria-labelledby": props["aria-labelledby"]
-  });
-  const effectiveMaxFiles = multiple ? maxFiles : 1;
-  function process(incoming) {
-    if (disabled || incoming.length === 0) return;
-    const { accepted, rejections } = splitFiles(incoming, {
-      accept,
-      maxSize,
-      maxFiles: effectiveMaxFiles,
-      currentCount: files.length
-    });
-    if (accepted.length > 0) onFilesAdded(accepted);
-    if (rejections.length > 0) onFilesRejected?.(rejections);
-  }
-  function handleInputChange(event) {
-    process(Array.from(event.target.files ?? []));
-    event.target.value = "";
-  }
-  function handleDrop(event) {
-    event.preventDefault();
-    setIsDragging(false);
-    if (disabled) return;
-    process(Array.from(event.dataTransfer.files));
-  }
-  function handleDragOver(event) {
-    event.preventDefault();
-    if (!disabled) setIsDragging(true);
-  }
-  function handleDragLeave(event) {
-    if (!event.currentTarget.contains(event.relatedTarget)) {
-      setIsDragging(false);
-    }
-  }
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "file-upload-field", className: cn("ddga-field", "ddga-file-upload", className), children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-file-upload__label", children: [
-      label,
-      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-file-upload__required", children: "*" })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-slot": "file-upload-dropzone",
-        className: cn(
-          "ddga-file-upload__dropzone",
-          hasError && "ddga-file-upload__dropzone--error"
-        ),
-        "data-dragging": isDragging || void 0,
-        "data-disabled": disabled || void 0,
-        "aria-disabled": disabled || void 0,
-        onClick: () => {
-          if (!disabled) inputRef.current?.click();
-        },
-        onDragOver: handleDragOver,
-        onDragLeave: handleDragLeave,
-        onDrop: handleDrop,
-        children: [
-          /* @__PURE__ */ jsx(Upload, { className: "ddga-file-upload__icon", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__hint", children: hint }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ...controlProps,
-              ref: inputRef,
-              type: "file",
-              className: "ddga-file-upload__input",
-              accept,
-              multiple,
-              disabled,
-              required,
-              onChange: handleInputChange,
-              onClick: (event) => event.stopPropagation(),
-              "data-slot": "file-upload-input"
-            }
-          )
-        ]
-      }
-    ),
-    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText }),
-    files.length > 0 && /* @__PURE__ */ jsx("ul", { "data-slot": "file-upload-list", className: "ddga-file-upload__list", children: files.map((item) => {
-      const status = item.status ?? "pending";
-      return /* @__PURE__ */ jsxs(
-        "li",
-        {
-          "data-slot": "file-upload-item",
-          "data-status": status,
-          className: "ddga-file-upload__item",
-          children: [
-            /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__item-icon", "aria-hidden": "true", children: status === "success" ? /* @__PURE__ */ jsx(Check, {}) : status === "error" ? /* @__PURE__ */ jsx(AlertCircle, {}) : /* @__PURE__ */ jsx(Upload, {}) }),
-            /* @__PURE__ */ jsxs("div", { className: "ddga-file-upload__item-main", children: [
-              /* @__PURE__ */ jsxs("div", { className: "ddga-file-upload__item-head", children: [
-                /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__item-name", title: item.file.name, children: item.file.name }),
-                /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__item-meta", children: formatBytes(item.file.size) })
-              ] }),
-              status === "uploading" && /* @__PURE__ */ jsx(
-                Progress,
-                {
-                  size: "sm",
-                  value: item.progress ?? 0,
-                  "aria-label": `Uploading ${item.file.name}`,
-                  className: "ddga-file-upload__item-progress"
-                }
-              ),
-              status === "error" && item.error && /* @__PURE__ */ jsx("span", { role: "alert", className: "ddga-file-upload__item-error", children: item.error })
-            ] }),
-            onRemove && /* @__PURE__ */ jsx(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "icon-sm",
-                "aria-label": `${removeLabel}: ${item.file.name}`,
-                onClick: () => onRemove(item.id),
-                className: "ddga-file-upload__item-remove",
-                children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
-              }
-            )
-          ]
-        },
-        item.id
-      );
-    }) })
-  ] });
-}
-
-export {
-  FileUpload
-};
-//# sourceMappingURL=chunk-GNL72FRN.js.map

package/dist/chunk-GNL72FRN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Button } from '../Button';\nimport { Progress } from '../Progress';\nimport { Upload, Check, AlertCircle, Close } from '../../internal/icons';\n\n// ─── 1. Types ─── //\n\ntype FileStatus = 'pending' | 'uploading' | 'success' | 'error';\n\n/** Reason codes attached to a rejected file. */\ntype RejectionCode = 'file-too-large' | 'file-invalid-type' | 'too-many-files';\n\n/**\n * A controlled file entry. The consumer owns this array and is responsible for\n * performing the actual upload, updating `status`/`progress`, and assigning a\n * stable `id` (used as the React key and the `onRemove` target).\n */\ninterface UploadFile {\n  /** Stable, consumer-assigned id. Used as the React key and remove target. */\n  id: string;\n  /** The native File. */\n  file: File;\n  /** Defaults to `'pending'`. Drives the per-row affordance. */\n  status?: FileStatus;\n  /** 0–100. Rendered as a {@link Progress} bar while `status === 'uploading'`. */\n  progress?: number;\n  /** Shown inline (red) while `status === 'error'`. */\n  error?: string;\n}\n\ninterface FileRejection {\n  file: File;\n  errors: RejectionCode[];\n}\n\ninterface FileUploadProps {\n  /** Controlled list of files to render. The consumer is the source of truth. */\n  files: UploadFile[];\n  /** Called with the files that passed validation. The consumer wraps each in\n   *  an {@link UploadFile} (assigning an `id`) and starts the upload. */\n  onFilesAdded: (accepted: File[]) => void;\n  /** Called with files that failed validation. Never enter `files`. */\n  onFilesRejected?: (rejections: FileRejection[]) => void;\n  /** Per-row remove handler. Omit to hide the remove button. */\n  onRemove?: (id: string) => void;\n\n  /** Native `accept` string (e.g. `'image/*,.pdf'`). Also drives validation. */\n  accept?: string;\n  /** Maximum size per file, in bytes. */\n  maxSize?: number;\n  /** Maximum total files (existing + incoming). When `multiple` is false this\n   *  is forced to 1. */\n  maxFiles?: number;\n  /** Allow selecting/dropping more than one file. Defaults to true. */\n  multiple?: boolean;\n  /** Disables the drop zone and the picker. */\n  disabled?: boolean;\n  /** Marks the field required: renders the asterisk and sets the input's\n   *  `required` attribute. */\n  required?: boolean;\n\n  /** Visible field label, auto-associated to the input. */\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\n  /** Drop-zone instructional copy. Defaults to a bilingual-friendly EN string. */\n  hint?: ReactNode;\n  /** Accessible label for the per-row remove button. Defaults to `'Remove'`. */\n  removeLabel?: string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n// ─── 2. Validation helpers (local — no shared util until a 2nd use case) ─── //\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n  if (!accept) return true;\n  const tokens = accept\n    .split(',')\n    .map((t) => t.trim().toLowerCase())\n    .filter(Boolean);\n  if (tokens.length === 0) return true;\n\n  const name = file.name.toLowerCase();\n  const type = file.type.toLowerCase();\n\n  return tokens.some((token) => {\n    if (token.startsWith('.')) return name.endsWith(token);\n    if (token.endsWith('/*')) return type.startsWith(token.slice(0, token.indexOf('/') + 1));\n    return type === token;\n  });\n}\n\ninterface ValidationConfig {\n  accept?: string;\n  maxSize?: number;\n  maxFiles?: number;\n  /** Files already in the list — counts against `maxFiles`. */\n  currentCount: number;\n}\n\nfunction splitFiles(incoming: File[], config: ValidationConfig) {\n  const { accept, maxSize, maxFiles, currentCount } = config;\n  const accepted: File[] = [];\n  const rejections: FileRejection[] = [];\n\n  for (const file of incoming) {\n    const errors: RejectionCode[] = [];\n    if (!matchesAccept(file, accept)) errors.push('file-invalid-type');\n    if (maxSize != null && file.size > maxSize) errors.push('file-too-large');\n\n    if (errors.length > 0) {\n      rejections.push({ file, errors });\n      continue;\n    }\n    // Count check last, and only for otherwise-valid files: a slot is consumed\n    // only by a file that would actually be accepted.\n    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {\n      rejections.push({ file, errors: ['too-many-files'] });\n      continue;\n    }\n    accepted.push(file);\n  }\n\n  return { accepted, rejections };\n}\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return '0 B';\n  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);\n  const value = bytes / 1024 ** exponent;\n  // Whole numbers for bytes; one decimal for KB+.\n  return `${exponent === 0 ? value : value.toFixed(1)} ${UNITS[exponent]}`;\n}\n\n// ─── 3. Component ─── //\n\nfunction FileUpload({\n  files,\n  onFilesAdded,\n  onFilesRejected,\n  onRemove,\n  accept,\n  maxSize,\n  maxFiles,\n  multiple = true,\n  disabled = false,\n  required,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  hint = 'Drag files here, or click to browse',\n  removeLabel = 'Remove',\n  id: externalId,\n  className,\n  ...props\n}: FileUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'FileUpload',\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  // Single-select forces a hard cap of 1, regardless of maxFiles.\n  const effectiveMaxFiles = multiple ? maxFiles : 1;\n\n  function process(incoming: File[]) {\n    if (disabled || incoming.length === 0) return;\n    const { accepted, rejections } = splitFiles(incoming, {\n      accept,\n      maxSize,\n      maxFiles: effectiveMaxFiles,\n      currentCount: files.length,\n    });\n    if (accepted.length > 0) onFilesAdded(accepted);\n    if (rejections.length > 0) onFilesRejected?.(rejections);\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    process(Array.from(event.target.files ?? []));\n    // Reset so selecting the same file again re-fires `change`.\n    event.target.value = '';\n  }\n\n  function handleDrop(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    process(Array.from(event.dataTransfer.files));\n  }\n\n  function handleDragOver(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    if (!disabled) setIsDragging(true);\n  }\n\n  function handleDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    // Ignore dragleave events bubbling up from descendants.\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n      setIsDragging(false);\n    }\n  }\n\n  return (\n    <div data-slot=\"file-upload-field\" className={cn('ddga-field', 'ddga-file-upload', className)}>\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-file-upload__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-file-upload__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      {/* The drop zone is a click target that proxies to the hidden input.\n          The input itself stays focusable (keyboard users tab to it and press\n          Space/Enter to open the picker); drag-and-drop is a mouse-only\n          enhancement layered on top. */}\n      <div\n        data-slot=\"file-upload-dropzone\"\n        className={cn(\n          'ddga-file-upload__dropzone',\n          hasError && 'ddga-file-upload__dropzone--error',\n        )}\n        data-dragging={isDragging || undefined}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        onClick={() => {\n          if (!disabled) inputRef.current?.click();\n        }}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n      >\n        <Upload className=\"ddga-file-upload__icon\" aria-hidden=\"true\" />\n        <span className=\"ddga-file-upload__hint\">{hint}</span>\n        <input\n          {...controlProps}\n          ref={inputRef}\n          type=\"file\"\n          className=\"ddga-file-upload__input\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          required={required}\n          onChange={handleInputChange}\n          // The dropzone's onClick calls inputRef.click(); without stopping\n          // propagation, that programmatic click bubbles back to the dropzone\n          // and re-triggers it — infinite recursion. Native label/keyboard\n          // activation of the input is unaffected.\n          onClick={(event) => event.stopPropagation()}\n          data-slot=\"file-upload-input\"\n        />\n      </div>\n\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n\n      {files.length > 0 && (\n        <ul data-slot=\"file-upload-list\" className=\"ddga-file-upload__list\">\n          {files.map((item) => {\n            const status = item.status ?? 'pending';\n            return (\n              <li\n                key={item.id}\n                data-slot=\"file-upload-item\"\n                data-status={status}\n                className=\"ddga-file-upload__item\"\n              >\n                <span className=\"ddga-file-upload__item-icon\" aria-hidden=\"true\">\n                  {status === 'success' ? (\n                    <Check />\n                  ) : status === 'error' ? (\n                    <AlertCircle />\n                  ) : (\n                    <Upload />\n                  )}\n                </span>\n\n                <div className=\"ddga-file-upload__item-main\">\n                  <div className=\"ddga-file-upload__item-head\">\n                    <span className=\"ddga-file-upload__item-name\" title={item.file.name}>\n                      {item.file.name}\n                    </span>\n                    <span className=\"ddga-file-upload__item-meta\">\n                      {formatBytes(item.file.size)}\n                    </span>\n                  </div>\n\n                  {status === 'uploading' && (\n                    <Progress\n                      size=\"sm\"\n                      value={item.progress ?? 0}\n                      aria-label={`Uploading ${item.file.name}`}\n                      className=\"ddga-file-upload__item-progress\"\n                    />\n                  )}\n\n                  {status === 'error' && item.error && (\n                    <span role=\"alert\" className=\"ddga-file-upload__item-error\">\n                      {item.error}\n                    </span>\n                  )}\n                </div>\n\n                {onRemove && (\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label={`${removeLabel}: ${item.file.name}`}\n                    onClick={() => onRemove(item.id)}\n                    className=\"ddga-file-upload__item-remove\"\n                  >\n                    <Close aria-hidden=\"true\" />\n                  </Button>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { FileUpload };\nexport type { FileUploadProps, UploadFile, FileRejection, FileStatus, RejectionCode };\n"],"mappings":"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","names":[]}

package/dist/chunk-I44YNYI6.cjs

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

package/dist/chunk-I6BOBHO6.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-I6BOBHO6.cjs","../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-I6BOBHO6.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext } 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// ─── 1. Variants (cva) ─── //\n\nconst modalContentVariants = cva('ddga-modal', {\n  variants: {\n    size: {\n      sm: 'ddga-modal--sm',\n      md: 'ddga-modal--md',\n      lg: 'ddga-modal--lg',\n      xl: 'ddga-modal--xl',\n      full: 'ddga-modal--full',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Closed compound shape that hides Radix's Portal/Overlay plumbing. The Portal\n// is anchored to `DgaContext.rootEl` so `data-theme` + custom theme classes\n// set on the provider inherit into the modal — without it, the modal would\n// silently mount under <body> and miss dark mode / palette switches.\n\ntype ModalProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype ModalTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype ModalCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface ModalContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof modalContentVariants> {\n  /**\n   * Render a corner X close button. Defaults to `true`. Set `false` for\n   * action-forcing dialogs (e.g. \"Are you sure?\") where the user must pick\n   * one of the explicit footer buttons.\n   */\n  showCloseButton?: boolean;\n  /** Localized label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ntype ModalSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface ModalTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  /** Override the heading element (e.g. render an `<h3>` instead of the default `<h2>`). */\n  asChild?: boolean;\n}\n\ninterface ModalDescriptionProps extends React.ComponentProps<typeof DialogPrimitive.Description> {\n  /** Override the element (e.g. render a `<div>` for richer markup). */\n  asChild?: boolean;\n}\n\n// ─── 3. Components ─── //\n\nfunction Modal(props: ModalProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction ModalTrigger({ className, ...props }: ModalTriggerProps) {\n  // Radix Trigger supports asChild natively — pass through.\n  return <DialogPrimitive.Trigger data-slot=\"modal-trigger\" className={className} {...props} />;\n}\n\nfunction ModalContent({\n  size,\n  showCloseButton = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: ModalContentProps) {\n  // Anchor the Portal to the DgaProvider's body-level portal container.\n  // Pattern documented in DgaContext.ts; regression test in Modal.test.tsx\n  // mirrors Select/Tooltip. The portal container mirrors data-theme + dir +\n  // CSS vars from the provider so theming still flows; using it (rather\n  // than the in-tree `rootEl`) keeps the modal's `position: fixed` overlay\n  // from being trapped by an ancestor `transform` or `overflow: hidden`\n  // (Storybook autodocs is the motivating case).\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay className=\"ddga-modal__overlay\" data-slot=\"modal-overlay\" />\n      <DialogPrimitive.Content\n        data-slot=\"modal-content\"\n        className={cn(modalContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            className=\"ddga-modal__close\"\n            aria-label={closeLabel}\n            data-slot=\"modal-close-x\"\n          >\n            <Close aria-hidden=\"true\" />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction ModalHeader({ asChild, className, ...props }: ModalSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"modal-header\" className={cn('ddga-modal__header', className)} {...props} />\n  );\n}\n\nfunction ModalTitle({ asChild, className, ...props }: ModalTitleProps) {\n  // Dialog.Title wires aria-labelledby on the parent Content. We pass asChild\n  // through so consumers can swap heading level (h2 → h1/h3) without losing\n  // the labelling link.\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"modal-title\"\n      className={cn('ddga-modal__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalDescription({ asChild, className, ...props }: ModalDescriptionProps) {\n  // Dialog.Description wires aria-describedby on the parent Content. asChild\n  // lets consumers swap the element if they need richer markup.\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"modal-description\"\n      className={cn('ddga-modal__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction ModalBody({ asChild, className, ...props }: ModalSectionProps) {\n  // Scrollable middle region (mirrors DrawerBody) — grows to fill the space\n  // between a pinned header and footer and scrolls internally when content\n  // overflows, so a tall modal never clips and the footer stays visible with\n  // zero consumer config. Optional: short, non-scrolling bodies can still drop\n  // raw content directly under ModalContent (it gets the same inline padding).\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"modal-body\" className={cn('ddga-modal__body', className)} {...props} />;\n}\n\nfunction ModalFooter({ asChild, className, ...props }: ModalSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"modal-footer\" className={cn('ddga-modal__footer', className)} {...props} />\n  );\n}\n\nfunction ModalClose({ className, ...props }: ModalCloseProps) {\n  // Consumer-level close trigger for footer buttons etc. Radix Close supports\n  // asChild natively — pass through so consumers can wrap a <Button>.\n  return <DialogPrimitive.Close data-slot=\"modal-close\" className={className} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Modal,\n  ModalTrigger,\n  ModalContent,\n  ModalHeader,\n  ModalTitle,\n  ModalDescription,\n  ModalBody,\n  ModalFooter,\n  ModalClose,\n  modalContentVariants,\n};\nexport type {\n  ModalProps,\n  ModalTriggerProps,\n  ModalContentProps,\n  ModalSectionProps,\n  ModalTitleProps,\n  ModalDescriptionProps,\n  ModalCloseProps,\n};\n"]}

package/dist/chunk-IFB53HNO.js

@@ -1,61 +0,0 @@
-import {
-  DgaContext
-} from "./chunk-TMXABSFE.js";
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Tooltip/Tooltip.tsx
-import { useContext } from "react";
-import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var tooltipContentVariants = cva("ddga-tooltip", {
-  variants: {
-    size: {
-      sm: "ddga-tooltip--sm",
-      md: "ddga-tooltip--md"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-function Tooltip(props) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props });
-}
-function TooltipTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
-}
-function TooltipContent({
-  size,
-  arrow = true,
-  sideOffset = 6,
-  className,
-  children,
-  ...props
-}) {
-  const ctx = useContext(DgaContext);
-  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
-    TooltipPrimitive.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(tooltipContentVariants({ size }), className),
-      ...props,
-      children: [
-        children,
-        arrow ? /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "ddga-tooltip__arrow" }) : null
-      ]
-    }
-  ) });
-}
-
-export {
-  tooltipContentVariants,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent
-};
-//# sourceMappingURL=chunk-IFB53HNO.js.map

package/dist/chunk-IFB53HNO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n\nconst tooltipContentVariants = cva('ddga-tooltip', {\n  variants: {\n    size: {\n      sm: 'ddga-tooltip--sm',\n      md: 'ddga-tooltip--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// We expose a closed compound shape that hides Radix's Provider/Portal/Arrow\n// details. `TooltipProvider` is already nested in `DgaProvider`, so consumers\n// don't need to add their own. The Portal container is wired from\n// `DgaContext.rootEl` (see DgaContext.ts) so the tooltip inherits `data-theme`\n// + custom theme classes set on the provider — without it, the tooltip would\n// silently mount under <body> and miss dark mode.\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\ntype TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;\n\ninterface TooltipContentProps\n  extends\n    Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'asChild'>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show a small arrow pointing at the trigger. Defaults to true. */\n  arrow?: boolean;\n}\n\n// ─── 3. Components ─── //\n\n/**\n * Tooltip root. **Must be rendered inside `<DgaProvider>`** — the provider\n * supplies the Radix `TooltipProvider` this depends on (and the themed portal\n * container). There is no need to add your own `TooltipProvider`; used outside\n * a `DgaProvider` the tooltip will not work.\n */\nfunction Tooltip(props: TooltipProps) {\n  return <TooltipPrimitive.Root {...props} />;\n}\n\nfunction TooltipTrigger({ className, ...props }: TooltipTriggerProps) {\n  // Radix Trigger already supports asChild natively — pass through.\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" className={className} {...props} />;\n}\n\nfunction TooltipContent({\n  size,\n  arrow = true,\n  sideOffset = 6,\n  className,\n  children,\n  ...props\n}: TooltipContentProps) {\n  // Anchor the Portal to the DgaProvider's body-level portal container.\n  // Theme + dark mode inherit through mirrored data-theme/dir/CSS vars on\n  // the portal element; using it (rather than the in-tree `rootEl`) keeps\n  // the tooltip from being clipped by ancestor overflow or trapped by an\n  // ancestor `transform`. Falls back to <body> if used outside a provider.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <TooltipPrimitive.Portal container={portalContainer}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {arrow ? <TooltipPrimitive.Arrow className=\"ddga-tooltip__arrow\" /> : null}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tooltip, TooltipTrigger, TooltipContent, tooltipContentVariants };\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps };\n"],"mappings":";;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,WAAW,wBAAwB;AAC5C,SAAS,WAA8B;AAgD9B,cA0BH,YA1BG;AA1CT,IAAM,yBAAyB,IAAI,gBAAgB;AAAA,EACjD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AA+BD,SAAS,QAAQ,OAAqB;AACpC,SAAO,oBAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO;AAC3C;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AAEpE,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAkB,WAAuB,GAAG,OAAO;AAChG;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AAMtB,QAAM,MAAM,WAAW,UAAU;AACjC,QAAM,kBAAkB,KAAK,YAAY,KAAK,UAAU;AAExD,SACE,oBAAC,iBAAiB,QAAjB,EAAwB,WAAW,iBAClC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,uBAAuB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACxD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,QAAQ,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,uBAAsB,IAAK;AAAA;AAAA;AAAA,EACxE,GACF;AAEJ;","names":[]}