@dev-dga/react 0.11.0 → 0.12.1

package/dist/{chunk-I44YNYI6.cjs.map → chunk-42MOUC3M.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-I44YNYI6.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-I44YNYI6.cjs"}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-42MOUC3M.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-42MOUC3M.cjs"}

package/dist/chunk-44S33DGQ.js

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

package/dist/chunk-4HBVLISS.js

@@ -0,0 +1,169 @@
+import {
+  AlertCircle,
+  ChevronDown,
+  Info
+} from "./chunk-FFGALWM2.js";
+import {
+  FieldMessage
+} from "./chunk-E5ZIKIGB.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/TextInput/TextInput.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var textInputVariants = cva("ddga-text-input", {
+  variants: {
+    size: {
+      md: "ddga-text-input--md",
+      lg: "ddga-text-input--lg"
+    },
+    variant: {
+      default: "ddga-text-input--default",
+      "filled-lighter": "ddga-text-input--filled-lighter",
+      "filled-darker": "ddga-text-input--filled-darker"
+    },
+    error: {
+      true: "ddga-text-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    variant: "default"
+  }
+});
+function TextInput({
+  id: externalId,
+  label,
+  helperText,
+  helperIcon,
+  errorMessage,
+  error,
+  size,
+  variant,
+  required,
+  startAdornment,
+  endAdornment,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "TextInput",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "text-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-text-input__label", children: [
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-text-input__required", children: "*" }),
+      label
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "text-input-control",
+        className: cn(textInputVariants({ size, variant, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "text-input-adornment",
+              className: "ddga-text-input__adornment ddga-text-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "text-input",
+              required,
+              className: "ddga-text-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "text-input-adornment",
+              className: "ddga-text-input__adornment ddga-text-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", icon: /* @__PURE__ */ jsx(AlertCircle, { width: 16, height: 16 }), children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(
+      FieldMessage,
+      {
+        id: helperId,
+        variant: "helper",
+        icon: helperIcon ?? /* @__PURE__ */ jsx(Info, { width: 16, height: 16 }),
+        children: helperText
+      }
+    )
+  ] });
+}
+function TextInputAffix({ variant = "solid", className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "text-input-affix",
+      className: cn(
+        "ddga-text-input__affix",
+        variant === "subtle" && "ddga-text-input__affix--subtle",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function TextInputDropdown({
+  variant = "solid",
+  icon,
+  selected,
+  className,
+  children,
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      "data-slot": "text-input-dropdown",
+      "aria-haspopup": "listbox",
+      "aria-expanded": selected ?? false,
+      className: cn(
+        "ddga-text-input__affix ddga-text-input__dropdown",
+        variant === "subtle" && "ddga-text-input__dropdown--subtle",
+        selected && "ddga-text-input__dropdown--selected",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "ddga-text-input__dropdown-icon", children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-text-input__dropdown-label", children }),
+        /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "ddga-text-input__dropdown-chevron" })
+      ]
+    }
+  );
+}
+
+export {
+  textInputVariants,
+  TextInput,
+  TextInputAffix,
+  TextInputDropdown
+};
+//# sourceMappingURL=chunk-4HBVLISS.js.map

package/dist/chunk-4HBVLISS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Info, AlertCircle, ChevronDown } from '../../internal/icons';\n\n// Applied to the *control* (the bordered box), not the raw <input>. The control\n// owns the border, size, fill style, focus underline and state styling so\n// leading/trailing adornments sit inside the field. Aligned to DGA Platforms\n// Code \"Text input\": Medium 32 / Large 40, three fill styles, gray-400 border.\nconst textInputVariants = cva('ddga-text-input', {\n  variants: {\n    size: {\n      md: 'ddga-text-input--md',\n      lg: 'ddga-text-input--lg',\n    },\n    variant: {\n      default: 'ddga-text-input--default',\n      'filled-lighter': 'ddga-text-input--filled-lighter',\n      'filled-darker': 'ddga-text-input--filled-darker',\n    },\n    error: {\n      true: 'ddga-text-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character width,\n// a number) collides with our design-system `size` variant; the variant wins.\ninterface TextInputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof textInputVariants> {\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\n  helperIcon?: 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, `TextInputAffix`,\n   * or short text). Not `aria-hidden` (may be interactive); mark\n   * purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear button\n   * or password-reveal toggle here with `<Button size=\"icon-sm\">`, the 28px\n   * in-field icon size that fits without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\nfunction TextInput({\n  id: externalId,\n  label,\n  helperText,\n  helperIcon,\n  errorMessage,\n  error,\n  size,\n  variant,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: TextInputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'TextInput',\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=\"text-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-text-input__label\">\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-text-input__required\">\n              *\n            </span>\n          )}\n          {label}\n        </label>\n      )}\n      <div\n        data-slot=\"text-input-control\"\n        className={cn(textInputVariants({ size, variant, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"text-input-adornment\"\n            className=\"ddga-text-input__adornment ddga-text-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=\"text-input\"\n          required={required}\n          className=\"ddga-text-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"text-input-adornment\"\n            className=\"ddga-text-input__adornment ddga-text-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\" icon={<AlertCircle width={16} height={16} />}>\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage\n          id={helperId}\n          variant=\"helper\"\n          icon={helperIcon ?? <Info width={16} height={16} />}\n        >\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\ninterface TextInputAffixProps extends React.ComponentProps<'span'> {\n  /** `solid` = the SDGA gray prefix/suffix chip; `subtle` = borderless text. */\n  variant?: 'solid' | 'subtle';\n}\n\n/**\n * The SDGA in-field prefix/suffix (e.g. `https://`, `SAR`, a unit). Drop it in\n * `startAdornment` / `endAdornment` — it renders the flush, full-height chip.\n */\nfunction TextInputAffix({ variant = 'solid', className, children, ...props }: TextInputAffixProps) {\n  return (\n    <span\n      data-slot=\"text-input-affix\"\n      className={cn(\n        'ddga-text-input__affix',\n        variant === 'subtle' && 'ddga-text-input__affix--subtle',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n\ninterface TextInputDropdownProps extends React.ComponentProps<'button'> {\n  /** `solid` = the SDGA gray dropdown chip; `subtle` = transparent. */\n  variant?: 'solid' | 'subtle';\n  /** Leading badge icon (e.g. `<BadgeCheck />`), sized 24/20 to the field. */\n  icon?: ReactNode;\n  /** Open/selected — paints the SDGA dark `#384250` chip + white text. */\n  selected?: boolean;\n}\n\n/**\n * The SDGA in-field **Dropdown** prefix/suffix (the `_Input Prefix-Suffix`\n * \"Dropdown\" type): a `<button>` trigger with a leading badge, a label and a\n * trailing chevron. Drop it in `startAdornment` / `endAdornment` and wire\n * `onClick` + `selected` (open state) to your menu / `Select`.\n */\nfunction TextInputDropdown({\n  variant = 'solid',\n  icon,\n  selected,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: TextInputDropdownProps) {\n  return (\n    <button\n      type={type}\n      data-slot=\"text-input-dropdown\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={selected ?? false}\n      className={cn(\n        'ddga-text-input__affix ddga-text-input__dropdown',\n        variant === 'subtle' && 'ddga-text-input__dropdown--subtle',\n        selected && 'ddga-text-input__dropdown--selected',\n        className,\n      )}\n      {...props}\n    >\n      {icon && <span className=\"ddga-text-input__dropdown-icon\">{icon}</span>}\n      <span className=\"ddga-text-input__dropdown-label\">{children}</span>\n      <ChevronDown aria-hidden=\"true\" className=\"ddga-text-input__dropdown-chevron\" />\n    </button>\n  );\n}\n\nexport { TextInput, TextInputAffix, TextInputDropdown, textInputVariants };\nexport type { TextInputProps, TextInputAffixProps, TextInputDropdownProps };\n"],"mappings":"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","names":[]}

package/dist/chunk-4LHIVDAH.js

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

package/dist/chunk-4RCQFLSE.cjs

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/InlineAlert/InlineAlert.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var inlineAlertVariants = _classvarianceauthority.cva.call(void 0, "ddga-inline-alert", {
+  variants: {
+    type: {
+      neutral: "ddga-inline-alert--neutral",
+      info: "ddga-inline-alert--info",
+      destructive: "ddga-inline-alert--destructive",
+      warning: "ddga-inline-alert--warning",
+      success: "ddga-inline-alert--success"
+    },
+    appearance: {
+      white: "ddga-inline-alert--white",
+      color: "ddga-inline-alert--color"
+    }
+  },
+  defaultVariants: { type: "neutral", appearance: "white" }
+});
+var DEFAULT_ICONS = {
+  neutral: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.HelpCircleSolid, { "aria-hidden": "true" }),
+  info: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.HelpCircleSolid, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.HelpCircleSolid, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.AlertTriangleSolid, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.CheckSolid, { "aria-hidden": "true" })
+};
+function InlineAlert({
+  type,
+  appearance,
+  title,
+  icon,
+  actions,
+  onClose,
+  open: controlledOpen,
+  closeLabel = "Dismiss",
+  live,
+  className,
+  children,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, true);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  if (!open) return null;
+  const resolvedIcon = icon === false ? null : _nullishCoalesce(icon, () => ( DEFAULT_ICONS[_nullishCoalesce(type, () => ( "neutral"))]));
+  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
+  function handleClose() {
+    if (!isControlled) setInternalOpen(false);
+    _optionalChain([onClose, 'optionalCall', _ => _()]);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "inline-alert",
+      "data-type": _nullishCoalesce(type, () => ( "neutral")),
+      "data-appearance": _nullishCoalesce(appearance, () => ( "white")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, inlineAlertVariants({ type, appearance }), className),
+      ...liveProps,
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-inline-alert__stripe", "aria-hidden": "true" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-inline-alert__header", children: [
+          resolvedIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-inline-alert__icon", children: resolvedIcon }) : null,
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-inline-alert__text", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-inline-alert__title", "data-slot": "inline-alert-title", children: title }),
+            children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "ddga-inline-alert__description", "data-slot": "inline-alert-description", children }) : null
+          ] }),
+          onClose ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "ddga-inline-alert__close",
+              "aria-label": closeLabel,
+              onClick: handleClose,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.CloseSolid, { "aria-hidden": "true" })
+            }
+          ) : null
+        ] }),
+        actions ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-inline-alert__actions", "data-slot": "inline-alert-actions", children: actions }) : null
+      ]
+    }
+  );
+}
+function InlineAlertAction({ asChild, className, type, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "inline-alert-action",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-inline-alert__action", className),
+      ...asChild ? {} : { type: _nullishCoalesce(type, () => ( "button")) },
+      ...props
+    }
+  );
+}
+
+
+
+
+
+exports.inlineAlertVariants = inlineAlertVariants; exports.InlineAlert = InlineAlert; exports.InlineAlertAction = InlineAlertAction;
+//# sourceMappingURL=chunk-4RCQFLSE.cjs.map

package/dist/chunk-4RCQFLSE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4RCQFLSE.cjs","../src/components/InlineAlert/InlineAlert.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4RCQFLSE.cjs","sourcesContent":[null,"'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { HelpCircleSolid, AlertTriangleSolid, CheckSolid, CloseSolid } from '../../internal/icons';\n\nconst inlineAlertVariants = cva('ddga-inline-alert', {\n  variants: {\n    type: {\n      neutral: 'ddga-inline-alert--neutral',\n      info: 'ddga-inline-alert--info',\n      destructive: 'ddga-inline-alert--destructive',\n      warning: 'ddga-inline-alert--warning',\n      success: 'ddga-inline-alert--success',\n    },\n    appearance: {\n      white: 'ddga-inline-alert--white',\n      color: 'ddga-inline-alert--color',\n    },\n  },\n  defaultVariants: { type: 'neutral', appearance: 'white' },\n});\n\ntype InlineAlertType = NonNullable<VariantProps<typeof inlineAlertVariants>['type']>;\n\n// SDGA reuses the help-circle glyph for neutral/info/destructive (recolored only);\n// only warning + success get distinct glyphs. The `icon` prop overrides per-instance.\nconst DEFAULT_ICONS: Record<InlineAlertType, ReactNode> = {\n  neutral: <HelpCircleSolid aria-hidden=\"true\" />,\n  info: <HelpCircleSolid aria-hidden=\"true\" />,\n  destructive: <HelpCircleSolid aria-hidden=\"true\" />,\n  warning: <AlertTriangleSolid aria-hidden=\"true\" />,\n  success: <CheckSolid aria-hidden=\"true\" />,\n};\n\ninterface InlineAlertProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof inlineAlertVariants> {\n  /** Lead text, shown semibold — the alert's headline. */\n  title: ReactNode;\n  /**\n   * Featured leading icon. Pass `false` to hide it. Defaults to the SDGA glyph\n   * for the type (help-circle for neutral/info/destructive, triangle for warning,\n   * check for success).\n   */\n  icon?: ReactNode | false;\n  /**\n   * Action buttons row — pass `InlineAlertAction`s. On narrow widths they stack\n   * full-width and the first one renders as the filled primary.\n   */\n  actions?: ReactNode;\n  /** Provide to render the trailing close button and make the alert dismissible. */\n  onClose?: () => void;\n  /** Controlled visibility. Pair with `onClose` to own the state yourself. */\n  open?: boolean;\n  /** Localized close-button label. Defaults to `\"Dismiss\"`. */\n  closeLabel?: string;\n  /**\n   * Wire the alert into the a11y tree as a live region. `polite` (role=status)\n   * announces gracefully; `assertive` (role=alert) interrupts. Omit for static banners.\n   */\n  live?: 'polite' | 'assertive';\n}\n\ninterface InlineAlertActionProps extends React.ComponentProps<'button'> {\n  /** Render as the single child (e.g. a router `<Link>`) instead of a `<button>`. */\n  asChild?: boolean;\n}\n\nfunction InlineAlert({\n  type,\n  appearance,\n  title,\n  icon,\n  actions,\n  onClose,\n  open: controlledOpen,\n  closeLabel = 'Dismiss',\n  live,\n  className,\n  children,\n  ...props\n}: InlineAlertProps) {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  if (!open) return null;\n\n  const resolvedIcon = icon === false ? null : (icon ?? DEFAULT_ICONS[type ?? 'neutral']);\n\n  const liveProps =\n    live === 'assertive'\n      ? { role: 'alert' as const, 'aria-live': 'assertive' as const }\n      : live === 'polite'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : {};\n\n  function handleClose() {\n    if (!isControlled) setInternalOpen(false);\n    onClose?.();\n  }\n\n  return (\n    <div\n      data-slot=\"inline-alert\"\n      data-type={type ?? 'neutral'}\n      data-appearance={appearance ?? 'white'}\n      className={cn(inlineAlertVariants({ type, appearance }), className)}\n      {...liveProps}\n      {...props}\n    >\n      <span className=\"ddga-inline-alert__stripe\" aria-hidden=\"true\" />\n      <div className=\"ddga-inline-alert__header\">\n        {resolvedIcon ? <span className=\"ddga-inline-alert__icon\">{resolvedIcon}</span> : null}\n        <div className=\"ddga-inline-alert__text\">\n          <p className=\"ddga-inline-alert__title\" data-slot=\"inline-alert-title\">\n            {title}\n          </p>\n          {children ? (\n            <p className=\"ddga-inline-alert__description\" data-slot=\"inline-alert-description\">\n              {children}\n            </p>\n          ) : null}\n        </div>\n        {onClose ? (\n          <button\n            type=\"button\"\n            className=\"ddga-inline-alert__close\"\n            aria-label={closeLabel}\n            onClick={handleClose}\n          >\n            <CloseSolid aria-hidden=\"true\" />\n          </button>\n        ) : null}\n      </div>\n      {actions ? (\n        <div className=\"ddga-inline-alert__actions\" data-slot=\"inline-alert-actions\">\n          {actions}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction InlineAlertAction({ asChild, className, type, ...props }: InlineAlertActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      data-slot=\"inline-alert-action\"\n      className={cn('ddga-inline-alert__action', className)}\n      {...(asChild ? {} : { type: type ?? 'button' })}\n      {...props}\n    />\n  );\n}\n\nexport { InlineAlert, InlineAlertAction, inlineAlertVariants };\nexport type { InlineAlertProps, InlineAlertActionProps };\n"]}

package/dist/chunk-4WQLBIL5.cjs

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

package/dist/{chunk-ISUDUZEG.cjs.map → chunk-4WQLBIL5.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ISUDUZEG.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ISUDUZEG.cjs"}
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WQLBIL5.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WQLBIL5.cjs"}

package/dist/chunk-4WUUV44R.js

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