@dev-dga/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Dhaifallah
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,520 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Button: () => Button,
+  Checkbox: () => Checkbox,
+  DgaProvider: () => DgaProvider,
+  Input: () => Input,
+  Textarea: () => Textarea,
+  buttonVariants: () => buttonVariants,
+  checkboxVariants: () => checkboxVariants,
+  cn: () => cn,
+  inputVariants: () => inputVariants,
+  textareaVariants: () => textareaVariants,
+  useDga: () => useDga
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/Button/Button.tsx
+var import_react = require("react");
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+function cn(...inputs) {
+  return (0, import_clsx.clsx)(inputs);
+}
+
+// src/internal/icons/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Spinner(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "ddga-spinner",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function Check(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function Minus(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12h14" })
+    }
+  );
+}
+
+// src/components/Button/Button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)("ddga-button", {
+  variants: {
+    variant: {
+      primary: "ddga-button--primary",
+      secondary: "ddga-button--secondary",
+      outline: "ddga-button--outline",
+      ghost: "ddga-button--ghost",
+      destructive: "ddga-button--destructive"
+    },
+    size: {
+      sm: "ddga-button--sm",
+      md: "ddga-button--md",
+      lg: "ddga-button--lg",
+      icon: "ddga-button--icon",
+      "icon-sm": "ddga-button--icon-sm"
+    },
+    fullWidth: {
+      true: "ddga-button--full-width"
+    }
+  },
+  compoundVariants: [],
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+function Button({
+  variant,
+  size,
+  fullWidth,
+  loading,
+  disabled,
+  startIcon,
+  endIcon,
+  iconFlip,
+  className,
+  children,
+  type = "button",
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && (size === "icon" || size === "icon-sm")) {
+    if (!props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        '[@dev-dga/react] Button with an icon-only size (size="icon" or "icon-sm") requires an aria-label or aria-labelledby attribute for screen reader accessibility.'
+      );
+    }
+  }
+  const isDisabled = disabled || loading;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "button",
+    {
+      type,
+      disabled: isDisabled,
+      "aria-disabled": isDisabled || void 0,
+      "aria-busy": loading || void 0,
+      "data-slot": "button",
+      className: cn(
+        buttonVariants({ variant, size, fullWidth }),
+        loading && "ddga-button--loading",
+        className
+      ),
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Spinner, { "aria-hidden": "true" }),
+        !loading && startIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: startIcon }),
+        children != null && children !== "" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ddga-button__text", children }),
+        !loading && endIcon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: endIcon })
+      ]
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+
+// src/internal/field/use-field-a11y.ts
+var import_react2 = require("react");
+function isPresent(value) {
+  return value != null && value !== "";
+}
+function useFieldA11y(options) {
+  const generatedId = (0, import_react2.useId)();
+  const fieldId = options.id ?? generatedId;
+  const helperId = `${fieldId}-helper`;
+  const errorId = `${fieldId}-error`;
+  const hasError = !!options.error;
+  const hasErrorMessage = hasError && isPresent(options.errorMessage);
+  const hasHelper = !hasErrorMessage && isPresent(options.helperText);
+  if (process.env.NODE_ENV === "development" && !options.label) {
+    if (!options["aria-label"] && !options["aria-labelledby"]) {
+      console.warn(
+        `[@dev-dga/react] ${options.name} requires a \`label\`, or an aria-label / aria-labelledby attribute, for screen reader accessibility.`
+      );
+    }
+  }
+  return {
+    fieldId,
+    helperId,
+    errorId,
+    hasError,
+    hasErrorMessage,
+    hasHelper,
+    controlProps: {
+      id: fieldId,
+      "aria-invalid": hasError || void 0,
+      "aria-describedby": hasErrorMessage ? errorId : hasHelper ? helperId : void 0
+    }
+  };
+}
+
+// src/internal/field/FieldMessage.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function FieldMessage({ id, variant, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "p",
+    {
+      id,
+      "data-slot": `field-${variant}`,
+      className: `ddga-field__message ddga-field__message--${variant}`,
+      "aria-live": variant === "error" ? "polite" : void 0,
+      children
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var inputVariants = (0, import_class_variance_authority2.cva)("ddga-input", {
+  variants: {
+    size: {
+      sm: "ddga-input--sm",
+      md: "ddga-input--md",
+      lg: "ddga-input--lg"
+    },
+    error: {
+      true: "ddga-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Input({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  startAdornment,
+  endAdornment,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Input",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { "data-slot": "input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: fieldId, className: "ddga-input__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", className: "ddga-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      "div",
+      {
+        "data-slot": "input-control",
+        className: cn(inputVariants({ size, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "input",
+              required,
+              className: "ddga-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Textarea/Textarea.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var textareaVariants = (0, import_class_variance_authority3.cva)("ddga-textarea", {
+  variants: {
+    size: {
+      sm: "ddga-textarea--sm",
+      md: "ddga-textarea--md",
+      lg: "ddga-textarea--lg"
+    },
+    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"
+  }
+});
+function Textarea({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  resize,
+  required,
+  rows = 3,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Textarea",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { "data-slot": "textarea-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
+      label,
+      required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "textarea",
+      {
+        ...props,
+        ...controlProps,
+        "data-slot": "textarea",
+        rows,
+        required,
+        className: cn(textareaVariants({ size, error: hasError, resize }), className)
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Checkbox/Checkbox.tsx
+var import_radix_ui = require("radix-ui");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var checkboxVariants = (0, import_class_variance_authority4.cva)("ddga-checkbox", {
+  variants: {
+    size: {
+      sm: "ddga-checkbox--sm",
+      md: "ddga-checkbox--md"
+    },
+    error: {
+      true: "ddga-checkbox--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Checkbox({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Checkbox",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_radix_ui.Checkbox.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: cn(checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            import_radix_ui.Checkbox.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/providers/DgaProvider.tsx
+var import_react4 = require("react");
+var import_radix_ui2 = require("radix-ui");
+
+// src/providers/DgaContext.ts
+var import_react3 = require("react");
+var DgaContext = (0, import_react3.createContext)(null);
+function useDga() {
+  const ctx = (0, import_react3.useContext)(DgaContext);
+  if (!ctx) {
+    throw new Error("useDga must be used within a <DgaProvider>");
+  }
+  return ctx;
+}
+
+// src/providers/DgaProvider.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = (0, import_react4.useContext)(DgaContext);
+  const isNested = parentCtx !== null;
+  const rootRef = (0, import_react4.useRef)(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const ctxValue = (0, import_react4.useMemo)(
+    () => ({ dir, locale: resolvedLocale, mode, rootRef }),
+    [dir, resolvedLocale, mode]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    Component,
+    {
+      ref: rootRef,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ...consumerStyle },
+      children: isNested ? children : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_radix_ui2.Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 100, children })
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  Checkbox,
+  DgaProvider,
+  Input,
+  Textarea,
+  buttonVariants,
+  checkboxVariants,
+  cn,
+  inputVariants,
+  textareaVariants,
+  useDga
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/utils/cn.ts","../src/internal/icons/index.tsx","../src/components/Input/Input.tsx","../src/internal/field/use-field-a11y.ts","../src/internal/field/FieldMessage.tsx","../src/components/Textarea/Textarea.tsx","../src/components/Checkbox/Checkbox.tsx","../src/providers/DgaProvider.tsx","../src/providers/DgaContext.ts"],"sourcesContent":["export { Button, buttonVariants, type ButtonProps } from './components/Button';\nexport { Input, inputVariants, type InputProps } from './components/Input';\nexport { Textarea, textareaVariants, type TextareaProps } from './components/Textarea';\nexport { Checkbox, checkboxVariants, type CheckboxProps } from './components/Checkbox';\nexport { DgaProvider, type DgaProviderProps } from './providers/DgaProvider';\nexport { useDga } from './providers/DgaContext';\nexport { cn } from './utils/cn';\n","'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n\n  return (\n    <button\n      type={type}\n      disabled={isDisabled}\n      // Both disabled and aria-disabled are set intentionally:\n      // - disabled: removes from tab order and prevents interaction\n      // - aria-disabled: explicit signal for ARIA consumers that don't read native disabled\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </button>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n","import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\n/**\n * Internal loading spinner icon.\n * Not exported from the public API — used only by Button and similar components.\n */\nexport function Spinner(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"ddga-spinner\"\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\n/**\n * Internal checkmark icon — used by Checkbox (checked state).\n * Not exported from the public API.\n */\nexport function Check(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\n/**\n * Internal minus/dash icon — used by Checkbox (indeterminate state).\n * Not exported from the public API.\n */\nexport function Minus(props: React.SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input 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  /**\n   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive — it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * — the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\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    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Input, inputVariants };\nexport type { InputProps };\n","import { useId, type ReactNode } from 'react';\n\n// Internal — not part of the public API. Shared by Input / Textarea /\n// Checkbox (and future form controls) so the id generation, error/helper\n// precedence, control ARIA wiring, and dev-time a11y warning live in\n// exactly one place instead of being hand-rolled per component.\n\ninterface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props — used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\ninterface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe — stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  const hasError = !!options.error;\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n","import type { ReactNode } from 'react';\n\n// Internal — not public API. The helper / error line below a form control.\n// Identical markup and styling across Input / Textarea / Checkbox, so it\n// lives here once. No 'use client': pure markup, no hooks or client APIs.\n\ninterface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n","'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 '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the <textarea> directly: unlike Input there are no adornments,\n// so the field owns its own border / focus ring / state styling — no\n// control wrapper needed.\nconst textareaVariants = cva('ddga-textarea', {\n  variants: {\n    size: {\n      sm: 'ddga-textarea--sm',\n      md: 'ddga-textarea--md',\n      lg: 'ddga-textarea--lg',\n    },\n    error: {\n      true: 'ddga-textarea--error',\n    },\n    // Horizontal/both resize breaks form layout (same reason it's not the\n    // default) — only vertical or locked are offered.\n    resize: {\n      vertical: 'ddga-textarea--resize-vertical',\n      none: 'ddga-textarea--resize-none',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    resize: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `<textarea>` has no native `size` attribute (unlike `<input>`), so the\n// cva `size` variant doesn't collide — no `Omit` needed.\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}\n\n// ─── 3. Component ─── //\n\nfunction Textarea({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  resize,\n  required,\n  rows = 3,\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          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-textarea__required\">\n              *\n            </span>\n          )}\n        </label>\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(textareaVariants({ size, error: hasError, resize }), className)}\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    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n","'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../internal/field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only —\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted — the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\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=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\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    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n","'use client';\n\nimport { useRef, useMemo, useContext } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootRef }),\n    [dir, resolvedLocale, mode],\n  );\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={rootRef as React.RefObject<never>}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        style={{ colorScheme: mode, ...consumerStyle }}\n      >\n        {isNested ? (\n          children\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {children}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  rootRef: React.RefObject<HTMLElement | null>;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_class_variance_authority","import_react","import_jsx_runtime","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","CheckboxPrimitive","import_react","import_radix_ui","import_react","import_jsx_runtime","TooltipPrimitive"]}