@dev-dga/react 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
+import { ClassValue } from 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
+    loading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */
+    iconFlip?: boolean;
+}
+declare function Button({ variant, size, fullWidth, loading, disabled, startIcon, endIcon, iconFlip, className, children, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {
+    /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+    /**
+     * Content rendered inside the field, before the input (icon or short text,
+     * e.g. a search glyph or `https://`). May be interactive — it is NOT
+     * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Content rendered inside the field, after the input. Compose a clear
+     * button or password-reveal toggle here with `<Button size="icon-sm">`
+     * — the 28px in-field icon size that fits the field without overflow.
+     */
+    endAdornment?: ReactNode;
+}
+declare function Input({ id: externalId, label, helperText, errorMessage, error, size, required, startAdornment, endAdornment, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare const textareaVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+    resize?: "none" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
+    /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+}
+declare function Textarea({ id: externalId, label, helperText, errorMessage, error, size, resize, required, rows, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React.ComponentProps<typeof Checkbox$1.Root>, 'children'>, VariantProps<typeof checkboxVariants> {
+    /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the row. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the row when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+}
+declare function Checkbox({ id: externalId, label, helperText, errorMessage, error, size, required, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type DgaRootElement = 'div' | 'main' | 'nav' | 'section' | 'article' | 'aside' | 'header' | 'footer';
+interface DgaProviderProps {
+    dir?: 'ltr' | 'rtl';
+    locale?: string;
+    mode?: 'light' | 'dark';
+    as?: DgaRootElement;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+declare function DgaProvider({ dir, locale, mode, as: Component, className, style: consumerStyle, children, }: DgaProviderProps): react_jsx_runtime.JSX.Element;
+
+interface DgaContextValue {
+    dir: 'ltr' | 'rtl';
+    locale: string;
+    mode: 'light' | 'dark';
+    rootRef: React.RefObject<HTMLElement | null>;
+}
+declare function useDga(): DgaContextValue;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga };

package/dist/index.d.ts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { Checkbox as Checkbox$1 } from 'radix-ui';
+import { ClassValue } from 'clsx';
+
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | "icon-sm" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
+    loading?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */
+    iconFlip?: boolean;
+}
+declare function Button({ variant, size, fullWidth, loading, disabled, startIcon, endIcon, iconFlip, className, children, type, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+declare const inputVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {
+    /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+    /**
+     * Content rendered inside the field, before the input (icon or short text,
+     * e.g. a search glyph or `https://`). May be interactive — it is NOT
+     * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.
+     */
+    startAdornment?: ReactNode;
+    /**
+     * Content rendered inside the field, after the input. Compose a clear
+     * button or password-reveal toggle here with `<Button size="icon-sm">`
+     * — the 28px in-field icon size that fits the field without overflow.
+     */
+    endAdornment?: ReactNode;
+}
+declare function Input({ id: externalId, label, helperText, errorMessage, error, size, required, startAdornment, endAdornment, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+
+declare const textareaVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    error?: boolean | null | undefined;
+    resize?: "none" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface TextareaProps extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
+    /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the field. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the field when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+}
+declare function Textarea({ id: externalId, label, helperText, errorMessage, error, size, resize, required, rows, className, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    error?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends Omit<React.ComponentProps<typeof Checkbox$1.Root>, 'children'>, VariantProps<typeof checkboxVariants> {
+    /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */
+    label?: ReactNode;
+    /** Hint shown below the row. Hidden while an error message is showing. */
+    helperText?: ReactNode;
+    /** Message shown below the row when `error` is true. */
+    errorMessage?: ReactNode;
+    /** Marks the field invalid: sets `aria-invalid` and error styling. */
+    error?: boolean;
+}
+declare function Checkbox({ id: externalId, label, helperText, errorMessage, error, size, required, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+type DgaRootElement = 'div' | 'main' | 'nav' | 'section' | 'article' | 'aside' | 'header' | 'footer';
+interface DgaProviderProps {
+    dir?: 'ltr' | 'rtl';
+    locale?: string;
+    mode?: 'light' | 'dark';
+    as?: DgaRootElement;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+}
+declare function DgaProvider({ dir, locale, mode, as: Component, className, style: consumerStyle, children, }: DgaProviderProps): react_jsx_runtime.JSX.Element;
+
+interface DgaContextValue {
+    dir: 'ltr' | 'rtl';
+    locale: string;
+    mode: 'light' | 'dark';
+    rootRef: React.RefObject<HTMLElement | null>;
+}
+declare function useDga(): DgaContextValue;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+export { Button, type ButtonProps, Checkbox, type CheckboxProps, DgaProvider, type DgaProviderProps, Input, type InputProps, Textarea, type TextareaProps, buttonVariants, checkboxVariants, cn, inputVariants, textareaVariants, useDga };

package/dist/index.js

@@ -0,0 +1,483 @@
+// src/components/Button/Button.tsx
+import "react";
+import { cva } from "class-variance-authority";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+function cn(...inputs) {
+  return clsx(inputs);
+}
+
+// src/internal/icons/index.tsx
+import { jsx } from "react/jsx-runtime";
+function Spinner(props) {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+function Check(props) {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+    }
+  );
+}
+function Minus(props) {
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M5 12h14" })
+    }
+  );
+}
+
+// src/components/Button/Button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var buttonVariants = 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__ */ 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__ */ jsx2(Spinner, { "aria-hidden": "true" }),
+        !loading && startIcon && /* @__PURE__ */ jsx2("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: startIcon }),
+        children != null && children !== "" && /* @__PURE__ */ jsx2("span", { className: "ddga-button__text", children }),
+        !loading && endIcon && /* @__PURE__ */ jsx2("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: endIcon })
+      ]
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+import { cva as cva2 } from "class-variance-authority";
+
+// src/internal/field/use-field-a11y.ts
+import { useId } from "react";
+function isPresent(value) {
+  return value != null && value !== "";
+}
+function useFieldA11y(options) {
+  const generatedId = 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
+import { jsx as jsx3 } from "react/jsx-runtime";
+function FieldMessage({ id, variant, children }) {
+  return /* @__PURE__ */ jsx3(
+    "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
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var inputVariants = cva2("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__ */ jsxs2("div", { "data-slot": "input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs2("label", { htmlFor: fieldId, className: "ddga-input__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", className: "ddga-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        "data-slot": "input-control",
+        className: cn(inputVariants({ size, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ jsx4(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ jsx4(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "input",
+              required,
+              className: "ddga-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ jsx4(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx4(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx4(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Textarea/Textarea.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var textareaVariants = cva3("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__ */ jsxs3("div", { "data-slot": "textarea-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs3("label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx5(
+      "textarea",
+      {
+        ...props,
+        ...controlProps,
+        "data-slot": "textarea",
+        rows,
+        required,
+        className: cn(textareaVariants({ size, error: hasError, resize }), className)
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx5(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx5(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/components/Checkbox/Checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+var checkboxVariants = cva4("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__ */ jsxs4("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ jsx6(
+        CheckboxPrimitive.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: cn(checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ jsxs4(
+            CheckboxPrimitive.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ jsx6(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx6(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ jsxs4("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ jsx6(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx6(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+// src/providers/DgaProvider.tsx
+import { useRef, useMemo, useContext as useContext2 } from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+
+// src/providers/DgaContext.ts
+import { createContext, useContext } from "react";
+var DgaContext = createContext(null);
+function useDga() {
+  const ctx = useContext(DgaContext);
+  if (!ctx) {
+    throw new Error("useDga must be used within a <DgaProvider>");
+  }
+  return ctx;
+}
+
+// src/providers/DgaProvider.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = useContext2(DgaContext);
+  const isNested = parentCtx !== null;
+  const rootRef = useRef(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const ctxValue = useMemo(
+    () => ({ dir, locale: resolvedLocale, mode, rootRef }),
+    [dir, resolvedLocale, mode]
+  );
+  return /* @__PURE__ */ jsx7(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx7(
+    Component,
+    {
+      ref: rootRef,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ...consumerStyle },
+      children: isNested ? children : /* @__PURE__ */ jsx7(TooltipPrimitive.Provider, { delayDuration: 300, skipDelayDuration: 100, children })
+    }
+  ) });
+}
+export {
+  Button,
+  Checkbox,
+  DgaProvider,
+  Input,
+  Textarea,
+  buttonVariants,
+  checkboxVariants,
+  cn,
+  inputVariants,
+  textareaVariants,
+  useDga
+};
+//# sourceMappingURL=index.js.map