@etus/ui 0.4.0-beta.18 → 0.4.0-beta.19

package/dist/{chunk-WQI2USN7.js.map → chunk-GDZECJFS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/workflow/Stepper/Stepper.variants.ts","../src/components/workflow/Stepper/Stepper.tsx"],"names":[],"mappings":"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","file":"chunk-WQI2USN7.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Stepper container variants\n */\nexport const stepperVariants = cva(\"flex transition-all duration-200\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"gap-4\",\n      lg: \"gap-6\",\n      sm: \"gap-2\",\n    },\n    variant: {\n      compact: \"flex-row items-center gap-2\",\n      default: \"flex-row items-start\",\n      vertical: \"flex-col\",\n    },\n  },\n})\n\n/**\n * Step item container variants\n */\nexport const stepperItemVariants = cva(\"relative flex min-w-0 transition-all duration-200\", {\n  compoundVariants: [\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"default\",\n    },\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"compact\",\n    },\n    {\n      className: \"w-full\",\n      variant: \"vertical\",\n    },\n  ],\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n    variant: {\n      compact: \"flex-col items-center\",\n      default: \"flex-col items-center\",\n      vertical: \"flex-row items-start gap-3\",\n    },\n  },\n})\n\n/**\n * Step indicator (circle) variants\n */\nexport const stepperIndicatorVariants = cva(\n  \"relative z-10 flex shrink-0 items-center justify-center rounded-[var(--stepper-indicator-radius)] font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Active step with ring highlight\n      {\n        className: \"ring-4 ring-primary/20\",\n        status: \"active\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n        sm: \"h-8 w-8 text-xs\",\n      },\n      status: {\n        active: \"border-2 border-[color:var(--stepper-indicator-background-active)] bg-[color:var(--stepper-indicator-background-active)] text-[color:var(--stepper-indicator-color-active)]\",\n        complete: \"bg-[color:var(--stepper-indicator-background-active)] text-[color:var(--stepper-indicator-color-active)]\",\n        error: \"bg-destructive text-destructive-foreground\",\n        pending: \"border-2 border-[color:var(--stepper-indicator-background-inactive)] bg-[color:var(--stepper-indicator-background-inactive)] text-[color:var(--stepper-indicator-color-inactive)]\",\n      },\n    },\n  }\n)\n\n/**\n * Horizontal connector variants\n */\nexport const stepperConnectorHorizontalVariants = cva(\n  \"absolute top-1/2 h-[var(--stepper-separator-height)] -translate-y-1/2 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-[calc(50%+var(--stepper-connector-offset-default))] right-[calc(-50%+var(--stepper-connector-offset-default))]\",\n        lg: \"left-[calc(50%+var(--stepper-connector-offset-lg))] right-[calc(-50%+var(--stepper-connector-offset-lg))]\",\n        sm: \"left-[calc(50%+var(--stepper-connector-offset-sm))] right-[calc(-50%+var(--stepper-connector-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-[color:var(--stepper-separator-color-active)]\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-[color:var(--stepper-separator-color)]\",\n      },\n    },\n  }\n)\n\n/**\n * Vertical connector variants\n */\nexport const stepperConnectorVerticalVariants = cva(\n  \"absolute w-0.5 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-5 top-12 h-[calc(100%-var(--stepper-connector-vertical-height-offset-default))]\",\n        lg: \"left-6 top-14 h-[calc(100%-var(--stepper-connector-vertical-height-offset-lg))]\",\n        sm: \"left-4 top-10 h-[calc(100%-var(--stepper-connector-vertical-height-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-[color:var(--stepper-separator-color-active)]\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-[color:var(--stepper-separator-color)]\",\n      },\n    },\n  }\n)\n\n/**\n * Step label variants\n */\nexport const stepperLabelVariants = cva(\"font-medium transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n    status: \"pending\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n    status: {\n      active: \"text-foreground\",\n      complete: \"text-foreground\",\n      error: \"text-destructive\",\n      pending: \"text-muted-foreground\",\n    },\n  },\n})\n\n/**\n * Step description variants\n */\nexport const stepperDescriptionVariants = cva(\"text-muted-foreground transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-xs\",\n      lg: \"text-sm\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n// Export variant prop types\nexport type StepperVariantProps = VariantProps<typeof stepperVariants>\nexport type StepperItemVariantProps = VariantProps<typeof stepperItemVariants>\nexport type StepperIndicatorVariantProps = VariantProps<typeof stepperIndicatorVariants>\nexport type StepperConnectorHorizontalVariantProps = VariantProps<\n  typeof stepperConnectorHorizontalVariants\n>\nexport type StepperConnectorVerticalVariantProps = VariantProps<\n  typeof stepperConnectorVerticalVariants\n>\n","import type { StepItem, StepperItemProps, StepperProps } from \"./Stepper.types\"\n\nimport { Check, X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  stepperConnectorHorizontalVariants,\n  stepperConnectorVerticalVariants,\n  stepperDescriptionVariants,\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperLabelVariants,\n  stepperVariants,\n} from \"./Stepper.variants\"\n\n/**\n * Compute the status of a step based on its index, current step, and completed array\n */\nfunction computeStepStatus(\n  step: StepItem,\n  index: number,\n  currentStep: number,\n  completed?: number[]\n): \"active\" | \"complete\" | \"error\" | \"pending\" {\n  // If step has explicit status, use it\n  if (step.status) {\n    return step.status\n  }\n\n  // Check if this step is in the completed array\n  if (completed?.includes(index)) {\n    return \"complete\"\n  }\n\n  // Auto-compute based on currentStep\n  if (index < currentStep) {\n    return \"complete\"\n  }\n  if (index === currentStep) {\n    return \"active\"\n  }\n  return \"pending\"\n}\n\n/**\n * Render step indicator content\n */\nfunction StepIndicatorContent({\n  index,\n  size = \"default\",\n  status,\n  step,\n}: {\n  index: number\n  size?: \"default\" | \"lg\" | \"sm\"\n  status: \"active\" | \"complete\" | \"error\" | \"pending\"\n  step: StepItem\n}) {\n  const iconSize = size === \"sm\" ? \"h-3 w-3\" : size === \"lg\" ? \"h-5 w-5\" : \"h-4 w-4\"\n\n  // Show custom icon if provided\n  if (step.icon) {\n    return (\n      <span className={cn(\"flex items-center justify-center\", `[&>svg]:${iconSize}`)}>\n        {step.icon}\n      </span>\n    )\n  }\n\n  // Show checkmark for complete\n  if (status === \"complete\") {\n    return <Check className={iconSize} />\n  }\n\n  // Show X for error\n  if (status === \"error\") {\n    return <X className={iconSize} />\n  }\n\n  // Show step number for active/pending\n  return <span>{index + 1}</span>\n}\n\n/**\n * Single step item component\n */\nfunction StepperItem({\n  clickable = false,\n  index,\n  isLast = false,\n  onClick,\n  showConnector = true,\n  size = \"default\",\n  status,\n  step,\n  variant = \"default\",\n}: StepperItemProps) {\n  const isVertical = variant === \"vertical\"\n  const isDisabled = step.disabled ?? false\n\n  // Get connector status\n  const connectorStatus = status === \"complete\" ? \"complete\" : \"pending\"\n\n  // Handle click\n  const handleClick = () => {\n    if (clickable && !isDisabled && onClick) {\n      onClick(index)\n    }\n    step.onClick?.()\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        stepperItemVariants({ size, variant }),\n        clickable && !isDisabled && \"cursor-pointer\",\n        isDisabled && \"cursor-not-allowed opacity-50\"\n      )}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      data-slot=\"stepper-item\"\n      data-status={status}\n      tabIndex={clickable && !isDisabled ? 0 : undefined}\n      onClick={clickable ? handleClick : undefined}\n      onKeyDown={clickable && !isDisabled ? handleKeyDown : undefined}\n    >\n      {/* Indicator wrapper for horizontal orientation */}\n      {!isVertical && (\n        <div className=\"relative flex w-full items-center justify-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Horizontal connector */}\n          {showConnector && !isLast && (\n            <div\n              className={stepperConnectorHorizontalVariants({\n                size,\n                status: connectorStatus,\n              })}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Vertical layout indicator */}\n      {isVertical && (\n        <div className=\"relative flex flex-col items-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Vertical connector */}\n          {showConnector && !isLast && (\n            <div\n              className={cn(\n                stepperConnectorVerticalVariants({ size, status: connectorStatus }),\n                \"min-h-8\"\n              )}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Labels and description */}\n      <div\n        className={cn(\n          \"flex min-w-0 flex-col\",\n          isVertical ? \"flex-1\" : \"mt-2 items-center text-center\"\n        )}\n        data-slot=\"stepper-content\"\n      >\n        <span\n          className={cn(stepperLabelVariants({ size, status }), \"max-w-full truncate\")}\n          data-slot=\"stepper-label\"\n        >\n          {step.label}\n        </span>\n        {step.description && (\n          <span\n            className={stepperDescriptionVariants({ size })}\n            data-slot=\"stepper-description\"\n          >\n            {step.description}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Stepper component displays a sequence of steps in a workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", label: \"Informações\" },\n *   { id: \"2\", label: \"Verificação\" },\n *   { id: \"3\", label: \"Conclusão\" },\n * ]\n *\n * <Stepper steps={steps} currentStep={1} />\n * ```\n */\nfunction Stepper({\n  children,\n  className,\n  clickable = false,\n  completed,\n  currentStep = 0,\n  onStepClick,\n  showConnectors = true,\n  size = \"default\",\n  steps,\n  variant = \"default\",\n  ...props\n}: StepperProps) {\n  // If children are provided, render custom content\n  if (children) {\n    return (\n      <div\n        aria-label=\"Stepper\"\n        className={cn(stepperVariants({ size, variant }), className)}\n        data-slot=\"stepper\"\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Compute progress values for aria\n  const totalSteps = steps?.length ?? 0\n\n  return (\n    <div\n      aria-label=\"Stepper\"\n      aria-valuemax={totalSteps}\n      aria-valuemin={0}\n      aria-valuenow={currentStep + 1}\n      className={cn(stepperVariants({ size, variant }), className)}\n      data-slot=\"stepper\"\n      data-variant={variant}\n      role=\"progressbar\"\n      {...props}\n    >\n      {steps?.map((step, index) => {\n        const status = computeStepStatus(step, index, currentStep, completed)\n\n        return (\n          <StepperItem\n            key={step.id}\n            clickable={clickable}\n            index={index}\n            isLast={index === steps.length - 1}\n            showConnector={showConnectors}\n            size={size}\n            status={status}\n            step={step}\n            variant={variant}\n            onClick={onStepClick}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nexport { Stepper }\nexport type { StepItem, StepperProps }\n"]}
+{"version":3,"sources":["../src/components/workflow/Stepper/Stepper.variants.ts","../src/components/workflow/Stepper/Stepper.tsx"],"names":[],"mappings":"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","file":"chunk-GDZECJFS.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\n/**\n * Stepper container variants\n */\nexport const stepperVariants = cva(\"flex transition-all duration-200\", {\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"gap-4\",\n      lg: \"gap-6\",\n      sm: \"gap-2\",\n    },\n    variant: {\n      compact: \"flex-row items-center gap-2\",\n      default: \"flex-row items-start\",\n      vertical: \"flex-col\",\n    },\n  },\n})\n\n/**\n * Step item container variants\n */\nexport const stepperItemVariants = cva(\"relative flex min-w-0 transition-all duration-200\", {\n  compoundVariants: [\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"default\",\n    },\n    {\n      className: \"flex-1 min-w-0\",\n      variant: \"compact\",\n    },\n    {\n      className: \"w-full\",\n      variant: \"vertical\",\n    },\n  ],\n  defaultVariants: {\n    size: \"default\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"\",\n      lg: \"\",\n      sm: \"\",\n    },\n    variant: {\n      compact: \"flex-col items-center\",\n      default: \"flex-col items-center\",\n      vertical: \"flex-row items-start gap-3\",\n    },\n  },\n})\n\n/**\n * Step indicator (circle) variants\n */\nexport const stepperIndicatorVariants = cva(\n  \"relative z-10 flex shrink-0 items-center justify-center rounded-[var(--stepper-indicator-radius)] font-medium transition-all duration-200\",\n  {\n    compoundVariants: [\n      // Active step with ring highlight\n      {\n        className: \"ring-4 ring-primary/20\",\n        status: \"active\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"h-10 w-10 text-sm\",\n        lg: \"h-12 w-12 text-base\",\n        sm: \"h-8 w-8 text-xs\",\n      },\n      status: {\n        active: \"border-2 border-[color:var(--stepper-indicator-background-active)] bg-[color:var(--stepper-indicator-background-active)] text-[color:var(--stepper-indicator-color-active)]\",\n        complete: \"bg-[color:var(--stepper-indicator-background-active)] text-[color:var(--stepper-indicator-color-active)]\",\n        error: \"bg-destructive text-destructive-foreground\",\n        pending: \"border-2 border-[color:var(--stepper-indicator-background-inactive)] bg-[color:var(--stepper-indicator-background-inactive)] text-[color:var(--stepper-indicator-color-inactive)]\",\n      },\n    },\n  }\n)\n\n/**\n * Horizontal connector variants\n */\nexport const stepperConnectorHorizontalVariants = cva(\n  \"absolute top-1/2 h-[var(--stepper-separator-height)] -translate-y-1/2 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-[calc(50%+var(--stepper-connector-offset-default))] right-[calc(-50%+var(--stepper-connector-offset-default))]\",\n        lg: \"left-[calc(50%+var(--stepper-connector-offset-lg))] right-[calc(-50%+var(--stepper-connector-offset-lg))]\",\n        sm: \"left-[calc(50%+var(--stepper-connector-offset-sm))] right-[calc(-50%+var(--stepper-connector-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-[color:var(--stepper-separator-color-active)]\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-[color:var(--stepper-separator-color)]\",\n      },\n    },\n  }\n)\n\n/**\n * Vertical connector variants\n */\nexport const stepperConnectorVerticalVariants = cva(\n  \"absolute w-0.5 transition-all duration-200\",\n  {\n    defaultVariants: {\n      size: \"default\",\n      status: \"pending\",\n    },\n    variants: {\n      size: {\n        default: \"left-5 top-12 h-[calc(100%-var(--stepper-connector-vertical-height-offset-default))]\",\n        lg: \"left-6 top-14 h-[calc(100%-var(--stepper-connector-vertical-height-offset-lg))]\",\n        sm: \"left-4 top-10 h-[calc(100%-var(--stepper-connector-vertical-height-offset-sm))]\",\n      },\n      status: {\n        active: \"bg-primary/50\",\n        complete: \"bg-[color:var(--stepper-separator-color-active)]\",\n        error: \"bg-destructive/50\",\n        pending: \"bg-[color:var(--stepper-separator-color)]\",\n      },\n    },\n  }\n)\n\n/**\n * Step label variants\n */\nexport const stepperLabelVariants = cva(\"font-medium transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n    status: \"pending\",\n  },\n  variants: {\n    size: {\n      default: \"text-sm\",\n      lg: \"text-base\",\n      sm: \"text-xs\",\n    },\n    status: {\n      active: \"text-foreground\",\n      complete: \"text-foreground\",\n      error: \"text-destructive\",\n      pending: \"text-muted-foreground\",\n    },\n  },\n})\n\n/**\n * Step description variants\n */\nexport const stepperDescriptionVariants = cva(\"text-muted-foreground transition-colors\", {\n  defaultVariants: {\n    size: \"default\",\n  },\n  variants: {\n    size: {\n      default: \"text-xs\",\n      lg: \"text-sm\",\n      sm: \"text-xs\",\n    },\n  },\n})\n\n// Export variant prop types\nexport type StepperVariantProps = VariantProps<typeof stepperVariants>\nexport type StepperItemVariantProps = VariantProps<typeof stepperItemVariants>\nexport type StepperIndicatorVariantProps = VariantProps<typeof stepperIndicatorVariants>\nexport type StepperConnectorHorizontalVariantProps = VariantProps<\n  typeof stepperConnectorHorizontalVariants\n>\nexport type StepperConnectorVerticalVariantProps = VariantProps<\n  typeof stepperConnectorVerticalVariants\n>\n","import type { StepItem, StepperItemProps, StepperProps } from \"./Stepper.types\"\n\nimport { Check, X } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  stepperConnectorHorizontalVariants,\n  stepperConnectorVerticalVariants,\n  stepperDescriptionVariants,\n  stepperIndicatorVariants,\n  stepperItemVariants,\n  stepperLabelVariants,\n  stepperVariants,\n} from \"./Stepper.variants\"\n\n/**\n * Compute the status of a step based on its index, current step, and completed array\n */\nfunction computeStepStatus(\n  step: StepItem,\n  index: number,\n  currentStep: number,\n  completed?: number[]\n): \"active\" | \"complete\" | \"error\" | \"pending\" {\n  // If step has explicit status, use it\n  if (step.status) {\n    return step.status\n  }\n\n  // Check if this step is in the completed array\n  if (completed?.includes(index)) {\n    return \"complete\"\n  }\n\n  // Auto-compute based on currentStep\n  if (index < currentStep) {\n    return \"complete\"\n  }\n  if (index === currentStep) {\n    return \"active\"\n  }\n  return \"pending\"\n}\n\n/**\n * Render step indicator content\n */\nfunction StepIndicatorContent({\n  index,\n  size = \"default\",\n  status,\n  step,\n}: {\n  index: number\n  size?: \"default\" | \"lg\" | \"sm\"\n  status: \"active\" | \"complete\" | \"error\" | \"pending\"\n  step: StepItem\n}) {\n  const iconSize = size === \"sm\" ? \"h-3 w-3\" : size === \"lg\" ? \"h-5 w-5\" : \"h-4 w-4\"\n\n  // Show custom icon if provided\n  if (step.icon) {\n    return (\n      <span className={cn(\"flex items-center justify-center\", `[&>svg]:${iconSize}`)}>\n        {step.icon}\n      </span>\n    )\n  }\n\n  // Show checkmark for complete\n  if (status === \"complete\") {\n    return <Check className={iconSize} />\n  }\n\n  // Show X for error\n  if (status === \"error\") {\n    return <X className={iconSize} />\n  }\n\n  // Show step number for active/pending\n  return <span>{index + 1}</span>\n}\n\n/**\n * Single step item component\n */\nfunction StepperItem({\n  clickable = false,\n  index,\n  isLast = false,\n  onClick,\n  showConnector = true,\n  size = \"default\",\n  status,\n  step,\n  variant = \"default\",\n}: StepperItemProps) {\n  const isVertical = variant === \"vertical\"\n  const isDisabled = step.disabled ?? false\n\n  // Get connector status\n  const connectorStatus = status === \"complete\" ? \"complete\" : \"pending\"\n\n  // Handle click\n  const handleClick = () => {\n    if (clickable && !isDisabled && onClick) {\n      onClick(index)\n    }\n    step.onClick?.()\n  }\n\n  // Handle keyboard navigation\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        stepperItemVariants({ size, variant }),\n        clickable && !isDisabled && \"cursor-pointer\",\n        isDisabled && \"cursor-not-allowed opacity-50\"\n      )}\n      aria-current={status === \"active\" ? \"step\" : undefined}\n      data-slot=\"stepper-item\"\n      data-status={status}\n      tabIndex={clickable && !isDisabled ? 0 : undefined}\n      onClick={clickable ? handleClick : undefined}\n      onKeyDown={clickable && !isDisabled ? handleKeyDown : undefined}\n    >\n      {/* Indicator wrapper for horizontal orientation */}\n      {!isVertical && (\n        <div className=\"relative flex w-full items-center justify-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Horizontal connector */}\n          {showConnector && !isLast && (\n            <div\n              className={stepperConnectorHorizontalVariants({\n                size,\n                status: connectorStatus,\n              })}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Vertical layout indicator */}\n      {isVertical && (\n        <div className=\"relative flex flex-col items-center\">\n          {/* Step indicator circle */}\n          <div\n            className={stepperIndicatorVariants({ size, status })}\n            data-slot=\"stepper-indicator\"\n          >\n            <StepIndicatorContent\n              index={index}\n              size={size}\n              status={status}\n              step={step}\n            />\n          </div>\n\n          {/* Vertical connector */}\n          {showConnector && !isLast && (\n            <div\n              className={cn(\n                stepperConnectorVerticalVariants({ size, status: connectorStatus }),\n                \"min-h-8\"\n              )}\n              aria-hidden=\"true\"\n              data-slot=\"stepper-connector\"\n            />\n          )}\n        </div>\n      )}\n\n      {/* Labels and description */}\n      <div\n        className={cn(\n          \"flex min-w-0 flex-col\",\n          isVertical ? \"flex-1\" : \"mt-2 items-center text-center\"\n        )}\n        data-slot=\"stepper-content\"\n      >\n        <span\n          className={cn(stepperLabelVariants({ size, status }), \"max-w-full truncate\")}\n          data-slot=\"stepper-label\"\n        >\n          {step.label}\n        </span>\n        {step.description && (\n          <span\n            className={stepperDescriptionVariants({ size })}\n            data-slot=\"stepper-description\"\n          >\n            {step.description}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * Stepper component displays a sequence of steps in a workflow.\n *\n * @example\n * ```tsx\n * const steps = [\n *   { id: \"1\", label: \"Informações\" },\n *   { id: \"2\", label: \"Verificação\" },\n *   { id: \"3\", label: \"Conclusão\" },\n * ]\n *\n * <Stepper steps={steps} currentStep={1} />\n * ```\n */\nfunction Stepper({\n  children,\n  className,\n  clickable = false,\n  completed,\n  currentStep = 0,\n  onStepClick,\n  showConnectors = true,\n  size = \"default\",\n  steps,\n  variant = \"default\",\n  ...props\n}: StepperProps) {\n  // If children are provided, render custom content\n  if (children) {\n    return (\n      <div\n        aria-label=\"Stepper\"\n        className={cn(stepperVariants({ size, variant }), className)}\n        data-slot=\"stepper\"\n        role=\"list\"\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n\n  // Compute progress values for aria\n  const totalSteps = steps?.length ?? 0\n\n  return (\n    <div\n      aria-label=\"Stepper\"\n      aria-valuemax={totalSteps}\n      aria-valuemin={0}\n      aria-valuenow={currentStep + 1}\n      className={cn(stepperVariants({ size, variant }), className)}\n      data-slot=\"stepper\"\n      data-variant={variant}\n      role=\"progressbar\"\n      {...props}\n    >\n      {steps?.map((step, index) => {\n        const status = computeStepStatus(step, index, currentStep, completed)\n\n        return (\n          <StepperItem\n            key={step.id}\n            clickable={clickable}\n            index={index}\n            isLast={index === steps.length - 1}\n            showConnector={showConnectors}\n            size={size}\n            status={status}\n            step={step}\n            variant={variant}\n            onClick={onStepClick}\n          />\n        )\n      })}\n    </div>\n  )\n}\n\nexport { Stepper }\nexport type { StepItem, StepperProps }\n"]}

package/dist/{chunk-7CMOCWFX.js → chunk-GLHKHYJY.js}

@@ -1,9 +1,9 @@
-import { Sparkline } from './chunk-2VHARFMD.js';
-import { Card, CardHeader, CardContent, CardTitle } from './chunk-HVFACGNK.js';
-import { ProgressBar } from './chunk-3JCV72FO.js';
-import { SkeletonLoader } from './chunk-QHKOBGLW.js';
-import { Badge } from './chunk-6ABGMOE2.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { Sparkline } from './chunk-QZ7SGO7L.js';
+import { Card, CardHeader, CardContent, CardTitle } from './chunk-WWK7UIKK.js';
+import { ProgressBar } from './chunk-JFV7CNBP.js';
+import { SkeletonLoader } from './chunk-NGX3ITG4.js';
+import { Badge } from './chunk-HNQX6ZG7.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Minus, ArrowDown, ArrowUp } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -222,5 +222,5 @@ function KPICardGroup({
 }
 
 export { KPICard, KPICardGroup };
-//# sourceMappingURL=chunk-7CMOCWFX.js.map
-//# sourceMappingURL=chunk-7CMOCWFX.js.map
+//# sourceMappingURL=chunk-GLHKHYJY.js.map
+//# sourceMappingURL=chunk-GLHKHYJY.js.map

package/dist/{chunk-7CMOCWFX.js.map → chunk-GLHKHYJY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/KPICard/KPICard.tsx"],"names":[],"mappings":"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","file":"chunk-7CMOCWFX.js","sourcesContent":["import type {\n  KPICardGroupProps,\n  KPICardProps,\n  KPICardTrend,\n} from \"./KPICard.types\"\n\nimport { ArrowDown, ArrowUp, Minus } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"../../layout/Card\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { ProgressBar } from \"../../primitives/ProgressBar\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\nimport { Sparkline } from \"../Sparkline\"\n\n/**\n * Size configuration for typography\n */\nconst sizeConfig = {\n  sm: {\n    value: \"text-[length:var(--kpi-card-value-size-sm)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-4\",\n  },\n  md: {\n    value: \"text-[length:var(--kpi-card-value-size-md)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-6\",\n  },\n  lg: {\n    value: \"text-[length:var(--kpi-card-value-size-lg)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-6\",\n  },\n} as const\n\n/**\n * Trend icons mapping\n */\nconst TrendIcons = {\n  up: ArrowUp,\n  down: ArrowDown,\n  neutral: Minus,\n} as const\n\n/**\n * Trend colors mapping using design tokens\n */\nconst trendColors = {\n  up: \"text-success\",\n  down: \"text-destructive\",\n  neutral: \"text-muted-foreground\",\n} as const\n\n/**\n * KPICard - Key Performance Indicator Card\n *\n * Dashboard component that displays important metrics prominently.\n * Combines main value, comparison/delta, mini chart, and contextual metadata\n * in a layout optimized for quick visualization.\n *\n * @example\n * ```tsx\n * <KPICard\n *   title=\"Revenue\"\n *   value=\"$45,231.89\"\n *   delta={20.1}\n *   deltaLabel=\"from last month\"\n * />\n * ```\n */\nfunction KPICard({\n  title,\n  value,\n  delta,\n  deltaLabel,\n  trend,\n  sparkline,\n  icon,\n  featuredIcon,\n  dropdownIcon,\n  helpText,\n  progressBar,\n  swap,\n  showBadge = true,\n  action,\n  variant = \"default\",\n  size = \"md\",\n  loading = false,\n  className,\n  ...props\n}: KPICardProps) {\n  // Auto-detect trend direction if not provided\n  const computedTrend: KPICardTrend = trend ?? (delta !== undefined\n    ? delta > 0 ? \"up\" : delta < 0 ? \"down\" : \"neutral\"\n    : \"neutral\")\n\n  const TrendIcon = TrendIcons[computedTrend]\n  const trendColor = trendColors[computedTrend]\n  const sizeStyles = sizeConfig[size]\n  const sparklineColor =\n    computedTrend === \"up\"\n      ? \"var(--kpi-card-sparkline-up)\"\n      : computedTrend === \"down\"\n        ? \"var(--kpi-card-sparkline-down)\"\n        : \"var(--kpi-card-sparkline-neutral)\"\n\n  // Variant styles\n  const variantStyles = {\n    default: \"\",\n    ghost: \"border-none shadow-none bg-transparent\",\n    highlight: \"border-primary/50 bg-primary/5\",\n  }\n\n  if (loading) {\n    return (\n      <Card\n        className={cn(variantStyles[variant], className)}\n        data-slot=\"kpi-card\"\n        {...props}\n      >\n        <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n          <SkeletonLoader className=\"h-4 w-24\" />\n          <SkeletonLoader className=\"size-4\" />\n        </CardHeader>\n        <CardContent>\n          <SkeletonLoader className=\"mb-2 h-8 w-32\" />\n          <SkeletonLoader className=\"h-4 w-20\" />\n        </CardContent>\n      </Card>\n    )\n  }\n\n  return (\n    <Card\n      className={cn(variantStyles[variant], className)}\n      data-slot=\"kpi-card\"\n      {...props}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <CardTitle className=\"text-sm font-medium text-muted-foreground\">\n            {title}\n          </CardTitle>\n          {helpText && (\n            <span\n              className=\"text-xs text-muted-foreground\"\n              data-slot=\"kpi-card-help-text\"\n            >\n              {helpText}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {featuredIcon && (\n            <span\n              className=\"inline-flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary [&_svg]:size-5\"\n              data-slot=\"kpi-card-featured-icon\"\n            >\n              {featuredIcon}\n            </span>\n          )}\n          {icon && !featuredIcon && (\n            <span className=\"text-muted-foreground\" data-slot=\"kpi-card-icon\">\n              {icon}\n            </span>\n          )}\n          {dropdownIcon && (\n            <span\n              className=\"text-muted-foreground\"\n              data-slot=\"kpi-card-dropdown-icon\"\n            >\n              {dropdownIcon}\n            </span>\n          )}\n          {action && !icon && !featuredIcon && !dropdownIcon && (\n            <span data-slot=\"kpi-card-action\">{action}</span>\n          )}\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex items-end justify-between\">\n          <div>\n            <div\n              className={cn(sizeStyles.value, \"tabular-nums\")}\n              data-slot=\"kpi-card-value\"\n            >\n              {value}\n            </div>\n            {delta !== undefined && (\n              <div\n                className={cn(\"mt-1 flex items-center gap-2\", trendColor)}\n                data-slot=\"kpi-card-delta\"\n                data-trend={computedTrend}\n              >\n                {showBadge ? (\n                  <Badge\n                    color={\n                      computedTrend === \"up\"\n                        ? \"success\"\n                        : computedTrend === \"down\"\n                        ? \"destructive\"\n                        : \"muted\"\n                    }\n                    leadingIcon={<TrendIcon aria-hidden=\"true\" />}\n                    size=\"sm\"\n                    type=\"pill-color\"\n                  >\n                    {Math.abs(delta)}%\n                  </Badge>\n                ) : (\n                  <span className={cn(\"flex items-center text-xs\", trendColor)}>\n                    <TrendIcon aria-hidden=\"true\" className=\"mr-1 size-3\" />\n                    <span className=\"font-medium\">{Math.abs(delta)}%</span>\n                  </span>\n                )}\n                {deltaLabel && (\n                  <span className=\"text-xs text-muted-foreground\">\n                    {deltaLabel}\n                  </span>\n                )}\n                {swap && (\n                  <span className=\"ml-auto\" data-slot=\"kpi-card-swap\">\n                    {swap}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n          {sparkline && sparkline.length > 0 && (\n            <Sparkline\n              aria-hidden=\"true\"\n              color={sparklineColor}\n              data={sparkline}\n              data-slot=\"kpi-card-sparkline\"\n              height={32}\n              style={{ opacity: \"var(--kpi-card-sparkline-opacity)\" }}\n              variant=\"bar\"\n              width={96}\n            />\n          )}\n        </div>\n        {progressBar !== undefined && (\n          <div className=\"mt-3\" data-slot=\"kpi-card-progress\">\n            {typeof progressBar === \"number\" ? (\n              <ProgressBar value={progressBar} />\n            ) : (\n              progressBar\n            )}\n          </div>\n        )}\n      </CardContent>\n      {/* Screen reader summary */}\n      <span className=\"sr-only\">\n        {title}: {value}\n        {delta !== undefined && `, ${computedTrend === \"up\" ? \"up\" : computedTrend === \"down\" ? \"down\" : \"unchanged\"} ${String(Math.abs(delta))}%`}\n        {deltaLabel && ` ${deltaLabel}`}\n      </span>\n    </Card>\n  )\n}\n\n/**\n * KPICardGroup — Multiple KPIs composition (Figma Type=Multiple KPIs)\n *\n * Wrapper que diagramra múltiplos `KPICard` em layout horizontal ou vertical.\n *\n * @example\n * ```tsx\n * <KPICardGroup orientation=\"horizontal\" gap=\"md\">\n *   <KPICard title=\"Revenue\" value=\"$45k\" delta={12} />\n *   <KPICard title=\"Orders\" value={1240} delta={-3} />\n *   <KPICard title=\"Users\" value={892} delta={8} />\n * </KPICardGroup>\n * ```\n */\nfunction KPICardGroup({\n  children,\n  orientation = \"horizontal\",\n  gap = \"md\",\n  className,\n  ...props\n}: KPICardGroupProps) {\n  const gapClasses = {\n    sm: \"gap-2\",\n    md: \"gap-4\",\n    lg: \"gap-6\",\n  } as const\n\n  return (\n    <div\n      className={cn(\n        \"flex\",\n        orientation === \"horizontal\"\n          ? \"flex-row [&>*]:flex-1\"\n          : \"flex-col\",\n        gapClasses[gap],\n        className\n      )}\n      data-orientation={orientation}\n      data-slot=\"kpi-card-group\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport { KPICard, KPICardGroup }\n"]}
+{"version":3,"sources":["../src/components/data-display/KPICard/KPICard.tsx"],"names":[],"mappings":";;;;;;;;;AAuBA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,wFAAA;AAAA,IACP,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,wFAAA;AAAA,IACP,OAAA,EAAS;AAAA,GACX;AAAA,EACA,EAAA,EAAI;AAAA,IACF,KAAA,EAAO,wFAAA;AAAA,IACP,OAAA,EAAS;AAAA;AAEb,CAAA;AAKA,IAAM,UAAA,GAAa;AAAA,EACjB,EAAA,EAAI,OAAA;AAAA,EACJ,IAAA,EAAM,SAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAKA,IAAM,WAAA,GAAc;AAAA,EAClB,EAAA,EAAI,cAAA;AAAA,EACJ,IAAA,EAAM,kBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AAmBA,SAAS,OAAA,CAAQ;AAAA,EACf,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA,GAAY,IAAA;AAAA,EACZ,MAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,KAAA;AAAA,EACV,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AAEf,EAAA,MAAM,aAAA,GAA8B,KAAA,KAAU,KAAA,KAAU,MAAA,GACpD,KAAA,GAAQ,IAAI,IAAA,GAAO,KAAA,GAAQ,CAAA,GAAI,MAAA,GAAS,SAAA,GACxC,SAAA,CAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,WAAW,aAAa,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,YAAY,aAAa,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAa,WAAW,IAAI,CAAA;AAClC,EAAA,MAAM,iBACJ,aAAA,KAAkB,IAAA,GACd,8BAAA,GACA,aAAA,KAAkB,SAChB,gCAAA,GACA,mCAAA;AAGR,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,wCAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAEA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,uBACE,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,OAAO,GAAG,SAAS,CAAA;AAAA,QAC/C,WAAA,EAAU,UAAA;AAAA,QACT,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,UAAA,EAAA,EAAW,WAAU,iDAAA,EACpB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,WAAU,UAAA,EAAW,CAAA;AAAA,4BACrC,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,QAAA,EAAS;AAAA,WAAA,EACrC,CAAA;AAAA,+BACC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,WAAU,eAAA,EAAgB,CAAA;AAAA,4BAC1C,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAU,UAAA,EAAW;AAAA,WAAA,EACvC;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,aAAA,CAAc,OAAO,GAAG,SAAS,CAAA;AAAA,MAC/C,WAAA,EAAU,UAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,WAAU,iDAAA,EACpB,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,2CAAA,EAClB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,YACC,QAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,+BAAA;AAAA,gBACV,WAAA,EAAU,oBAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ,CAAA;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,YAAA,YAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,wGAAA;AAAA,gBACV,WAAA,EAAU,wBAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,IAAA,IAAQ,CAAC,YAAA,oBACR,GAAA,CAAC,UAAK,SAAA,EAAU,uBAAA,EAAwB,WAAA,EAAU,eAAA,EAC/C,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,YAED,YAAA,oBACC,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,SAAA,EAAU,uBAAA;AAAA,gBACV,WAAA,EAAU,wBAAA;AAAA,gBAET,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,MAAA,IAAU,CAAC,IAAA,IAAQ,CAAC,YAAA,IAAgB,CAAC,YAAA,oBACpC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,MAAA,EAAO;AAAA,WAAA,EAE9C;AAAA,SAAA,EACF,CAAA;AAAA,6BACC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gCAAA,EACb,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA,CAAG,UAAA,CAAW,KAAA,EAAO,cAAc,CAAA;AAAA,kBAC9C,WAAA,EAAU,gBAAA;AAAA,kBAET,QAAA,EAAA;AAAA;AAAA,eACH;AAAA,cACC,UAAU,MAAA,oBACT,IAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAW,EAAA,CAAG,8BAAA,EAAgC,UAAU,CAAA;AAAA,kBACxD,WAAA,EAAU,gBAAA;AAAA,kBACV,YAAA,EAAY,aAAA;AAAA,kBAEX,QAAA,EAAA;AAAA,oBAAA,SAAA,mBACC,IAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,OACE,aAAA,KAAkB,IAAA,GACd,SAAA,GACA,aAAA,KAAkB,SAClB,aAAA,GACA,OAAA;AAAA,wBAEN,WAAA,kBAAa,GAAA,CAAC,SAAA,EAAA,EAAU,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,wBAC3C,IAAA,EAAK,IAAA;AAAA,wBACL,IAAA,EAAK,YAAA;AAAA,wBAEJ,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AAAA,0BAAE;AAAA;AAAA;AAAA,wCAGnB,IAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,2BAAA,EAA6B,UAAU,CAAA,EACzD,QAAA,EAAA;AAAA,sCAAA,GAAA,CAAC,SAAA,EAAA,EAAU,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,sCACtD,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAK,IAAI,KAAK,CAAA;AAAA,wBAAE;AAAA,uBAAA,EAAC;AAAA,qBAAA,EAClD,CAAA;AAAA,oBAED,UAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iCACb,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,oBAED,wBACC,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,SAAA,EAAU,WAAA,EAAU,iBACjC,QAAA,EAAA,IAAA,EACH;AAAA;AAAA;AAAA;AAEJ,aAAA,EAEJ,CAAA;AAAA,YACC,SAAA,IAAa,SAAA,CAAU,MAAA,GAAS,CAAA,oBAC/B,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,aAAA,EAAY,MAAA;AAAA,gBACZ,KAAA,EAAO,cAAA;AAAA,gBACP,IAAA,EAAM,SAAA;AAAA,gBACN,WAAA,EAAU,oBAAA;AAAA,gBACV,MAAA,EAAQ,EAAA;AAAA,gBACR,KAAA,EAAO,EAAE,OAAA,EAAS,mCAAA,EAAoC;AAAA,gBACtD,OAAA,EAAQ,KAAA;AAAA,gBACR,KAAA,EAAO;AAAA;AAAA;AACT,WAAA,EAEJ,CAAA;AAAA,UACC,gBAAgB,MAAA,oBACf,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,QAAO,WAAA,EAAU,mBAAA,EAC7B,QAAA,EAAA,OAAO,WAAA,KAAgB,2BACtB,GAAA,CAAC,WAAA,EAAA,EAAY,KAAA,EAAO,WAAA,EAAa,IAEjC,WAAA,EAEJ;AAAA,SAAA,EAEJ,CAAA;AAAA,wBAEA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA;AAAA,UAAM,IAAA;AAAA,UAAG,KAAA;AAAA,UACT,UAAU,MAAA,IAAa,CAAA,EAAA,EAAK,aAAA,KAAkB,IAAA,GAAO,OAAO,aAAA,KAAkB,MAAA,GAAS,MAAA,GAAS,WAAW,IAAI,MAAA,CAAO,IAAA,CAAK,GAAA,CAAI,KAAK,CAAC,CAAC,CAAA,CAAA,CAAA;AAAA,UACtI,UAAA,IAAc,IAAI,UAAU,CAAA;AAAA,SAAA,EAC/B;AAAA;AAAA;AAAA,GACF;AAEJ;AAgBA,SAAS,YAAA,CAAa;AAAA,EACpB,QAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,GAAA,GAAM,IAAA;AAAA,EACN,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAsB;AACpB,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,EAAA,EAAI,OAAA;AAAA,IACJ,EAAA,EAAI,OAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,MAAA;AAAA,QACA,WAAA,KAAgB,eACZ,uBAAA,GACA,UAAA;AAAA,QACJ,WAAW,GAAG,CAAA;AAAA,QACd;AAAA,OACF;AAAA,MACA,kBAAA,EAAkB,WAAA;AAAA,MAClB,WAAA,EAAU,gBAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-GLHKHYJY.js","sourcesContent":["import type {\n  KPICardGroupProps,\n  KPICardProps,\n  KPICardTrend,\n} from \"./KPICard.types\"\n\nimport { ArrowDown, ArrowUp, Minus } from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"../../layout/Card\"\nimport { Badge } from \"../../primitives/Badge\"\nimport { ProgressBar } from \"../../primitives/ProgressBar\"\nimport { SkeletonLoader } from \"../../primitives/SkeletonLoader\"\nimport { Sparkline } from \"../Sparkline\"\n\n/**\n * Size configuration for typography\n */\nconst sizeConfig = {\n  sm: {\n    value: \"text-[length:var(--kpi-card-value-size-sm)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-4\",\n  },\n  md: {\n    value: \"text-[length:var(--kpi-card-value-size-md)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-6\",\n  },\n  lg: {\n    value: \"text-[length:var(--kpi-card-value-size-lg)] font-[number:var(--kpi-card-value-weight)]\",\n    padding: \"p-6\",\n  },\n} as const\n\n/**\n * Trend icons mapping\n */\nconst TrendIcons = {\n  up: ArrowUp,\n  down: ArrowDown,\n  neutral: Minus,\n} as const\n\n/**\n * Trend colors mapping using design tokens\n */\nconst trendColors = {\n  up: \"text-success\",\n  down: \"text-destructive\",\n  neutral: \"text-muted-foreground\",\n} as const\n\n/**\n * KPICard - Key Performance Indicator Card\n *\n * Dashboard component that displays important metrics prominently.\n * Combines main value, comparison/delta, mini chart, and contextual metadata\n * in a layout optimized for quick visualization.\n *\n * @example\n * ```tsx\n * <KPICard\n *   title=\"Revenue\"\n *   value=\"$45,231.89\"\n *   delta={20.1}\n *   deltaLabel=\"from last month\"\n * />\n * ```\n */\nfunction KPICard({\n  title,\n  value,\n  delta,\n  deltaLabel,\n  trend,\n  sparkline,\n  icon,\n  featuredIcon,\n  dropdownIcon,\n  helpText,\n  progressBar,\n  swap,\n  showBadge = true,\n  action,\n  variant = \"default\",\n  size = \"md\",\n  loading = false,\n  className,\n  ...props\n}: KPICardProps) {\n  // Auto-detect trend direction if not provided\n  const computedTrend: KPICardTrend = trend ?? (delta !== undefined\n    ? delta > 0 ? \"up\" : delta < 0 ? \"down\" : \"neutral\"\n    : \"neutral\")\n\n  const TrendIcon = TrendIcons[computedTrend]\n  const trendColor = trendColors[computedTrend]\n  const sizeStyles = sizeConfig[size]\n  const sparklineColor =\n    computedTrend === \"up\"\n      ? \"var(--kpi-card-sparkline-up)\"\n      : computedTrend === \"down\"\n        ? \"var(--kpi-card-sparkline-down)\"\n        : \"var(--kpi-card-sparkline-neutral)\"\n\n  // Variant styles\n  const variantStyles = {\n    default: \"\",\n    ghost: \"border-none shadow-none bg-transparent\",\n    highlight: \"border-primary/50 bg-primary/5\",\n  }\n\n  if (loading) {\n    return (\n      <Card\n        className={cn(variantStyles[variant], className)}\n        data-slot=\"kpi-card\"\n        {...props}\n      >\n        <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n          <SkeletonLoader className=\"h-4 w-24\" />\n          <SkeletonLoader className=\"size-4\" />\n        </CardHeader>\n        <CardContent>\n          <SkeletonLoader className=\"mb-2 h-8 w-32\" />\n          <SkeletonLoader className=\"h-4 w-20\" />\n        </CardContent>\n      </Card>\n    )\n  }\n\n  return (\n    <Card\n      className={cn(variantStyles[variant], className)}\n      data-slot=\"kpi-card\"\n      {...props}\n    >\n      <CardHeader className=\"flex flex-row items-center justify-between pb-2\">\n        <div className=\"flex items-center gap-1.5\">\n          <CardTitle className=\"text-sm font-medium text-muted-foreground\">\n            {title}\n          </CardTitle>\n          {helpText && (\n            <span\n              className=\"text-xs text-muted-foreground\"\n              data-slot=\"kpi-card-help-text\"\n            >\n              {helpText}\n            </span>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {featuredIcon && (\n            <span\n              className=\"inline-flex size-10 items-center justify-center rounded-full bg-primary/10 text-primary [&_svg]:size-5\"\n              data-slot=\"kpi-card-featured-icon\"\n            >\n              {featuredIcon}\n            </span>\n          )}\n          {icon && !featuredIcon && (\n            <span className=\"text-muted-foreground\" data-slot=\"kpi-card-icon\">\n              {icon}\n            </span>\n          )}\n          {dropdownIcon && (\n            <span\n              className=\"text-muted-foreground\"\n              data-slot=\"kpi-card-dropdown-icon\"\n            >\n              {dropdownIcon}\n            </span>\n          )}\n          {action && !icon && !featuredIcon && !dropdownIcon && (\n            <span data-slot=\"kpi-card-action\">{action}</span>\n          )}\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex items-end justify-between\">\n          <div>\n            <div\n              className={cn(sizeStyles.value, \"tabular-nums\")}\n              data-slot=\"kpi-card-value\"\n            >\n              {value}\n            </div>\n            {delta !== undefined && (\n              <div\n                className={cn(\"mt-1 flex items-center gap-2\", trendColor)}\n                data-slot=\"kpi-card-delta\"\n                data-trend={computedTrend}\n              >\n                {showBadge ? (\n                  <Badge\n                    color={\n                      computedTrend === \"up\"\n                        ? \"success\"\n                        : computedTrend === \"down\"\n                        ? \"destructive\"\n                        : \"muted\"\n                    }\n                    leadingIcon={<TrendIcon aria-hidden=\"true\" />}\n                    size=\"sm\"\n                    type=\"pill-color\"\n                  >\n                    {Math.abs(delta)}%\n                  </Badge>\n                ) : (\n                  <span className={cn(\"flex items-center text-xs\", trendColor)}>\n                    <TrendIcon aria-hidden=\"true\" className=\"mr-1 size-3\" />\n                    <span className=\"font-medium\">{Math.abs(delta)}%</span>\n                  </span>\n                )}\n                {deltaLabel && (\n                  <span className=\"text-xs text-muted-foreground\">\n                    {deltaLabel}\n                  </span>\n                )}\n                {swap && (\n                  <span className=\"ml-auto\" data-slot=\"kpi-card-swap\">\n                    {swap}\n                  </span>\n                )}\n              </div>\n            )}\n          </div>\n          {sparkline && sparkline.length > 0 && (\n            <Sparkline\n              aria-hidden=\"true\"\n              color={sparklineColor}\n              data={sparkline}\n              data-slot=\"kpi-card-sparkline\"\n              height={32}\n              style={{ opacity: \"var(--kpi-card-sparkline-opacity)\" }}\n              variant=\"bar\"\n              width={96}\n            />\n          )}\n        </div>\n        {progressBar !== undefined && (\n          <div className=\"mt-3\" data-slot=\"kpi-card-progress\">\n            {typeof progressBar === \"number\" ? (\n              <ProgressBar value={progressBar} />\n            ) : (\n              progressBar\n            )}\n          </div>\n        )}\n      </CardContent>\n      {/* Screen reader summary */}\n      <span className=\"sr-only\">\n        {title}: {value}\n        {delta !== undefined && `, ${computedTrend === \"up\" ? \"up\" : computedTrend === \"down\" ? \"down\" : \"unchanged\"} ${String(Math.abs(delta))}%`}\n        {deltaLabel && ` ${deltaLabel}`}\n      </span>\n    </Card>\n  )\n}\n\n/**\n * KPICardGroup — Multiple KPIs composition (Figma Type=Multiple KPIs)\n *\n * Wrapper que diagramra múltiplos `KPICard` em layout horizontal ou vertical.\n *\n * @example\n * ```tsx\n * <KPICardGroup orientation=\"horizontal\" gap=\"md\">\n *   <KPICard title=\"Revenue\" value=\"$45k\" delta={12} />\n *   <KPICard title=\"Orders\" value={1240} delta={-3} />\n *   <KPICard title=\"Users\" value={892} delta={8} />\n * </KPICardGroup>\n * ```\n */\nfunction KPICardGroup({\n  children,\n  orientation = \"horizontal\",\n  gap = \"md\",\n  className,\n  ...props\n}: KPICardGroupProps) {\n  const gapClasses = {\n    sm: \"gap-2\",\n    md: \"gap-4\",\n    lg: \"gap-6\",\n  } as const\n\n  return (\n    <div\n      className={cn(\n        \"flex\",\n        orientation === \"horizontal\"\n          ? \"flex-row [&>*]:flex-1\"\n          : \"flex-col\",\n        gapClasses[gap],\n        className\n      )}\n      data-orientation={orientation}\n      data-slot=\"kpi-card-group\"\n      {...props}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport { KPICard, KPICardGroup }\n"]}

package/dist/{chunk-IA24GUNV.js → chunk-GRODCJS4.js}

@@ -1,9 +1,9 @@
-import { NumberInput } from './chunk-SMVH56FQ.js';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-WBE6VQOO.js';
-import { Checkbox } from './chunk-XETKCF73.js';
-import { Dialog, DialogContent, DialogTitle } from './chunk-GAMOVEZD.js';
-import { Popover, PopoverAnchor, PopoverContent } from './chunk-AFCSDND5.js';
-import { cn } from './chunk-HRNDJU7D.js';
+import { NumberInput } from './chunk-6QVXMYKH.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-5W3T767A.js';
+import { Checkbox } from './chunk-JXEIRIU4.js';
+import { Dialog, DialogContent, DialogTitle } from './chunk-TIPKU427.js';
+import { Popover, PopoverAnchor, PopoverContent } from './chunk-EQ4YAADN.js';
+import { cn } from './chunk-RVAYDRMA.js';
 import { Table, Filter, X, Shapes, Search } from 'lucide-react';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -830,5 +830,5 @@ function ReportBuilder({
 }
 
 export { ReportBuilder };
-//# sourceMappingURL=chunk-IA24GUNV.js.map
-//# sourceMappingURL=chunk-IA24GUNV.js.map
+//# sourceMappingURL=chunk-GRODCJS4.js.map
+//# sourceMappingURL=chunk-GRODCJS4.js.map