ics-ui-kit 0.1.7 → 0.1.9

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 (186) hide show
  1. package/README.md +36 -36
  2. package/dist/AlertContext-CxjW1LVL.js.map +1 -1
  3. package/dist/AlertIcon-5B6AgZpe.js.map +1 -1
  4. package/dist/Button-Dg89xRSi.js.map +1 -1
  5. package/dist/ButtonBase-e6qyv6mD.js.map +1 -1
  6. package/dist/CheckboxField-cX09-eBX.js.map +1 -1
  7. package/dist/Command-DrFVm_8w.js +562 -0
  8. package/dist/Command-DrFVm_8w.js.map +1 -0
  9. package/dist/ComponentVariantProvider-brk0g-hm.js +9 -0
  10. package/dist/ComponentVariantProvider-brk0g-hm.js.map +1 -0
  11. package/dist/Description-BTPMlTT-.js.map +1 -1
  12. package/dist/{Dialog-ByiJIDhl.js → Dialog-Bs1B5Iu8.js} +2 -2
  13. package/dist/Dialog-Bs1B5Iu8.js.map +1 -0
  14. package/dist/Divider-DPW5ZhZ8.js.map +1 -1
  15. package/dist/EmptyState-DRKjscH-.js.map +1 -1
  16. package/dist/ErrorState-B26k67-z.js.map +1 -1
  17. package/dist/FeatureIcon-BGE0Orkc.js.map +1 -1
  18. package/dist/Field-BiIWtq9o.js.map +1 -1
  19. package/dist/FieldLabel-QJ4rJFOi.js.map +1 -1
  20. package/dist/FolderSvg-cw0DxNVy.js.map +1 -1
  21. package/dist/FormFooterTemplate-DPB6Dkxn.js.map +1 -1
  22. package/dist/FormHeader--F6b2aRk.js.map +1 -1
  23. package/dist/FormStack-DO15vBgd.js.map +1 -1
  24. package/dist/HintState-BxrCAWqq.js.map +1 -1
  25. package/dist/Icon-DH3ev9GK.js.map +1 -1
  26. package/dist/IconButton-DwkpNgn3.js.map +1 -1
  27. package/dist/IconTooltip-CKJKGHbk.js.map +1 -1
  28. package/dist/Indicator-AqxHWPA9.js.map +1 -1
  29. package/dist/InputGroup-BvD9Igmt.js.map +1 -1
  30. package/dist/InputOTP-B2e1nfSO.js.map +1 -1
  31. package/dist/Loader-BpHiL6W-.js.map +1 -1
  32. package/dist/MenuItem-d19Ty84F.js +39 -0
  33. package/dist/MenuItem-d19Ty84F.js.map +1 -0
  34. package/dist/MenuItemShortcut-D1faeIXp.js +21 -0
  35. package/dist/MenuItemShortcut-D1faeIXp.js.map +1 -0
  36. package/dist/MenuItemText-CRpaPbvg.js +20 -0
  37. package/dist/MenuItemText-CRpaPbvg.js.map +1 -0
  38. package/dist/Overlay-CVt011mY.js +28 -0
  39. package/dist/Overlay-CVt011mY.js.map +1 -0
  40. package/dist/Popover-Dvr7y0YY.js.map +1 -1
  41. package/dist/RichButton-DuPTenmS.js.map +1 -1
  42. package/dist/ScrollArea-CuuTeDn3.js.map +1 -1
  43. package/dist/ScrollShadowContainer-DdrnF8qU.js.map +1 -1
  44. package/dist/SearchSelectTag-DFCX9zT1.js.map +1 -1
  45. package/dist/{Select-DRwv6-eZ.js → Select-B2WcoFf5.js} +2 -2
  46. package/dist/Select-B2WcoFf5.js.map +1 -0
  47. package/dist/{Sheet-rtwmzm2-.js → Sheet-zTMuP7C8.js} +2 -2
  48. package/dist/Sheet-zTMuP7C8.js.map +1 -0
  49. package/dist/Shortcut-D8L15_ed.js.map +1 -1
  50. package/dist/Skeleton-y6I-i9q5.js.map +1 -1
  51. package/dist/Tag-DdHXTyKF.js.map +1 -1
  52. package/dist/Text-DeBE8AKl.js.map +1 -1
  53. package/dist/TextInput-Cj50ImXi.js.map +1 -1
  54. package/dist/TextOverflowTooltip-DlUgic5y.js.map +1 -1
  55. package/dist/Toggle-v_HT3Gm2.js.map +1 -1
  56. package/dist/Tooltip-C4rVuWr4.js.map +1 -1
  57. package/dist/TriggerButton-CfDObWP9.js.map +1 -1
  58. package/dist/blocks/auth/otp-form.js.map +1 -1
  59. package/dist/cn-dsXlqdJg.js.map +1 -1
  60. package/dist/components/alert-dialog.js +1 -1
  61. package/dist/components/alert-dialog.js.map +1 -1
  62. package/dist/components/alert.js.map +1 -1
  63. package/dist/components/avatar.js.map +1 -1
  64. package/dist/components/badge.js.map +1 -1
  65. package/dist/components/banner.js.map +1 -1
  66. package/dist/components/breadcrumb.js.map +1 -1
  67. package/dist/components/button.js.map +1 -1
  68. package/dist/components/calendar.js.map +1 -1
  69. package/dist/components/card.js.map +1 -1
  70. package/dist/components/carousel.js.map +1 -1
  71. package/dist/components/collapsible.js.map +1 -1
  72. package/dist/components/color-tile.js.map +1 -1
  73. package/dist/components/command.js +1 -1
  74. package/dist/components/container.js.map +1 -1
  75. package/dist/components/counter.js.map +1 -1
  76. package/dist/components/dialog.js +2 -2
  77. package/dist/components/dialog.js.map +1 -1
  78. package/dist/components/divider.js.map +1 -1
  79. package/dist/components/drawer.js +1 -1
  80. package/dist/components/drawer.js.map +1 -1
  81. package/dist/components/dropdown/Dropdown.d.ts +1 -0
  82. package/dist/components/dropdown/Dropdown.stories.d.ts +1 -0
  83. package/dist/components/dropdown.js +603 -543
  84. package/dist/components/dropdown.js.map +1 -1
  85. package/dist/components/error-state.js.map +1 -1
  86. package/dist/components/file-upload.js.map +1 -1
  87. package/dist/components/form.js.map +1 -1
  88. package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts +1 -0
  89. package/dist/components/glass-toolbar.js.map +1 -1
  90. package/dist/components/image-placeholder.js.map +1 -1
  91. package/dist/components/image-preview.js.map +1 -1
  92. package/dist/components/image-uploader.js.map +1 -1
  93. package/dist/components/input.js.map +1 -1
  94. package/dist/components/menu-item/MenuItem.d.ts +12 -5
  95. package/dist/components/menu-item/index.d.ts +1 -1
  96. package/dist/components/menu-item.js +91 -90
  97. package/dist/components/menu-item.js.map +1 -1
  98. package/dist/components/overlay.js +1 -1
  99. package/dist/components/page-state.js.map +1 -1
  100. package/dist/components/portal-container.js.map +1 -1
  101. package/dist/components/progress-circle.js.map +1 -1
  102. package/dist/components/progress.js.map +1 -1
  103. package/dist/components/prose.js.map +1 -1
  104. package/dist/components/radio-group.js.map +1 -1
  105. package/dist/components/resizable.js.map +1 -1
  106. package/dist/components/scheduler.js.map +1 -1
  107. package/dist/components/search-select.js +3 -3
  108. package/dist/components/search-select.js.map +1 -1
  109. package/dist/components/select.js +1 -1
  110. package/dist/components/sheet.js +1 -1
  111. package/dist/components/sidebar.js +23 -23
  112. package/dist/components/sidebar.js.map +1 -1
  113. package/dist/components/slider.js.map +1 -1
  114. package/dist/components/stepper.js.map +1 -1
  115. package/dist/components/switch.js +47 -47
  116. package/dist/components/switch.js.map +1 -1
  117. package/dist/components/system-state.js.map +1 -1
  118. package/dist/components/table.js.map +1 -1
  119. package/dist/components/tabs.js.map +1 -1
  120. package/dist/components/tag-input.js +1 -1
  121. package/dist/components/tag-input.js.map +1 -1
  122. package/dist/components/textarea.js.map +1 -1
  123. package/dist/components/timer.js.map +1 -1
  124. package/dist/components/toast.js.map +1 -1
  125. package/dist/components/toggle-group.js.map +1 -1
  126. package/dist/components/toolbar.js.map +1 -1
  127. package/dist/design-tokens.source.json +1 -0
  128. package/dist/formatBytes-C4QXq5lC.js.map +1 -1
  129. package/dist/index-0ioNhtNM.js.map +1 -1
  130. package/dist/index-437EL2iq.js.map +1 -1
  131. package/dist/index-BDrapWDv.js.map +1 -1
  132. package/dist/index-BGQepRFJ.js.map +1 -1
  133. package/dist/index-BVqs-uqP.js.map +1 -1
  134. package/dist/index-BZPx6jYI.js.map +1 -1
  135. package/dist/index-Bb23HztA.js.map +1 -1
  136. package/dist/index-BpWB3aFK.js.map +1 -1
  137. package/dist/index-ByaXH_ih.js.map +1 -1
  138. package/dist/index-BzCriPiK.js.map +1 -1
  139. package/dist/index-CCKe-Mpx.js.map +1 -1
  140. package/dist/index-CFaU3UXv.js.map +1 -1
  141. package/dist/index-CLuiUUQ8.js.map +1 -1
  142. package/dist/index-CQD-Njgt.js.map +1 -1
  143. package/dist/index-CmBeyp2d.js.map +1 -1
  144. package/dist/index-DFZozV_h.js.map +1 -1
  145. package/dist/index-DHsfW5Rj.js.map +1 -1
  146. package/dist/index-DHyZ_0Ut.js.map +1 -1
  147. package/dist/index-DLcqcWxM.js.map +1 -1
  148. package/dist/index-DRo26PBK.js.map +1 -1
  149. package/dist/index-DnnQs07z.js.map +1 -1
  150. package/dist/index-Uiy0Xwy2.js.map +1 -1
  151. package/dist/index-_ITz1IyW.js.map +1 -1
  152. package/dist/index.js.map +1 -1
  153. package/dist/inputBaseStyles-DbzD_jvq.js.map +1 -1
  154. package/dist/lib/utils.js.map +1 -1
  155. package/dist/providers/component-variant-context/ComponentVariantProvider.d.ts +41 -4
  156. package/dist/providers/component-variant-context/index.d.ts +1 -1
  157. package/dist/providers/component-variant-context.js +4 -3
  158. package/dist/styles-scoped.css +6392 -6348
  159. package/dist/styles.css +6131 -6087
  160. package/dist/theme.css +362 -362
  161. package/dist/types/css.d.ts +4 -4
  162. package/dist/useBreakpoints-D8wKOvil.js.map +1 -1
  163. package/dist/useDebounce-BRah78CF.js.map +1 -1
  164. package/dist/useFileUpload-Bnl3P8mP.js.map +1 -1
  165. package/dist/useItemsKeyboardNavigation-CmeOR30y.js.map +1 -1
  166. package/dist/useMergeRefs-qoKniYqT.js.map +1 -1
  167. package/dist/usePortalContainer-ae6EzS08.js.map +1 -1
  168. package/dist/vendors/tanstack/react-table.js.map +1 -1
  169. package/dist/zod-BMNoK3aM.js.map +1 -1
  170. package/package.json +183 -183
  171. package/tailwind.preset.js +448 -448
  172. package/dist/Command-BhbfL5wm.js +0 -554
  173. package/dist/Command-BhbfL5wm.js.map +0 -1
  174. package/dist/ComponentVariantProvider-B0SFUaXB.js +0 -8
  175. package/dist/ComponentVariantProvider-B0SFUaXB.js.map +0 -1
  176. package/dist/Dialog-ByiJIDhl.js.map +0 -1
  177. package/dist/MenuItem-pvsONHlh.js +0 -32
  178. package/dist/MenuItem-pvsONHlh.js.map +0 -1
  179. package/dist/MenuItemShortcut-DgPol9Nz.js +0 -21
  180. package/dist/MenuItemShortcut-DgPol9Nz.js.map +0 -1
  181. package/dist/MenuItemText-7uPl9P3z.js +0 -20
  182. package/dist/MenuItemText-7uPl9P3z.js.map +0 -1
  183. package/dist/Overlay-2XMlxApi.js +0 -28
  184. package/dist/Overlay-2XMlxApi.js.map +0 -1
  185. package/dist/Select-DRwv6-eZ.js.map +0 -1
  186. package/dist/Sheet-rtwmzm2-.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.js","sources":["../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\n\ninterface ToolbarContextValue {\n\tfocus: \"high\" | \"low\";\n}\n\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\n\nexport interface ToolbarProviderProps {\n\tchildren: ReactNode;\n\tfocus?: \"high\" | \"low\";\n}\n\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\n};\n\nexport const useToolbarContext = (): ToolbarContextValue => {\n\tconst context = useContext(ToolbarContext);\n\n\tif (context === undefined) {\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\n\t}\n\n\treturn context;\n};\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\nimport React, { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Divider } from \"../divider/Divider\";\nimport { Icon } from \"../icon\";\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\n\nconst toolbarStyles = tv({\n\tslots: {\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\n\t\tthumb: \"\",\n\t\tscrollarea: \"lg:rounded-lg\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: {\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\n\t\t\t\tthumb: \"bg-primary-border\"\n\t\t\t},\n\t\t\thigh: {\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\n\t\t\t\tthumb: \"bg-inverse-active\"\n\t\t\t}\n\t\t}\n\t}\n});\n\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\n\tPick<ToolbarProviderProps, \"focus\">;\n\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\n\t({ className, focus = \"high\", ...props }, ref) => {\n\t\tconst styles = toolbarStyles();\n\n\t\treturn (\n\t\t\t<ToolbarProvider focus={focus}>\n\t\t\t\t<ScrollArea\n\t\t\t\t\ttype=\"always\"\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\n\t\t\t\t\torientation=\"horizontal\"\n\t\t\t\t>\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\n\t\t\t\t</ScrollArea>\n\t\t\t</ToolbarProvider>\n\t\t);\n\t}\n);\n\nToolbar.displayName = \"Toolbar\";\n\nconst toolbarButtonStyles = tv({\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\n\t\t\thigh: \"hover:bg-inverse-hover\"\n\t\t}\n\t}\n});\n\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\n\nexport const ToolbarButton = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarButtonProps\n>(({ className, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarButtonStyles({ className, focus });\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\n});\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nconst toolbarIconStyles = tv({\n\tbase: \"h-4 w-4\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\n\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarIcon.displayName = \"ToolbarIcon\";\n\nconst toolbarTextStyles = tv({\n\tbase: \"text-base leading-none\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\n\t}\n);\n\nToolbarText.displayName = \"ToolbarText\";\n\nconst toolbarSubTriggerStyles = tv({\n\tbase: \"\",\n\tslots: {\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\n\t},\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\n\t\t\thigh: \"text-inverse-primary-fg\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\n\ticon?: LucideIcon;\n};\n\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\n\t({ className, icon, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarSubTriggerStyles();\n\t\treturn (\n\t\t\t<span className={styles.base({ className, focus })}>\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\n\t\t\t</span>\n\t\t);\n\t}\n);\n\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\n\nconst toolbarToggleGroupStyles = tv({\n\tbase: \"flex items-center gap-1\"\n});\n\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\n\nexport const ToolbarToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\n\tToolbarToggleGroupProps\n>(({ className, ...props }, ref) => {\n\tconst styles = toolbarToggleGroupStyles({ className });\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\n});\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\n\nconst toolbarToggleStyles = tv({\n\textend: toolbarButtonStyles,\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\n\tchildren: React.ReactNode;\n};\n\nexport const ToolbarToggleItem = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\n\tToolbarToggleItemProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\tconst styles = toolbarToggleStyles({ className, focus });\n\n\treturn (\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\n\t\t\t{children}\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\n\t);\n});\n\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\n\nconst toolbarDividerStyles = tv({\n\tbase: \"h-5 w-px\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"bg-secondary-border\",\n\t\t\thigh: \"bg-inverse-border\"\n\t\t}\n\t}\n});\n\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\n\t({ className, ...props }, ref) => {\n\t\tconst { focus } = useToolbarContext();\n\t\tconst styles = toolbarDividerStyles({ className, focus });\n\t\treturn (\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\n\t\t);\n\t}\n);\n\nToolbarSeparator.displayName = \"ToolbarSeparator\";\n\nconst toolbarTriggerChevronStyles = tv({\n\tslots: {\n\t\twrapper: \"\",\n\t\tsubtrigger: \"py-0.5\"\n\t},\n\tvariants: {\n\t\tsub: {\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\n\tsub?: boolean;\n};\n\nexport const ToolbarTriggerChevron = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerChevronProps\n>(({ className, children, sub, ...props }, ref) => {\n\tconst styles = toolbarTriggerChevronStyles();\n\n\treturn (\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\n\t\t\t{children}\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\n\t\t</ToolbarTrigger>\n\t);\n});\n\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\n\nconst toolbarTriggerStyles = tv({\n\tbase: \"\",\n\tvariants: {\n\t\tfocus: {\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\n\t\t}\n\t}\n});\n\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\n\t\"data-state\"?: \"open\" | \"closed\";\n};\n\nexport const ToolbarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\n\tToolbarTriggerProps\n>(({ className, children, ...props }, ref) => {\n\tconst { focus } = useToolbarContext();\n\n\treturn (\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\n\t\t\t{children}\n\t\t</ToolbarButton>\n\t);\n});\n\nToolbarTrigger.displayName = \"ToolbarTrigger\";\n"],"names":["ToolbarContext","createContext","ToolbarProvider","children","focus","jsx","useToolbarContext","context","useContext","toolbarStyles","tv","Toolbar","React","className","props","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarButton","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarToggleItem","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":"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"}
1
+ {"version":3,"file":"toolbar.js","sources":["../../src/components/toolbar/ToolbarContext.tsx","../../src/components/toolbar/Toolbar.tsx"],"sourcesContent":["import React, { createContext, useContext, ReactNode } from \"react\";\r\n\r\ninterface ToolbarContextValue {\r\n\tfocus: \"high\" | \"low\";\r\n}\r\n\r\nconst ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined);\r\n\r\nexport interface ToolbarProviderProps {\r\n\tchildren: ReactNode;\r\n\tfocus?: \"high\" | \"low\";\r\n}\r\n\r\nexport const ToolbarProvider: React.FC<ToolbarProviderProps> = ({ children, focus = \"high\" }) => {\r\n\treturn <ToolbarContext.Provider value={{ focus }}>{children}</ToolbarContext.Provider>;\r\n};\r\n\r\nexport const useToolbarContext = (): ToolbarContextValue => {\r\n\tconst context = useContext(ToolbarContext);\r\n\r\n\tif (context === undefined) {\r\n\t\tthrow new Error(\"useToolbarContext должен использоваться внутри ToolbarProvider\");\r\n\t}\r\n\r\n\treturn context;\r\n};\r\n","import * as ToolbarPrimitive from \"@radix-ui/react-toolbar\";\r\nimport React, { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { Divider } from \"../divider/Divider\";\r\nimport { Icon } from \"../icon\";\r\nimport { ChevronDown, LucideIcon } from \"lucide-react\";\r\nimport { ScrollArea } from \"../scroll-area/ScrollArea\";\r\nimport { ToolbarProvider, ToolbarProviderProps, useToolbarContext } from \"./ToolbarContext\";\r\n\r\nconst toolbarStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex items-center gap-1 p-1.5 lg:rounded-lg lg:p-1\",\r\n\t\tscrollbar: \"h-1.5 border-t-0 px-1.5\",\r\n\t\tthumb: \"\",\r\n\t\tscrollarea: \"lg:rounded-lg\"\r\n\t},\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: {\r\n\t\t\t\twrapper: \"border border-secondary-border bg-secondary-bg\",\r\n\t\t\t\tscrollarea: \"bg-secondary-bg lg:shadow-soft-sm\",\r\n\t\t\t\tthumb: \"bg-primary-border\"\r\n\t\t\t},\r\n\t\t\thigh: {\r\n\t\t\t\twrapper: \"bg-inverse-secondary-bg\",\r\n\t\t\t\tscrollarea: \"bg-inverse-secondary-bg lg:shadow-hard-base\",\r\n\t\t\t\tthumb: \"bg-inverse-active\"\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.Root> &\r\n\tPick<ToolbarProviderProps, \"focus\">;\r\n\r\nexport const Toolbar = React.forwardRef<React.ElementRef<typeof ToolbarPrimitive.Root>, ToolbarProps>(\r\n\t({ className, focus = \"high\", ...props }, ref) => {\r\n\t\tconst styles = toolbarStyles();\r\n\r\n\t\treturn (\r\n\t\t\t<ToolbarProvider focus={focus}>\r\n\t\t\t\t<ScrollArea\r\n\t\t\t\t\ttype=\"always\"\r\n\t\t\t\t\tthumbClassName={styles.thumb({ focus })}\r\n\t\t\t\t\tscrollbarClassName={styles.scrollbar()}\r\n\t\t\t\t\tclassName={styles.scrollarea({ focus })}\r\n\t\t\t\t\torientation=\"horizontal\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<ToolbarPrimitive.Root ref={ref} className={styles.wrapper({ className, focus })} {...props} />\r\n\t\t\t\t</ScrollArea>\r\n\t\t\t</ToolbarProvider>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nToolbar.displayName = \"Toolbar\";\r\n\r\nconst toolbarButtonStyles = tv({\r\n\tbase: \"group inline-flex items-center justify-center gap-1.5 rounded-sm p-1.5 focus-visible:shadow-focus focus-visible:outline-none\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"hover:bg-secondary-bg-hover\",\r\n\t\t\thigh: \"hover:bg-inverse-hover\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarButton>;\r\n\r\nexport const ToolbarButton = React.forwardRef<\r\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\r\n\tToolbarButtonProps\r\n>(({ className, ...props }, ref) => {\r\n\tconst { focus } = useToolbarContext();\r\n\tconst styles = toolbarButtonStyles({ className, focus });\r\n\treturn <ToolbarPrimitive.ToolbarButton ref={ref} className={styles} {...props} />;\r\n});\r\n\r\nToolbarButton.displayName = \"ToolbarButton\";\r\n\r\nconst toolbarIconStyles = tv({\r\n\tbase: \"h-4 w-4\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\r\n\t\t\thigh: \"stroke-[1.5px] text-inverse-primary-fg\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarIconProps = React.ComponentPropsWithoutRef<typeof Icon>;\r\n\r\nexport const ToolbarIcon = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarIconProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst { focus } = useToolbarContext();\r\n\t\treturn <Icon ref={ref} className={toolbarIconStyles({ className, focus })} {...props} />;\r\n\t}\r\n);\r\n\r\nToolbarIcon.displayName = \"ToolbarIcon\";\r\n\r\nconst toolbarTextStyles = tv({\r\n\tbase: \"text-base leading-none\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\r\n\t\t\thigh: \"text-inverse-primary-fg\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarTextProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const ToolbarText = React.forwardRef<HTMLDivElement, PropsWithChildren<ToolbarTextProps>>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst { focus } = useToolbarContext();\r\n\t\treturn <div ref={ref} className={toolbarTextStyles({ className, focus })} {...props} />;\r\n\t}\r\n);\r\n\r\nToolbarText.displayName = \"ToolbarText\";\r\n\r\nconst toolbarSubTriggerStyles = tv({\r\n\tbase: \"\",\r\n\tslots: {\r\n\t\ticon: \"h-2 w-2 stroke-[3px]\"\r\n\t},\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"text-primary-fg group-hover:text-muted\",\r\n\t\t\thigh: \"text-inverse-primary-fg\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarSubTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof Icon>, \"icon\"> & {\r\n\ticon?: LucideIcon;\r\n};\r\n\r\nexport const ToolbarSubTrigger = React.forwardRef<React.ElementRef<typeof Icon>, ToolbarSubTriggerProps>(\r\n\t({ className, icon, ...props }, ref) => {\r\n\t\tconst { focus } = useToolbarContext();\r\n\t\tconst styles = toolbarSubTriggerStyles();\r\n\t\treturn (\r\n\t\t\t<span className={styles.base({ className, focus })}>\r\n\t\t\t\t<Icon icon={icon || ChevronDown} ref={ref} className={styles.icon({ focus })} {...props} />\r\n\t\t\t</span>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nToolbarSubTrigger.displayName = \"ToolbarSubTrigger\";\r\n\r\nconst toolbarToggleGroupStyles = tv({\r\n\tbase: \"flex items-center gap-1\"\r\n});\r\n\r\nexport type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToggleGroup>;\r\n\r\nexport const ToolbarToggleGroup = React.forwardRef<\r\n\tReact.ElementRef<typeof ToolbarPrimitive.ToggleGroup>,\r\n\tToolbarToggleGroupProps\r\n>(({ className, ...props }, ref) => {\r\n\tconst styles = toolbarToggleGroupStyles({ className });\r\n\treturn <ToolbarPrimitive.ToggleGroup ref={ref} className={styles} {...props} />;\r\n});\r\nToolbarToggleGroup.displayName = ToolbarPrimitive.ToggleGroup.displayName;\r\n\r\nconst toolbarToggleStyles = tv({\r\n\textend: toolbarButtonStyles,\r\n\tbase: \"disabled:pointer-events-none disabled:opacity-50\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"data-[state=on]:bg-primary-bg-hover\",\r\n\t\t\thigh: \"data-[state=on]:bg-inverse-active\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof ToolbarPrimitive.ToolbarToggleItem> & {\r\n\tchildren: React.ReactNode;\r\n};\r\n\r\nexport const ToolbarToggleItem = React.forwardRef<\r\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarToggleItem>,\r\n\tToolbarToggleItemProps\r\n>(({ className, children, ...props }, ref) => {\r\n\tconst { focus } = useToolbarContext();\r\n\tconst styles = toolbarToggleStyles({ className, focus });\r\n\r\n\treturn (\r\n\t\t<ToolbarPrimitive.ToolbarToggleItem ref={ref} className={styles} {...props}>\r\n\t\t\t{children}\r\n\t\t</ToolbarPrimitive.ToolbarToggleItem>\r\n\t);\r\n});\r\n\r\nToolbarToggleItem.displayName = \"ToolbarToggleItem\";\r\n\r\nconst toolbarDividerStyles = tv({\r\n\tbase: \"h-5 w-px\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"bg-secondary-border\",\r\n\t\t\thigh: \"bg-inverse-border\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const ToolbarSeparator = React.forwardRef<React.ElementRef<typeof Divider>, ToolbarSeparatorProps>(\r\n\t({ className, ...props }, ref) => {\r\n\t\tconst { focus } = useToolbarContext();\r\n\t\tconst styles = toolbarDividerStyles({ className, focus });\r\n\t\treturn (\r\n\t\t\t<ToolbarPrimitive.ToolbarSeparator asChild data-orientation=\"vertical\">\r\n\t\t\t\t<Divider ref={ref} orientation=\"vertical\" className={styles} {...props} />\r\n\t\t\t</ToolbarPrimitive.ToolbarSeparator>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nToolbarSeparator.displayName = \"ToolbarSeparator\";\r\n\r\nconst toolbarTriggerChevronStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"\",\r\n\t\tsubtrigger: \"py-0.5\"\r\n\t},\r\n\tvariants: {\r\n\t\tsub: {\r\n\t\t\ttrue: { wrapper: \"-ml-0.5 px-0.5 py-2\" }\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarTriggerChevronProps = ToolbarTriggerProps & {\r\n\tsub?: boolean;\r\n};\r\n\r\nexport const ToolbarTriggerChevron = React.forwardRef<\r\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\r\n\tToolbarTriggerChevronProps\r\n>(({ className, children, sub, ...props }, ref) => {\r\n\tconst styles = toolbarTriggerChevronStyles();\r\n\r\n\treturn (\r\n\t\t<ToolbarTrigger ref={ref} data-stick-left className={styles.wrapper({ className, sub })} {...props}>\r\n\t\t\t{children}\r\n\t\t\t<ToolbarSubTrigger className={styles.subtrigger()} />\r\n\t\t</ToolbarTrigger>\r\n\t);\r\n});\r\n\r\nToolbarTriggerChevron.displayName = \"ToolbarTriggerChevron \";\r\n\r\nconst toolbarTriggerStyles = tv({\r\n\tbase: \"\",\r\n\tvariants: {\r\n\t\tfocus: {\r\n\t\t\tlow: \"data-[state=open]:bg-primary-bg-hover\",\r\n\t\t\thigh: \"data-[state=open]:bg-inverse-active\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\nexport type ToolbarTriggerProps = ToolbarButtonProps & {\r\n\t\"data-state\"?: \"open\" | \"closed\";\r\n};\r\n\r\nexport const ToolbarTrigger = React.forwardRef<\r\n\tReact.ElementRef<typeof ToolbarPrimitive.ToolbarButton>,\r\n\tToolbarTriggerProps\r\n>(({ className, children, ...props }, ref) => {\r\n\tconst { focus } = useToolbarContext();\r\n\r\n\treturn (\r\n\t\t<ToolbarButton ref={ref} data-stick-left className={toolbarTriggerStyles({ className, focus })} {...props}>\r\n\t\t\t{children}\r\n\t\t</ToolbarButton>\r\n\t);\r\n});\r\n\r\nToolbarTrigger.displayName = \"ToolbarTrigger\";\r\n"],"names":["ToolbarContext","createContext","ToolbarProvider","children","focus","jsx","useToolbarContext","context","useContext","toolbarStyles","tv","Toolbar","React","className","props","ref","styles","ScrollArea","ToolbarPrimitive.Root","toolbarButtonStyles","ToolbarButton","ToolbarPrimitive.ToolbarButton","toolbarIconStyles","ToolbarIcon","Icon","toolbarTextStyles","ToolbarText","toolbarSubTriggerStyles","ToolbarSubTrigger","icon","ChevronDown","toolbarToggleGroupStyles","ToolbarToggleGroup","ToolbarPrimitive.ToggleGroup","toolbarToggleStyles","ToolbarToggleItem","ToolbarPrimitive.ToolbarToggleItem","toolbarDividerStyles","ToolbarSeparator","ToolbarPrimitive.ToolbarSeparator","Divider","toolbarTriggerChevronStyles","ToolbarTriggerChevron","sub","jsxs","ToolbarTrigger","toolbarTriggerStyles"],"mappings":";;;;;;;;AAMA,MAAMA,IAAiBC,EAA+C,MAAS,GAOlEC,IAAkD,CAAC,EAAE,UAAAC,GAAU,OAAAC,IAAQ,aAC5E,gBAAAC,EAACL,EAAe,UAAf,EAAwB,OAAO,EAAE,OAAAI,EAAA,GAAU,UAAAD,GAAS,GAGhDG,IAAoB,MAA2B;AACrD,QAAAC,IAAUC,EAAWR,CAAc;AAEzC,MAAIO,MAAY;AACT,UAAA,IAAI,MAAM,gEAAgE;AAG1E,SAAAA;AACR,GChBME,IAAgBC,EAAG;AAAA,EACxB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF,CAAC,GAKYC,IAAUC,EAAM;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAT,IAAQ,QAAQ,GAAGU,KAASC,MAAQ;AACjD,UAAMC,IAASP,EAAc;AAG5B,WAAA,gBAAAJ,EAACH,KAAgB,OAAAE,GAChB,UAAA,gBAAAC;AAAA,MAACY;AAAA,MAAA;AAAA,QACA,MAAK;AAAA,QACL,gBAAgBD,EAAO,MAAM,EAAE,OAAAZ,GAAO;AAAA,QACtC,oBAAoBY,EAAO,UAAU;AAAA,QACrC,WAAWA,EAAO,WAAW,EAAE,OAAAZ,GAAO;AAAA,QACtC,aAAY;AAAA,QAEZ,UAAC,gBAAAC,EAAAa,GAAA,EAAsB,KAAAH,GAAU,WAAWC,EAAO,QAAQ,EAAE,WAAAH,GAAW,OAAAT,GAAO,GAAI,GAAGU,EAAO,CAAA;AAAA,MAAA;AAAA,IAAA,GAE/F;AAAA,EAAA;AAGH;AAEAH,EAAQ,cAAc;AAEtB,MAAMQ,IAAsBT,EAAG;AAAA,EAC9B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYU,IAAgBR,EAAM,WAGjC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AAC7B,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASG,EAAoB,EAAE,WAAAN,GAAW,OAAAT,GAAO;AAChD,SAAA,gBAAAC,EAACgB,GAAA,EAA+B,KAAAN,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAChF,CAAC;AAEDM,EAAc,cAAc;AAE5B,MAAME,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYa,IAAcX,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAC7B,WAAA,gBAAAD,EAACmB,GAAK,EAAA,KAAAT,GAAU,WAAWO,EAAkB,EAAE,WAAAT,GAAW,OAAAT,EAAM,CAAC,GAAI,GAAGU,EAAO,CAAA;AAAA,EAAA;AAExF;AAEAS,EAAY,cAAc;AAE1B,MAAME,IAAoBf,EAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIYgB,IAAcd,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAC7B,WAAA,gBAAAD,EAAC,OAAI,EAAA,KAAAU,GAAU,WAAWU,EAAkB,EAAE,WAAAZ,GAAW,OAAAT,EAAM,CAAC,GAAI,GAAGU,EAAO,CAAA;AAAA,EAAA;AAEvF;AAEAY,EAAY,cAAc;AAE1B,MAAMC,IAA0BjB,EAAG;AAAA,EAClC,MAAM;AAAA,EACN,OAAO;AAAA,IACN,MAAM;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYkB,IAAoBhB,EAAM;AAAA,EACtC,CAAC,EAAE,WAAAC,GAAW,MAAAgB,GAAM,GAAGf,EAAA,GAASC,MAAQ;AACjC,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASW,EAAwB;AAEtC,WAAA,gBAAAtB,EAAC,QAAK,EAAA,WAAWW,EAAO,KAAK,EAAE,WAAAH,GAAW,OAAAT,EAAO,CAAA,GAChD,UAAC,gBAAAC,EAAAmB,GAAA,EAAK,MAAMK,KAAQC,GAAa,KAAAf,GAAU,WAAWC,EAAO,KAAK,EAAE,OAAAZ,EAAA,CAAO,GAAI,GAAGU,EAAA,CAAO,EAC1F,CAAA;AAAA,EAAA;AAGH;AAEAc,EAAkB,cAAc;AAEhC,MAAMG,IAA2BrB,EAAG;AAAA,EACnC,MAAM;AACP,CAAC,GAIYsB,IAAqBpB,EAAM,WAGtC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ;AACnC,QAAMC,IAASe,EAAyB,EAAE,WAAAlB,GAAW;AAC9C,SAAA,gBAAAR,EAAC4B,GAAA,EAA6B,KAAAlB,GAAU,WAAWC,GAAS,GAAGF,GAAO;AAC9E,CAAC;AACDkB,EAAmB,cAAcC,EAA6B;AAE9D,MAAMC,IAAsBxB,EAAG;AAAA,EAC9B,QAAQS;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYgB,IAAoBvB,EAAM,WAGrC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,GAAGW,EAAM,GAAGC,MAAQ;AACvC,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASkB,EAAoB,EAAE,WAAArB,GAAW,OAAAT,GAAO;AAGtD,SAAA,gBAAAC,EAAC+B,GAAA,EAAmC,KAAArB,GAAU,WAAWC,GAAS,GAAGF,GACnE,UAAAX,GACF;AAEF,CAAC;AAEDgC,EAAkB,cAAc;AAEhC,MAAME,IAAuB3B,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAIY4B,IAAmB1B,EAAM;AAAA,EACrC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAC3B,UAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB,GAC9BU,IAASqB,EAAqB,EAAE,WAAAxB,GAAW,OAAAT,GAAO;AACxD,6BACEmC,GAAA,EAAkC,SAAO,IAAC,oBAAiB,YAC3D,UAAC,gBAAAlC,EAAAmC,GAAA,EAAQ,KAAAzB,GAAU,aAAY,YAAW,WAAWC,GAAS,GAAGF,EAAO,CAAA,GACzE;AAAA,EAAA;AAGH;AAEAwB,EAAiB,cAAc;AAE/B,MAAMG,IAA8B/B,EAAG;AAAA,EACtC,OAAO;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACT,KAAK;AAAA,MACJ,MAAM,EAAE,SAAS,sBAAsB;AAAA,IAAA;AAAA,EACxC;AAEF,CAAC,GAMYgC,IAAwB9B,EAAM,WAGzC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,KAAAwC,GAAK,GAAG7B,EAAM,GAAGC,MAAQ;AAClD,QAAMC,IAASyB,EAA4B;AAE3C,SACE,gBAAAG,EAAAC,GAAA,EAAe,KAAA9B,GAAU,mBAAe,IAAC,WAAWC,EAAO,QAAQ,EAAE,WAAAH,GAAW,KAAA8B,EAAK,CAAA,GAAI,GAAG7B,GAC3F,UAAA;AAAA,IAAAX;AAAA,IACA,gBAAAE,EAAAuB,GAAA,EAAkB,WAAWZ,EAAO,aAAc,CAAA;AAAA,EAAA,GACpD;AAEF,CAAC;AAED0B,EAAsB,cAAc;AAEpC,MAAMI,IAAuBpC,EAAG;AAAA,EAC/B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,KAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACP;AAEF,CAAC,GAMYmC,IAAiBjC,EAAM,WAGlC,CAAC,EAAE,WAAAC,GAAW,UAAAV,GAAU,GAAGW,EAAM,GAAGC,MAAQ;AACvC,QAAA,EAAE,OAAAX,EAAM,IAAIE,EAAkB;AAEpC,SACE,gBAAAD,EAAAe,GAAA,EAAc,KAAAL,GAAU,mBAAe,IAAC,WAAW+B,EAAqB,EAAE,WAAAjC,GAAW,OAAAT,EAAO,CAAA,GAAI,GAAGU,GAClG,UAAAX,EACF,CAAA;AAEF,CAAC;AAED0C,EAAe,cAAc;"}