ics-ui-kit 0.1.8 → 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 (174) 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-Bs1B5Iu8.js.map +1 -1
  13. package/dist/Divider-DPW5ZhZ8.js.map +1 -1
  14. package/dist/EmptyState-DRKjscH-.js.map +1 -1
  15. package/dist/ErrorState-B26k67-z.js.map +1 -1
  16. package/dist/FeatureIcon-BGE0Orkc.js.map +1 -1
  17. package/dist/Field-BiIWtq9o.js.map +1 -1
  18. package/dist/FieldLabel-QJ4rJFOi.js.map +1 -1
  19. package/dist/FolderSvg-cw0DxNVy.js.map +1 -1
  20. package/dist/FormFooterTemplate-DPB6Dkxn.js.map +1 -1
  21. package/dist/FormHeader--F6b2aRk.js.map +1 -1
  22. package/dist/FormStack-DO15vBgd.js.map +1 -1
  23. package/dist/HintState-BxrCAWqq.js.map +1 -1
  24. package/dist/Icon-DH3ev9GK.js.map +1 -1
  25. package/dist/IconButton-DwkpNgn3.js.map +1 -1
  26. package/dist/IconTooltip-CKJKGHbk.js.map +1 -1
  27. package/dist/Indicator-AqxHWPA9.js.map +1 -1
  28. package/dist/InputGroup-BvD9Igmt.js.map +1 -1
  29. package/dist/InputOTP-B2e1nfSO.js.map +1 -1
  30. package/dist/Loader-BpHiL6W-.js.map +1 -1
  31. package/dist/MenuItem-d19Ty84F.js +39 -0
  32. package/dist/MenuItem-d19Ty84F.js.map +1 -0
  33. package/dist/MenuItemShortcut-D1faeIXp.js +21 -0
  34. package/dist/MenuItemShortcut-D1faeIXp.js.map +1 -0
  35. package/dist/MenuItemText-CRpaPbvg.js +20 -0
  36. package/dist/MenuItemText-CRpaPbvg.js.map +1 -0
  37. package/dist/Overlay-CVt011mY.js.map +1 -1
  38. package/dist/Popover-Dvr7y0YY.js.map +1 -1
  39. package/dist/RichButton-DuPTenmS.js.map +1 -1
  40. package/dist/ScrollArea-CuuTeDn3.js.map +1 -1
  41. package/dist/ScrollShadowContainer-DdrnF8qU.js.map +1 -1
  42. package/dist/SearchSelectTag-DFCX9zT1.js.map +1 -1
  43. package/dist/{Select-DRwv6-eZ.js → Select-B2WcoFf5.js} +2 -2
  44. package/dist/Select-B2WcoFf5.js.map +1 -0
  45. package/dist/Sheet-zTMuP7C8.js.map +1 -1
  46. package/dist/Shortcut-D8L15_ed.js.map +1 -1
  47. package/dist/Skeleton-y6I-i9q5.js.map +1 -1
  48. package/dist/Tag-DdHXTyKF.js.map +1 -1
  49. package/dist/Text-DeBE8AKl.js.map +1 -1
  50. package/dist/TextInput-Cj50ImXi.js.map +1 -1
  51. package/dist/TextOverflowTooltip-DlUgic5y.js.map +1 -1
  52. package/dist/Toggle-v_HT3Gm2.js.map +1 -1
  53. package/dist/Tooltip-C4rVuWr4.js.map +1 -1
  54. package/dist/TriggerButton-CfDObWP9.js.map +1 -1
  55. package/dist/blocks/auth/otp-form.js.map +1 -1
  56. package/dist/cn-dsXlqdJg.js.map +1 -1
  57. package/dist/components/alert-dialog.js.map +1 -1
  58. package/dist/components/alert.js.map +1 -1
  59. package/dist/components/avatar.js.map +1 -1
  60. package/dist/components/badge.js.map +1 -1
  61. package/dist/components/banner.js.map +1 -1
  62. package/dist/components/breadcrumb.js.map +1 -1
  63. package/dist/components/button.js.map +1 -1
  64. package/dist/components/calendar.js.map +1 -1
  65. package/dist/components/card.js.map +1 -1
  66. package/dist/components/carousel.js.map +1 -1
  67. package/dist/components/collapsible.js.map +1 -1
  68. package/dist/components/color-tile.js.map +1 -1
  69. package/dist/components/command.js +1 -1
  70. package/dist/components/container.js.map +1 -1
  71. package/dist/components/counter.js.map +1 -1
  72. package/dist/components/dialog.js.map +1 -1
  73. package/dist/components/divider.js.map +1 -1
  74. package/dist/components/drawer.js.map +1 -1
  75. package/dist/components/dropdown/Dropdown.d.ts +1 -0
  76. package/dist/components/dropdown/Dropdown.stories.d.ts +1 -0
  77. package/dist/components/dropdown.js +603 -543
  78. package/dist/components/dropdown.js.map +1 -1
  79. package/dist/components/error-state.js.map +1 -1
  80. package/dist/components/file-upload.js.map +1 -1
  81. package/dist/components/form.js.map +1 -1
  82. package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts +1 -0
  83. package/dist/components/glass-toolbar.js.map +1 -1
  84. package/dist/components/image-placeholder.js.map +1 -1
  85. package/dist/components/image-preview.js.map +1 -1
  86. package/dist/components/image-uploader.js.map +1 -1
  87. package/dist/components/input.js.map +1 -1
  88. package/dist/components/menu-item/MenuItem.d.ts +12 -5
  89. package/dist/components/menu-item/index.d.ts +1 -1
  90. package/dist/components/menu-item.js +91 -90
  91. package/dist/components/menu-item.js.map +1 -1
  92. package/dist/components/page-state.js.map +1 -1
  93. package/dist/components/portal-container.js.map +1 -1
  94. package/dist/components/progress-circle.js.map +1 -1
  95. package/dist/components/progress.js.map +1 -1
  96. package/dist/components/prose.js.map +1 -1
  97. package/dist/components/radio-group.js.map +1 -1
  98. package/dist/components/resizable.js.map +1 -1
  99. package/dist/components/scheduler.js.map +1 -1
  100. package/dist/components/search-select.js +3 -3
  101. package/dist/components/search-select.js.map +1 -1
  102. package/dist/components/select.js +1 -1
  103. package/dist/components/sidebar.js +22 -22
  104. package/dist/components/sidebar.js.map +1 -1
  105. package/dist/components/slider.js.map +1 -1
  106. package/dist/components/stepper.js.map +1 -1
  107. package/dist/components/switch.js +47 -47
  108. package/dist/components/switch.js.map +1 -1
  109. package/dist/components/system-state.js.map +1 -1
  110. package/dist/components/table.js.map +1 -1
  111. package/dist/components/tabs.js.map +1 -1
  112. package/dist/components/tag-input.js +1 -1
  113. package/dist/components/tag-input.js.map +1 -1
  114. package/dist/components/textarea.js.map +1 -1
  115. package/dist/components/timer.js.map +1 -1
  116. package/dist/components/toast.js.map +1 -1
  117. package/dist/components/toggle-group.js.map +1 -1
  118. package/dist/components/toolbar.js.map +1 -1
  119. package/dist/design-tokens.source.json +1 -0
  120. package/dist/formatBytes-C4QXq5lC.js.map +1 -1
  121. package/dist/index-0ioNhtNM.js.map +1 -1
  122. package/dist/index-437EL2iq.js.map +1 -1
  123. package/dist/index-BDrapWDv.js.map +1 -1
  124. package/dist/index-BGQepRFJ.js.map +1 -1
  125. package/dist/index-BVqs-uqP.js.map +1 -1
  126. package/dist/index-BZPx6jYI.js.map +1 -1
  127. package/dist/index-Bb23HztA.js.map +1 -1
  128. package/dist/index-BpWB3aFK.js.map +1 -1
  129. package/dist/index-ByaXH_ih.js.map +1 -1
  130. package/dist/index-BzCriPiK.js.map +1 -1
  131. package/dist/index-CCKe-Mpx.js.map +1 -1
  132. package/dist/index-CFaU3UXv.js.map +1 -1
  133. package/dist/index-CLuiUUQ8.js.map +1 -1
  134. package/dist/index-CQD-Njgt.js.map +1 -1
  135. package/dist/index-CmBeyp2d.js.map +1 -1
  136. package/dist/index-DFZozV_h.js.map +1 -1
  137. package/dist/index-DHsfW5Rj.js.map +1 -1
  138. package/dist/index-DHyZ_0Ut.js.map +1 -1
  139. package/dist/index-DLcqcWxM.js.map +1 -1
  140. package/dist/index-DRo26PBK.js.map +1 -1
  141. package/dist/index-DnnQs07z.js.map +1 -1
  142. package/dist/index-Uiy0Xwy2.js.map +1 -1
  143. package/dist/index-_ITz1IyW.js.map +1 -1
  144. package/dist/index.js.map +1 -1
  145. package/dist/inputBaseStyles-DbzD_jvq.js.map +1 -1
  146. package/dist/lib/utils.js.map +1 -1
  147. package/dist/providers/component-variant-context/ComponentVariantProvider.d.ts +41 -4
  148. package/dist/providers/component-variant-context/index.d.ts +1 -1
  149. package/dist/providers/component-variant-context.js +4 -3
  150. package/dist/styles-scoped.css +6392 -6356
  151. package/dist/styles.css +6131 -6095
  152. package/dist/theme.css +362 -362
  153. package/dist/types/css.d.ts +4 -4
  154. package/dist/useBreakpoints-D8wKOvil.js.map +1 -1
  155. package/dist/useDebounce-BRah78CF.js.map +1 -1
  156. package/dist/useFileUpload-Bnl3P8mP.js.map +1 -1
  157. package/dist/useItemsKeyboardNavigation-CmeOR30y.js.map +1 -1
  158. package/dist/useMergeRefs-qoKniYqT.js.map +1 -1
  159. package/dist/usePortalContainer-ae6EzS08.js.map +1 -1
  160. package/dist/vendors/tanstack/react-table.js.map +1 -1
  161. package/dist/zod-BMNoK3aM.js.map +1 -1
  162. package/package.json +183 -183
  163. package/tailwind.preset.js +448 -448
  164. package/dist/Command-CiZHptkR.js +0 -554
  165. package/dist/Command-CiZHptkR.js.map +0 -1
  166. package/dist/ComponentVariantProvider-B0SFUaXB.js +0 -8
  167. package/dist/ComponentVariantProvider-B0SFUaXB.js.map +0 -1
  168. package/dist/MenuItem-pvsONHlh.js +0 -32
  169. package/dist/MenuItem-pvsONHlh.js.map +0 -1
  170. package/dist/MenuItemShortcut-DgPol9Nz.js +0 -21
  171. package/dist/MenuItemShortcut-DgPol9Nz.js.map +0 -1
  172. package/dist/MenuItemText-7uPl9P3z.js +0 -20
  173. package/dist/MenuItemText-7uPl9P3z.js.map +0 -1
  174. package/dist/Select-DRwv6-eZ.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":"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"}