@dev-dga/react 0.9.1 → 0.10.0

package/dist/chunk-PAUY27WX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PAUY27WX.cjs","../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PAUY27WX.cjs","sourcesContent":[null,"'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// Orientation is driven by which scrollbar(s) render, NOT by a modifier class —\n// so the cva carries only the base class. (It previously emitted dead\n// `--vertical/--horizontal/--both` classes that no stylesheet matched.) Kept as\n// a cva and exported for API compatibility.\nconst scrollAreaVariants = cva('ddga-scroll-area');\n\nfunction warnMissingLabel(ariaLabel?: string, ariaLabelledby?: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (ariaLabel || ariaLabelledby) return;\n  // Warn on every render (dev only) — mirrors the Popover sibling's a11y warning.\n  console.warn(\n    '[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is ' +\n      'keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users ' +\n      'know what region they are scrolling. If the content is itself focusable (e.g. a list ' +\n      'of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`.',\n  );\n}\n\ntype ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';\n\nexport interface ScrollAreaProps\n  extends\n    Omit<React.ComponentProps<typeof ScrollAreaPrimitive.Root>, 'asChild' | 'orientation'>,\n    Omit<VariantProps<typeof scrollAreaVariants>, 'orientation'> {\n  /** Which scrollbar(s) to render. Default `'vertical'`. */\n  orientation?: ScrollAreaOrientation;\n  /** Ref to the scrollable viewport — use for programmatic scrolling. */\n  viewportRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Extra props forwarded to the viewport element (use `viewportRef` for the ref).\n   * To drop the extra tab stop when the scrolled content is itself fully focusable\n   * (e.g. a list of links), pass `viewportProps={{ tabIndex: -1 }}`.\n   */\n  viewportProps?: Omit<React.ComponentProps<'div'>, 'ref'>;\n  /** Names the scroll region. Warns (dev only) if neither this nor `aria-labelledby` is set. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n/**\n * Cross-browser, design-system-styled scroll container (wraps Radix ScrollArea).\n *\n * Set the bounding size (height / max-height) on the element via `className` /\n * `style` — without a bounded size nothing scrolls, exactly like native overflow.\n * The viewport is keyboard-focusable (`tabIndex={0}`) so keyboard users can scroll\n * with the arrow / Page keys; pass `aria-label` to name the region.\n *\n * Does not support `asChild`: it is a structural wrapper composing several Radix\n * parts, and the meaningful node — the viewport — is exposed via `viewportRef`.\n */\nexport function ScrollArea({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  scrollHideDelay = 600,\n  viewportRef,\n  viewportProps,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: ScrollAreaProps) {\n  warnMissingLabel(ariaLabel, ariaLabelledby);\n\n  const hasLabel = Boolean(ariaLabel || ariaLabelledby);\n  const showVertical = orientation === 'vertical' || orientation === 'both';\n  const showHorizontal = orientation === 'horizontal' || orientation === 'both';\n\n  const { className: viewportClassName, ...restViewportProps } = viewportProps ?? {};\n\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={cn(scrollAreaVariants(), className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn('ddga-scroll-area__viewport', viewportClassName)}\n        ref={viewportRef}\n        tabIndex={0}\n        role={hasLabel ? 'region' : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        {...restViewportProps}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {showVertical ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"vertical\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {showHorizontal ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"horizontal\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {orientation === 'both' ? (\n        <ScrollAreaPrimitive.Corner\n          data-slot=\"scroll-area-corner\"\n          className=\"ddga-scroll-area__corner\"\n        />\n      ) : null}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport { scrollAreaVariants };\nexport type { ScrollAreaOrientation };\n"]}

package/dist/chunk-TO7F4EHC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Stat/Stat.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { CaretUp, CaretDown, Minus } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst statVariants = cva('ddga-stat', {\n  variants: {\n    variant: {\n      flat: 'ddga-stat--flat',\n      elevated: 'ddga-stat--elevated',\n      accent: 'ddga-stat--accent',\n      // Soft sentiment-tinted gradient surface (reuses the accent tint vars).\n      gradient: 'ddga-stat--gradient',\n    },\n    size: {\n      sm: 'ddga-stat--sm',\n      md: 'ddga-stat--md',\n      lg: 'ddga-stat--lg',\n      // Hero/display size for headline KPIs (display-scale value).\n      xl: 'ddga-stat--xl',\n    },\n  },\n  defaultVariants: {\n    variant: 'flat',\n    size: 'md',\n  },\n});\n\ntype ChangeVariant = 'text' | 'chip';\n\ntype Trend = 'up' | 'down' | 'flat';\ntype Sentiment = 'positive' | 'negative' | 'neutral';\n\n// trend → caret icon (carried aria-hidden; carets are RTL-neutral).\nconst TREND_ICONS: Record<Trend, ReactNode> = {\n  up: <CaretUp aria-hidden=\"true\" />,\n  down: <CaretDown aria-hidden=\"true\" />,\n  flat: <Minus aria-hidden=\"true\" />,\n};\n\n// Default sentiment when none is given explicitly.\nconst TREND_SENTIMENT: Record<Trend, Sentiment> = {\n  up: 'positive',\n  down: 'negative',\n  flat: 'neutral',\n};\n\n// Explicit sentiment wins; else derive from trend; else undefined (no color).\nfunction resolveSentiment(trend?: Trend, sentiment?: Sentiment): Sentiment | undefined {\n  if (sentiment) return sentiment;\n  if (trend) return TREND_SENTIMENT[trend];\n  return undefined;\n}\n\n// ─── 2. Types ─── //\n\ninterface StatProps extends React.ComponentProps<'div'>, VariantProps<typeof statVariants> {\n  /** Small, muted label above the value. */\n  label?: ReactNode;\n  /** The metric, pre-formatted by the consumer (e.g. \"3,204\", \"SAR 1.2M\"). */\n  value?: ReactNode;\n  /** Change text — include the sign (e.g. \"+12.5%\") so AT conveys direction. */\n  change?: ReactNode;\n  /** Muted context beside the change (e.g. \"vs last month\"). */\n  changeLabel?: ReactNode;\n  /** Arrow direction: up → CaretUp, down → CaretDown, flat → Minus. */\n  trend?: Trend;\n  /** Change color. Omitted → derived from `trend`. Explicit always wins. */\n  sentiment?: Sentiment;\n  /**\n   * How the change renders: `'text'` (default — colored text + caret) or\n   * `'chip'` (the same, wrapped in a sentiment-tinted pill). Threaded to the\n   * inner `StatChange`.\n   */\n  changeVariant?: ChangeVariant;\n  /** Optional icon at the inline-end of the label row (decorative). */\n  icon?: ReactNode;\n}\n\ntype StatLabelProps = React.ComponentProps<'div'>;\ntype StatValueProps = React.ComponentProps<'div'>;\ntype StatChartProps = React.ComponentProps<'div'>;\ninterface StatChangeProps extends React.ComponentProps<'div'> {\n  trend?: Trend;\n  sentiment?: Sentiment;\n  /** `'chip'` wraps the change in a sentiment-tinted pill. Defaults to `'text'`. */\n  variant?: ChangeVariant;\n}\n\n// ─── 3. Components ─── //\n\nfunction Stat({\n  variant,\n  size,\n  label,\n  value,\n  change,\n  changeLabel,\n  trend,\n  sentiment,\n  changeVariant,\n  icon,\n  className,\n  children,\n  ...props\n}: StatProps) {\n  const resolvedSentiment = resolveSentiment(trend, sentiment);\n  return (\n    <div\n      data-slot=\"stat\"\n      data-variant={variant ?? 'flat'}\n      data-trend={trend}\n      data-sentiment={resolvedSentiment}\n      className={cn(statVariants({ variant, size }), className)}\n      {...props}\n    >\n      {label || icon ? (\n        <div className=\"ddga-stat__label-row\">\n          {label ? <StatLabel>{label}</StatLabel> : null}\n          {icon ? (\n            <span className=\"ddga-stat__icon\" aria-hidden=\"true\">\n              {icon}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n      {value ? <StatValue>{value}</StatValue> : null}\n      {change || changeLabel ? (\n        <div className=\"ddga-stat__change-row\">\n          {change ? (\n            <StatChange trend={trend} sentiment={sentiment} variant={changeVariant}>\n              {change}\n            </StatChange>\n          ) : null}\n          {changeLabel ? <span className=\"ddga-stat__change-label\">{changeLabel}</span> : null}\n        </div>\n      ) : null}\n      {children}\n    </div>\n  );\n}\n\nfunction StatLabel({ className, ...props }: StatLabelProps) {\n  return <div data-slot=\"stat-label\" className={cn('ddga-stat__label', className)} {...props} />;\n}\n\nfunction StatValue({ className, ...props }: StatValueProps) {\n  return <div data-slot=\"stat-value\" className={cn('ddga-stat__value', className)} {...props} />;\n}\n\n/**\n * Styled slot for a consumer-supplied sparkline / mini-chart. The library ships\n * no charting dependency — drop your own `<svg>`/chart in here and it gets a\n * consistent height + spacing, stretched to the tile width.\n */\nfunction StatChart({ className, ...props }: StatChartProps) {\n  return <div data-slot=\"stat-chart\" className={cn('ddga-stat__chart', className)} {...props} />;\n}\n\nfunction StatChange({ trend, sentiment, variant, className, children, ...props }: StatChangeProps) {\n  const resolvedSentiment = resolveSentiment(trend, sentiment);\n  return (\n    <div\n      data-slot=\"stat-change\"\n      data-trend={trend}\n      data-sentiment={resolvedSentiment}\n      className={cn(\n        'ddga-stat__change',\n        resolvedSentiment ? `ddga-stat__change--${resolvedSentiment}` : null,\n        variant === 'chip' && 'ddga-stat__change--chip',\n        className,\n      )}\n      {...props}\n    >\n      {trend ? <span className=\"ddga-stat__change-icon\">{TREND_ICONS[trend]}</span> : null}\n      {children}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Stat, StatLabel, StatValue, StatChart, StatChange, statVariants };\nexport type { StatProps, StatLabelProps, StatValueProps, StatChartProps, StatChangeProps };\n"],"mappings":"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","names":[]}