@bigbinary/neeto-atoms 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/{HelpIcon-CEHRtxZ5.js → HelpIcon-DAi3_HhO.js} +4 -6
  2. package/dist/HelpIcon-DAi3_HhO.js.map +1 -0
  3. package/dist/{Label-C2ZO0-dt.js → Label-CEujas4-.js} +2 -2
  4. package/dist/{Label-C2ZO0-dt.js.map → Label-CEujas4-.js.map} +1 -1
  5. package/dist/cjs/{HelpIcon-39gUuk1F.js → HelpIcon-f8_h5Eap.js} +4 -6
  6. package/dist/cjs/HelpIcon-f8_h5Eap.js.map +1 -0
  7. package/dist/cjs/{Label-BLgCH5sc.js → Label-C8u4fXTy.js} +2 -2
  8. package/dist/cjs/{Label-BLgCH5sc.js.map → Label-C8u4fXTy.js.map} +1 -1
  9. package/dist/cjs/components/Checkbox.js +1 -1
  10. package/dist/cjs/components/DatePicker.js +1 -1
  11. package/dist/cjs/components/Input.js +1 -1
  12. package/dist/cjs/components/Label.js +2 -2
  13. package/dist/cjs/components/MultiEmailInput.js +1 -1
  14. package/dist/cjs/components/RadioGroup.js +1 -1
  15. package/dist/cjs/components/Select.js +1 -1
  16. package/dist/cjs/components/Slider.js +1 -1
  17. package/dist/cjs/components/Switch.js +1 -1
  18. package/dist/cjs/components/Textarea.js +1 -1
  19. package/dist/cjs/components/TimePicker.js +1 -1
  20. package/dist/cjs/components/TreeSelect.js +1 -1
  21. package/dist/cjs/components/index.js +2 -2
  22. package/dist/cjs/formik/Checkbox.js +1 -1
  23. package/dist/cjs/formik/Input.js +1 -1
  24. package/dist/cjs/formik/MultiEmailInput.js +1 -1
  25. package/dist/cjs/formik/RadioGroup.js +1 -1
  26. package/dist/cjs/formik/Select.js +1 -1
  27. package/dist/cjs/formik/Slider.js +1 -1
  28. package/dist/cjs/formik/Switch.js +1 -1
  29. package/dist/cjs/formik/Textarea.js +1 -1
  30. package/dist/cjs/formik/TreeSelect.js +1 -1
  31. package/dist/cjs/formik/index.js +1 -1
  32. package/dist/cjs/index.js +2 -2
  33. package/dist/cjs/primitives/Field.js +1 -1
  34. package/dist/cjs/primitives/index.js +1 -1
  35. package/dist/components/Checkbox.js +1 -1
  36. package/dist/components/DatePicker.js +1 -1
  37. package/dist/components/Input.js +1 -1
  38. package/dist/components/Label.js +2 -2
  39. package/dist/components/MultiEmailInput.js +1 -1
  40. package/dist/components/RadioGroup.js +1 -1
  41. package/dist/components/Select.js +1 -1
  42. package/dist/components/Slider.js +1 -1
  43. package/dist/components/Switch.js +1 -1
  44. package/dist/components/Textarea.js +1 -1
  45. package/dist/components/TimePicker.js +1 -1
  46. package/dist/components/TreeSelect.js +1 -1
  47. package/dist/components/index.js +2 -2
  48. package/dist/formik/Checkbox.js +1 -1
  49. package/dist/formik/Input.js +1 -1
  50. package/dist/formik/MultiEmailInput.js +1 -1
  51. package/dist/formik/RadioGroup.js +1 -1
  52. package/dist/formik/Select.js +1 -1
  53. package/dist/formik/Slider.js +1 -1
  54. package/dist/formik/Switch.js +1 -1
  55. package/dist/formik/Textarea.js +1 -1
  56. package/dist/formik/TreeSelect.js +1 -1
  57. package/dist/formik/index.js +1 -1
  58. package/dist/index.js +2 -2
  59. package/dist/primitives/Field.js +1 -1
  60. package/dist/primitives/index.js +1 -1
  61. package/package.json +1 -1
  62. package/dist/HelpIcon-CEHRtxZ5.js.map +0 -1
  63. package/dist/cjs/HelpIcon-39gUuk1F.js.map +0 -1
@@ -40,7 +40,7 @@ const HelpIcon = (helpIconProps) => {
40
40
  ),
41
41
  "data-testid": helpIconProps["data-testid"],
42
42
  onClick: helpIconProps.onClick,
43
- children: renderIcon(icon, "size-3.5")
43
+ children: renderIcon(icon, "size-4")
44
44
  }
45
45
  );
46
46
  if (helpIconProps.popoverProps) {
@@ -50,7 +50,7 @@ const HelpIcon = (helpIconProps) => {
50
50
  description && /* @__PURE__ */ jsx(
51
51
  "p",
52
52
  {
53
- className: "text-sm text-muted-foreground",
53
+ className: "text-[15px] leading-normal text-muted-foreground",
54
54
  "data-testid": "help-popover-description",
55
55
  children: description
56
56
  }
@@ -59,11 +59,9 @@ const HelpIcon = (helpIconProps) => {
59
59
  Button,
60
60
  {
61
61
  variant: "link",
62
- size: "sm",
63
- className: "mt-1 h-auto self-start p-0",
64
62
  "data-testid": "help-popover-link-button",
65
63
  ...helpLinkProps,
66
- href: helpLinkProps.href
64
+ className: cn("mt-1 h-auto self-start p-0", helpLinkProps.className)
67
65
  }
68
66
  )
69
67
  ] });
@@ -79,4 +77,4 @@ const HelpIcon = (helpIconProps) => {
79
77
  };
80
78
 
81
79
  export { HelpIcon as H };
82
- //# sourceMappingURL=HelpIcon-CEHRtxZ5.js.map
80
+ //# sourceMappingURL=HelpIcon-DAi3_HhO.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpIcon-DAi3_HhO.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-4\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-[15px] leading-normal text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n className={cn(\"mt-1 h-auto self-start p-0\", helpLinkProps.className)}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,QAAQ;AAAA;AAAA,GAC5B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,kDAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,SAAA,EAAW,EAAA,CAAG,4BAAA,EAA8B,aAAA,CAAc,SAAS;AAAA;AAAA;AACrE,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
- import { H as HelpIcon } from './HelpIcon-CEHRtxZ5.js';
3
+ import { H as HelpIcon } from './HelpIcon-DAi3_HhO.js';
4
4
  import { Label as Label$1 } from './primitives/Label.js';
5
5
  import { c as cn } from './utils-BJnb9o5c.js';
6
6
 
@@ -14,4 +14,4 @@ const Label = forwardRef(
14
14
  Label.displayName = "Label";
15
15
 
16
16
  export { Label as L };
17
- //# sourceMappingURL=Label-C2ZO0-dt.js.map
17
+ //# sourceMappingURL=Label-CEujas4-.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Label-C2ZO0-dt.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["PrimitiveLabel"],"mappings":";;;;;;AAmBA,MAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChE,IAAA,CAACA,WAAe,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiB,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
1
+ {"version":3,"file":"Label-CEujas4-.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["PrimitiveLabel"],"mappings":";;;;;;AAmBA,MAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChE,IAAA,CAACA,WAAe,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiB,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
@@ -42,7 +42,7 @@ const HelpIcon = (helpIconProps) => {
42
42
  ),
43
43
  "data-testid": helpIconProps["data-testid"],
44
44
  onClick: helpIconProps.onClick,
45
- children: renderIcon.renderIcon(icon, "size-3.5")
45
+ children: renderIcon.renderIcon(icon, "size-4")
46
46
  }
47
47
  );
48
48
  if (helpIconProps.popoverProps) {
@@ -52,7 +52,7 @@ const HelpIcon = (helpIconProps) => {
52
52
  description && /* @__PURE__ */ jsxRuntime.jsx(
53
53
  "p",
54
54
  {
55
- className: "text-sm text-muted-foreground",
55
+ className: "text-[15px] leading-normal text-muted-foreground",
56
56
  "data-testid": "help-popover-description",
57
57
  children: description
58
58
  }
@@ -61,11 +61,9 @@ const HelpIcon = (helpIconProps) => {
61
61
  Button.Button,
62
62
  {
63
63
  variant: "link",
64
- size: "sm",
65
- className: "mt-1 h-auto self-start p-0",
66
64
  "data-testid": "help-popover-link-button",
67
65
  ...helpLinkProps,
68
- href: helpLinkProps.href
66
+ className: utils.cn("mt-1 h-auto self-start p-0", helpLinkProps.className)
69
67
  }
70
68
  )
71
69
  ] });
@@ -81,4 +79,4 @@ const HelpIcon = (helpIconProps) => {
81
79
  };
82
80
 
83
81
  exports.HelpIcon = HelpIcon;
84
- //# sourceMappingURL=HelpIcon-39gUuk1F.js.map
82
+ //# sourceMappingURL=HelpIcon-f8_h5Eap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HelpIcon-f8_h5Eap.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-4\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-[15px] leading-normal text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n className={cn(\"mt-1 h-auto self-start p-0\", helpLinkProps.className)}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["createLucideIcon","CircleHelpIcon","jsx","cn","renderIcon","jsxs","Popover","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAGA,iCAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQC,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAAC,qBAAA,CAAW,MAAM,QAAQ;AAAA;AAAA,GAC5B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACEC,eAAA,CAACC,eAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,mCACEA,eAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACCJ,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,kDAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACCA,cAAA;AAAA,QAACK,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,SAAA,EAAWJ,QAAA,CAAG,4BAAA,EAA8B,aAAA,CAAc,SAAS;AAAA;AAAA;AACrE,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACED,cAAA,CAACM,kCAAA,EAAA,EACC,QAAA,kBAAAH,eAAA,CAACI,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,iCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrCR,cAAA,CAACS,iCAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
@@ -2,7 +2,7 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var React = require('react');
5
- var HelpIcon = require('./HelpIcon-39gUuk1F.js');
5
+ var HelpIcon = require('./HelpIcon-f8_h5Eap.js');
6
6
  var primitives_Label = require('./primitives/Label.js');
7
7
  var utils = require('./utils-BhM0B89p.js');
8
8
 
@@ -16,4 +16,4 @@ const Label = React.forwardRef(
16
16
  Label.displayName = "Label";
17
17
 
18
18
  exports.Label = Label;
19
- //# sourceMappingURL=Label-BLgCH5sc.js.map
19
+ //# sourceMappingURL=Label-C8u4fXTy.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Label-BLgCH5sc.js","sources":["../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["forwardRef","jsxs","PrimitiveLabel","cn","jsx","HelpIcon"],"mappings":";;;;;;;;AAmBA,MAAM,KAAA,GAAQA,gBAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChEC,eAAA,CAACC,0BAAe,GAAA,EAAU,SAAA,EAAWC,SAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACCC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiBA,cAAA,CAACC,iBAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
1
+ {"version":3,"file":"Label-C8u4fXTy.js","sources":["../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n typeof PrimitiveLabel\n> {\n /** Shows a red asterisk after the label text. */\n required?: boolean;\n /** Props for the help icon (tooltip or popover mode). */\n helpIconProps?: HelpIconProps;\n /** Additional CSS class names. */\n className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n {children}\n {required && (\n <span aria-hidden=\"true\" className=\"text-destructive\">\n *\n </span>\n )}\n {helpIconProps && <HelpIcon {...helpIconProps} />}\n </PrimitiveLabel>\n )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["forwardRef","jsxs","PrimitiveLabel","cn","jsx","HelpIcon"],"mappings":";;;;;;;;AAmBA,MAAM,KAAA,GAAQA,gBAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChEC,eAAA,CAACC,0BAAe,GAAA,EAAU,SAAA,EAAWC,SAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACCC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiBA,cAAA,CAACC,iBAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
@@ -20,7 +20,7 @@ require('react-dom');
20
20
  require('../fieldIds-DiVU6GVS.js');
21
21
  require('../hyphenize-BTrVNVv3.js');
22
22
  require('../primitives/Field.js');
23
- require('../HelpIcon-39gUuk1F.js');
23
+ require('../HelpIcon-f8_h5Eap.js');
24
24
  require('../primitives/Tooltip.js');
25
25
  require('../tooltip-BFE6UArF.js');
26
26
  require('../index-Bvu9MiFi.js');
@@ -38,7 +38,7 @@ require('../fieldIds-DiVU6GVS.js');
38
38
  require('../hyphenize-BTrVNVv3.js');
39
39
  require('../primitives/Button.js');
40
40
  require('../primitives/Field.js');
41
- require('../HelpIcon-39gUuk1F.js');
41
+ require('../HelpIcon-f8_h5Eap.js');
42
42
  require('../primitives/Tooltip.js');
43
43
  require('../tooltip-BFE6UArF.js');
44
44
  require('../index-CB9xFokC.js');
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('../utils-BhM0B89p.js');
7
7
  require('../primitives/Field.js');
8
- require('../HelpIcon-39gUuk1F.js');
8
+ require('../HelpIcon-f8_h5Eap.js');
9
9
  require('../primitives/Tooltip.js');
10
10
  require('../tooltip-BFE6UArF.js');
11
11
  require('../index-COPkC3I5.js');
@@ -1,9 +1,9 @@
1
1
  'use strict';
2
2
 
3
- var Label = require('../Label-BLgCH5sc.js');
3
+ var Label = require('../Label-C8u4fXTy.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
- require('../HelpIcon-39gUuk1F.js');
6
+ require('../HelpIcon-f8_h5Eap.js');
7
7
  require('../primitives/Tooltip.js');
8
8
  require('../tooltip-BFE6UArF.js');
9
9
  require('../utils-BhM0B89p.js');
@@ -6,7 +6,7 @@ require('react');
6
6
  require('react-i18next');
7
7
  require('../utils-BhM0B89p.js');
8
8
  require('../primitives/Field.js');
9
- require('../HelpIcon-39gUuk1F.js');
9
+ require('../HelpIcon-f8_h5Eap.js');
10
10
  require('../primitives/Tooltip.js');
11
11
  require('../tooltip-BFE6UArF.js');
12
12
  require('../index-COPkC3I5.js');
@@ -23,7 +23,7 @@ require('../index-DcCSSgb7.js');
23
23
  require('../primitives/Label.js');
24
24
  require('../label-D8qMh7jG.js');
25
25
  require('../primitives/Field.js');
26
- require('../HelpIcon-39gUuk1F.js');
26
+ require('../HelpIcon-f8_h5Eap.js');
27
27
  require('../primitives/Tooltip.js');
28
28
  require('../tooltip-BFE6UArF.js');
29
29
  require('../index-Bvu9MiFi.js');
@@ -28,7 +28,7 @@ require('../with-selector-DeKHbQY7.js');
28
28
  require('../floating-ui.react-dom--alWUjS1.js');
29
29
  require('../SelectFieldWrapper-CIh_atln.js');
30
30
  require('../primitives/Field.js');
31
- require('../HelpIcon-39gUuk1F.js');
31
+ require('../HelpIcon-f8_h5Eap.js');
32
32
  require('../primitives/Tooltip.js');
33
33
  require('../tooltip-BFE6UArF.js');
34
34
  require('../index-COPkC3I5.js');
@@ -18,7 +18,7 @@ require('../index-DMbj7vXd.js');
18
18
  require('react-dom');
19
19
  require('../index-Ch55j1or.js');
20
20
  require('../primitives/Field.js');
21
- require('../HelpIcon-39gUuk1F.js');
21
+ require('../HelpIcon-f8_h5Eap.js');
22
22
  require('../primitives/Tooltip.js');
23
23
  require('../tooltip-BFE6UArF.js');
24
24
  require('../index-Bvu9MiFi.js');
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('../primitives/Field.js');
7
7
  require('../utils-BhM0B89p.js');
8
- require('../HelpIcon-39gUuk1F.js');
8
+ require('../HelpIcon-f8_h5Eap.js');
9
9
  require('../primitives/Tooltip.js');
10
10
  require('../tooltip-BFE6UArF.js');
11
11
  require('../index-COPkC3I5.js');
@@ -5,7 +5,7 @@ require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('../utils-BhM0B89p.js');
7
7
  require('../primitives/Field.js');
8
- require('../HelpIcon-39gUuk1F.js');
8
+ require('../HelpIcon-f8_h5Eap.js');
9
9
  require('../primitives/Tooltip.js');
10
10
  require('../tooltip-BFE6UArF.js');
11
11
  require('../index-COPkC3I5.js');
@@ -23,7 +23,7 @@ require('../index-Df-Ffa3s.js');
23
23
  require('../index-DcCSSgb7.js');
24
24
  require('../index-CyrAgb4H.js');
25
25
  require('../primitives/Field.js');
26
- require('../HelpIcon-39gUuk1F.js');
26
+ require('../HelpIcon-f8_h5Eap.js');
27
27
  require('../primitives/Tooltip.js');
28
28
  require('../tooltip-BFE6UArF.js');
29
29
  require('../index-CB9xFokC.js');
@@ -24,7 +24,7 @@ require('../index-DcCSSgb7.js');
24
24
  require('../index-CyrAgb4H.js');
25
25
  require('../SelectFieldWrapper-CIh_atln.js');
26
26
  require('../primitives/Field.js');
27
- require('../HelpIcon-39gUuk1F.js');
27
+ require('../HelpIcon-f8_h5Eap.js');
28
28
  require('../primitives/Tooltip.js');
29
29
  require('../tooltip-BFE6UArF.js');
30
30
  require('../index-CB9xFokC.js');
@@ -15,7 +15,7 @@ var Dialog = require('../Dialog-B_FZwr_u.js');
15
15
  var Empty = require('../Empty-Bwpsj82B.js');
16
16
  var Input = require('../Input-DFvMBpiU.js');
17
17
  var Kbd = require('../Kbd--A8Gl8TV.js');
18
- var Label = require('../Label-BLgCH5sc.js');
18
+ var Label = require('../Label-C8u4fXTy.js');
19
19
  var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
20
20
  var Pagination = require('../Pagination-WyQlBpvK.js');
21
21
  var Popover = require('../Popover-BY8Afql0.js');
@@ -102,7 +102,7 @@ require('../primitives/Checkbox.js');
102
102
  require('../index-CF951Pw9.js');
103
103
  require('../fieldIds-DiVU6GVS.js');
104
104
  require('../primitives/Field.js');
105
- require('../HelpIcon-39gUuk1F.js');
105
+ require('../HelpIcon-f8_h5Eap.js');
106
106
  require('../label-D8qMh7jG.js');
107
107
  require('react-colorful');
108
108
  require('../primitives/Popover.js');
@@ -22,7 +22,7 @@ require('react-dom');
22
22
  require('../fieldIds-DiVU6GVS.js');
23
23
  require('../hyphenize-BTrVNVv3.js');
24
24
  require('../primitives/Field.js');
25
- require('../HelpIcon-39gUuk1F.js');
25
+ require('../HelpIcon-f8_h5Eap.js');
26
26
  require('../primitives/Tooltip.js');
27
27
  require('../tooltip-BFE6UArF.js');
28
28
  require('../index-Bvu9MiFi.js');
@@ -7,7 +7,7 @@ var ramda = require('ramda');
7
7
  var Input = require('../Input-DFvMBpiU.js');
8
8
  require('../utils-BhM0B89p.js');
9
9
  require('../primitives/Field.js');
10
- require('../HelpIcon-39gUuk1F.js');
10
+ require('../HelpIcon-f8_h5Eap.js');
11
11
  require('../primitives/Tooltip.js');
12
12
  require('../tooltip-BFE6UArF.js');
13
13
  require('../index-COPkC3I5.js');
@@ -8,7 +8,7 @@ var MultiEmailInput = require('../MultiEmailInput-N9amBO6Q.js');
8
8
  require('react-i18next');
9
9
  require('../utils-BhM0B89p.js');
10
10
  require('../primitives/Field.js');
11
- require('../HelpIcon-39gUuk1F.js');
11
+ require('../HelpIcon-f8_h5Eap.js');
12
12
  require('../primitives/Tooltip.js');
13
13
  require('../tooltip-BFE6UArF.js');
14
14
  require('../index-COPkC3I5.js');
@@ -25,7 +25,7 @@ require('../index-DcCSSgb7.js');
25
25
  require('../primitives/Label.js');
26
26
  require('../label-D8qMh7jG.js');
27
27
  require('../primitives/Field.js');
28
- require('../HelpIcon-39gUuk1F.js');
28
+ require('../HelpIcon-f8_h5Eap.js');
29
29
  require('../primitives/Tooltip.js');
30
30
  require('../tooltip-BFE6UArF.js');
31
31
  require('../index-Bvu9MiFi.js');
@@ -30,7 +30,7 @@ require('../with-selector-DeKHbQY7.js');
30
30
  require('../floating-ui.react-dom--alWUjS1.js');
31
31
  require('../SelectFieldWrapper-CIh_atln.js');
32
32
  require('../primitives/Field.js');
33
- require('../HelpIcon-39gUuk1F.js');
33
+ require('../HelpIcon-f8_h5Eap.js');
34
34
  require('../primitives/Tooltip.js');
35
35
  require('../tooltip-BFE6UArF.js');
36
36
  require('../index-COPkC3I5.js');
@@ -20,7 +20,7 @@ require('../index-DMbj7vXd.js');
20
20
  require('react-dom');
21
21
  require('../index-Ch55j1or.js');
22
22
  require('../primitives/Field.js');
23
- require('../HelpIcon-39gUuk1F.js');
23
+ require('../HelpIcon-f8_h5Eap.js');
24
24
  require('../primitives/Tooltip.js');
25
25
  require('../tooltip-BFE6UArF.js');
26
26
  require('../index-Bvu9MiFi.js');
@@ -7,7 +7,7 @@ var Switch = require('../Switch-BbRK3HUZ.js');
7
7
  require('react');
8
8
  require('../primitives/Field.js');
9
9
  require('../utils-BhM0B89p.js');
10
- require('../HelpIcon-39gUuk1F.js');
10
+ require('../HelpIcon-f8_h5Eap.js');
11
11
  require('../primitives/Tooltip.js');
12
12
  require('../tooltip-BFE6UArF.js');
13
13
  require('../index-COPkC3I5.js');
@@ -7,7 +7,7 @@ var ramda = require('ramda');
7
7
  var Textarea = require('../Textarea-bxleSw86.js');
8
8
  require('../utils-BhM0B89p.js');
9
9
  require('../primitives/Field.js');
10
- require('../HelpIcon-39gUuk1F.js');
10
+ require('../HelpIcon-f8_h5Eap.js');
11
11
  require('../primitives/Tooltip.js');
12
12
  require('../tooltip-BFE6UArF.js');
13
13
  require('../index-COPkC3I5.js');
@@ -26,7 +26,7 @@ require('../index-DcCSSgb7.js');
26
26
  require('../index-CyrAgb4H.js');
27
27
  require('../SelectFieldWrapper-CIh_atln.js');
28
28
  require('../primitives/Field.js');
29
- require('../HelpIcon-39gUuk1F.js');
29
+ require('../HelpIcon-f8_h5Eap.js');
30
30
  require('../primitives/Tooltip.js');
31
31
  require('../tooltip-BFE6UArF.js');
32
32
  require('../index-CB9xFokC.js');
@@ -20,7 +20,7 @@ require('ramda');
20
20
  require('../Input-DFvMBpiU.js');
21
21
  require('../utils-BhM0B89p.js');
22
22
  require('../primitives/Field.js');
23
- require('../HelpIcon-39gUuk1F.js');
23
+ require('../HelpIcon-f8_h5Eap.js');
24
24
  require('../primitives/Tooltip.js');
25
25
  require('../tooltip-BFE6UArF.js');
26
26
  require('../index-COPkC3I5.js');
package/dist/cjs/index.js CHANGED
@@ -20,7 +20,7 @@ var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
20
20
  var Empty = require('./Empty-Bwpsj82B.js');
21
21
  var Input = require('./Input-DFvMBpiU.js');
22
22
  var Kbd = require('./Kbd--A8Gl8TV.js');
23
- var Label = require('./Label-BLgCH5sc.js');
23
+ var Label = require('./Label-C8u4fXTy.js');
24
24
  var MultiEmailInput = require('./MultiEmailInput-N9amBO6Q.js');
25
25
  var Pagination = require('./Pagination-WyQlBpvK.js');
26
26
  var Popover = require('./Popover-BY8Afql0.js');
@@ -105,7 +105,7 @@ require('./primitives/Checkbox.js');
105
105
  require('./index-CF951Pw9.js');
106
106
  require('./fieldIds-DiVU6GVS.js');
107
107
  require('./primitives/Field.js');
108
- require('./HelpIcon-39gUuk1F.js');
108
+ require('./HelpIcon-f8_h5Eap.js');
109
109
  require('./label-D8qMh7jG.js');
110
110
  require('react-colorful');
111
111
  require('./primitives/Popover.js');
@@ -2,7 +2,7 @@
2
2
 
3
3
  var jsxRuntime = require('react/jsx-runtime');
4
4
  var utils = require('../utils-BhM0B89p.js');
5
- var HelpIcon = require('../HelpIcon-39gUuk1F.js');
5
+ var HelpIcon = require('../HelpIcon-f8_h5Eap.js');
6
6
  var React = require('react');
7
7
  var index = require('../index-vioSzJOw.js');
8
8
  var label = require('../label-D8qMh7jG.js');
@@ -106,7 +106,7 @@ require('../dialog-D7OSycGe.js');
106
106
  require('../index-CMFCdiR6.js');
107
107
  require('../index-owSUsE-n.js');
108
108
  require('../index-DoVhdseB.js');
109
- require('../HelpIcon-39gUuk1F.js');
109
+ require('../HelpIcon-f8_h5Eap.js');
110
110
  require('../renderIcon-BRrpZu9a.js');
111
111
  require('../Popover-BY8Afql0.js');
112
112
  require('../Typography-Ctlu_0Qy.js');
@@ -18,7 +18,7 @@ import 'react-dom';
18
18
  import '../fieldIds-VpluAAMl.js';
19
19
  import '../hyphenize-TRhMI0tl.js';
20
20
  import '../primitives/Field.js';
21
- import '../HelpIcon-CEHRtxZ5.js';
21
+ import '../HelpIcon-DAi3_HhO.js';
22
22
  import '../primitives/Tooltip.js';
23
23
  import '../tooltip-BUYRFmEv.js';
24
24
  import '../index-BNPynZWM.js';
@@ -36,7 +36,7 @@ import '../fieldIds-VpluAAMl.js';
36
36
  import '../hyphenize-TRhMI0tl.js';
37
37
  import '../primitives/Button.js';
38
38
  import '../primitives/Field.js';
39
- import '../HelpIcon-CEHRtxZ5.js';
39
+ import '../HelpIcon-DAi3_HhO.js';
40
40
  import '../primitives/Tooltip.js';
41
41
  import '../tooltip-BUYRFmEv.js';
42
42
  import '../index-CSggBaQF.js';
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '../utils-BJnb9o5c.js';
5
5
  import '../primitives/Field.js';
6
- import '../HelpIcon-CEHRtxZ5.js';
6
+ import '../HelpIcon-DAi3_HhO.js';
7
7
  import '../primitives/Tooltip.js';
8
8
  import '../tooltip-BUYRFmEv.js';
9
9
  import '../index-DNzunGHb.js';
@@ -1,7 +1,7 @@
1
- export { L as Label } from '../Label-C2ZO0-dt.js';
1
+ export { L as Label } from '../Label-CEujas4-.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
- import '../HelpIcon-CEHRtxZ5.js';
4
+ import '../HelpIcon-DAi3_HhO.js';
5
5
  import '../primitives/Tooltip.js';
6
6
  import '../tooltip-BUYRFmEv.js';
7
7
  import '../utils-BJnb9o5c.js';
@@ -4,7 +4,7 @@ import 'react';
4
4
  import 'react-i18next';
5
5
  import '../utils-BJnb9o5c.js';
6
6
  import '../primitives/Field.js';
7
- import '../HelpIcon-CEHRtxZ5.js';
7
+ import '../HelpIcon-DAi3_HhO.js';
8
8
  import '../primitives/Tooltip.js';
9
9
  import '../tooltip-BUYRFmEv.js';
10
10
  import '../index-DNzunGHb.js';
@@ -21,7 +21,7 @@ import '../index-yFgkK_AM.js';
21
21
  import '../primitives/Label.js';
22
22
  import '../label-Bl6tz8EJ.js';
23
23
  import '../primitives/Field.js';
24
- import '../HelpIcon-CEHRtxZ5.js';
24
+ import '../HelpIcon-DAi3_HhO.js';
25
25
  import '../primitives/Tooltip.js';
26
26
  import '../tooltip-BUYRFmEv.js';
27
27
  import '../index-BNPynZWM.js';
@@ -26,7 +26,7 @@ import '../with-selector-Dv0G_V_o.js';
26
26
  import '../floating-ui.react-dom-BtFUJRfb.js';
27
27
  import '../SelectFieldWrapper-D370CD4o.js';
28
28
  import '../primitives/Field.js';
29
- import '../HelpIcon-CEHRtxZ5.js';
29
+ import '../HelpIcon-DAi3_HhO.js';
30
30
  import '../primitives/Tooltip.js';
31
31
  import '../tooltip-BUYRFmEv.js';
32
32
  import '../index-DNzunGHb.js';
@@ -16,7 +16,7 @@ import '../index-DhnfW8wQ.js';
16
16
  import 'react-dom';
17
17
  import '../index-Dd1i1d2M.js';
18
18
  import '../primitives/Field.js';
19
- import '../HelpIcon-CEHRtxZ5.js';
19
+ import '../HelpIcon-DAi3_HhO.js';
20
20
  import '../primitives/Tooltip.js';
21
21
  import '../tooltip-BUYRFmEv.js';
22
22
  import '../index-BNPynZWM.js';
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '../primitives/Field.js';
5
5
  import '../utils-BJnb9o5c.js';
6
- import '../HelpIcon-CEHRtxZ5.js';
6
+ import '../HelpIcon-DAi3_HhO.js';
7
7
  import '../primitives/Tooltip.js';
8
8
  import '../tooltip-BUYRFmEv.js';
9
9
  import '../index-DNzunGHb.js';
@@ -3,7 +3,7 @@ import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import '../utils-BJnb9o5c.js';
5
5
  import '../primitives/Field.js';
6
- import '../HelpIcon-CEHRtxZ5.js';
6
+ import '../HelpIcon-DAi3_HhO.js';
7
7
  import '../primitives/Tooltip.js';
8
8
  import '../tooltip-BUYRFmEv.js';
9
9
  import '../index-DNzunGHb.js';
@@ -21,7 +21,7 @@ import '../index-fV_U4ZJM.js';
21
21
  import '../index-yFgkK_AM.js';
22
22
  import '../index-Cor698lu.js';
23
23
  import '../primitives/Field.js';
24
- import '../HelpIcon-CEHRtxZ5.js';
24
+ import '../HelpIcon-DAi3_HhO.js';
25
25
  import '../primitives/Tooltip.js';
26
26
  import '../tooltip-BUYRFmEv.js';
27
27
  import '../index-CSggBaQF.js';
@@ -22,7 +22,7 @@ import '../index-yFgkK_AM.js';
22
22
  import '../index-Cor698lu.js';
23
23
  import '../SelectFieldWrapper-D370CD4o.js';
24
24
  import '../primitives/Field.js';
25
- import '../HelpIcon-CEHRtxZ5.js';
25
+ import '../HelpIcon-DAi3_HhO.js';
26
26
  import '../primitives/Tooltip.js';
27
27
  import '../tooltip-BUYRFmEv.js';
28
28
  import '../index-CSggBaQF.js';
@@ -13,7 +13,7 @@ export { D as Dialog } from '../Dialog-ZTcfRPwU.js';
13
13
  export { E as Empty } from '../Empty-B4iQJlmf.js';
14
14
  export { I as Input } from '../Input-Dm5ILPH3.js';
15
15
  export { K as Kbd } from '../Kbd-CKfR8HlC.js';
16
- export { L as Label } from '../Label-C2ZO0-dt.js';
16
+ export { L as Label } from '../Label-CEujas4-.js';
17
17
  export { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
18
18
  export { P as Pagination } from '../Pagination-yjG8uCpV.js';
19
19
  export { P as Popover } from '../Popover-B0QALwsd.js';
@@ -100,7 +100,7 @@ import '../primitives/Checkbox.js';
100
100
  import '../index-30QpKM0j.js';
101
101
  import '../fieldIds-VpluAAMl.js';
102
102
  import '../primitives/Field.js';
103
- import '../HelpIcon-CEHRtxZ5.js';
103
+ import '../HelpIcon-DAi3_HhO.js';
104
104
  import '../label-Bl6tz8EJ.js';
105
105
  import 'react-colorful';
106
106
  import '../primitives/Popover.js';
@@ -20,7 +20,7 @@ import 'react-dom';
20
20
  import '../fieldIds-VpluAAMl.js';
21
21
  import '../hyphenize-TRhMI0tl.js';
22
22
  import '../primitives/Field.js';
23
- import '../HelpIcon-CEHRtxZ5.js';
23
+ import '../HelpIcon-DAi3_HhO.js';
24
24
  import '../primitives/Tooltip.js';
25
25
  import '../tooltip-BUYRFmEv.js';
26
26
  import '../index-BNPynZWM.js';
@@ -5,7 +5,7 @@ import { dissoc } from 'ramda';
5
5
  import { I as Input } from '../Input-Dm5ILPH3.js';
6
6
  import '../utils-BJnb9o5c.js';
7
7
  import '../primitives/Field.js';
8
- import '../HelpIcon-CEHRtxZ5.js';
8
+ import '../HelpIcon-DAi3_HhO.js';
9
9
  import '../primitives/Tooltip.js';
10
10
  import '../tooltip-BUYRFmEv.js';
11
11
  import '../index-DNzunGHb.js';
@@ -6,7 +6,7 @@ import { M as MultiEmailInput } from '../MultiEmailInput-CLBZnyXh.js';
6
6
  import 'react-i18next';
7
7
  import '../utils-BJnb9o5c.js';
8
8
  import '../primitives/Field.js';
9
- import '../HelpIcon-CEHRtxZ5.js';
9
+ import '../HelpIcon-DAi3_HhO.js';
10
10
  import '../primitives/Tooltip.js';
11
11
  import '../tooltip-BUYRFmEv.js';
12
12
  import '../index-DNzunGHb.js';
@@ -23,7 +23,7 @@ import '../index-yFgkK_AM.js';
23
23
  import '../primitives/Label.js';
24
24
  import '../label-Bl6tz8EJ.js';
25
25
  import '../primitives/Field.js';
26
- import '../HelpIcon-CEHRtxZ5.js';
26
+ import '../HelpIcon-DAi3_HhO.js';
27
27
  import '../primitives/Tooltip.js';
28
28
  import '../tooltip-BUYRFmEv.js';
29
29
  import '../index-BNPynZWM.js';
@@ -28,7 +28,7 @@ import '../with-selector-Dv0G_V_o.js';
28
28
  import '../floating-ui.react-dom-BtFUJRfb.js';
29
29
  import '../SelectFieldWrapper-D370CD4o.js';
30
30
  import '../primitives/Field.js';
31
- import '../HelpIcon-CEHRtxZ5.js';
31
+ import '../HelpIcon-DAi3_HhO.js';
32
32
  import '../primitives/Tooltip.js';
33
33
  import '../tooltip-BUYRFmEv.js';
34
34
  import '../index-DNzunGHb.js';
@@ -18,7 +18,7 @@ import '../index-DhnfW8wQ.js';
18
18
  import 'react-dom';
19
19
  import '../index-Dd1i1d2M.js';
20
20
  import '../primitives/Field.js';
21
- import '../HelpIcon-CEHRtxZ5.js';
21
+ import '../HelpIcon-DAi3_HhO.js';
22
22
  import '../primitives/Tooltip.js';
23
23
  import '../tooltip-BUYRFmEv.js';
24
24
  import '../index-BNPynZWM.js';
@@ -5,7 +5,7 @@ import { S as Switch } from '../Switch-C9fqpoNR.js';
5
5
  import 'react';
6
6
  import '../primitives/Field.js';
7
7
  import '../utils-BJnb9o5c.js';
8
- import '../HelpIcon-CEHRtxZ5.js';
8
+ import '../HelpIcon-DAi3_HhO.js';
9
9
  import '../primitives/Tooltip.js';
10
10
  import '../tooltip-BUYRFmEv.js';
11
11
  import '../index-DNzunGHb.js';
@@ -5,7 +5,7 @@ import { dissoc } from 'ramda';
5
5
  import { T as Textarea } from '../Textarea-CUe09-sr.js';
6
6
  import '../utils-BJnb9o5c.js';
7
7
  import '../primitives/Field.js';
8
- import '../HelpIcon-CEHRtxZ5.js';
8
+ import '../HelpIcon-DAi3_HhO.js';
9
9
  import '../primitives/Tooltip.js';
10
10
  import '../tooltip-BUYRFmEv.js';
11
11
  import '../index-DNzunGHb.js';
@@ -24,7 +24,7 @@ import '../index-yFgkK_AM.js';
24
24
  import '../index-Cor698lu.js';
25
25
  import '../SelectFieldWrapper-D370CD4o.js';
26
26
  import '../primitives/Field.js';
27
- import '../HelpIcon-CEHRtxZ5.js';
27
+ import '../HelpIcon-DAi3_HhO.js';
28
28
  import '../primitives/Tooltip.js';
29
29
  import '../tooltip-BUYRFmEv.js';
30
30
  import '../index-CSggBaQF.js';
@@ -18,7 +18,7 @@ import 'ramda';
18
18
  import '../Input-Dm5ILPH3.js';
19
19
  import '../utils-BJnb9o5c.js';
20
20
  import '../primitives/Field.js';
21
- import '../HelpIcon-CEHRtxZ5.js';
21
+ import '../HelpIcon-DAi3_HhO.js';
22
22
  import '../primitives/Tooltip.js';
23
23
  import '../tooltip-BUYRFmEv.js';
24
24
  import '../index-DNzunGHb.js';
package/dist/index.js CHANGED
@@ -19,7 +19,7 @@ export { D as DirectionProvider } from './DirectionProvider-weqLz_BJ.js';
19
19
  export { E as Empty } from './Empty-B4iQJlmf.js';
20
20
  export { I as Input } from './Input-Dm5ILPH3.js';
21
21
  export { K as Kbd } from './Kbd-CKfR8HlC.js';
22
- export { L as Label } from './Label-C2ZO0-dt.js';
22
+ export { L as Label } from './Label-CEujas4-.js';
23
23
  export { M as MultiEmailInput } from './MultiEmailInput-CLBZnyXh.js';
24
24
  export { P as Pagination } from './Pagination-yjG8uCpV.js';
25
25
  export { P as Popover } from './Popover-B0QALwsd.js';
@@ -104,7 +104,7 @@ import './primitives/Checkbox.js';
104
104
  import './index-30QpKM0j.js';
105
105
  import './fieldIds-VpluAAMl.js';
106
106
  import './primitives/Field.js';
107
- import './HelpIcon-CEHRtxZ5.js';
107
+ import './HelpIcon-DAi3_HhO.js';
108
108
  import './label-Bl6tz8EJ.js';
109
109
  import 'react-colorful';
110
110
  import './primitives/Popover.js';
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { c as cn } from '../utils-BJnb9o5c.js';
3
- import { H as HelpIcon } from '../HelpIcon-CEHRtxZ5.js';
3
+ import { H as HelpIcon } from '../HelpIcon-DAi3_HhO.js';
4
4
  import { useMemo } from 'react';
5
5
  import { c as cva } from '../index-Bo3AAQJp.js';
6
6
  import { L as Label } from '../label-Bl6tz8EJ.js';
@@ -104,7 +104,7 @@ import '../dialog-CT2j-JaR.js';
104
104
  import '../index-BQtGUR27.js';
105
105
  import '../index-XvwNqU74.js';
106
106
  import '../index-DT56XkyA.js';
107
- import '../HelpIcon-CEHRtxZ5.js';
107
+ import '../HelpIcon-DAi3_HhO.js';
108
108
  import '../renderIcon-C6twJSqH.js';
109
109
  import '../Popover-B0QALwsd.js';
110
110
  import '../Typography-Bu78IBJy.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigbinary/neeto-atoms",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "author": "BigBinary",
5
5
  "license": "MIT",
6
6
  "engines": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"HelpIcon-CEHRtxZ5.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-3.5\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-sm text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"mt-1 h-auto self-start p-0\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n href={helpLinkProps.href}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,wBACE,OAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,+BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
@@ -1 +0,0 @@
1
- {"version":3,"file":"HelpIcon-39gUuk1F.js","sources":["../../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n Tooltip,\n TooltipContent,\n TooltipProvider,\n TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n top: \"top\",\n bottom: \"bottom\",\n left: \"left\",\n right: \"right\",\n auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n /** Tooltip content. */\n content?: React.ReactNode;\n /** Tooltip position. */\n position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n /** Popover title. */\n title?: React.ReactNode;\n /** Popover description. */\n description?: React.ReactNode;\n /** Props for an optional help link button inside the popover. */\n helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n /** Click handler on the help icon. */\n onClick?: () => void;\n /** Custom icon. Defaults to CircleHelpIcon. */\n icon?: IconProp;\n /** Show a tooltip on hover. */\n tooltipProps?: HelpIconTooltipProps;\n /** Show a popover on hover with title, description, and optional link. */\n popoverProps?: HelpIconPopoverProps;\n /** Additional class name for the help icon. */\n className?: string;\n /** `data-testid` for the help icon. */\n \"data-testid\"?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n const iconElement = (\n <span\n className={cn(\n \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n helpIconProps.onClick && \"cursor-pointer\",\n helpIconProps.className\n )}\n data-testid={helpIconProps[\"data-testid\"]}\n onClick={helpIconProps.onClick}\n >\n {renderIcon(icon, \"size-3.5\")}\n </span>\n );\n\n if (helpIconProps.popoverProps) {\n const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n return (\n <Popover trigger={iconElement}>\n {title && (\n <Popover.Title data-testid=\"help-popover-title\">\n {title}\n </Popover.Title>\n )}\n {description && (\n <p\n className=\"text-sm text-muted-foreground\"\n data-testid=\"help-popover-description\"\n >\n {description}\n </p>\n )}\n {helpLinkProps && (\n <Button\n variant=\"link\"\n size=\"sm\"\n className=\"mt-1 h-auto self-start p-0\"\n data-testid=\"help-popover-link-button\"\n {...helpLinkProps}\n href={helpLinkProps.href}\n />\n )}\n </Popover>\n );\n }\n\n if (helpIconProps.tooltipProps?.content) {\n const side =\n SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n <TooltipContent side={side}>\n {helpIconProps.tooltipProps.content}\n </TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n }\n\n return iconElement;\n};\n"],"names":["createLucideIcon","CircleHelpIcon","jsx","cn","renderIcon","jsxs","Popover","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAGA,iCAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAiCO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQC,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJC,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,QAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,aAAA,EAAa,cAAc,aAAa,CAAA;AAAA,MACxC,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAAC,qBAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACEC,eAAA,CAACC,eAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,mCACEA,eAAA,CAAQ,KAAA,EAAR,EAAc,aAAA,EAAY,sBACxB,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,WAAA,oBACCJ,cAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,+BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,MAED,aAAA,oBACCA,cAAA;AAAA,QAACK,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACV,aAAA,EAAY,0BAAA;AAAA,UACX,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACEL,cAAA,CAACM,kCAAA,EAAA,EACC,QAAA,kBAAAH,eAAA,CAACI,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAP,cAAA,CAACQ,iCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrCR,cAAA,CAACS,iCAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}