@solace-health/ui 0.10.657 → 0.10.658

package/dist/chunk-RV63AQS3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/v2/radio-button-group/radio-button-group.tsx"],"names":["BasicRadioButtonGroupItem","label","value","className","props","jsxs","l","cn","jsx","RadioGroupItem","size","variant","PiCheckCircleFill","RadioButtonGroup","id","children","columns","items","itemClassName","item"],"mappings":"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","file":"chunk-RV63AQS3.cjs","sourcesContent":["import * as React from 'react';\nimport * as RadioGroupPrimitive from '@radix-ui/react-radio-group';\n\nimport { PiCheckCircleFill } from 'react-icons/pi';\nimport { cn } from '@/lib/utils';\nimport { type ButtonSize } from '@/v2/button/button';\n\ntype Variant = 'primary' | 'basic';\n\ntype RadioButtonGroupItemProps = React.ComponentProps<typeof RadioGroupPrimitive.Item> & {\n  label?: string | React.ReactElement;\n  value: string;\n  onValueChange?: (value: string) => void;\n  size?: ButtonSize;\n  variant?: Variant;\n};\n\nfunction BasicRadioButtonGroupItem({\n  label,\n  value,\n  className = undefined,\n  ...props\n}: Omit<RadioButtonGroupItemProps, 'variant' | 'size'>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      value={value}\n      className={cn(\n        'flex h-8 w-full cursor-pointer items-center gap-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <span\n        className={cn(\n          'flex h-5 w-5 items-center justify-center rounded-full border border-gray-400 transition-colors',\n          props.checked && 'border-dark-green',\n          'bg-white',\n          'relative',\n        )}\n      >\n        {props.checked && <span className=\"bg-dark-green h-3 w-3 rounded-full\" />}\n      </span>\n      {!!label && <span className=\"min-w-0 flex-1 text-left break-words select-none\">{label}</span>}\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nfunction RadioGroupItem({\n  label = undefined,\n  value,\n  size = 'default',\n  variant = 'primary',\n  className = undefined,\n  ...props\n}: RadioButtonGroupItemProps) {\n  if (variant === 'basic') {\n    return (\n      <BasicRadioButtonGroupItem label={label} value={value} className={className} {...props} />\n    );\n  }\n\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      value={value}\n      className={cn(\n        \"focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive text-dark-green disabled:text-secondary-foreground b inline-flex h-auto min-h-12 shrink-0 cursor-pointer items-center justify-between gap-2 rounded-md border bg-white px-4 py-3 leading-tight font-bold whitespace-normal transition-all outline-none hover:bg-green-100 focus-visible:ring-[3px] disabled:pointer-events-none disabled:border-gray-300 disabled:bg-white disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-5\",\n        props.checked ? 'border-dark-green' : 'border-gray-400',\n        size === 'sm' && 'h-8 px-3 [&_svg:not([class*=\"size-\"])]:size-4',\n        className,\n      )}\n      {...props}\n    >\n      {!!label && <div className=\"text-left\">{label}</div>}{' '}\n      <PiCheckCircleFill className={cn(props.checked ? 'opacity-100' : 'opacity-0')} />\n    </RadioGroupPrimitive.Item>\n  );\n}\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive.Root> & {\n  columns?: 1 | 2 | 3 | 4;\n  items?: { label: string | React.ReactElement; value: string; disabled?: boolean }[];\n  size?: ButtonSize;\n  variant?: Variant;\n  itemClassName?: string;\n};\n\nfunction RadioButtonGroup({\n  className,\n  id,\n  value,\n  children = null,\n  columns = 1,\n  items = [],\n  size = 'default',\n  variant = 'primary',\n  itemClassName = undefined,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn(\n        'grid gap-2',\n        columns === 1 && 'grid-cols-1',\n        columns === 2 && 'grid-cols-2',\n        columns === 3 && 'grid-cols-3',\n        columns === 4 && 'grid-cols-4',\n        className,\n      )}\n      id={id}\n      value={value}\n      {...props}\n    >\n      {items?.length\n        ? items.map((item) => (\n            <RadioGroupItem\n              data-slot=\"radio-group-item\"\n              key={item.value}\n              value={item.value}\n              label={item.label}\n              id={`${id}-${item.value}`}\n              checked={value === item.value}\n              disabled={item.disabled}\n              onValueChange={props.onValueChange}\n              size={size}\n              variant={variant}\n              className={itemClassName}\n            />\n          ))\n        : children}\n    </RadioGroupPrimitive.Root>\n  );\n}\n\nexport { RadioButtonGroup, RadioGroupItem };\n"]}