@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-UK2SFZIQ.cjs

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkNQGCAXTWcjs = require('./chunk-NQGCAXTW.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Button/Button.tsx
+require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var buttonVariants = _classvarianceauthority.cva.call(void 0, "ddga-button", {
+  variants: {
+    variant: {
+      primary: "ddga-button--primary",
+      secondary: "ddga-button--secondary",
+      outline: "ddga-button--outline",
+      ghost: "ddga-button--ghost",
+      destructive: "ddga-button--destructive",
+      // Destructive sub-variants — match the DGA library's full destructive
+      // family (des-primary maps to plain `destructive` above).
+      "destructive-outline": "ddga-button--destructive-outline",
+      "destructive-subtle": "ddga-button--destructive-subtle",
+      "destructive-ghost": "ddga-button--destructive-ghost"
+    },
+    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"
+    },
+    /**
+     * Use on dark / branded colored backgrounds. Visually inverts non-filled
+     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so
+     * text + border stay visible against the surface. Filled variants
+     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore
+     * it — they already carry their own background contrast.
+     */
+    inverted: {
+      true: "ddga-button--inverted"
+    },
+    /**
+     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`
+     * (color) and `size` — pair with `size="icon"` for a circular FAB, or a text
+     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area
+     * insets) is the consumer's responsibility — see the placement recipe in the
+     * stories. Keep it a modifier, not a `Fab` wrapper component.
+     */
+    fab: {
+      true: "ddga-button--fab"
+    }
+  },
+  compoundVariants: [],
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+function Button({
+  variant,
+  size,
+  fullWidth,
+  inverted,
+  fab,
+  loading,
+  disabled,
+  startIcon,
+  endIcon,
+  iconFlip,
+  asChild,
+  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;
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Comp,
+    {
+      ...asChild ? {} : { type, disabled: isDisabled },
+      ...asChild && isDisabled ? { tabIndex: -1 } : {},
+      "aria-disabled": isDisabled || void 0,
+      "aria-busy": loading || void 0,
+      "data-slot": "button",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        buttonVariants({ variant, size, fullWidth, inverted, fab }),
+        loading && "ddga-button--loading",
+        className
+      ),
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQGCAXTWcjs.Spinner, { "aria-hidden": "true" }),
+        !loading && startIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: startIcon }),
+        asChild ? (
+          // children IS the consumer's single element (e.g. <Link>). Slottable
+          // marks where THAT element's original children should land , without
+          // it the icons would replace the link text entirely.
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slot.Slottable, { children })
+        ) : children != null && children !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-button__text", children }),
+        !loading && endIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: endIcon })
+      ]
+    }
+  );
+}
+
+
+
+
+exports.buttonVariants = buttonVariants; exports.Button = Button;
+//# sourceMappingURL=chunk-UK2SFZIQ.cjs.map

package/dist/chunk-UK2SFZIQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UK2SFZIQ.cjs","../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UK2SFZIQ.cjs","sourcesContent":[null,"'use client';\n\nimport { 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 { Spinner } from '../Spinner';\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      // Destructive sub-variants — match the DGA library's full destructive\n      // family (des-primary maps to plain `destructive` above).\n      'destructive-outline': 'ddga-button--destructive-outline',\n      'destructive-subtle': 'ddga-button--destructive-subtle',\n      'destructive-ghost': 'ddga-button--destructive-ghost',\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     * Use on dark / branded colored backgrounds. Visually inverts non-filled\n     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so\n     * text + border stay visible against the surface. Filled variants\n     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore\n     * it — they already carry their own background contrast.\n     */\n    inverted: {\n      true: 'ddga-button--inverted',\n    },\n    /**\n     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`\n     * (color) and `size` — pair with `size=\"icon\"` for a circular FAB, or a text\n     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area\n     * insets) is the consumer's responsibility — see the placement recipe in the\n     * stories. Keep it a modifier, not a `Fab` wrapper component.\n     */\n    fab: {\n      true: 'ddga-button--fab',\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   * Render as the single child element instead of a `<button>`. Lets consumers\n   * compose Button with router links (`<Button asChild><Link href=\"…\">…</Link></Button>`)\n   * without `<button><a>` invalid nesting.\n   *\n   * The `type` and native `disabled` attributes are dropped in this mode\n   * (they're meaningless on non-button elements) , the disabled visual + a11y\n   * state still works via `aria-disabled` + `tabIndex={-1}`. button.css\n   * matches on `[aria-disabled='true']` alongside `:disabled` so the styling\n   * applies on any element.\n   *\n   * Consumer remains responsible for preventing the underlying action when\n   * disabled (e.g., calling `e.preventDefault()` in the Link's onClick),\n   * since native `disabled` doesn't gate clicks on non-form-controls.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  inverted,\n  fab,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\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  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // `type` and native `disabled` only apply to <button>. In asChild mode\n      // the Slot's child could be <a>, <Link>, etc. , skip both attrs there\n      // and lean on aria-disabled + tabIndex for the disabled state.\n      {...(asChild ? {} : { type, disabled: isDisabled })}\n      {...(asChild && isDisabled ? { tabIndex: -1 } : {})}\n      // Both `disabled` and `aria-disabled` are set in button mode (native +\n      // explicit ARIA signal). In asChild mode, `aria-disabled` is the only\n      // disabled signal a11y consumers can read on a non-form-control.\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth, inverted, fab }),\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      {asChild ? (\n        // children IS the consumer's single element (e.g. <Link>). Slottable\n        // marks where THAT element's original children should land , without\n        // it the icons would replace the link text entirely.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>\n      )}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n"]}

package/dist/chunk-UPIDCMZI.cjs

@@ -0,0 +1,137 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Pagination/Pagination.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var paginationVariants = _classvarianceauthority.cva.call(void 0, "ddga-pagination", {
+  variants: {
+    size: {
+      sm: "ddga-pagination--sm",
+      md: "ddga-pagination--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var paginationLinkVariants = _classvarianceauthority.cva.call(void 0, "ddga-pagination__link", {
+  variants: {
+    isActive: {
+      true: "ddga-pagination__link--active"
+    }
+  }
+});
+function Pagination({ size, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, paginationVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__content", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "pagination-item", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__item", className), ...props });
+}
+function PaginationLink({ asChild, isActive, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "a";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive ? "" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, paginationLinkVariants({ isActive }), className),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  label = "Previous",
+  className,
+  children,
+  asChild,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-previous",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", "ddga-pagination__nav--previous", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--previous" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label })
+      ] })))
+    }
+  );
+}
+function PaginationNext({
+  label = "Next",
+  className,
+  children,
+  asChild,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    PaginationLink,
+    {
+      asChild,
+      "aria-label": label,
+      "data-slot": "pagination-next",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__nav", "ddga-pagination__nav--next", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: label }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-pagination__nav-icon ddga-pagination__nav-icon--next" })
+      ] })))
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "pagination-ellipsis",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-pagination__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.MoreHorizontal, {})
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.paginationVariants = paginationVariants; exports.paginationLinkVariants = paginationLinkVariants; exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.PaginationEllipsis = PaginationEllipsis;
+//# sourceMappingURL=chunk-UPIDCMZI.cjs.map

package/dist/chunk-UPIDCMZI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UPIDCMZI.cjs","../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UPIDCMZI.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronRight, MoreHorizontal } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root and cascades via descendants — same pattern as\n// Breadcrumb / Tabs. `PaginationLink` carries the active/inactive visual\n// state via `isActive` (which is also what stamps `aria-current=\"page\"`),\n// so the active style stays bound to the a11y mark and can't drift.\n\nconst paginationVariants = cva('ddga-pagination', {\n  variants: {\n    size: {\n      sm: 'ddga-pagination--sm',\n      md: 'ddga-pagination--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst paginationLinkVariants = cva('ddga-pagination__link', {\n  variants: {\n    isActive: {\n      true: 'ddga-pagination__link--active',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface PaginationProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof paginationVariants> {}\n\ntype PaginationContentProps = React.ComponentProps<'ul'>;\ntype PaginationItemProps = React.ComponentProps<'li'>;\n\ninterface PaginationLinkProps\n  extends\n    Omit<React.ComponentProps<'a'>, 'aria-current'>,\n    VariantProps<typeof paginationLinkVariants> {\n  /** Render as the consumer element (e.g., router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ntype PaginationPreviousProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the previous-page link. Defaults to\n   * `\"Previous\"`. Pass a translated string for non-English UIs — the value is\n   * also used for `aria-label`, so a localized string is required for a11y.\n   * Ignored when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationNextProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the next-page link. Defaults to `\"Next\"`.\n   * Pass a translated string for non-English UIs — the value is also used\n   * for `aria-label`, so a localized string is required for a11y. Ignored\n   * when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Pagination({ size, className, ...props }: PaginationProps) {\n  // Default the accessible name to \"pagination\" (lowercase per the\n  // ARIA Authoring Practices Guide). Spread `aria-label` last so consumers\n  // can override for non-English UIs.\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(paginationVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('ddga-pagination__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ className, ...props }: PaginationItemProps) {\n  return (\n    <li data-slot=\"pagination-item\" className={cn('ddga-pagination__item', className)} {...props} />\n  );\n}\n\nfunction PaginationLink({ asChild, isActive, className, ...props }: PaginationLinkProps) {\n  // `isActive` is the single source of truth for both the visual state and\n  // the `aria-current=\"page\"` mark — they can't drift apart.\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive ? '' : undefined}\n      className={cn(paginationLinkVariants({ isActive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  label = 'Previous',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationPreviousProps) {\n  // In asChild + children-provided mode the consumer owns the rendered\n  // content; we still wire the accessible label so screen reader users hear\n  // \"Previous\" even if the consumer's text is something custom.\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-previous\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--previous', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--previous\" />\n          <span>{label}</span>\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  label = 'Next',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-next\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--next', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <span>{label}</span>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--next\" />\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  // Decorative — collapsed-range marker. Consumer is expected to make the\n  // surrounding links cover the real navigation surface (first/last/numbers).\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n      className={cn('ddga-pagination__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  paginationVariants,\n  paginationLinkVariants,\n};\nexport type {\n  PaginationProps,\n  PaginationContentProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationPreviousProps,\n  PaginationNextProps,\n  PaginationEllipsisProps,\n};\n"]}

package/dist/chunk-URC4A3GE.cjs

@@ -0,0 +1,118 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Tabs/Tabs.tsx
+require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var tabsVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs", {
+  variants: {
+    variant: {
+      line: "ddga-tabs--line",
+      pill: "ddga-tabs--pill"
+    },
+    size: {
+      sm: "ddga-tabs--sm",
+      md: "ddga-tabs--md"
+    }
+  },
+  defaultVariants: {
+    variant: "line",
+    size: "md"
+  }
+});
+var tabsListVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    }
+  }
+});
+function Tabs({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Root,
+    {
+      "data-slot": "tabs",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ fullWidth, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.List,
+    {
+      "data-slot": "tabs-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsListVariants({ fullWidth }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  startIcon,
+  endIcon,
+  children,
+  asChild,
+  ...props
+}) {
+  const hasIcon = startIcon != null || endIcon != null;
+  const hasText = children != null && children !== "" && typeof children !== "boolean";
+  const isIconOnly = !asChild && hasIcon && !hasText;
+  if (process.env.NODE_ENV === "development") {
+    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
+      );
+    }
+    if (asChild && hasIcon) {
+      console.warn(
+        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
+      );
+    }
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      asChild,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        startIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "ddga-tabs__icon",
+            "data-slot": "tabs-trigger-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        children,
+        endIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
+      ] })
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Tabs.Content,
+    {
+      "data-slot": "tabs-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.tabsVariants = tabsVariants; exports.tabsListVariants = tabsListVariants; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent;
+//# sourceMappingURL=chunk-URC4A3GE.cjs.map

package/dist/chunk-URC4A3GE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-URC4A3GE.cjs","../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-URC4A3GE.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual variant + size live on the root. The CSS cascades through\n// descendant selectors (`.ddga-tabs--line .ddga-tabs__trigger`) so the source\n// of truth stays on one element per Tabs instance — no need to thread props\n// into every TabsList/TabsTrigger. Same pattern as RadioGroup.\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    variant: {\n      line: 'ddga-tabs--line',\n      pill: 'ddga-tabs--pill',\n    },\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Tabs({ variant, size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ fullWidth, className, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  // Radix Trigger supports asChild natively. In that mode the consumer supplies\n  // the single child element (Slot), so our icon spans can't be injected\n  // alongside it — the consumer composes any icons inside their own element.\n  const hasIcon = startIcon != null || endIcon != null;\n  // React renders nothing for null/undefined/booleans/'' — those don't count as\n  // a visible text label, so `{cond && 'Label'}` resolving to `false` correctly\n  // reads as icon-only (squares padding + triggers the a11y warning). A numeric\n  // child like `0` does render, so it stays \"has text\".\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  // Icon-only = an icon and no text label. Squares the padding (see tabs.css)\n  // and requires an accessible name, mirroring Button's icon-only contract.\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  // Disabled state is native (Radix sets `[data-disabled]` + the rendered\n  // button gets `disabled`); CSS targets both `[data-disabled]` and\n  // `[aria-disabled='true']` so it applies to `disabled` and asChild +\n  // `aria-disabled` alike.\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  // Radix Content supports asChild natively. Mount/unmount and the\n  // aria-labelledby ↔ TabsTrigger wiring is handled by Radix.\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"]}

package/dist/chunk-UXGJ6NTD.js

@@ -0,0 +1,118 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Tabs/Tabs.tsx
+import "react";
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var tabsVariants = cva("ddga-tabs", {
+  variants: {
+    variant: {
+      line: "ddga-tabs--line",
+      pill: "ddga-tabs--pill"
+    },
+    size: {
+      sm: "ddga-tabs--sm",
+      md: "ddga-tabs--md"
+    }
+  },
+  defaultVariants: {
+    variant: "line",
+    size: "md"
+  }
+});
+var tabsListVariants = cva("ddga-tabs__list", {
+  variants: {
+    fullWidth: {
+      true: "ddga-tabs__list--full-width"
+    }
+  }
+});
+function Tabs({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn(tabsVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function TabsList({ fullWidth, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(tabsListVariants({ fullWidth }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  startIcon,
+  endIcon,
+  children,
+  asChild,
+  ...props
+}) {
+  const hasIcon = startIcon != null || endIcon != null;
+  const hasText = children != null && children !== "" && typeof children !== "boolean";
+  const isIconOnly = !asChild && hasIcon && !hasText;
+  if (process.env.NODE_ENV === "development") {
+    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
+      );
+    }
+    if (asChild && hasIcon) {
+      console.warn(
+        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
+      );
+    }
+  }
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      asChild,
+      className: cn("ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        startIcon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-tabs__icon",
+            "data-slot": "tabs-trigger-start-icon",
+            "aria-hidden": "true",
+            children: startIcon
+          }
+        ),
+        children,
+        endIcon && /* @__PURE__ */ jsx("span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
+      ] })
+    }
+  );
+}
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("ddga-tabs__content", className),
+      ...props
+    }
+  );
+}
+
+export {
+  tabsVariants,
+  tabsListVariants,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent
+};
+//# sourceMappingURL=chunk-UXGJ6NTD.js.map

package/dist/chunk-UXGJ6NTD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual variant + size live on the root. The CSS cascades through\n// descendant selectors (`.ddga-tabs--line .ddga-tabs__trigger`) so the source\n// of truth stays on one element per Tabs instance — no need to thread props\n// into every TabsList/TabsTrigger. Same pattern as RadioGroup.\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    variant: {\n      line: 'ddga-tabs--line',\n      pill: 'ddga-tabs--pill',\n    },\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Tabs({ variant, size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ fullWidth, className, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  // Radix Trigger supports asChild natively. In that mode the consumer supplies\n  // the single child element (Slot), so our icon spans can't be injected\n  // alongside it — the consumer composes any icons inside their own element.\n  const hasIcon = startIcon != null || endIcon != null;\n  // React renders nothing for null/undefined/booleans/'' — those don't count as\n  // a visible text label, so `{cond && 'Label'}` resolving to `false` correctly\n  // reads as icon-only (squares padding + triggers the a11y warning). A numeric\n  // child like `0` does render, so it stays \"has text\".\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  // Icon-only = an icon and no text label. Squares the padding (see tabs.css)\n  // and requires an accessible name, mirroring Button's icon-only contract.\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  // Disabled state is native (Radix sets `[data-disabled]` + the rendered\n  // button gets `disabled`); CSS targets both `[data-disabled]` and\n  // `[aria-disabled='true']` so it applies to `disabled` and asChild +\n  // `aria-disabled` alike.\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  // Radix Content supports asChild natively. Mount/unmount and the\n  // aria-labelledby ↔ TabsTrigger wiring is handled by Radix.\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"],"mappings":";;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA2DnC,SAoEI,UApEJ,KAoEI,YApEJ;AAjDJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,mBAAmB,IAAI,mBAAmB;AAAA,EAC9C,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAwBD,SAAS,KAAK,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAc;AAC/D,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,EAAE,WAAW,WAAW,GAAG,MAAM,GAAkB;AACnE,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,EAAE,UAAU,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AAInB,QAAM,UAAU,aAAa,QAAQ,WAAW;AAKhD,QAAM,UAAU,YAAY,QAAQ,aAAa,MAAM,OAAO,aAAa;AAG3E,QAAM,aAAa,CAAC,WAAW,WAAW,CAAC;AAE3C,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,cAAc,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACnE,cAAQ;AAAA,QACN;AAAA,MAEF;AAAA,IACF;AACA,QAAI,WAAW,SAAS;AACtB,cAAQ;AAAA,QACN;AAAA,MAEF;AAAA,IACF;AAAA,EACF;AAMA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,sBAAsB,cAAc,iCAAiC,SAAS;AAAA,MAC3F,GAAG;AAAA,MAEH,oBACC,WAEA,iCACG;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED;AAAA,QACA,WACC,oBAAC,UAAK,WAAU,mBAAkB,aAAU,yBAAwB,eAAY,QAC7E,mBACH;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAqB;AAG9D,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-V6MXOJQ4.cjs

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/cn.ts
+var _clsx = require('clsx');
+function cn(...inputs) {
+  return _clsx.clsx.call(void 0, inputs);
+}
+
+
+
+exports.cn = cn;
+//# sourceMappingURL=chunk-V6MXOJQ4.cjs.map

package/dist/chunk-V6MXOJQ4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-V6MXOJQ4.cjs","../src/utils/cn.ts"],"names":[],"mappings":"AAAA;ACAA,4BAAsC;AAE/B,SAAS,EAAA,CAAA,GAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,wBAAA,MAAW,CAAA;AACpB;ADCA;AACA;AACE;AACF,gBAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-V6MXOJQ4.cjs","sourcesContent":[null,"import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n"]}