@oztix/roadie-components 2.0.1 → 2.0.2

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 (164) hide show
  1. package/dist/Accordion.d.ts +42 -21
  2. package/dist/Accordion.d.ts.map +1 -0
  3. package/dist/Accordion.js +1 -2
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/Autocomplete.d.ts +101 -60
  6. package/dist/Autocomplete.d.ts.map +1 -0
  7. package/dist/Autocomplete.js +1 -2
  8. package/dist/Autocomplete.js.map +1 -1
  9. package/dist/Badge.d.ts +27 -16
  10. package/dist/Badge.d.ts.map +1 -0
  11. package/dist/Badge.js +1 -1
  12. package/dist/Badge.js.map +1 -1
  13. package/dist/Breadcrumb.d.ts +45 -23
  14. package/dist/Breadcrumb.d.ts.map +1 -0
  15. package/dist/Breadcrumb.js +1 -1
  16. package/dist/Breadcrumb.js.map +1 -1
  17. package/dist/Button-CDQ6ik0P.js +2 -0
  18. package/dist/Button-CDQ6ik0P.js.map +1 -0
  19. package/dist/Button-DdE0vCfo.js +2 -0
  20. package/dist/Button-DdE0vCfo.js.map +1 -0
  21. package/dist/Button-Dt1TGgrL.d.ts +26 -0
  22. package/dist/Button-Dt1TGgrL.d.ts.map +1 -0
  23. package/dist/Button.d.ts +3 -17
  24. package/dist/Button.js +1 -2
  25. package/dist/Card.d.ts +56 -30
  26. package/dist/Card.d.ts.map +1 -0
  27. package/dist/Card.js +1 -1
  28. package/dist/Card.js.map +1 -1
  29. package/dist/Code.d.ts +19 -13
  30. package/dist/Code.d.ts.map +1 -0
  31. package/dist/Code.js +1 -1
  32. package/dist/Code.js.map +1 -1
  33. package/dist/Combobox.d.ts +111 -63
  34. package/dist/Combobox.d.ts.map +1 -0
  35. package/dist/Combobox.js +1 -2
  36. package/dist/Combobox.js.map +1 -1
  37. package/dist/Field.d.ts +63 -46
  38. package/dist/Field.d.ts.map +1 -0
  39. package/dist/Field.js +1 -2
  40. package/dist/Field.js.map +1 -1
  41. package/dist/Fieldset.d.ts +34 -22
  42. package/dist/Fieldset.d.ts.map +1 -0
  43. package/dist/Fieldset.js +1 -2
  44. package/dist/Fieldset.js.map +1 -1
  45. package/dist/Highlight.d.ts +20 -15
  46. package/dist/Highlight.d.ts.map +1 -0
  47. package/dist/Highlight.js +1 -2
  48. package/dist/Highlight.js.map +1 -1
  49. package/dist/Indicator.d.ts +20 -12
  50. package/dist/Indicator.d.ts.map +1 -0
  51. package/dist/Indicator.js +1 -1
  52. package/dist/Indicator.js.map +1 -1
  53. package/dist/Input.d.ts +22 -14
  54. package/dist/Input.d.ts.map +1 -0
  55. package/dist/Input.js +1 -2
  56. package/dist/Input.js.map +1 -1
  57. package/dist/Label.d.ts +12 -8
  58. package/dist/Label.d.ts.map +1 -0
  59. package/dist/Label.js +1 -1
  60. package/dist/Label.js.map +1 -1
  61. package/dist/LinkButton-9nnOzX_0.js +2 -0
  62. package/dist/LinkButton-9nnOzX_0.js.map +1 -0
  63. package/dist/LinkButton.d.ts +2 -35
  64. package/dist/LinkButton.js +1 -2
  65. package/dist/Mark.d.ts +19 -12
  66. package/dist/Mark.d.ts.map +1 -0
  67. package/dist/Mark.js +1 -1
  68. package/dist/Mark.js.map +1 -1
  69. package/dist/Marquee.d.ts +27 -16
  70. package/dist/Marquee.d.ts.map +1 -0
  71. package/dist/Marquee.js +5 -2
  72. package/dist/Marquee.js.map +1 -1
  73. package/dist/Prose.d.ts +19 -12
  74. package/dist/Prose.d.ts.map +1 -0
  75. package/dist/Prose.js +1 -1
  76. package/dist/Prose.js.map +1 -1
  77. package/dist/RadioGroup.d.ts +62 -38
  78. package/dist/RadioGroup.d.ts.map +1 -0
  79. package/dist/RadioGroup.js +1 -2
  80. package/dist/RadioGroup.js.map +1 -1
  81. package/dist/Select.d.ts +129 -73
  82. package/dist/Select.d.ts.map +1 -0
  83. package/dist/Select.js +1 -2
  84. package/dist/Select.js.map +1 -1
  85. package/dist/Separator.d.ts +17 -12
  86. package/dist/Separator.d.ts.map +1 -0
  87. package/dist/Separator.js +1 -1
  88. package/dist/Separator.js.map +1 -1
  89. package/dist/SpotIllustration.d.ts +71 -50
  90. package/dist/SpotIllustration.d.ts.map +1 -0
  91. package/dist/SpotIllustration.js +1 -2
  92. package/dist/SpotIllustration.js.map +1 -1
  93. package/dist/Steps.d.ts +102 -62
  94. package/dist/Steps.d.ts.map +1 -0
  95. package/dist/Steps.js +1 -2
  96. package/dist/Steps.js.map +1 -1
  97. package/dist/Textarea.d.ts +22 -13
  98. package/dist/Textarea.d.ts.map +1 -0
  99. package/dist/Textarea.js +1 -2
  100. package/dist/Textarea.js.map +1 -1
  101. package/dist/index-0w-ydb3o.d.ts +50 -0
  102. package/dist/index-0w-ydb3o.d.ts.map +1 -0
  103. package/dist/index-C3_4djmE.d.ts +17 -0
  104. package/dist/index-C3_4djmE.d.ts.map +1 -0
  105. package/dist/index.d.ts +47 -49
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.js +23 -23
  108. package/dist/index.js.map +1 -1
  109. package/dist/variants-DTAwzBl3.js +2 -0
  110. package/dist/variants-DTAwzBl3.js.map +1 -0
  111. package/package.json +6 -5
  112. package/dist/Button-fnIVmjIB.d.ts +0 -18
  113. package/dist/Button.js.map +0 -1
  114. package/dist/LinkButton.js.map +0 -1
  115. package/dist/_chunks/chunk-3H22EQQ6.js +0 -2
  116. package/dist/_chunks/chunk-3H22EQQ6.js.map +0 -1
  117. package/dist/_chunks/chunk-42UB7PQB.js +0 -3
  118. package/dist/_chunks/chunk-42UB7PQB.js.map +0 -1
  119. package/dist/_chunks/chunk-4LGCF3SN.js +0 -3
  120. package/dist/_chunks/chunk-4LGCF3SN.js.map +0 -1
  121. package/dist/_chunks/chunk-AFSDN4WI.js +0 -2
  122. package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
  123. package/dist/_chunks/chunk-BQEJDV7D.js +0 -3
  124. package/dist/_chunks/chunk-BQEJDV7D.js.map +0 -1
  125. package/dist/_chunks/chunk-DRVUAPKN.js +0 -2
  126. package/dist/_chunks/chunk-DRVUAPKN.js.map +0 -1
  127. package/dist/_chunks/chunk-EKOEXSAP.js +0 -2
  128. package/dist/_chunks/chunk-EKOEXSAP.js.map +0 -1
  129. package/dist/_chunks/chunk-FQNVMKKV.js +0 -7
  130. package/dist/_chunks/chunk-FQNVMKKV.js.map +0 -1
  131. package/dist/_chunks/chunk-IEDKSZAQ.js +0 -3
  132. package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
  133. package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
  134. package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
  135. package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
  136. package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
  137. package/dist/_chunks/chunk-LHNOY24C.js +0 -2
  138. package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
  139. package/dist/_chunks/chunk-LMV3JECI.js +0 -3
  140. package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
  141. package/dist/_chunks/chunk-MDRAL676.js +0 -3
  142. package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
  143. package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
  144. package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
  145. package/dist/_chunks/chunk-NRVNUMJE.js +0 -2
  146. package/dist/_chunks/chunk-NRVNUMJE.js.map +0 -1
  147. package/dist/_chunks/chunk-OIAETOZT.js +0 -3
  148. package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
  149. package/dist/_chunks/chunk-OIZX63GZ.js +0 -2
  150. package/dist/_chunks/chunk-OIZX63GZ.js.map +0 -1
  151. package/dist/_chunks/chunk-OPR5JL7N.js +0 -3
  152. package/dist/_chunks/chunk-OPR5JL7N.js.map +0 -1
  153. package/dist/_chunks/chunk-SCS7WZ6Z.js +0 -3
  154. package/dist/_chunks/chunk-SCS7WZ6Z.js.map +0 -1
  155. package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
  156. package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
  157. package/dist/_chunks/chunk-WOU2B425.js +0 -3
  158. package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
  159. package/dist/_chunks/chunk-XERFFH3S.js +0 -3
  160. package/dist/_chunks/chunk-XERFFH3S.js.map +0 -1
  161. package/dist/_chunks/chunk-XRFHVFJ5.js +0 -3
  162. package/dist/_chunks/chunk-XRFHVFJ5.js.map +0 -1
  163. package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
  164. package/dist/_chunks/chunk-ZXR32FYA.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/SpotIllustration/SpotIllustration.tsx","../src/components/SpotIllustration/createSpotIllustration.tsx","../src/components/SpotIllustration/json/arrow-up-right.json","../src/components/SpotIllustration/ArrowUpRight.tsx","../src/components/SpotIllustration/json/cowboy-hat.json","../src/components/SpotIllustration/CowboyHat.tsx","../src/components/SpotIllustration/json/cursor.json","../src/components/SpotIllustration/Cursor.tsx","../src/components/SpotIllustration/json/flower-spiral.json","../src/components/SpotIllustration/FlowerSpiral.tsx","../src/components/SpotIllustration/json/football.json","../src/components/SpotIllustration/Football.tsx","../src/components/SpotIllustration/json/hand.json","../src/components/SpotIllustration/Hand.tsx","../src/components/SpotIllustration/json/heart.json","../src/components/SpotIllustration/Heart.tsx","../src/components/SpotIllustration/json/high-five.json","../src/components/SpotIllustration/HighFive.tsx","../src/components/SpotIllustration/json/map-pin.json","../src/components/SpotIllustration/MapPin.tsx","../src/components/SpotIllustration/json/note-music.json","../src/components/SpotIllustration/NoteMusic.tsx","../src/components/SpotIllustration/json/ticket.json","../src/components/SpotIllustration/Ticket.tsx","../src/components/SpotIllustration/json/wine-glass.json","../src/components/SpotIllustration/WineGlass.tsx"],"names":["layerColors","layerStyles","outlineHiddenStyle","svgStyle","SpotIllustration","illustration","outline","className","ref","props","viewBox","paths","jsx","cn","path","index","createSpotIllustration","name","data","Component","arrow_up_right_default","ArrowUpRight","cowboy_hat_default","CowboyHat","cursor_default","Cursor","flower_spiral_default","FlowerSpiral","football_default","Football","hand_default","Hand","heart_default","Heart","high_five_default","HighFive","map_pin_default","MapPin","note_music_default","NoteMusic","ticket_default","Ticket","wine_glass_default","WineGlass"],"mappings":"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","file":"SpotIllustration.js","sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\ninterface PathData {\n d: string\n layer: 'outline' | 'face' | 'detail' | 'shadow' | 'highlight' | 'stroke'\n}\n\ninterface IllustrationData {\n viewBox: string\n paths: PathData[]\n}\n\nexport interface SpotIllustrationProps\n extends Omit<ComponentProps<'svg'>, 'outline'> {\n illustration: IllustrationData\n outline?: boolean\n}\n\n/**\n * Illustration colors reference CSS tokens defined in tokens.css.\n * These are fixed and do NOT change in dark mode.\n */\nconst layerColors: Record<\n PathData['layer'],\n { fill?: string; stroke?: string }\n> = {\n outline: { fill: 'var(--color-illustration-outline)' },\n face: { fill: 'var(--color-illustration-face)' },\n detail: { fill: 'var(--color-illustration-detail)' },\n shadow: { fill: 'var(--color-illustration-shadow)' },\n highlight: { fill: 'var(--color-illustration-highlight)' },\n stroke: { fill: 'none', stroke: 'var(--color-illustration-stroke)' }\n}\n\n/** Pre-computed style objects — avoids allocating new objects every render. */\nconst layerStyles: Record<PathData['layer'], React.CSSProperties> = {\n outline: { fill: layerColors.outline.fill },\n face: { fill: layerColors.face.fill },\n detail: { fill: layerColors.detail.fill },\n shadow: { fill: layerColors.shadow.fill },\n highlight: { fill: layerColors.highlight.fill },\n stroke: {\n fill: 'none',\n stroke: layerColors.stroke.stroke,\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round'\n }\n}\n\nconst outlineHiddenStyle: React.CSSProperties = {\n ...layerStyles.outline,\n opacity: 0\n}\n\nconst svgStyle: React.CSSProperties = { fill: 'none' }\n\nexport function SpotIllustration({\n illustration,\n outline = false,\n className,\n ref,\n ...props\n}: SpotIllustrationProps) {\n const { viewBox = '0 0 48 48', paths } = illustration\n\n return (\n <svg\n ref={ref}\n xmlns='http://www.w3.org/2000/svg'\n viewBox={viewBox}\n aria-hidden={!props['aria-label']}\n className={cn('size-12', className)}\n style={svgStyle}\n {...props}\n >\n {paths.map((path: PathData, index: number) => (\n <path\n key={index}\n d={path.d}\n data-part={path.layer}\n style={\n path.layer === 'outline' && !outline\n ? outlineHiddenStyle\n : layerStyles[path.layer]\n }\n />\n ))}\n </svg>\n )\n}\n\nSpotIllustration.displayName = 'SpotIllustration'\n","import {\n SpotIllustration,\n type SpotIllustrationProps\n} from './SpotIllustration'\n\ntype IllustrationJson = SpotIllustrationProps['illustration']\n\nexport type SpotIllustrationComponentProps = Omit<\n SpotIllustrationProps,\n 'illustration'\n>\n\n/**\n * Factory function to create a SpotIllustration component from JSON data\n *\n * @param name - Display name for the component\n * @param data - JSON data imported from the json folder\n * @returns A React component that renders the spot illustration\n *\n * @example\n * ```tsx\n * import { createSpotIllustration } from './createSpotIllustration'\n * import noteMusicData from './json/note-music.json'\n *\n * export const NoteMusic = createSpotIllustration('NoteMusic', noteMusicData)\n * ```\n */\nexport function createSpotIllustration(name: string, data: unknown) {\n function Component(props: SpotIllustrationComponentProps) {\n return (\n <SpotIllustration illustration={data as IllustrationJson} {...props} />\n )\n }\n\n Component.displayName = name\n\n return Component\n}\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"m40.531.849 6.605 4.69c.574.396.906 1.083.857 1.782L46.694 25.9c-.117 1.677-2.22 2.462-3.409 1.275l-3.032-3.031-8.035 8.033-.413 4.054a2 2 0 0 1-.575 1.211l-8.488 8.485a2.026 2.026 0 0 1-2.695.2l-6.541-4.64a2 2 0 0 1-.703-.897l-2.287-5.8-2.626-1.035a2 2 0 0 1-.424-.23l-6.624-4.7c-.995-.707-1.12-2.183-.257-3.046l8.657-8.646a2 2 0 0 1 1.084-.46l4.051-.413 8.527-8.529-3.267-2.319a2.001 2.001 0 0 1 1.018-3.626l18.578-1.3c.466-.014.913.09 1.298.364\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"m17.153 23.364-8.53 8.53-6.624-4.702 8.53-8.53 3.312 2.351z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"m27.417 8.481 4.446 4.446-9.95 9.949.001.001h-.002l-4.759.487-6.624-4.702 4.76-.486L25.993 7.47z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M45.998 7.183 27.42 8.479 20.795 3.78l18.578-1.3z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M45.998 7.182 27.419 8.48l4.446 4.447-9.95 9.95-4.762.487-8.53 8.53 9.082 3.58 3.58 9.083 8.53-8.53.487-4.762 9.951-9.95 4.446 4.445z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"m12.058 33.247 5.65 2.227 3.58 9.082-6.625-4.701z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M45.998 7.182 27.419 8.48m18.579-1.298L44.699 25.76l-4.446-4.445-9.951 9.95-.487 4.762-8.53 8.53-3.58-9.083-9.082-3.58 8.53-8.53M45.998 7.182 39.373 2.48l-18.578 1.3 6.624 4.7m0 0 4.446 4.447-9.95 9.95m0 0-4.762.487m4.762-.487-6.626-4.701-4.76.487 6.624 4.701m-5.095 9.883 5.65 2.227 3.58 9.082-6.625-4.701zm-3.434-1.351 8.53-8.53-6.624-4.702L2 27.194zm23.239-18.969-4.446-4.446-1.424-1.01-10.705 10.706 6.624 4.701 9.951-9.95z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport arrowuprightData from './json/arrow-up-right.json'\n\nexport const ArrowUpRight = createSpotIllustration(\n 'ArrowUpRight',\n arrowuprightData\n)\nexport type ArrowUpRightProps = React.ComponentPropsWithRef<typeof ArrowUpRight>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M25.54 4.655c1.616-.432 3.074-.095 4.279.706l.238.166c2.29 1.687 3.466 4.63 4.636 7.122.455.969.902 1.918 1.37 2.825 1.082.044 2.214.015 3.266-.26 1.08-.283 1.886-1.22 2.827-1.782.984-.588 2.163-1.19 3.348-1.017.558.074 1.067.335 1.492.697.531.499.778 1.16.843 1.87.048.925-.325 1.865-.684 2.616-2.48 5.184-9.116 13.492-14.394 18.436-3.795 3.554-10.261 7.758-16.451 9.095-3.21.693-6.636.674-9.577-.95-3.015-1.664-5.07-4.76-5.995-9.26-.653-3.175-.54-7.067.906-10.147.738-1.572 1.868-3.02 3.507-3.965a8 8 0 0 1 2.942-.99c-.101-1.626.06-3.088.651-4.567.583-1.353 1.382-2.564 2.296-3.717 3.248-4.093 7.848-4.486 10.688-4.552 1.231-1.145 2.49-1.972 3.812-2.326m19.964 7.76q.033.005 0 0\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M25.404 28.406c-6.617 4.326-10.427 2.787-13.244.44-.558.526-1.353 1.834-.744 3.06 1.018 2.05 9.75 4.317 19.233-3.453 7.64-6.26 6.273-7.978 4.274-10.492l-.274-.345c.425 3.292-2.627 6.464-9.245 10.79\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M2.951 34.463c1.665 8.096 7.037 9.717 12.881 8.455C23.68 41.066 27.45 36.11 33.08 28.707c.825-1.085 1.69-2.222 2.613-3.41 2.683-3.45 5.51-6.181 7.407-8.014 1.751-1.692 2.71-2.618 2.027-2.634-.854-.021-2.712 1.247-3.792 2.11-1.406 1.123-5.232 1.096-6.686.857-.729-1.293-1.378-2.675-2.002-4.006-2.515-5.356-4.64-9.881-9.982-4.385-.674.807-1.328 1.772-1.992 2.754-2.536 3.744-5.234 7.727-9.829 4.109-.66 1.654-.655 3.352-.18 6.008-7.144-1.094-8.884 6.671-7.713 12.367M34.65 17.616l.274.345c1.999 2.514 3.366 4.233-4.274 10.492-9.483 7.77-18.215 5.503-19.233 3.453-.609-1.226.186-2.534.744-3.06 2.817 2.347 6.627 3.886 13.244-.44 6.618-4.326 9.67-7.498 9.245-10.79\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M25.404 28.406c-6.617 4.326-10.427 2.787-13.244.44-.558.526-1.353 1.834-.744 3.06 1.018 2.05 9.75 4.317 19.233-3.453 7.64-6.26 6.273-7.978 4.273-10.492l-.273-.345c.425 3.292-2.627 6.464-9.245 10.79\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M12.812 12.938c-.927 1.168-1.569 2.151-1.968 3.15 4.595 3.618 7.293-.365 9.829-4.11.665-.98 1.318-1.946 1.992-2.753h-.022c-2.775.039-6.962.097-9.831 3.713\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M31.215 34.384c5.157-4.83 11.583-12.917 13.9-17.761.69-1.442.548-1.961.012-1.974.682.016-.276.942-2.027 2.634-1.897 1.833-4.724 4.564-7.407 8.015a391 391 0 0 0-2.613 3.409c-5.63 7.402-9.4 12.359-17.248 14.211 5.669-1.224 11.781-5.161 15.383-8.535\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M34.65 17.616c1.453.24 5.28.266 6.685-.857 1.08-.863 2.938-2.131 3.792-2.11M34.65 17.616c.425 3.292-2.627 6.464-9.245 10.79s-10.427 2.787-13.244.44m22.49-11.23c-.73-1.293-1.378-2.675-2.003-4.006-2.515-5.356-4.64-9.881-9.982-4.385m11.984 8.39q.138.177.274.346c1.999 2.514 3.366 4.233-4.274 10.492-9.483 7.77-18.215 5.503-19.233 3.453-.609-1.226.186-2.534.744-3.06m0 0-.282-1.202c-.53-2.26-.946-4.055-1.214-5.548m.18-6.008c.4-.999 1.04-1.982 1.968-3.15 2.869-3.616 7.056-3.674 9.831-3.713h.022m-11.82 6.863c-.662 1.654-.656 3.352-.18 6.008m.18-6.008c4.594 3.618 7.292-.365 9.828-4.11.665-.98 1.318-1.946 1.992-2.753m-12 12.871C3.52 21.002 1.78 28.767 2.95 34.463c1.665 8.096 7.037 9.717 12.881 8.455m0 0c5.669-1.224 11.781-5.161 15.383-8.535 5.157-4.83 11.583-12.916 13.9-17.76.69-1.442.548-1.961.012-1.974m-29.295 28.27c7.848-1.853 11.618-6.81 17.248-14.212.825-1.085 1.69-2.222 2.613-3.41 2.683-3.45 5.51-6.181 7.407-8.014 1.751-1.692 2.71-2.618 2.027-2.634\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport cowboyhatData from './json/cowboy-hat.json'\n\nexport const CowboyHat = createSpotIllustration('CowboyHat', cowboyhatData)\nexport type CowboyHatProps = React.ComponentPropsWithRef<typeof CowboyHat>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"m9.597 1.71 32.823 8.54c1.616.42 2.012 2.611.647 3.571l-8.134 5.719 12.252 9.018c.971.715 1.081 2.172.229 3.025L37.03 41.966a2 2 0 0 1-.46.343l-7.007 3.803a2 2 0 0 1-2.567-.575l-6.78-9.244c-.469.656-.901 1.544-1.64 1.94l-7.059 3.775c-1.123.6-2.556-.026-2.878-1.258L.066 7.934a2 2 0 0 1 .99-2.268l7.162-3.838a2.1 2.1 0 0 1 1.38-.118\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"m20.197 32.883 4.78-6.826 10.64 14.51-7.008 3.788z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M41.917 12.186 9.093 3.646l8.54 32.823L24.95 26.06l10.665 14.49L46 30.17 31.51 19.503z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"m9.054 3.646 8.573 32.815-7.053 3.783L2 7.429z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M41.917 12.186 9.093 3.646l8.54 32.823L24.95 26.06l10.665 14.49L46 30.17 31.51 19.503z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"m9.054 3.646 8.573 32.815-7.053 3.783L2 7.429z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"m20.197 32.883 4.78-6.826 10.64 14.51-7.008 3.788z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport cursorData from './json/cursor.json'\n\nexport const Cursor = createSpotIllustration('Cursor', cursorData)\nexport type CursorProps = React.ComponentPropsWithRef<typeof Cursor>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M26.483.37a6.4 6.4 0 0 1 2.927.628l.939.557 5.219 4.925a6.4 6.4 0 0 1 1.866 2.753l.073.224.577 1.89a6.4 6.4 0 0 1 3.507 1.975l4.15 3.981a6.43 6.43 0 0 1 2.23 4.274l.021.299a6.43 6.43 0 0 1-1.263 4.154l-.03.039-.136.174-.031.039-1.388 1.682v.001a16.9 16.9 0 0 1-4.502 3.835q.132.074.26.154a6.43 6.43 0 0 1 .328 10.684 6.4 6.4 0 0 1-1.98.95l-.306.079a6.4 6.4 0 0 1-2.194.12l-.313-.044-2.153-.36a16.9 16.9 0 0 1-6.506-2.552q.03.495-.017.99a6.428 6.428 0 0 1-9.415 5.057 6.4 6.4 0 0 1-1.843-1.474l-4.4-4.186v-.002l-.055-.052a6.4 6.4 0 0 1-1.556-2.622l-.578-1.893a6.4 6.4 0 0 1-2.85-1.344q-.394-.326-.718-.695L2.26 30.7a6.43 6.43 0 0 1-1.98-6.771 6.4 6.4 0 0 1 1.188-2.209l1.387-1.684a16.9 16.9 0 0 1 4.464-3.814l-1.25-.993-.001-.001a2 2 0 0 1-.23-.21 6.429 6.429 0 0 1 5.725-10.762l2.153.361.43.078a16.9 16.9 0 0 1 6.024 2.439l.052.035a6.4 6.4 0 0 1 .311-2.38l.082-.235a6.43 6.43 0 0 1 2.193-2.918l.201-.145A6.43 6.43 0 0 1 26.484.37\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M22.592 45.22a4.2 4.2 0 0 1-5.244-2.789l-.637-2.088a14.7 14.7 0 0 1 .687-10.405 6.3 6.3 0 0 0-1.618 1.394l-1.39 1.685a4.2 4.2 0 1 1-6.481-5.342l1.389-1.685a14.7 14.7 0 0 1 9.982-5.287 6.3 6.3 0 0 0-2.594-1.067l-2.154-.36a4.2 4.2 0 0 1 1.386-8.284l2.154.36a14.7 14.7 0 0 1 10.002 6.647 6.3 6.3 0 0 0-.092-3.348l-.638-2.089a4.198 4.198 0 0 1 5.988-4.935 4.2 4.2 0 0 1 2.045 2.48l.638 2.09a14.7 14.7 0 0 1-.688 10.404 6.3 6.3 0 0 0 1.617-1.394l1.39-1.685a4.2 4.2 0 1 1 6.48 5.343l-1.389 1.684a14.7 14.7 0 0 1-9.981 5.287c.773.547 1.66.911 2.594 1.067l2.153.36a4.2 4.2 0 0 1-1.386 8.284l-2.153-.36A14.7 14.7 0 0 1 24.65 34.54a6.3 6.3 0 0 0 .092 3.348l.638 2.089a4.2 4.2 0 0 1-2.788 5.243\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M35.325 22.6a14.7 14.7 0 0 0 1.02-9.115 4.19 4.19 0 0 1 3.67 1.411l4.28 4.108c-.439-.405-1.692-1.199-3.264-.975a4.19 4.19 0 0 0-2.7 1.493l-1.388 1.685a6.3 6.3 0 0 1-1.618 1.393\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M18.104 43.855c-.342-.421-.6-.905-.758-1.424l-.637-2.088a14.7 14.7 0 0 1 .687-10.405 6.3 6.3 0 0 0-1.618 1.394l-1.388 1.685a4.19 4.19 0 0 1-2.738 1.498q.136.647.332 1.29l.638 2.088c.196.644.544 1.23 1.016 1.712z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M7.945 33.06a4.2 4.2 0 0 1-.034-5.385l1.388-1.685a14.7 14.7 0 0 1 9.982-5.287 6.3 6.3 0 0 0-2.594-1.067l-2.154-.36a4.2 4.2 0 0 1-3.153-2.457 14.68 14.68 0 0 0-6.806 4.632l-1.388 1.685a4.2 4.2 0 0 0 .569 5.912z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M11.257 16.508a4.2 4.2 0 0 1 4.663-5.515l2.153.359c1.856.31 3.59.964 5.14 1.894a14.7 14.7 0 0 0-9.864-6.433l-2.154-.36a4.2 4.2 0 0 0-3.74 7.032z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M23.378 13.346A14.7 14.7 0 0 1 28.075 18a6.3 6.3 0 0 0-.092-3.348l-.638-2.089a4.2 4.2 0 0 1 6.703-4.454l-5.072-4.8a4.2 4.2 0 0 0-6.355 4.715l.637 2.089a6.3 6.3 0 0 1 .119 3.234\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m9.298 25.99-1.39 1.685a4.2 4.2 0 1 0 6.483 5.342l1.39-1.685a6.3 6.3 0 0 1 1.617-1.393 14.7 14.7 0 0 0-.687 10.404l.637 2.088a4.2 4.2 0 1 0 8.032-2.454l-.638-2.089a6.3 6.3 0 0 1-.092-3.348 14.7 14.7 0 0 0 10.002 6.647l2.153.36a4.2 4.2 0 1 0 1.386-8.284l-2.153-.36a6.3 6.3 0 0 1-2.594-1.067 14.7 14.7 0 0 0 9.981-5.287l1.389-1.684a4.199 4.199 0 1 0-6.48-5.343l-1.39 1.685M9.298 25.99a14.7 14.7 0 0 1 9.982-5.287 6.3 6.3 0 0 0-2.594-1.067l-2.154-.36M9.298 25.99 7.91 27.675a4.2 4.2 0 0 0 .034 5.384l-4.19-4.011a4.2 4.2 0 0 1-.57-5.912l1.39-1.685a14.68 14.68 0 0 1 6.805-4.632 4.2 4.2 0 0 0 3.152 2.457m0 0a4.2 4.2 0 0 1 1.386-8.284l2.154.36a14.7 14.7 0 0 1 10.002 6.647 6.3 6.3 0 0 0-.092-3.348l-.638-2.089a4.198 4.198 0 0 1 5.989-4.935 4.2 4.2 0 0 1 2.044 2.48l.638 2.09a14.7 14.7 0 0 1-.688 10.404 6.3 6.3 0 0 0 1.617-1.394m0 0 1.387-1.685a4.19 4.19 0 0 1 2.7-1.493c1.572-.224 2.825.57 3.264.975l-4.28-4.108a4.19 4.19 0 0 0-3.67-1.411c.641 3.07.284 6.264-1.02 9.116a6.3 6.3 0 0 0 1.62-1.394m-18.84 22.648c-.342-.421-.6-.905-.758-1.424l-.637-2.088a14.7 14.7 0 0 1 .687-10.405 6.3 6.3 0 0 0-1.618 1.394l-1.388 1.685a4.19 4.19 0 0 1-2.738 1.498q.136.647.332 1.29l.638 2.088c.196.644.544 1.23 1.016 1.712zm-6.847-27.347a4.2 4.2 0 0 1 4.663-5.515l2.153.359c1.856.31 3.59.964 5.14 1.894a14.7 14.7 0 0 0-9.864-6.433l-2.154-.36a4.2 4.2 0 0 0-3.74 7.032zm12.12-3.162A14.7 14.7 0 0 1 28.076 18a6.3 6.3 0 0 0-.092-3.348l-.638-2.089a4.2 4.2 0 0 1 6.703-4.454l-5.072-4.8a4.2 4.2 0 0 0-6.355 4.715l.637 2.089a6.3 6.3 0 0 1 .119 3.234z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport flowerspiralData from './json/flower-spiral.json'\n\nexport const FlowerSpiral = createSpotIllustration(\n 'FlowerSpiral',\n flowerspiralData\n)\nexport type FlowerSpiralProps = React.ComponentPropsWithRef<typeof FlowerSpiral>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 49 48\",\n \"paths\": [\n {\n \"d\": \"M35.168.015C37.81.12 40.7.82 42.578 2.813c1.339 1.298 2.176 2.645 3.48 4.308 1.542 1.966 2.002 3.98 1.96 6.408-.045 2.527-.626 5.548-1.657 8.818-1.602 5.085-4.591 10.612-9.27 15.197a38.2 38.2 0 0 1-13.22 8.432c-3.678 1.38-7.279 2.048-10.352 2.023-2.977-.024-5.851-.709-7.625-2.481-.784-.785-2.204-2.428-3.343-3.943C1.386 40.32.759 38.587.486 36.762c-.564-3.777.22-7.73 1.439-11.3C3.619 20.5 6.687 15.178 11.277 10.68c4.433-4.345 9.514-7.336 14.309-9.024C28.978.463 32.287-.1 35.168.015\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"m4.086 40.29.035.035c2.437 2.437 8.882 2.619 15.861 0a36.2 36.2 0 0 0 12.522-7.988c4.413-4.325 7.244-9.554 8.762-14.37 1.961-6.224 1.728-11.758-.123-13.76.768.732 1.514 1.75 2.175 2.653.5.684.951 1.3 1.327 1.676 1.926 1.926 1.799 6.894-.192 13.21-1.517 4.816-4.349 10.044-8.762 14.37a36.2 36.2 0 0 1-12.522 7.987c-6.978 2.62-13.423 2.437-15.86 0-.717-.716-2.115-2.331-3.223-3.813\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M3.817 26.108c-2.153 6.308-1.943 11.971.304 14.217 2.437 2.437 8.882 2.619 15.861 0-9.446-2.756-12.942-5.903-16.165-14.217\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M41.06 4.12c-2.593-2.591-8.396-2.835-14.81-.577 7.668 3.786 10.998 6.897 15.016 14.424 1.99-6.316 1.72-11.921-.206-13.847\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M32.504 32.337a36.2 36.2 0 0 1-12.522 7.988C10.536 37.569 7.04 34.422 3.817 26.108c1.602-4.69 4.51-9.737 8.86-14 4.22-4.136 9.048-6.973 13.573-8.565 7.668 3.786 10.998 6.897 15.016 14.424-1.518 4.816-4.35 10.045-8.762 14.37\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"m4.086 40.29.035.035c2.437 2.437 8.882 2.619 15.861 0a36.2 36.2 0 0 0 12.522-7.988c4.413-4.325 7.244-9.554 8.762-14.37 1.961-6.224 1.728-11.758-.123-13.76.768.732 1.514 1.75 2.175 2.653.5.684.951 1.3 1.327 1.676 1.926 1.926 1.799 6.894-.192 13.21-1.517 4.816-4.349 10.044-8.762 14.37a36.2 36.2 0 0 1-12.522 7.987c-6.978 2.62-13.423 2.437-15.86 0-.717-.716-2.115-2.331-3.223-3.813Z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M3.817 26.108c-2.153 6.308-1.943 11.971.304 14.217 2.437 2.437 8.882 2.619 15.861 0-9.446-2.756-12.942-5.903-16.165-14.217Z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M41.06 4.12c-2.593-2.591-8.396-2.835-14.81-.577 7.668 3.786 10.998 6.897 15.016 14.424 1.99-6.316 1.72-11.921-.206-13.847Z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M32.504 32.337a36.2 36.2 0 0 1-12.522 7.988C10.536 37.569 7.04 34.422 3.817 26.108c1.602-4.69 4.51-9.737 8.86-14 4.22-4.136 9.048-6.973 13.573-8.565 7.668 3.786 10.998 6.897 15.016 14.424-1.518 4.816-4.35 10.045-8.762 14.37Z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M14.51 28.855a54 54 0 0 1 2.85-4.275m0 0a55 55 0 0 1 3.706-4.54m-3.706 4.54c-.974-.832-1.814-1.679-2.85-2.833m2.85 2.833c.806.687 1.703 1.364 2.876 2.193m.83-6.734c1.353-1.478 2.807-2.867 4.293-3.99m-4.293 3.99c-.816-.873-1.55-1.78-2.425-2.962m2.425 2.962c.855.915 1.802 1.792 3.097 2.909m1.195-6.898c1.455-1.099 2.94-1.941 4.39-2.36m-4.39 2.36c-.714-.877-1.363-1.792-2.123-2.962m2.124 2.962c.828 1.016 1.746 1.981 3.032 3.232\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport footballData from './json/football.json'\n\nexport const Football = createSpotIllustration('Football', footballData)\nexport type FootballProps = React.ComponentPropsWithRef<typeof Football>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M26.167.04a4.87 4.87 0 0 1 4.426 1.835c2.303-1.339 5.347-.505 6.646 1.821a4.86 4.86 0 0 1 .39 3.802 4.88 4.88 0 0 1 2.798 3.792 4.83 4.83 0 0 1-.381 2.571 4.9 4.9 0 0 1 2.655 3.695h.002l.941 6.262c0 1.367-.084 2.535-.953 3.664l.001.001-8.922 11.61v-.001c-2.717 3.595-6.164 6.837-10.185 8.213-4.203 1.438-8.739.736-13.15-3.001-2.26-1.915-4.191-4.844-4.655-7.823l-1.02-6.563-.01-.033c-.443-2.058-.485-4.029-.417-5.61.115-2.704.705-6.03 1.335-9.109.548-2.681 1.038-5.412 1.702-8.066a5.01 5.01 0 0 1 5.151-4.082 5.05 5.05 0 0 1 3.416 1.54c1.183 1.228 1.409 2.735 1.417 4.352l5.605-7.042A4.88 4.88 0 0 1 26.167.04\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M37.884 13.617a2.833 2.833 0 0 0-4.454-3.501l1.798-2.289a2.834 2.834 0 1 0-4.455-3.5l-1.796 2.287a2.83 2.83 0 0 0-.453-4.008 2.83 2.83 0 0 0-4.001.507l-9.13 11.474-.042-6.546a3.049 3.049 0 0 0-4.926-2.381 3 3 0 0 0-1.09 1.807C8.57 11.6 6.544 19.3 6.328 24.36c-.148 3.466.286 8.59 4.44 12.107 7.842 6.644 15.234 2.019 20.459-4.904l8.92-11.608a2.85 2.85 0 0 0-4.497-3.497z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M40.73 17.963a2.84 2.84 0 0 1-.577 1.991L31.23 31.563c-5.225 6.922-12.617 11.547-20.46 4.904-2.36-1.998-3.517-4.516-4.052-6.955l1.036 6.663c.567 2.327 1.725 4.701 3.972 6.604 7.842 6.643 15.234 2.019 20.46-4.905l8.921-11.608a2.84 2.84 0 0 0 .56-2.15z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m28.977 6.614 1.796-2.287a2.833 2.833 0 1 1 4.455 3.5l-1.798 2.289a2.833 2.833 0 0 1 4.454 3.501l-2.233 2.841a2.848 2.848 0 1 1 4.498 3.497l-8.921 11.608c-5.225 6.923-12.617 11.548-20.46 4.904-4.153-3.516-4.587-8.641-4.439-12.107.215-5.06 2.242-12.76 3.005-16.893a3.01 3.01 0 0 1 3.101-2.453 3.05 3.05 0 0 1 2.916 3.027l.042 6.546 9.13-11.474a2.832 2.832 0 0 1 4.97 2.513c-.105.36-.28.696-.516.988m0 0-7.949 10.113m5.542 2.117 6.861-8.728m4.454 3.5-7.95 10.113m10.795-5.766a2.84 2.84 0 0 1-.577 1.991L31.23 31.563c-5.225 6.922-12.617 11.547-20.46 4.904-2.36-1.998-3.517-4.516-4.052-6.955l1.036 6.663c.567 2.327 1.725 4.701 3.972 6.604 7.842 6.643 15.234 2.019 20.46-4.905l8.921-11.609a2.84 2.84 0 0 0 .56-2.15z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport handData from './json/hand.json'\n\nexport const Hand = createSpotIllustration('Hand', handData)\nexport type HandProps = React.ComponentPropsWithRef<typeof Hand>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M4.9 5.947A11.3 11.3 0 0 1 13.77 4.09c.194.048 1.475.382 1.457.4 3.725 1.276 8.897 2.24 12.108 4.972 1.466-.105 2.937.089 4.328.557 3.026.993 6.046 2 9.032 3.108 5.705 2.122 8.464 8.795 6.537 14.425-.964 2.811-3.138 5.134-5.775 6.487L22.11 43.902a2.26 2.26 0 0 1-1.752.125c-2.825-.706-5.81-1.835-8.513-2.917-.686-.237-.845-.711-1.305-1.17-3.087-6.567-6.615-13.08-9.31-19.815-1.04-2.667-1.598-5.346-.508-8.527A11.73 11.73 0 0 1 4.9 5.947M1.238 20.145l-.007-.02z\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M14.47 6.614c-4.773-1.635-9.932.797-11.617 5.715-.85 2.482-.461 4.574.486 6.995l9.249 19.657 8.496 2.912 19.343-9.86c2.235-1.332 3.82-2.732 4.67-5.21 1.684-4.918-.863-10.113-5.636-11.749l-8.497-2.91a8.8 8.8 0 0 0-4.402-.335 8.94 8.94 0 0 0-3.596-2.303l-8.497-2.912\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M36.587 23.906c1.683-4.916-.862-10.111-5.633-11.746-3.852-1.32-8.021.22-10.368 3.427.113-3.972-2.267-7.653-6.12-8.974-4.771-1.634-9.927.799-11.612 5.716-.851 2.483-.464 4.575.484 6.995L12.58 38.98l19.338-9.864c2.234-1.33 3.818-2.73 4.669-5.21\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M14.47 6.614c-4.773-1.635-9.932.797-11.617 5.715-.85 2.482-.461 4.574.486 6.995l9.249 19.657 8.496 2.912 19.343-9.86c2.235-1.332 3.82-2.732 4.67-5.21 1.684-4.918-.863-10.113-5.636-11.749l-8.497-2.91a8.8 8.8 0 0 0-4.402-.335 8.94 8.94 0 0 0-3.596-2.303l-8.497-2.912z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M36.587 23.906c1.683-4.916-.862-10.111-5.633-11.746-3.852-1.32-8.021.22-10.368 3.427.113-3.972-2.267-7.653-6.12-8.974-4.771-1.634-9.927.799-11.612 5.716-.851 2.483-.464 4.575.484 6.995L12.58 38.98l19.338-9.864c2.234-1.33 3.818-2.73 4.669-5.21\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport heartData from './json/heart.json'\n\nexport const Heart = createSpotIllustration('Heart', heartData)\nexport type HeartProps = React.ComponentPropsWithRef<typeof Heart>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M44.318 33.2c3.516-2.978 3.767-7.23 3.664-9.645-.14-3.28-.98-6.5-1.666-9.698l-.51-2.319c-.642-2.066-1.79-4.23-3.526-5.583a5.47 5.47 0 0 0-3.636-1.152 4.26 4.26 0 0 0-3.67 2.504c-1.333-1.674-2.493-3.984-4.8-4.395-1.234-.155-2.454.117-3.409.958a4.11 4.11 0 0 0-4.289 1.024 4.12 4.12 0 0 0-4.29-1.024c-.887-.782-2.041-1.106-3.208-.988-2.354.299-3.655 2.736-5 4.425a4.216 4.216 0 0 0-6.46-1.604C1.472 7.323 1.34 11.272.9 13.424.492 15.42.095 17.638.017 19.47c-.117 2.758.948 5.376.948 8.09.339 2.16 1.697 4.25 3.337 5.64 2.068 1.75 4.223 2.575 6.34 2.614.073 1.449 1.739 2.75 2.614 3.625.665.729 1.637.858 2.534.558-.19.784-.036 1.617.487 2.192l2.03 2.23c.6.48 1.16.824 1.972.71.696-.174 1.413-.516 1.701-1.235.403-.823 1.553-2.512 2.509-2.139.316.179 1.573 1.768 2.346 2.67a2.245 2.245 0 0 0 2.722.453c.748-.748 1.41-1.34 1.1-2.536-.123-.491-.597-2.458.142-2.629.593-.136 1.481.071 2.003.332a2.246 2.246 0 0 0 2.61-.88c.524-.875.493-1.97-.21-2.746l-1.415-1.552q.535.256 1.098.45c3.064 1.048 6.345.498 9.433-2.117\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M24.525 15.426c.042.46-.091.921-.374 1.288l-5.774 7.514c-3.383 4.48-8.167 7.474-13.243 3.174-1.527-1.293-2.277-2.923-2.623-4.501l.67 4.312c.368 1.506 1.117 3.043 2.571 4.275 5.076 4.3 9.86 1.306 13.243-3.175L24.77 20.8a1.84 1.84 0 0 0 .362-1.392z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M22.683 12.613a1.833 1.833 0 0 0-2.883-2.267l1.164-1.48a1.835 1.835 0 1 0-2.884-2.267l-1.163 1.48a1.834 1.834 0 1 0-2.882-2.266l-5.91 7.427-.027-4.236A1.973 1.973 0 0 0 4.91 7.462c-.369.292-.62.707-.706 1.17-.494 2.675-1.806 7.66-1.945 10.934-.096 2.243.185 5.56 2.873 7.837 5.076 4.3 9.86 1.306 13.243-3.175l5.774-7.513a1.844 1.844 0 1 0-2.912-2.263z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M22.683 12.613a1.834 1.834 0 0 0-2.883-2.267m2.883 2.267-1.446 1.839a1.845 1.845 0 1 1 2.912 2.263l-5.774 7.513c-3.383 4.481-8.167 7.474-13.243 3.174-2.688-2.276-2.969-5.593-2.873-7.836.139-3.275 1.45-8.259 1.945-10.934A1.95 1.95 0 0 1 6.21 7.044a1.973 1.973 0 0 1 1.887 1.96l.027 4.236 5.91-7.426a1.834 1.834 0 1 1 2.882 2.266m5.766 4.533-5.145 6.545m2.262-8.812 1.164-1.48a1.835 1.835 0 1 0-2.884-2.267l-1.163 1.48m2.883 2.267-4.44 5.65m1.557-7.916-5.144 6.546m12.752.8c.042.46-.091.921-.374 1.288l-5.774 7.514c-3.383 4.48-8.167 7.474-13.243 3.174-1.527-1.293-2.277-2.923-2.623-4.501l.67 4.312c.368 1.506 1.117 3.043 2.571 4.275 5.076 4.3 9.86 1.306 13.243-3.175L24.77 20.8a1.84 1.84 0 0 0 .362-1.392z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M22.27 12.613a1.833 1.833 0 0 1 2.882-2.267l-1.163-1.48a1.835 1.835 0 1 1 2.883-2.267l1.163 1.48a1.836 1.836 0 0 1 .936-2.92 1.83 1.83 0 0 1 1.947.655l5.909 7.426.027-4.236a1.973 1.973 0 0 1 3.188-1.542c.37.292.62.707.707 1.17.494 2.675 1.805 7.66 1.944 10.934.096 2.243-.184 5.56-2.873 7.837-5.076 4.3-9.86 1.306-13.242-3.175l-5.774-7.513a1.842 1.842 0 0 1 1.685-2.961 1.85 1.85 0 0 1 1.226.698z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M23.59 20.34q.098.249.261.46l5.775 7.513c3.382 4.481 8.166 7.475 13.242 3.175 2.688-2.276 2.969-5.594 2.873-7.837-.1-2.35-.803-5.581-1.376-8.207a95 95 0 0 1-.569-2.727c-.211-1.134-2.022-5.798-4.767-5.658 1.688.101 1.826 2.023 1.883 2.284.621 2.883 1.688 8.029 1.782 10.223.095 2.243-.185 5.56-2.873 7.837-5.077 4.3-9.861 1.306-13.243-3.175z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M42.694 19.566c.095 2.243-.185 5.56-2.873 7.837-5.077 4.3-9.861 1.306-13.243-3.175m16.116-4.662c-.094-2.194-1.16-7.34-1.782-10.223-.057-.261-.194-2.183-1.883-2.284 2.745-.14 4.556 4.524 4.767 5.658.14.755.344 1.694.57 2.727.572 2.626 1.275 5.857 1.375 8.207.096 2.243-.185 5.56-2.873 7.837-5.076 4.3-9.86 1.306-13.243-3.175L23.851 20.8a1.9 1.9 0 0 1-.26-.46l2.987 3.888m16.116-4.662c-.14-3.275-1.451-8.259-1.945-10.934a1.95 1.95 0 0 0-2.008-1.588 1.973 1.973 0 0 0-1.887 1.96l-.027 4.236-5.91-7.426a1.834 1.834 0 1 0-2.882 2.266m-1.457 16.148-5.774-7.513a1.842 1.842 0 0 1 1.685-2.961 1.85 1.85 0 0 1 1.226.698l-1.446-1.84m0 0a1.833 1.833 0 0 1 2.883-2.266m-2.883 2.267 5.145 6.545m-2.262-8.812-1.163-1.48a1.835 1.835 0 1 1 2.883-2.267l1.163 1.48m-2.883 2.267 4.44 5.65M28.036 8.08l5.145 6.546m-12.753.8c-.042.46.091.921.374 1.288l5.775 7.514c3.382 4.48 8.166 7.474 13.243 3.174 1.527-1.293 2.276-2.923 2.622-4.501\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M17.935 22.198c1.386 2.83 3.417 3.49 4.26 3.465.842.024 2.873-.635 4.26-3.465-.65 2.479-.55 6.944 5.054 4.981-1.304.841-2.907 2.441-2.945 4.259.038 1.817 1.64 3.417 2.945 4.259-5.603-1.964-5.705 2.502-5.055 4.98-1.386-2.83-3.417-3.489-4.259-3.465-.843-.024-2.874.636-4.26 3.465.65-2.478.548-6.944-5.054-4.98 1.303-.842 2.906-2.442 2.944-4.26-.038-1.817-1.64-3.417-2.944-4.258 5.602 1.963 5.704-2.502 5.053-4.98\",\n \"layer\": \"highlight\"\n },\n {\n \"d\": \"m17.935 40.678 2.031 2.229c1.386-2.83 3.417-3.49 4.26-3.465.42-.012 1.136.146 1.92.66-1.363-2.345-3.17-2.912-3.951-2.89-.843-.023-2.874.637-4.26 3.466\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m12.88 35.697 2.032 2.228c1.369-.48 2.41-.575 3.191-.41-.358-1.751-1.706-3.05-5.222-1.819\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m26.454 40.677 2.032 2.23c-.65-2.479-.549-6.944 5.054-4.981l-2.031-2.23c-5.603-1.963-5.704 2.503-5.054 4.981\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M31.096 35.413c-.298-.543-.488-1.132-.501-1.745.038-1.818 1.64-3.418 2.944-4.26l-2.03-2.228c-1.305.84-2.908 2.44-2.945 4.259.034 1.629 1.326 3.084 2.532 3.974\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M28.318 27.59c-.212-1.04-.074-2.24.168-3.162l-2.032-2.23c-.49 1.874-.553 4.88 1.864 5.392\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M26.454 22.198c-1.386 2.83-3.417 3.489-4.26 3.465-.842.024-2.873-.635-4.26-3.465.651 2.479.55 6.944-5.053 4.981 1.303.841 2.906 2.441 2.944 4.259-.038 1.817-1.64 3.417-2.944 4.259m13.573-13.499c-.65 2.479-.549 6.944 5.055 4.981m-5.055-4.98 2.032 2.229c-.242.923-.38 2.121-.168 3.162-2.417-.511-2.355-3.518-1.864-5.392m5.055 4.98c-1.304.841-2.907 2.441-2.945 4.259.038 1.817 1.64 3.417 2.945 4.259m0-8.518 2.03 2.23c-1.304.841-2.906 2.441-2.944 4.259.013.613.203 1.202.5 1.745-1.205-.89-2.497-2.345-2.531-3.974.037-1.818 1.64-3.419 2.945-4.26m0 8.518c-5.603-1.964-5.705 2.502-5.055 4.98m5.055-4.98 2.031 2.229c-5.603-1.963-5.703 2.502-5.054 4.98l-2.032-2.229m0 0c-1.386-2.83-3.417-3.489-4.259-3.465m0 0c-.843-.024-2.874.636-4.26 3.465m4.26-3.465c.782-.022 2.588.545 3.951 2.89-.784-.514-1.5-.672-1.92-.66-.843-.024-2.874.635-4.26 3.465l-2.031-2.23m0 0c.65-2.478.548-6.944-5.054-4.98m0 0 2.031 2.228c1.369-.48 2.41-.575 3.191-.41-.358-1.751-1.706-3.05-5.222-1.819\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport highfiveData from './json/high-five.json'\n\nexport const HighFive = createSpotIllustration('HighFive', highfiveData)\nexport type HighFiveProps = React.ComponentPropsWithRef<typeof HighFive>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M22.357.002C29.314.1 35.343 4.838 39.042 10.446c2.034 3.082 3.43 6.654 3.382 10.088-.078 5.505-2.673 10.947-5.772 15.523-2.856 4.219-6.288 8.012-9.982 11.417a1.987 1.987 0 0 1-2.747-.051c-1.4-1.392-2.528-2.636-3.848-3.85-2.985-2.723-6.589-7.337-9.433-12.25-2.677-4.625-5.203-9.97-5.054-15.435C5.942 6.95 13.362-.124 22.358.002m2.33 17.737a2.84 2.84 0 0 0-1.367 1.368 2.88 2.88 0 0 0 1.366-1.368\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M29.894 4.508c4.006 2.59 6.63 7.122 6.557 12.243-.138 9.735-9.272 20.018-14.869 25.181a119 119 0 0 0 2.876 2.898q.455.447.872.86c5.596-5.163 14.736-15.448 14.873-25.187.08-5.683-4.685-12.541-10.309-15.995\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M20.963 21.463a5.05 5.05 0 0 1 1.395-4.782 5.1 5.1 0 0 1 4.68-1.293 5.1 5.1 0 0 0-2.915-3.475 5.1 5.1 0 0 0-5.518 1.016c-1.971 1.917-2.018 5.168-.1 7.14a5.05 5.05 0 0 0 2.458 1.394\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M22.327 2.222c7.912.112 14.236 6.617 14.124 14.528-.137 9.739-9.278 20.025-14.874 25.187-5.553-5.064-13.89-17.678-13.78-25.59.113-7.912 6.618-14.236 14.53-14.125m-.13 9.28c-2.75-.04-5.082 2.226-5.121 4.976-.038 2.72 2.227 5.12 4.978 5.12 2.509 0 5.08-2.228 5.12-4.977.038-2.75-2.228-5.08-4.978-5.12\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M36.45 16.751c.073-5.121-2.55-9.653-6.556-12.243 5.624 3.454 10.39 10.312 10.31 15.995-.138 9.739-9.278 20.024-14.874 25.186-1.078-1.07-2.363-2.301-3.748-3.757 5.597-5.163 14.731-15.446 14.869-25.181Zm0 0c.113-7.912-6.21-14.417-14.123-14.529-7.913-.11-14.417 6.213-14.53 14.125-.11 7.912 8.227 20.526 13.78 25.59 5.596-5.162 14.736-15.448 14.874-25.186Zm-9.634-2.068q.138.346.223.705a5.1 5.1 0 0 0-4.681 1.293c-1.261 1.226-1.815 3.035-1.412 4.742-.928-.22-1.766-.66-2.442-1.354m8.312-5.386a5.09 5.09 0 0 0-4.62-3.182c-2.75-.039-5.08 2.227-5.12 4.977a5.05 5.05 0 0 0 1.428 3.59m8.312-5.385a5.09 5.09 0 0 1-1.172 5.486c-1.964 1.91-5.213 1.882-7.14-.1m8.24-17.087a12 12 0 0 0-2.685-.631c.926.125 1.824.338 2.685.631Z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport mappinData from './json/map-pin.json'\n\nexport const MapPin = createSpotIllustration('MapPin', mappinData)\nexport type MapPinProps = React.ComponentPropsWithRef<typeof MapPin>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M26.179 26.197a9.9 9.9 0 0 1-1.033 4.32 9.94 9.94 0 0 1 4.776-2.34v-8.682l-3.743-.46zm21.823 6.637a9.9 9.9 0 0 1-2.985 7.005c-.064.062-.12.108-.14.126l-6.628 5.452q-.03.023-.058.042a9.91 9.91 0 0 1-8.63 2.145 9.92 9.92 0 0 1-7.546-7.732l-.065-.366a9.92 9.92 0 0 1 .922-6.017l-6.413 5.263c-.895.733-1.844 1.355-2.927 1.778a9.9 9.9 0 0 1-5.431.512l-.363-.074a9.92 9.92 0 0 1-7.544-7.733l-.066-.365A9.92 9.92 0 0 1 8.1 21.54l.002-13.928a2.23 2.23 0 0 1 .812-1.77l.004-.004L15.253.656a2 2 0 0 1 .146-.109l.042-.028.19-.113a2.23 2.23 0 0 1 1.135-.25l.167.013L46.04 3.74c.136.017.303.049.487.114l.199.082.002.001A2.23 2.23 0 0 1 48 5.947zM37.975 45.608l.011-.006.01-.006zm.029-.017-.009.005.01-.007z\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M39.439 37.998a7.68 7.68 0 0 1-2.605 5.7l6.628-5.453a7.67 7.67 0 0 0 2.313-5.428V5.947l-6.335 5.183V38z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m23.953 16.519-6.336-.777V31.36a7.67 7.67 0 0 1-2.578 5.675l6.522-5.352a7.67 7.67 0 0 0 2.392-5.505z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M45.769 5.95 16.662 2.378 10.328 7.56l29.105 3.57z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M39.436 11.131 10.33 7.561l-.004 16.047a7.693 7.693 0 1 0 7.288 7.754v-15.62l14.534 1.783v12.72a7.693 7.693 0 1 0 7.288 7.753z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M39.436 11.131 10.33 7.561l-.004 16.047a7.693 7.693 0 1 0 7.288 7.754v-15.62l14.534 1.783v12.72a7.693 7.693 0 1 0 7.288 7.753z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M45.769 5.95 16.662 2.378 10.328 7.56l29.105 3.57z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"M39.439 37.998a7.68 7.68 0 0 1-2.605 5.7l6.628-5.453a7.67 7.67 0 0 0 2.313-5.428V5.947l-6.335 5.183V38z\",\n \"layer\": \"stroke\"\n },\n {\n \"d\": \"m23.953 16.519-6.336-.777V31.36a7.67 7.67 0 0 1-2.578 5.675l6.522-5.352a7.67 7.67 0 0 0 2.392-5.505z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport notemusicData from './json/note-music.json'\n\nexport const NoteMusic = createSpotIllustration('NoteMusic', notemusicData)\nexport type NoteMusicProps = React.ComponentPropsWithRef<typeof NoteMusic>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"M9.419 2.893C10.316 1.34 12.29.867 13.834 1.71l32.435 18.726c.938.542 1.655 1.658 1.65 2.764l-.016 4.7v.002c-.002.4-.11.793-.314 1.138l-2.112 3.553c-.543.911-1.637 1.368-2.675 1.014-1.483-.505-2.517-.255-3.18.144.561.645.777 1.387.886 2.216.108.828.238 4.571.238 4.571.02.413-.072.842-.291 1.227l-.003.004-2.251 3.933a2.24 2.24 0 0 1-1.782 1.12 2.24 2.24 0 0 1-1.355-.286L1.221 26.982a2.25 2.25 0 0 1-1.123-1.946v-.003l.01-4.57c0-.77.043-1.518.44-2.205l1.478-2.56c.88-1.524 2.566-1.84 3.809-1.526l.466.136c.728.176 1.494.03 2.109-.377l-.325-.365-.001-.002a2.25 2.25 0 0 1-.57-1.46V12.1l-.063-4.761-.001-.003a3.85 3.85 0 0 1 .49-1.881l1.478-2.561z\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"m38.506 40.634-2.252 3.935-.102-4.667 2.131-3.665z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m43.55 31.424-.118-4.54s.083-.06.127-.096c.07-.058.108-.141.108-.141l2.01-3.473-.016 4.7z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m43.432 26.884.119 4.54c-3.862-1.317-6.158.903-6.812 2.159-.812-.812-.947-3.271.136-4.783 2.059-2.874 5.159-2.518 6.557-1.916\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M11.364 4.017a.986.986 0 0 1 1.346-.361l32.437 18.727a.986.986 0 0 1 .36 1.347l-1.478 2.56c-.272.472-.874.622-1.39.448a4.93 4.93 0 0 0-4.83 8.368c.408.36.578.956.306 1.427l-1.479 2.561a.986.986 0 0 1-1.346.36L2.854 20.729a.986.986 0 0 1-.361-1.347l1.478-2.56c.272-.472.874-.622 1.39-.449a4.93 4.93 0 0 0 4.83-8.367c-.408-.36-.578-.956-.306-1.428z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M31.383 18.875a.986.986 0 0 1 1.346-.36l2.073 1.196a.986.986 0 0 1 .36 1.346L29.15 31.472a.986.986 0 0 1-1.347.36l-2.072-1.197a.986.986 0 0 1-.361-1.346z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"m2.345 25.038.008-4.57 33.814 19.539.02 4.584z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"m9.761 12.069-.064-4.76c2.232 2.019 2.598 4.544 1.661 6.549z\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"m43.428 27.072.119 4.372 2.11-3.551.017-4.7zm0 0 .098 4.41c-3.862-1.318-6.17.953-6.824 2.21-.63-1.165-.914-3.361.169-4.872 2.059-2.874 5.158-2.35 6.557-1.748ZM12.71 3.656a.986.986 0 0 0-1.346.36L9.885 6.578c-.272.472-.313.881.307 1.428a4.93 4.93 0 0 1-4.831 8.367c-.516-.173-1.118-.023-1.39.448l-1.478 2.561c-.272.472-.148 1.053.36 1.347L35.29 39.455a.986.986 0 0 0 1.346-.36l1.479-2.562c.272-.471.102-1.067-.307-1.427a4.93 4.93 0 0 1-1.004-6.158c1.193-2.067 3.833-2.712 5.849-2.142.515.174.9.051 1.172-.42l1.741-3.008c.272-.471.052-.723-.42-.995zm13.02 26.98 2.073 1.196a.986.986 0 0 0 1.347-.36l6.013-10.415a.986.986 0 0 0-.361-1.346l-2.073-1.197a.986.986 0 0 0-1.346.36L25.37 29.29a.986.986 0 0 0 .36 1.346ZM2.354 20.468l-.008 4.57L36.187 44.59l-.02-4.584zm33.897 24.12 2.252-3.935-.223-4.397-2.131 3.665zM9.697 7.308l.064 4.76 1.597 1.79c.937-2.005.571-4.53-1.66-6.55Z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport ticketData from './json/ticket.json'\n\nexport const Ticket = createSpotIllustration('Ticket', ticketData)\nexport type TicketProps = React.ComponentPropsWithRef<typeof Ticket>\n","{\n \"$comment\": \"Generated file - do not edit directly\",\n \"viewBox\": \"0 0 48 48\",\n \"paths\": [\n {\n \"d\": \"m18.33 38.725-5.971.7c-1.213.197-2.194 1.174-2.194 2.462v1.732c.001 1.915 2.328 2.894 3.708 3.835l.015.012c.056.037.697.534 1.612.534h19.85a2.477 2.477 0 0 0 2.477-2.477l-.008-1.93a2.4 2.4 0 0 0-.23-.85c-.238-.447-.59-.78-1.005-1.062-3.464-2.36-2.594-2.114-6.97-2.624v-4.52c5.49-1.768 9.466-6.91 9.466-12.99q-.001-.967-.133-1.905L36.804 3.667c-.131-.604-.49-1.006-.945-1.385C34.84 1.603 33.223 0 31.757 0H13.775a2.24 2.24 0 0 0-2.17 1.686L9.15 17.135a13.8 13.8 0 0 0 .143 5.683l.11.436c1.15 5.014 4.85 8.415 8.927 10.269z\",\n \"layer\": \"outline\"\n },\n {\n \"d\": \"M12.512 43.817q.056.038.128.039h19.85a.24.24 0 0 0 .24-.24v-1.73a.24.24 0 0 0-.083-.18l2.677 1.825c.197.138.265.14.265.26v1.733a.24.24 0 0 1-.238.238H15.5c-.132 0-.223-.06-.368-.157z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"m34.617 4.144 2.112 15.798q.112.787.112 1.605c0 5.638-4.09 10.322-9.464 11.246v8.257l-2.86-.332v-9.832c5.374-.924 9.464-5.607 9.464-11.245q0-.819-.112-1.606L31.758 2.242h.004z\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M11.564 22.666a11.43 11.43 0 0 0 9.004 8.21v1.144c-4.19-1.502-7.964-4.656-9.004-9.354\",\n \"layer\": \"shadow\"\n },\n {\n \"d\": \"M31.758 2.237H13.775L11.35 17.544a11.5 11.5 0 0 0-.193 2.096c0 5.62 4.062 10.29 9.41 11.237v9.84l-7.952.931a.24.24 0 0 0-.214.237v1.732c0 .132.107.239.239.239h19.85a.24.24 0 0 0 .238-.239v-1.731a.24.24 0 0 0-.213-.237l-8-.931v-9.832c5.376-.923 9.465-5.607 9.465-11.246q0-.817-.112-1.605z\",\n \"layer\": \"face\"\n },\n {\n \"d\": \"M31.657 18.978a9.087 9.087 0 0 1-18.01 1.722c1.34.571 2.72.756 4.357.756 3.117 0 5.664-4.952 8.41-4.952 2.477 0 3.53.356 5.141 1.114q.101.666.102 1.36\",\n \"layer\": \"detail\"\n },\n {\n \"d\": \"M12.64 43.856a.24.24 0 0 1-.128-.04l2.621 1.789c.145.097.236.157.368.157h19.85a.24.24 0 0 0 .17-.072m-22.88-1.834h19.85m-19.85 0a.24.24 0 0 1-.239-.239v-1.731c0-.123.092-.225.214-.238l7.952-.93v-9.842m11.922 12.98c.063 0 .12-.025.163-.064m-.163.064a.24.24 0 0 0 .24-.24m0 0v-1.73m0 1.73c0 .07-.03.132-.077.176m.076-1.906a.24.24 0 0 0-.082-.18l2.677 1.825c.197.138.265.14.265.26v1.733a.24.24 0 0 1-.068.166m-2.792-3.804a.24.24 0 0 0-.213-.237l-8-.931m2.86-7.925c5.376-.924 9.465-5.608 9.465-11.246q0-.817-.112-1.605L34.617 4.144l-2.855-1.902h-.004l2.111 15.793m-6.492 14.758v8.257l-2.86-.332m2.86-7.925-2.86-1.907m0 9.832v-9.832m0 9.832v-9.832m0 0c5.374-.924 9.464-5.607 9.464-11.245q0-.819-.112-1.606m0 0L31.758 2.237H13.775L11.35 17.544a11.5 11.5 0 0 0-.193 2.096c0 5.62 4.062 10.29 9.41 11.237m0 0a11.43 11.43 0 0 1-9.004-8.21c1.04 4.697 4.815 7.85 9.004 9.353zM35.52 45.69l-2.868-1.898m-.996-24.814a9.087 9.087 0 0 1-18.01 1.722c1.34.571 2.72.756 4.357.756 3.117 0 5.664-4.952 8.41-4.952 2.477 0 3.53.356 5.141 1.114q.101.666.102 1.36Z\",\n \"layer\": \"stroke\"\n }\n ]\n}\n","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport wineglassData from './json/wine-glass.json'\n\nexport const WineGlass = createSpotIllustration('WineGlass', wineglassData)\nexport type WineGlassProps = React.ComponentPropsWithRef<typeof WineGlass>\n"]}
1
+ {"version":3,"file":"SpotIllustration.js","names":["arrowuprightData","cowboyhatData","cursorData","flowerspiralData","footballData","handData","heartData","highfiveData","mappinData","notemusicData","ticketData","wineglassData"],"sources":["../src/components/SpotIllustration/SpotIllustration.tsx","../src/components/SpotIllustration/createSpotIllustration.tsx","../src/components/SpotIllustration/json/arrow-up-right.json","../src/components/SpotIllustration/ArrowUpRight.tsx","../src/components/SpotIllustration/json/cowboy-hat.json","../src/components/SpotIllustration/CowboyHat.tsx","../src/components/SpotIllustration/json/cursor.json","../src/components/SpotIllustration/Cursor.tsx","../src/components/SpotIllustration/json/flower-spiral.json","../src/components/SpotIllustration/FlowerSpiral.tsx","../src/components/SpotIllustration/json/football.json","../src/components/SpotIllustration/Football.tsx","../src/components/SpotIllustration/json/hand.json","../src/components/SpotIllustration/Hand.tsx","../src/components/SpotIllustration/json/heart.json","../src/components/SpotIllustration/Heart.tsx","../src/components/SpotIllustration/json/high-five.json","../src/components/SpotIllustration/HighFive.tsx","../src/components/SpotIllustration/json/map-pin.json","../src/components/SpotIllustration/MapPin.tsx","../src/components/SpotIllustration/json/note-music.json","../src/components/SpotIllustration/NoteMusic.tsx","../src/components/SpotIllustration/json/ticket.json","../src/components/SpotIllustration/Ticket.tsx","../src/components/SpotIllustration/json/wine-glass.json","../src/components/SpotIllustration/WineGlass.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\ninterface PathData {\n d: string\n layer: 'outline' | 'face' | 'detail' | 'shadow' | 'highlight' | 'stroke'\n}\n\ninterface IllustrationData {\n viewBox: string\n paths: PathData[]\n}\n\nexport interface SpotIllustrationProps\n extends Omit<ComponentProps<'svg'>, 'outline'> {\n illustration: IllustrationData\n outline?: boolean\n}\n\n/**\n * Illustration colors reference CSS tokens defined in tokens.css.\n * These are fixed and do NOT change in dark mode.\n */\nconst layerColors: Record<\n PathData['layer'],\n { fill?: string; stroke?: string }\n> = {\n outline: { fill: 'var(--color-illustration-outline)' },\n face: { fill: 'var(--color-illustration-face)' },\n detail: { fill: 'var(--color-illustration-detail)' },\n shadow: { fill: 'var(--color-illustration-shadow)' },\n highlight: { fill: 'var(--color-illustration-highlight)' },\n stroke: { fill: 'none', stroke: 'var(--color-illustration-stroke)' }\n}\n\n/** Pre-computed style objects — avoids allocating new objects every render. */\nconst layerStyles: Record<PathData['layer'], React.CSSProperties> = {\n outline: { fill: layerColors.outline.fill },\n face: { fill: layerColors.face.fill },\n detail: { fill: layerColors.detail.fill },\n shadow: { fill: layerColors.shadow.fill },\n highlight: { fill: layerColors.highlight.fill },\n stroke: {\n fill: 'none',\n stroke: layerColors.stroke.stroke,\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round'\n }\n}\n\nconst outlineHiddenStyle: React.CSSProperties = {\n ...layerStyles.outline,\n opacity: 0\n}\n\nconst svgStyle: React.CSSProperties = { fill: 'none' }\n\nexport function SpotIllustration({\n illustration,\n outline = false,\n className,\n ref,\n ...props\n}: SpotIllustrationProps) {\n const { viewBox = '0 0 48 48', paths } = illustration\n\n return (\n <svg\n ref={ref}\n xmlns='http://www.w3.org/2000/svg'\n viewBox={viewBox}\n aria-hidden={!props['aria-label']}\n className={cn('size-12', className)}\n style={svgStyle}\n {...props}\n >\n {paths.map((path: PathData, index: number) => (\n <path\n key={index}\n d={path.d}\n data-part={path.layer}\n style={\n path.layer === 'outline' && !outline\n ? outlineHiddenStyle\n : layerStyles[path.layer]\n }\n />\n ))}\n </svg>\n )\n}\n\nSpotIllustration.displayName = 'SpotIllustration'\n","import {\n SpotIllustration,\n type SpotIllustrationProps\n} from './SpotIllustration'\n\ntype IllustrationJson = SpotIllustrationProps['illustration']\n\nexport type SpotIllustrationComponentProps = Omit<\n SpotIllustrationProps,\n 'illustration'\n>\n\n/**\n * Factory function to create a SpotIllustration component from JSON data\n *\n * @param name - Display name for the component\n * @param data - JSON data imported from the json folder\n * @returns A React component that renders the spot illustration\n *\n * @example\n * ```tsx\n * import { createSpotIllustration } from './createSpotIllustration'\n * import noteMusicData from './json/note-music.json'\n *\n * export const NoteMusic = createSpotIllustration('NoteMusic', noteMusicData)\n * ```\n */\nexport function createSpotIllustration(name: string, data: unknown) {\n function Component(props: SpotIllustrationComponentProps) {\n return (\n <SpotIllustration illustration={data as IllustrationJson} {...props} />\n )\n }\n\n Component.displayName = name\n\n return Component\n}\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport arrowuprightData from './json/arrow-up-right.json'\n\nexport const ArrowUpRight = createSpotIllustration(\n 'ArrowUpRight',\n arrowuprightData\n)\nexport type ArrowUpRightProps = React.ComponentPropsWithRef<typeof ArrowUpRight>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport cowboyhatData from './json/cowboy-hat.json'\n\nexport const CowboyHat = createSpotIllustration('CowboyHat', cowboyhatData)\nexport type CowboyHatProps = React.ComponentPropsWithRef<typeof CowboyHat>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport cursorData from './json/cursor.json'\n\nexport const Cursor = createSpotIllustration('Cursor', cursorData)\nexport type CursorProps = React.ComponentPropsWithRef<typeof Cursor>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport flowerspiralData from './json/flower-spiral.json'\n\nexport const FlowerSpiral = createSpotIllustration(\n 'FlowerSpiral',\n flowerspiralData\n)\nexport type FlowerSpiralProps = React.ComponentPropsWithRef<typeof FlowerSpiral>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport footballData from './json/football.json'\n\nexport const Football = createSpotIllustration('Football', footballData)\nexport type FootballProps = React.ComponentPropsWithRef<typeof Football>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport handData from './json/hand.json'\n\nexport const Hand = createSpotIllustration('Hand', handData)\nexport type HandProps = React.ComponentPropsWithRef<typeof Hand>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport heartData from './json/heart.json'\n\nexport const Heart = createSpotIllustration('Heart', heartData)\nexport type HeartProps = React.ComponentPropsWithRef<typeof Heart>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport highfiveData from './json/high-five.json'\n\nexport const HighFive = createSpotIllustration('HighFive', highfiveData)\nexport type HighFiveProps = React.ComponentPropsWithRef<typeof HighFive>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport mappinData from './json/map-pin.json'\n\nexport const MapPin = createSpotIllustration('MapPin', mappinData)\nexport type MapPinProps = React.ComponentPropsWithRef<typeof MapPin>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport notemusicData from './json/note-music.json'\n\nexport const NoteMusic = createSpotIllustration('NoteMusic', notemusicData)\nexport type NoteMusicProps = React.ComponentPropsWithRef<typeof NoteMusic>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport ticketData from './json/ticket.json'\n\nexport const Ticket = createSpotIllustration('Ticket', ticketData)\nexport type TicketProps = React.ComponentPropsWithRef<typeof Ticket>\n","","// Generated file - do not edit directly\nimport { createSpotIllustration } from './createSpotIllustration'\nimport wineglassData from './json/wine-glass.json'\n\nexport const WineGlass = createSpotIllustration('WineGlass', wineglassData)\nexport type WineGlassProps = React.ComponentPropsWithRef<typeof WineGlass>\n"],"mappings":"sFAwBA,MAAM,EAGF,CACF,QAAS,CAAE,KAAM,oCAAqC,CACtD,KAAM,CAAE,KAAM,iCAAkC,CAChD,OAAQ,CAAE,KAAM,mCAAoC,CACpD,OAAQ,CAAE,KAAM,mCAAoC,CACpD,UAAW,CAAE,KAAM,sCAAuC,CAC1D,OAAQ,CAAE,KAAM,OAAQ,OAAQ,mCAAoC,CACrE,CAGK,EAA8D,CAClE,QAAS,CAAE,KAAM,EAAY,QAAQ,KAAM,CAC3C,KAAM,CAAE,KAAM,EAAY,KAAK,KAAM,CACrC,OAAQ,CAAE,KAAM,EAAY,OAAO,KAAM,CACzC,OAAQ,CAAE,KAAM,EAAY,OAAO,KAAM,CACzC,UAAW,CAAE,KAAM,EAAY,UAAU,KAAM,CAC/C,OAAQ,CACN,KAAM,OACN,OAAQ,EAAY,OAAO,OAC3B,YAAa,GACb,cAAe,QACf,eAAgB,QACjB,CACF,CAEK,EAA0C,CAC9C,GAAG,EAAY,QACf,QAAS,EACV,CAEK,EAAgC,CAAE,KAAM,OAAQ,CAEtD,SAAgB,EAAiB,CAC/B,eACA,UAAU,GACV,YACA,MACA,GAAG,GACqB,CACxB,GAAM,CAAE,UAAU,YAAa,SAAU,EAEzC,OACE,EAAC,MAAD,CACO,MACL,MAAM,6BACG,UACT,cAAa,CAAC,EAAM,cACpB,UAAW,EAAG,UAAW,EAAU,CACnC,MAAO,EACP,GAAI,WAEH,EAAM,KAAK,EAAgB,IAC1B,EAAC,OAAD,CAEE,EAAG,EAAK,EACR,YAAW,EAAK,MAChB,MACE,EAAK,QAAU,WAAa,CAAC,EACzB,EACA,EAAY,EAAK,OAEvB,CARK,EAQL,CACF,CACE,CAAA,CAIV,EAAiB,YAAc,mBCnE/B,SAAgB,EAAuB,EAAc,EAAe,CAClE,SAAS,EAAU,EAAuC,CACxD,OACE,EAAC,EAAD,CAAkB,aAAc,EAA0B,GAAI,EAAS,CAAA,CAM3E,MAFA,GAAU,YAAc,EAEjB,EEhCT,MAAa,EAAe,EAC1B,m+CAED,CEHY,EAAY,EAAuB,qwGAA2B,CEA9D,EAAS,EAAuB,w6BAAqB,CEArD,EAAe,EAC1B,6tIAED,CEHY,EAAW,EAAuB,k2FAAyB,CEA3D,EAAO,EAAuB,+jEAAiB,CEA/C,EAAQ,EAAuB,qoDAAmB,CEAlD,EAAW,EAAuB,orMAAyB,CEA3D,EAAS,EAAuB,k8DAAqB,CEArD,EAAY,EAAuB,2sDAA2B,CEA9D,EAAS,EAAuB,gnFAAqB,CEArD,EAAY,EAAuB,0nFAA2B"}
package/dist/Steps.d.ts CHANGED
@@ -1,104 +1,144 @@
1
- import * as react from 'react';
2
- import { ComponentProps } from 'react';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import { Steps as Steps$1 } from '@ark-ui/react/steps';
6
- export { UseStepsProps, UseStepsReturn, useSteps } from '@ark-ui/react/steps';
7
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import * as _$react from "react";
4
+ import { ComponentProps } from "react";
5
+ import { Steps as Steps$1, UseStepsProps, UseStepsReturn, useSteps } from "@ark-ui/react/steps";
6
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
8
7
 
8
+ //#region src/components/Steps/index.d.ts
9
9
  declare const stepsVariants: (props?: ({
10
- direction?: "horizontal" | "vertical" | null | undefined;
11
- } & class_variance_authority_types.ClassProp) | undefined) => string;
10
+ direction?: "vertical" | "horizontal" | null | undefined;
11
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
12
12
  type StepsProps = Omit<Steps$1.RootProps, 'orientation'> & VariantProps<typeof stepsVariants>;
13
- declare function StepsRoot({ direction, className, ...props }: StepsProps): react_jsx_runtime.JSX.Element;
13
+ declare function StepsRoot({
14
+ direction,
15
+ className,
16
+ ...props
17
+ }: StepsProps): _$react_jsx_runtime0.JSX.Element;
14
18
  declare namespace StepsRoot {
15
- var displayName: string;
19
+ var displayName: string;
16
20
  }
17
21
  type StepsListProps = Steps$1.ListProps;
18
- declare function StepsList({ className, ...props }: StepsListProps): react_jsx_runtime.JSX.Element;
22
+ declare function StepsList({
23
+ className,
24
+ ...props
25
+ }: StepsListProps): _$react_jsx_runtime0.JSX.Element;
19
26
  declare namespace StepsList {
20
- var displayName: string;
27
+ var displayName: string;
21
28
  }
22
29
  interface StepsItemProps {
23
- index: number;
24
- invalid?: boolean;
25
- className?: string;
26
- children?: React.ReactNode;
30
+ index: number;
31
+ invalid?: boolean;
32
+ className?: string;
33
+ children?: React.ReactNode;
27
34
  }
28
- declare function StepsItem({ className, invalid, ...props }: StepsItemProps): react_jsx_runtime.JSX.Element;
35
+ declare function StepsItem({
36
+ className,
37
+ invalid,
38
+ ...props
39
+ }: StepsItemProps): _$react_jsx_runtime0.JSX.Element;
29
40
  declare namespace StepsItem {
30
- var displayName: string;
41
+ var displayName: string;
31
42
  }
32
43
  type StepsTriggerProps = Steps$1.TriggerProps;
33
- declare function StepsTrigger({ className, ...props }: StepsTriggerProps): react_jsx_runtime.JSX.Element;
44
+ declare function StepsTrigger({
45
+ className,
46
+ ...props
47
+ }: StepsTriggerProps): _$react_jsx_runtime0.JSX.Element;
34
48
  declare namespace StepsTrigger {
35
- var displayName: string;
49
+ var displayName: string;
36
50
  }
37
51
  type StepsIndicatorProps = Steps$1.IndicatorProps;
38
- declare function StepsIndicator({ className, children, ...props }: StepsIndicatorProps): react_jsx_runtime.JSX.Element;
52
+ declare function StepsIndicator({
53
+ className,
54
+ children,
55
+ ...props
56
+ }: StepsIndicatorProps): _$react_jsx_runtime0.JSX.Element;
39
57
  declare namespace StepsIndicator {
40
- var displayName: string;
58
+ var displayName: string;
41
59
  }
42
60
  type StepsSeparatorProps = Steps$1.SeparatorProps;
43
- declare function StepsSeparator({ className, ...props }: StepsSeparatorProps): react_jsx_runtime.JSX.Element;
61
+ declare function StepsSeparator({
62
+ className,
63
+ ...props
64
+ }: StepsSeparatorProps): _$react_jsx_runtime0.JSX.Element;
44
65
  declare namespace StepsSeparator {
45
- var displayName: string;
66
+ var displayName: string;
46
67
  }
47
68
  interface StepsContentProps {
48
- index: number;
49
- className?: string;
50
- children?: React.ReactNode;
69
+ index: number;
70
+ className?: string;
71
+ children?: React.ReactNode;
51
72
  }
52
- declare function StepsContent({ className, ...props }: StepsContentProps): react_jsx_runtime.JSX.Element;
73
+ declare function StepsContent({
74
+ className,
75
+ ...props
76
+ }: StepsContentProps): _$react_jsx_runtime0.JSX.Element;
53
77
  declare namespace StepsContent {
54
- var displayName: string;
78
+ var displayName: string;
55
79
  }
56
80
  type StepsCompletedContentProps = Steps$1.CompletedContentProps;
57
- declare function StepsCompletedContent({ className, ...props }: StepsCompletedContentProps): react_jsx_runtime.JSX.Element;
81
+ declare function StepsCompletedContent({
82
+ className,
83
+ ...props
84
+ }: StepsCompletedContentProps): _$react_jsx_runtime0.JSX.Element;
58
85
  declare namespace StepsCompletedContent {
59
- var displayName: string;
86
+ var displayName: string;
60
87
  }
61
88
  type StepsNextTriggerProps = Steps$1.NextTriggerProps;
62
- declare function StepsNextTrigger({ className, ...props }: StepsNextTriggerProps): react_jsx_runtime.JSX.Element;
89
+ declare function StepsNextTrigger({
90
+ className,
91
+ ...props
92
+ }: StepsNextTriggerProps): _$react_jsx_runtime0.JSX.Element;
63
93
  declare namespace StepsNextTrigger {
64
- var displayName: string;
94
+ var displayName: string;
65
95
  }
66
96
  type StepsPrevTriggerProps = Steps$1.PrevTriggerProps;
67
- declare function StepsPrevTrigger({ className, ...props }: StepsPrevTriggerProps): react_jsx_runtime.JSX.Element;
97
+ declare function StepsPrevTrigger({
98
+ className,
99
+ ...props
100
+ }: StepsPrevTriggerProps): _$react_jsx_runtime0.JSX.Element;
68
101
  declare namespace StepsPrevTrigger {
69
- var displayName: string;
102
+ var displayName: string;
70
103
  }
71
104
  type StepsProgressProps = Steps$1.ProgressProps;
72
- declare function StepsProgress({ className, ...props }: StepsProgressProps): react_jsx_runtime.JSX.Element;
105
+ declare function StepsProgress({
106
+ className,
107
+ ...props
108
+ }: StepsProgressProps): _$react_jsx_runtime0.JSX.Element;
73
109
  declare namespace StepsProgress {
74
- var displayName: string;
110
+ var displayName: string;
75
111
  }
76
112
  type StepsTriggerTextProps = ComponentProps<'span'>;
77
- declare function StepsTriggerText({ className, ...props }: StepsTriggerTextProps): react_jsx_runtime.JSX.Element;
113
+ declare function StepsTriggerText({
114
+ className,
115
+ ...props
116
+ }: StepsTriggerTextProps): _$react_jsx_runtime0.JSX.Element;
78
117
  declare namespace StepsTriggerText {
79
- var displayName: string;
118
+ var displayName: string;
80
119
  }
81
120
  declare const Steps: typeof StepsRoot & {
82
- List: typeof StepsList;
83
- Item: typeof StepsItem;
84
- Trigger: typeof StepsTrigger;
85
- TriggerText: typeof StepsTriggerText;
86
- Indicator: typeof StepsIndicator;
87
- Separator: typeof StepsSeparator;
88
- Content: typeof StepsContent;
89
- CompletedContent: typeof StepsCompletedContent;
90
- NextTrigger: typeof StepsNextTrigger;
91
- PrevTrigger: typeof StepsPrevTrigger;
92
- Progress: typeof StepsProgress;
93
- Context: {
94
- (props: Steps$1.ContextProps): react.ReactNode;
95
- displayName: string;
96
- };
97
- ItemContext: {
98
- (props: Steps$1.ItemContextProps): react.ReactNode;
99
- displayName: string;
100
- };
101
- RootProvider: react.ForwardRefExoticComponent<Steps$1.RootProviderProps & react.RefAttributes<HTMLDivElement>>;
121
+ List: typeof StepsList;
122
+ Item: typeof StepsItem;
123
+ Trigger: typeof StepsTrigger;
124
+ TriggerText: typeof StepsTriggerText;
125
+ Indicator: typeof StepsIndicator;
126
+ Separator: typeof StepsSeparator;
127
+ Content: typeof StepsContent;
128
+ CompletedContent: typeof StepsCompletedContent;
129
+ NextTrigger: typeof StepsNextTrigger;
130
+ PrevTrigger: typeof StepsPrevTrigger;
131
+ Progress: typeof StepsProgress;
132
+ Context: {
133
+ (props: Steps$1.ContextProps): _$react.ReactNode;
134
+ displayName: string;
135
+ };
136
+ ItemContext: {
137
+ (props: Steps$1.ItemContextProps): _$react.ReactNode;
138
+ displayName: string;
139
+ };
140
+ RootProvider: _$react.ForwardRefExoticComponent<Steps$1.RootProviderProps & _$react.RefAttributes<HTMLDivElement>>;
102
141
  };
103
-
104
- export { Steps, type StepsItemProps, type StepsProps, stepsVariants };
142
+ //#endregion
143
+ export { Steps, StepsItemProps, StepsProps, type UseStepsProps, type UseStepsReturn, stepsVariants, useSteps };
144
+ //# sourceMappingURL=Steps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Steps.d.ts","names":[],"sources":["../src/components/Steps/index.tsx"],"mappings":"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"}
package/dist/Steps.js CHANGED
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{c as Steps,b as stepsVariants,a as useSteps}from'./_chunks/chunk-XERFFH3S.js';//# sourceMappingURL=Steps.js.map
1
+ "use client";import{cva as e}from"class-variance-authority";import{cn as t}from"@oztix/roadie-core/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useCallback as i,useEffect as a,useRef as o}from"react";import{CheckIcon as s}from"@phosphor-icons/react";import{Steps as c,useSteps as l}from"@ark-ui/react/steps";const u=e(`grid w-full gap-4`,{variants:{direction:{horizontal:``,vertical:`grid-cols-[auto_1fr] gap-3`}},defaultVariants:{direction:`horizontal`}});function d({direction:e,className:r,...i}){return n(c.Root,{orientation:e===`vertical`?`vertical`:`horizontal`,className:t(u({direction:e,className:r})),...i})}d.displayName=`Steps`;function f({className:e,...r}){return n(c.List,{className:t(`flex items-start justify-start rounded-xl bg-subtler px-4 py-3`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2`,e),...r})}f.displayName=`Steps.List`;function p({className:e,invalid:r,...s}){let l=c.Item,u=o(null),d=o(r);a(()=>{if(r&&!d.current){let e=u.current?.querySelector(`[data-part="trigger"]`);e&&(e.classList.remove(`animate-shake`),e.offsetWidth,e.classList.add(`animate-shake`))}d.current=r},[r]);let f=i(e=>{let t=e.currentTarget.querySelector(`[data-part="trigger"]`);t&&t.getAttribute(`tabindex`)===`-1`&&t.hasAttribute(`data-incomplete`)&&(t.classList.remove(`animate-shake`),t.offsetWidth,t.classList.add(`animate-shake`))},[]);return n(l,{ref:u,className:t(`group/step-item flex flex-1 items-center last:flex-none`,`data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch`,e),"data-invalid":r||void 0,onClick:f,...s})}p.displayName=`Steps.Item`;function m({className:e,...r}){return n(c.Trigger,{className:t(`group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out`,`data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2`,`data-current:intent-accent`,e),...r})}m.displayName=`Steps.Trigger`;function h({className:e,children:i,...a}){return r(c.Indicator,{className:t(`flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out`,`border-subtle bg-raised text-subtler`,`group-hover/step:outline-[length:var(--focus-ring-width)]`,`data-current:border-normal data-current:bg-subtle data-current:text-subtle`,`data-complete:emphasis-strong`,`group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...a,children:[n(`span`,{className:`group-data-complete/step:hidden group-data-invalid/step-item:!block`,children:i}),n(s,{weight:`bold`,className:`hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden`})]})}h.displayName=`Steps.Indicator`;function g({className:e,...r}){return n(c.Separator,{className:t(`h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5`,`data-complete:bg-strong`,`data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5`,e),...r})}g.displayName=`Steps.Separator`;function _({className:e,...r}){let i=c.Content;return n(i,{className:t(e),...r})}_.displayName=`Steps.Content`;function v({className:e,...r}){return n(c.CompletedContent,{className:t(e),...r})}v.displayName=`Steps.CompletedContent`;function y({className:e,...r}){return n(c.NextTrigger,{className:t(e),...r})}y.displayName=`Steps.NextTrigger`;function b({className:e,...r}){return n(c.PrevTrigger,{className:t(e),...r})}b.displayName=`Steps.PrevTrigger`;function x({className:e,...r}){return n(c.Progress,{className:t(`relative h-1 w-full overflow-hidden rounded-sm bg-subtle`,`after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out`,e),...r})}x.displayName=`Steps.Progress`;function S({className:e,...r}){return n(`span`,{className:t(`hidden text-sm font-bold md:block`,`group-data-incomplete/step:text-subtle`,`group-data-current/step:text-subtle`,`group-data-complete/step:text-normal`,`group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger`,e),...r})}S.displayName=`Steps.TriggerText`;const C=Object.assign(d,{List:f,Item:p,Trigger:m,TriggerText:S,Indicator:h,Separator:g,Content:_,CompletedContent:v,NextTrigger:y,PrevTrigger:b,Progress:x,Context:c.Context,ItemContext:c.ItemContext,RootProvider:c.RootProvider});export{C as Steps,u as stepsVariants,l as useSteps};
3
2
  //# sourceMappingURL=Steps.js.map
package/dist/Steps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Steps.js"}
1
+ {"version":3,"file":"Steps.js","names":["ArkSteps"],"sources":["../src/components/Steps/index.tsx"],"sourcesContent":["'use client'\n\nimport { type ComponentProps, useCallback, useEffect, useRef } from 'react'\n\nimport {\n Steps as ArkSteps,\n type UseStepsProps,\n type UseStepsReturn,\n useSteps\n} from '@ark-ui/react/steps'\nimport { CheckIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\n/* ─── Re-exports ─── */\n\nexport { useSteps, type UseStepsProps, type UseStepsReturn }\n\n/* ─── Root variants ─── */\n\nexport const stepsVariants = cva('grid w-full gap-4', {\n variants: {\n direction: {\n horizontal: '',\n vertical: 'grid-cols-[auto_1fr] gap-3'\n }\n },\n defaultVariants: {\n direction: 'horizontal'\n }\n})\n\n/* ─── Root ─── */\n\nexport type StepsProps = Omit<ArkSteps.RootProps, 'orientation'> &\n VariantProps<typeof stepsVariants>\n\nfunction StepsRoot({ direction, className, ...props }: StepsProps) {\n return (\n <ArkSteps.Root\n orientation={direction === 'vertical' ? 'vertical' : 'horizontal'}\n className={cn(stepsVariants({ direction, className }))}\n {...props}\n />\n )\n}\n\nStepsRoot.displayName = 'Steps'\n\n/* ─── List ─── */\n\ntype StepsListProps = ArkSteps.ListProps\n\nfunction StepsList({ className, ...props }: StepsListProps) {\n return (\n <ArkSteps.List\n className={cn(\n 'flex items-start justify-start rounded-xl bg-subtler px-4 py-3',\n 'data-[orientation=vertical]:flex-col data-[orientation=vertical]:gap-2',\n className\n )}\n {...props}\n />\n )\n}\n\nStepsList.displayName = 'Steps.List'\n\n/* ─── Item ─── */\n\nexport interface StepsItemProps {\n index: number\n invalid?: boolean\n className?: string\n children?: React.ReactNode\n}\n\ninterface StepsItemInternalProps extends StepsItemProps {\n ref?: React.Ref<HTMLDivElement>\n onClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nfunction StepsItem({ className, invalid, ...props }: StepsItemProps) {\n // Ark UI's types lose `index` in the HTMLProps intersection (upstream bug).\n // Cast is safe — index is required by the Zag.js state machine at runtime.\n const Item = ArkSteps.Item as React.ComponentType<\n Omit<StepsItemInternalProps, 'invalid'>\n >\n\n const itemRef = useRef<HTMLDivElement>(null)\n const prevInvalid = useRef(invalid)\n\n useEffect(() => {\n if (invalid && !prevInvalid.current) {\n const trigger = itemRef.current?.querySelector(\n '[data-part=\"trigger\"]'\n ) as HTMLElement | null\n if (trigger) {\n trigger.classList.remove('animate-shake')\n void trigger.offsetWidth\n trigger.classList.add('animate-shake')\n }\n }\n prevInvalid.current = invalid\n }, [invalid])\n\n const handleClick = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n const trigger = (e.currentTarget as HTMLElement).querySelector(\n '[data-part=\"trigger\"]'\n ) as HTMLElement | null\n if (!trigger) return\n // In linear mode, Ark sets tabindex=\"-1\" on non-current triggers\n // and the onClick returns early — the step doesn't change.\n // We detect this by checking tabindex and data-incomplete.\n const isLocked =\n trigger.getAttribute('tabindex') === '-1' &&\n trigger.hasAttribute('data-incomplete')\n if (!isLocked) return\n trigger.classList.remove('animate-shake')\n void trigger.offsetWidth\n trigger.classList.add('animate-shake')\n }, [])\n\n return (\n <Item\n ref={itemRef}\n className={cn(\n 'group/step-item flex flex-1 items-center last:flex-none',\n 'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n className\n )}\n data-invalid={invalid || undefined}\n onClick={handleClick}\n {...props}\n />\n )\n}\n\nStepsItem.displayName = 'Steps.Item'\n\n/* ─── Trigger ─── */\n\ntype StepsTriggerProps = ArkSteps.TriggerProps\n\nfunction StepsTrigger({ className, ...props }: StepsTriggerProps) {\n return (\n <ArkSteps.Trigger\n className={cn(\n 'group/step flex cursor-pointer flex-col items-center gap-1 rounded-md border-none bg-transparent px-3 py-3 transition-all duration-200 ease-out',\n 'data-[orientation=vertical]:flex-row data-[orientation=vertical]:items-center data-[orientation=vertical]:gap-2',\n 'data-current:intent-accent',\n className\n )}\n {...props}\n />\n )\n}\n\nStepsTrigger.displayName = 'Steps.Trigger'\n\n/* ─── Indicator ─── */\n\ntype StepsIndicatorProps = ArkSteps.IndicatorProps\n\nfunction StepsIndicator({\n className,\n children,\n ...props\n}: StepsIndicatorProps) {\n return (\n <ArkSteps.Indicator\n className={cn(\n 'flex size-10 shrink-0 items-center justify-center rounded-full border text-lg font-black outline-0 outline-offset-0 outline-[color-mix(in_oklch,var(--color-accent-9)_var(--focus-ring-opacity),transparent)] transition-all duration-200 ease-out',\n 'border-subtle bg-raised text-subtler',\n 'group-hover/step:outline-[length:var(--focus-ring-width)]',\n 'data-current:border-normal data-current:bg-subtle data-current:text-subtle',\n 'data-complete:emphasis-strong',\n 'group-data-invalid/step-item:emphasis-normal group-data-invalid/step-item:border-normal group-data-invalid/step-item:bg-subtle group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n className\n )}\n {...props}\n >\n <span className='group-data-complete/step:hidden group-data-invalid/step-item:!block'>\n {children}\n </span>\n <CheckIcon\n weight='bold'\n className='hidden size-5 group-data-complete/step:block group-data-invalid/step-item:!hidden'\n />\n </ArkSteps.Indicator>\n )\n}\n\nStepsIndicator.displayName = 'Steps.Indicator'\n\n/* ─── Separator ─── */\n\ntype StepsSeparatorProps = ArkSteps.SeparatorProps\n\nfunction StepsSeparator({ className, ...props }: StepsSeparatorProps) {\n return (\n <ArkSteps.Separator\n className={cn(\n 'h-0.5 flex-1 bg-subtle transition-all duration-200 ease-out md:bottom-0 md:translate-y-5.5',\n 'data-complete:bg-strong',\n 'data-[orientation=vertical]:ml-4 data-[orientation=vertical]:h-4 data-[orientation=vertical]:w-0.5',\n className\n )}\n {...props}\n />\n )\n}\n\nStepsSeparator.displayName = 'Steps.Separator'\n\n/* ─── Content ─── */\n\ninterface StepsContentProps {\n index: number\n className?: string\n children?: React.ReactNode\n}\n\nfunction StepsContent({ className, ...props }: StepsContentProps) {\n const Content = ArkSteps.Content as React.ComponentType<StepsContentProps>\n return <Content className={cn(className)} {...props} />\n}\n\nStepsContent.displayName = 'Steps.Content'\n\n/* ─── CompletedContent ─── */\n\ntype StepsCompletedContentProps = ArkSteps.CompletedContentProps\n\nfunction StepsCompletedContent({\n className,\n ...props\n}: StepsCompletedContentProps) {\n return <ArkSteps.CompletedContent className={cn(className)} {...props} />\n}\n\nStepsCompletedContent.displayName = 'Steps.CompletedContent'\n\n/* ─── NextTrigger ─── */\n\ntype StepsNextTriggerProps = ArkSteps.NextTriggerProps\n\nfunction StepsNextTrigger({ className, ...props }: StepsNextTriggerProps) {\n return <ArkSteps.NextTrigger className={cn(className)} {...props} />\n}\n\nStepsNextTrigger.displayName = 'Steps.NextTrigger'\n\n/* ─── PrevTrigger ─── */\n\ntype StepsPrevTriggerProps = ArkSteps.PrevTriggerProps\n\nfunction StepsPrevTrigger({ className, ...props }: StepsPrevTriggerProps) {\n return <ArkSteps.PrevTrigger className={cn(className)} {...props} />\n}\n\nStepsPrevTrigger.displayName = 'Steps.PrevTrigger'\n\n/* ─── Progress ─── */\n\ntype StepsProgressProps = ArkSteps.ProgressProps\n\nfunction StepsProgress({ className, ...props }: StepsProgressProps) {\n return (\n <ArkSteps.Progress\n className={cn(\n 'relative h-1 w-full overflow-hidden rounded-sm bg-subtle',\n 'after:absolute after:inset-y-0 after:left-0 after:w-[calc(var(--percent)*1%)] after:bg-strong after:transition-[width] after:duration-300 after:ease-out',\n className\n )}\n {...props}\n />\n )\n}\n\nStepsProgress.displayName = 'Steps.Progress'\n\n/* ─── TriggerText ─── */\n\ntype StepsTriggerTextProps = ComponentProps<'span'>\n\nfunction StepsTriggerText({ className, ...props }: StepsTriggerTextProps) {\n return (\n <span\n className={cn(\n 'hidden text-sm font-bold md:block',\n 'group-data-incomplete/step:text-subtle',\n 'group-data-current/step:text-subtle',\n 'group-data-complete/step:text-normal',\n 'group-data-invalid/step-item:text-subtle group-data-invalid/step-item:intent-danger',\n className\n )}\n {...props}\n />\n )\n}\n\nStepsTriggerText.displayName = 'Steps.TriggerText'\n\n/* ─── Compound export ─── */\n\nexport const Steps = Object.assign(StepsRoot, {\n List: StepsList,\n Item: StepsItem,\n Trigger: StepsTrigger,\n TriggerText: StepsTriggerText,\n Indicator: StepsIndicator,\n Separator: StepsSeparator,\n Content: StepsContent,\n CompletedContent: StepsCompletedContent,\n NextTrigger: StepsNextTrigger,\n PrevTrigger: StepsPrevTrigger,\n Progress: StepsProgress,\n Context: ArkSteps.Context,\n ItemContext: ArkSteps.ItemContext,\n RootProvider: ArkSteps.RootProvider\n})\n"],"mappings":"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"}
@@ -1,19 +1,28 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ComponentProps } from 'react';
4
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { ComponentProps } from "react";
4
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
6
+ //#region src/components/Textarea/index.d.ts
6
7
  declare const textareaVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "normal" | "subtle" | null | undefined;
9
- size?: "sm" | "md" | "lg" | null | undefined;
10
- } & class_variance_authority_types.ClassProp) | undefined) => string;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "normal" | "subtle" | null | undefined;
10
+ size?: "sm" | "md" | "lg" | null | undefined;
11
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
11
12
  interface TextareaProps extends Omit<ComponentProps<'textarea'>, 'size'>, VariantProps<typeof textareaVariants> {
12
- autoResize?: boolean;
13
+ autoResize?: boolean;
13
14
  }
14
- declare function Textarea({ className, intent, emphasis, size, autoResize, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
15
+ declare function Textarea({
16
+ className,
17
+ intent,
18
+ emphasis,
19
+ size,
20
+ autoResize,
21
+ ...props
22
+ }: TextareaProps): _$react_jsx_runtime0.JSX.Element;
15
23
  declare namespace Textarea {
16
- var displayName: string;
24
+ var displayName: string;
17
25
  }
18
-
19
- export { Textarea, type TextareaProps, textareaVariants };
26
+ //#endregion
27
+ export { Textarea, TextareaProps, textareaVariants };
28
+ //# sourceMappingURL=Textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","names":[],"sources":["../src/components/Textarea/index.tsx"],"mappings":";;;;;;cAUa,gBAAA,GAAgB,KAAA;;;;IAqB5B,iCAAA,CAAA,SAAA;AAAA,UAEgB,aAAA,SACP,IAAA,CAAK,cAAA,uBACX,YAAA,QAAoB,gBAAA;EACtB,UAAA;AAAA;AAAA,iBAGc,QAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,UAAA;EAAA,GACG;AAAA,GACF,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPA,QAAA;EAAA,IAAQ,WAAA;AAAA"}
package/dist/Textarea.js CHANGED
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{b as Textarea,a as textareaVariants}from'./_chunks/chunk-OIAETOZT.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Textarea.js.map
1
+ "use client";import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`w-full rounded-lg font-sans min-h-20 resize-y`,{variants:{intent:e,emphasis:{normal:`emphasis-sunken border border-subtle is-interactive-field`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field`},size:{sm:`px-1.5 py-2 text-base`,md:`px-2 py-2.5 text-base`,lg:`px-2 py-3 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function a({className:e,intent:t,emphasis:a,size:o,autoResize:s,...c}){return r(`textarea`,{className:n(i({intent:t,emphasis:a,size:o}),s&&`[field-sizing:content] resize-none`,e),...c})}a.displayName=`Textarea`;export{a as Textarea,i as textareaVariants};
3
2
  //# sourceMappingURL=Textarea.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Textarea.js"}
1
+ {"version":3,"file":"Textarea.js","names":[],"sources":["../src/components/Textarea/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ComponentProps } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const textareaVariants = cva(\n 'w-full rounded-lg font-sans min-h-20 resize-y',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal: 'emphasis-sunken border border-subtle is-interactive-field',\n subtle:\n 'bg-subtle text-normal border border-transparent is-interactive-field'\n },\n size: {\n sm: 'px-1.5 py-2 text-base',\n md: 'px-2 py-2.5 text-base',\n lg: 'px-2 py-3 text-base'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n }\n)\n\nexport interface TextareaProps\n extends Omit<ComponentProps<'textarea'>, 'size'>,\n VariantProps<typeof textareaVariants> {\n autoResize?: boolean\n}\n\nexport function Textarea({\n className,\n intent,\n emphasis,\n size,\n autoResize,\n ...props\n}: TextareaProps) {\n return (\n <textarea\n className={cn(\n textareaVariants({ intent, emphasis, size }),\n autoResize && '[field-sizing:content] resize-none',\n className\n )}\n {...props}\n />\n )\n}\n\nTextarea.displayName = 'Textarea'\n"],"mappings":"6LAUA,MAAa,EAAmB,EAC9B,gDACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,4DACR,OACE,uEACH,CACD,KAAM,CACJ,GAAI,wBACJ,GAAI,wBACJ,GAAI,sBACL,CACF,CACD,gBAAiB,CACf,SAAU,SACV,KAAM,KACP,CACF,CACF,CAQD,SAAgB,EAAS,CACvB,YACA,SACA,WACA,OACA,aACA,GAAG,GACa,CAChB,OACE,EAAC,WAAD,CACE,UAAW,EACT,EAAiB,CAAE,SAAQ,WAAU,OAAM,CAAC,CAC5C,GAAc,qCACd,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc"}
@@ -0,0 +1,50 @@
1
+ import { r as buttonVariants } from "./Button-Dt1TGgrL.js";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { ComponentProps, ElementType } from "react";
5
+
6
+ //#region src/components/LinkButton/LinkButton.d.ts
7
+ type LinkButtonSize = 'xs' | 'sm' | 'md' | 'lg';
8
+ type LinkButtonProps<T extends ElementType = 'a'> = {
9
+ as?: T;
10
+ intent?: VariantProps<typeof buttonVariants>['intent'];
11
+ emphasis?: VariantProps<typeof buttonVariants>['emphasis'];
12
+ size?: LinkButtonSize;
13
+ className?: string;
14
+ } & Omit<ComponentProps<T>, 'as' | 'intent' | 'emphasis' | 'size' | 'className'>;
15
+ declare function LinkButton<T extends ElementType = 'a'>({
16
+ as,
17
+ className,
18
+ intent,
19
+ emphasis,
20
+ size,
21
+ ...props
22
+ }: LinkButtonProps<T>): _$react_jsx_runtime0.JSX.Element;
23
+ declare namespace LinkButton {
24
+ var displayName: string;
25
+ }
26
+ //#endregion
27
+ //#region src/components/LinkButton/LinkIconButton.d.ts
28
+ type LinkIconButtonSize = 'icon-xs' | 'icon-sm' | 'icon-md' | 'icon-lg';
29
+ type LinkIconButtonProps<T extends ElementType = 'a'> = {
30
+ as?: T;
31
+ 'aria-label': string;
32
+ intent?: VariantProps<typeof buttonVariants>['intent'];
33
+ emphasis?: VariantProps<typeof buttonVariants>['emphasis'];
34
+ size?: LinkIconButtonSize;
35
+ className?: string;
36
+ } & Omit<ComponentProps<T>, 'as' | 'aria-label' | 'intent' | 'emphasis' | 'size' | 'className'>;
37
+ declare function LinkIconButton<T extends ElementType = 'a'>({
38
+ as,
39
+ className,
40
+ intent,
41
+ emphasis,
42
+ size,
43
+ ...props
44
+ }: LinkIconButtonProps<T>): _$react_jsx_runtime0.JSX.Element;
45
+ declare namespace LinkIconButton {
46
+ var displayName: string;
47
+ }
48
+ //#endregion
49
+ export { LinkButtonProps as i, LinkIconButtonProps as n, LinkButton as r, LinkIconButton as t };
50
+ //# sourceMappingURL=index-0w-ydb3o.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-0w-ydb3o.d.ts","names":[],"sources":["../src/components/LinkButton/LinkButton.tsx","../src/components/LinkButton/LinkIconButton.tsx"],"mappings":";;;;;;KAQK,cAAA;AAAA,KAEO,eAAA,WAA0B,WAAA;EACpC,EAAA,GAAK,CAAA;EACL,MAAA,GAAS,YAAA,QAAoB,cAAA;EAC7B,QAAA,GAAW,YAAA,QAAoB,cAAA;EAC/B,IAAA,GAAO,cAAA;EACP,SAAA;AAAA,IACE,IAAA,CAAK,cAAA,CAAe,CAAA;AAAA,iBAER,UAAA,WAAqB,WAAA,OAAA,CAAA;EACnC,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,eAAA,CAAgB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPL,UAAA;EAAA,IAAU,WAAA;AAAA;;;KCVrB,kBAAA;AAAA,KAEO,mBAAA,WAA8B,WAAA;EACxC,EAAA,GAAK,CAAA;EACL,YAAA;EACA,MAAA,GAAS,YAAA,QAAoB,cAAA;EAC7B,QAAA,GAAW,YAAA,QAAoB,cAAA;EAC/B,IAAA,GAAO,kBAAA;EACP,SAAA;AAAA,IACE,IAAA,CACF,cAAA,CAAe,CAAA;AAAA,iBAID,cAAA,WAAyB,WAAA,OAAA,CAAA;EACvC,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,mBAAA,CAAoB,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAPT,cAAA;EAAA,IAAc,WAAA;AAAA"}
@@ -0,0 +1,17 @@
1
+ import { n as ButtonProps } from "./Button-Dt1TGgrL.js";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+
4
+ //#region src/components/Button/IconButton.d.ts
5
+ type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {
6
+ 'aria-label': string;
7
+ };
8
+ declare function IconButton({
9
+ size,
10
+ ...props
11
+ }: IconButtonProps): _$react_jsx_runtime0.JSX.Element;
12
+ declare namespace IconButton {
13
+ var displayName: string;
14
+ }
15
+ //#endregion
16
+ export { IconButtonProps as n, IconButton as t };
17
+ //# sourceMappingURL=index-C3_4djmE.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index-C3_4djmE.d.ts","names":[],"sources":["../src/components/Button/IconButton.tsx"],"mappings":";;;;KAIY,eAAA,GAAkB,IAAA,CAAK,WAAA;EACjC,YAAA;AAAA;AAAA,iBAGc,UAAA,CAAA;EAAa,IAAA;EAAA,GAAqB;AAAA,GAAS,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,UAAA;EAAA,IAAU,WAAA;AAAA"}