@e-burgos/tucu-ui 2.0.9 → 2.0.10

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 (395) hide show
  1. package/CHANGELOG.md +73 -0
  2. package/components/layouts/macos-layout/index.d.ts +5 -3
  3. package/components/layouts/macos-layout/macos-sonoma-clean-layout.d.ts +7 -0
  4. package/components/layouts/macos-layout/macos-tahoe-clean-layout.d.ts +7 -0
  5. package/components/macos/tahoe/foundations/background.d.ts +7 -23
  6. package/demo/pages/design-system/design-system-sections/BackgroundsSection.d.ts +3 -0
  7. package/documentation/{APIReferenceSection-DNlAQ8GG.js → APIReferenceSection-CD5kel2M.js} +1 -1
  8. package/documentation/{APIReferenceSection-DQ9eEJU3.js → APIReferenceSection-DNiwamR3.js} +1 -1
  9. package/documentation/{ActiveLinkSection-ClQ5IBOo.js → ActiveLinkSection-CLeqqRJA.js} +1 -1
  10. package/documentation/{ActiveLinkSection-ZQgU44Mo.js → ActiveLinkSection-nW2qUEkC.js} +1 -1
  11. package/documentation/{AdvancedColorSystemSection-BT-UpUVF.js → AdvancedColorSystemSection-CcXCp_R4.js} +1 -1
  12. package/documentation/{AdvancedColorSystemSection-D-6qlD3s.js → AdvancedColorSystemSection-ClZP9L76.js} +1 -1
  13. package/documentation/{AdvancedFeaturesSection-mfiPnKVY.js → AdvancedFeaturesSection-DTklgMJa.js} +1 -1
  14. package/documentation/{AdvancedFeaturesSection-mbP5hR-H.js → AdvancedFeaturesSection-DZsIzQM1.js} +1 -1
  15. package/documentation/{AdvancedFeaturesSection-D2ZWLXY5.js → AdvancedFeaturesSection-DeodzomR.js} +1 -1
  16. package/documentation/{AdvancedFeaturesSection-B5wK85Bl.js → AdvancedFeaturesSection-dp4NWt73.js} +1 -1
  17. package/documentation/{AlertSection-BBto0fHS.js → AlertSection-C8JxRieS.js} +1 -1
  18. package/documentation/{AlertSection-D4Gq9upX.js → AlertSection-CqhX5i16.js} +1 -1
  19. package/documentation/{AnchorLinkSection-k40j2vM0.js → AnchorLinkSection-Cnh7qsTW.js} +1 -1
  20. package/documentation/{AnchorLinkSection-DSCjeuS9.js → AnchorLinkSection-DMdLIqCp.js} +1 -1
  21. package/documentation/{ArchitecturalPatternsComparisonSection-DesoQ7S_.js → ArchitecturalPatternsComparisonSection-Bgp9PUt7.js} +1 -1
  22. package/documentation/{ArchitecturalPatternsComparisonSection-Doa_MJjU.js → ArchitecturalPatternsComparisonSection-vYbHlGY-.js} +6 -4
  23. package/documentation/{ArchitectureOverviewSection-Cu_PStpk.js → ArchitectureOverviewSection-Cw1LKmfg.js} +1 -1
  24. package/documentation/{ArchitectureOverviewSection-DUkNwRmR.js → ArchitectureOverviewSection-D_RmIFCA.js} +1 -1
  25. package/documentation/{AreaChartSection-BDVO57jx.js → AreaChartSection-CPJSq736.js} +1 -1
  26. package/documentation/{AreaChartSection-C4ruqExr.js → AreaChartSection-SQjiTBmB.js} +1 -1
  27. package/documentation/{AuthorCardSection-DpUU5KDU.js → AuthorCardSection-DPF5SE5r.js} +1 -1
  28. package/documentation/{AuthorCardSection-cB8Liia6.js → AuthorCardSection-kk79QuNK.js} +1 -1
  29. package/documentation/{AvatarSection-DZCiBPX4.js → AvatarSection-BnRHw27e.js} +1 -1
  30. package/documentation/{AvatarSection-DpUjg_yW.js → AvatarSection-CLq51gbg.js} +1 -1
  31. package/documentation/BackgroundsSection-3X9Iw31T.js +367 -0
  32. package/documentation/BackgroundsSection-Ibr9oqUO.js +6 -0
  33. package/documentation/{BadgeSection-Cteg--jV.js → BadgeSection-C9_vLylm.js} +1 -1
  34. package/documentation/{BadgeSection-B7mtSvQv.js → BadgeSection-Dy1g7XfP.js} +1 -1
  35. package/documentation/{BarChartSection-Clrho1um.js → BarChartSection-BTBiEaRw.js} +1 -1
  36. package/documentation/{BarChartSection-rkETKOO2.js → BarChartSection-Do0Yq1CS.js} +1 -1
  37. package/documentation/{BasicTableSection-Cf3FcRGV.js → BasicTableSection-C5yPODL4.js} +1 -1
  38. package/documentation/{BasicTableSection-7S3mV6WL.js → BasicTableSection-Lylimu25.js} +1 -1
  39. package/documentation/{BasicUsageSection-D_OADsjB.js → BasicUsageSection-B_tT0vDW.js} +38 -52
  40. package/documentation/{BasicUsageSection-C04Vk4Xo.js → BasicUsageSection-wciC808E.js} +3 -3
  41. package/documentation/{BestPracticesSection-DL24k5DX.js → BestPracticesSection-B9oMqKhX.js} +3 -3
  42. package/documentation/{BestPracticesSection-BklrYpDV.js → BestPracticesSection-BFNYdJVh.js} +1 -1
  43. package/documentation/{BestPracticesSection-41CW61J-.js → BestPracticesSection-BIbDXxnD.js} +1 -1
  44. package/documentation/{BestPracticesSection-wKpFsyId.js → BestPracticesSection-BYBZdfg8.js} +1 -1
  45. package/documentation/{BestPracticesSection-CCTlvAEc.js → BestPracticesSection-BihjJ2QU.js} +1 -1
  46. package/documentation/{BestPracticesSection-BiznpoaJ.js → BestPracticesSection-BrTenNsc.js} +1 -1
  47. package/documentation/{BestPracticesSection-CGBKNc2j.js → BestPracticesSection-Bsi45c48.js} +2 -2
  48. package/documentation/{BestPracticesSection-C7p3sqSS.js → BestPracticesSection-BwTc9PvE.js} +1 -1
  49. package/documentation/{BestPracticesSection-C8R3e6wG.js → BestPracticesSection-CdqrTgh6.js} +1 -1
  50. package/documentation/{BestPracticesSection-4oonl6Xs.js → BestPracticesSection-D3PLwaiL.js} +1 -1
  51. package/documentation/{BestPracticesSection-CNwUYNOW.js → BestPracticesSection-D9x1gLFW.js} +1 -1
  52. package/documentation/{BestPracticesSection-Bnccg1L-.js → BestPracticesSection-DXd2F40Q.js} +1 -1
  53. package/documentation/{BestPracticesSection-hs6vGhuu.js → BestPracticesSection-V_icrn3I.js} +1 -1
  54. package/documentation/{BestPracticesSection-BJUyOw5K.js → BestPracticesSection-WJyPTPT5.js} +1 -1
  55. package/documentation/{BorderRadiusSection-CgppX9KI.js → BorderRadiusSection-DnrQs0UO.js} +2 -2
  56. package/documentation/{BorderRadiusSection-CY90awsm.js → BorderRadiusSection-DtqKxbF6.js} +1 -1
  57. package/documentation/{ButtonDripSection-D8zkJ-6j.js → ButtonDripSection-C5biHmZq.js} +1 -1
  58. package/documentation/{ButtonDripSection-BQkw59yH.js → ButtonDripSection-DEZ07Ezd.js} +1 -1
  59. package/documentation/{ButtonLoaderSection-B5XP49FM.js → ButtonLoaderSection-BVgZFpeK.js} +1 -1
  60. package/documentation/{ButtonLoaderSection-CjGBMNiM.js → ButtonLoaderSection-CGJBeqr-.js} +1 -1
  61. package/documentation/{CardContainerSection-DcioQ7uD.js → CardContainerSection-Cs2cKwb4.js} +1 -1
  62. package/documentation/{CardContainerSection-DfKrRKR1.js → CardContainerSection-yjkb4krj.js} +1 -1
  63. package/documentation/{CardSection-C6FmBvSW.js → CardSection-CWikpGMD.js} +1 -1
  64. package/documentation/{CardSection-By7KZdmx.js → CardSection-FjHnUXDc.js} +1 -1
  65. package/documentation/{CardTitleSection-Cwlv3Iuv.js → CardTitleSection-B4OARul9.js} +1 -1
  66. package/documentation/{CardTitleSection-JuseDFmx.js → CardTitleSection-BwmJtkj8.js} +1 -1
  67. package/documentation/{CarouselCardsSection-t54tXA0y.js → CarouselCardsSection-DETthGNT.js} +1 -1
  68. package/documentation/{CarouselCardsSection-HwS5Pilj.js → CarouselCardsSection-DV9s2xIN.js} +1 -1
  69. package/documentation/{CarouselImageSection-DxcOoLwL.js → CarouselImageSection-B2VbVdOf.js} +1 -1
  70. package/documentation/{CarouselImageSection-yRgXBEHG.js → CarouselImageSection-BsgN88AS.js} +1 -1
  71. package/documentation/{CarouselSection-Dyv4W4kt.js → CarouselSection-BuAhrfl8.js} +1 -1
  72. package/documentation/{CarouselSection-DVkA2Zts.js → CarouselSection-CBlMfgGw.js} +1 -1
  73. package/documentation/{CheckboxSection-CFyl2-Lg.js → CheckboxSection-D5f8a17w.js} +1 -1
  74. package/documentation/{CheckboxSection-Cm9sabKa.js → CheckboxSection-DpC1rIxz.js} +1 -1
  75. package/documentation/{CodeExamplesSection-D4BjomLZ.js → CodeExamplesSection-CzT6xoBd.js} +1 -1
  76. package/documentation/{CodeExamplesSection-ZevLOjfL.js → CodeExamplesSection-DmnhyUyh.js} +1 -1
  77. package/documentation/{CoinCardSection-DWe-P9aE.js → CoinCardSection-B6mFIGWY.js} +1 -1
  78. package/documentation/{CoinCardSection-BP75BKln.js → CoinCardSection-B8xYe_14.js} +1 -1
  79. package/documentation/{CoinInfoCardSection-CHd_B21e.js → CoinInfoCardSection-B6WuOwgK.js} +1 -1
  80. package/documentation/{CoinInfoCardSection-Cp5dwucx.js → CoinInfoCardSection-DrlLjeme.js} +1 -1
  81. package/documentation/{CoinListBoxSection-CFTwACjZ.js → CoinListBoxSection-DkQKAYd4.js} +1 -1
  82. package/documentation/{CoinListBoxSection-CgQPCN1-.js → CoinListBoxSection-h2EIhbc6.js} +1 -1
  83. package/documentation/{CollapseSection-DV4iEoTo.js → CollapseSection-BgUzBjdQ.js} +1 -1
  84. package/documentation/{CollapseSection-BObnZGBa.js → CollapseSection-DjToAVsV.js} +1 -1
  85. package/documentation/{CollectionCardSection-V2vYAGul.js → CollectionCardSection-Bso5dTm0.js} +1 -1
  86. package/documentation/{CollectionCardSection-Cl5rgWzn.js → CollectionCardSection-CLYRjHZ3.js} +1 -1
  87. package/documentation/{CollectionSelectListSection-CW5Wwg5e.js → CollectionSelectListSection-U1691doa.js} +1 -1
  88. package/documentation/{CollectionSelectListSection-l-apJPKq.js → CollectionSelectListSection-yeCip8aj.js} +1 -1
  89. package/documentation/{ColorCustomizationSection-v0OWFiFx.js → ColorCustomizationSection-DAyuywgq.js} +45 -33
  90. package/documentation/ColorCustomizationSection-Dq8eABfF.js +1 -0
  91. package/documentation/ColorSystemSection-B3tm49L7.js +1 -0
  92. package/documentation/ColorSystemSection-yh45iiHj.js +339 -0
  93. package/documentation/{CommonErrorsSection-8pIQ5P0f.js → CommonErrorsSection-DQrjcfPF.js} +1 -1
  94. package/documentation/{CommonErrorsSection-CPIUNSdZ.js → CommonErrorsSection-Dy04oSz_.js} +1 -1
  95. package/documentation/{ComponentAnatomySection-D9CJ7NKe.js → ComponentAnatomySection-CqMqeGRG.js} +1 -1
  96. package/documentation/{ComponentAnatomySection-B_3X6zAV.js → ComponentAnatomySection-J7_m5JbP.js} +1 -1
  97. package/documentation/{ComponentStatusSection-BPM9MaGx.js → ComponentStatusSection-FFk0aqBc.js} +1 -1
  98. package/documentation/{ComponentStatusSection-DckFRSjC.js → ComponentStatusSection-Yo0G0loR.js} +1 -1
  99. package/documentation/{ComposedChartSection-Dx2m0rSy.js → ComposedChartSection-hW66uHot.js} +1 -1
  100. package/documentation/{ComposedChartSection-DgidskHN.js → ComposedChartSection-tNIAiTDy.js} +1 -1
  101. package/documentation/{CurrencySwapIconsSection-u7r7QNnv.js → CurrencySwapIconsSection-BBnjn3uo.js} +1 -1
  102. package/documentation/{CurrencySwapIconsSection-DZab3CRP.js → CurrencySwapIconsSection-B_bHfyHa.js} +1 -1
  103. package/documentation/{CustomColorPaletteSection-pjhXRzh7.js → CustomColorPaletteSection-C0QH-Gjh.js} +8 -8
  104. package/documentation/{CustomColorPaletteSection-BgsWYeFi.js → CustomColorPaletteSection-DO8oEjzW.js} +2 -2
  105. package/documentation/{CustomIconsSection-DVTQjvmK.js → CustomIconsSection-BASoblRw.js} +1 -1
  106. package/documentation/{CustomIconsSection-8d02BzFW.js → CustomIconsSection-BNBsaI1Y.js} +11 -11
  107. package/documentation/{DefiAppLogoSection-DeVkbZnS.js → DefiAppLogoSection-CJ_WaEEM.js} +1 -1
  108. package/documentation/{DefiAppLogoSection-BloxEw2r.js → DefiAppLogoSection-bB5g79Z4.js} +1 -1
  109. package/documentation/{DesignPrinciplesSection-DnXrx_3r.js → DesignPrinciplesSection-DeSp3YGO.js} +1 -1
  110. package/documentation/{DesignPrinciplesSection-AGfHYdRQ.js → DesignPrinciplesSection-Zl0xFCt6.js} +1 -1
  111. package/documentation/{DrawerSection-C5umOiTH.js → DrawerSection-CrMh4USZ.js} +1 -1
  112. package/documentation/{DrawerSection-0xOnVMih.js → DrawerSection-DsqcxtDs.js} +1 -1
  113. package/documentation/{DynamicRoutesSection-D9cAVioz.js → DynamicRoutesSection-C9QESfkX.js} +1 -1
  114. package/documentation/{DynamicRoutesSection-CplA4H_-.js → DynamicRoutesSection-mzGjrsjc.js} +1 -1
  115. package/documentation/{FileInputSection-DiFwCplu.js → FileInputSection-5T-xJxsP.js} +1 -1
  116. package/documentation/{FileInputSection-DYnf_T8n.js → FileInputSection-Ct4GqFfT.js} +1 -1
  117. package/documentation/{FileStructureSection-C7CT7MLA.js → FileStructureSection-14xCYpSc.js} +5 -5
  118. package/documentation/{FileStructureSection-qyFRzFR7.js → FileStructureSection-9lInEOF5.js} +2 -2
  119. package/documentation/{FormComponentsSection-D8FXeYch.js → FormComponentsSection-BjJY47h7.js} +13 -13
  120. package/documentation/{FormComponentsSection-BGNG7LT5.js → FormComponentsSection-CVdYFyUi.js} +1 -1
  121. package/documentation/{FormMethodsSection-KJIlWtlf.js → FormMethodsSection-DlBnV-Aj.js} +1 -1
  122. package/documentation/{FormMethodsSection-D7QrdOOf.js → FormMethodsSection-R2SW4g00.js} +1 -1
  123. package/documentation/{HamburgerSection-B4QTD7QB.js → HamburgerSection-BpoVoDOi.js} +1 -1
  124. package/documentation/{HamburgerSection-1Co0vSYI.js → HamburgerSection-VxfOCf7c.js} +1 -1
  125. package/documentation/{HookCategoriesSection-BgTUwS4d.js → HookCategoriesSection-B_TOE9Dl.js} +1 -1
  126. package/documentation/{HookCategoriesSection-DT7PsLf5.js → HookCategoriesSection-GgKNpxrq.js} +1 -1
  127. package/documentation/{HookDocumentationSection-B7eGJAtC.js → HookDocumentationSection-CBtlj0Xo.js} +33 -40
  128. package/documentation/{HookDocumentationSection-Dm5vp60W.js → HookDocumentationSection-DC-uDZ1A.js} +15 -15
  129. package/documentation/{HookFeaturesSection-XWh6oPJo.js → HookFeaturesSection-C46s1I46.js} +1 -1
  130. package/documentation/{HookFeaturesSection-C_CfuHPq.js → HookFeaturesSection-CYQq8uiT.js} +1 -1
  131. package/documentation/{IconArchitectureSection-2pqGfRWh.js → IconArchitectureSection-DVwo8J6J.js} +1 -1
  132. package/documentation/{IconArchitectureSection-Cyft-9ck.js → IconArchitectureSection-Dg0P4xJM.js} +1 -1
  133. package/documentation/{IconSizingGuideSection-DWP8TfCJ.js → IconSizingGuideSection-4CGLUtLH.js} +2 -2
  134. package/documentation/{IconSizingGuideSection-D0WIGnpi.js → IconSizingGuideSection-DV6KbqA2.js} +1 -1
  135. package/documentation/{IconSystemAPISection-BykSbNfn.js → IconSystemAPISection-B4lcpmhY.js} +1 -1
  136. package/documentation/{IconSystemAPISection-BafhVMj8.js → IconSystemAPISection-feuWPuII.js} +1 -1
  137. package/documentation/{IconSystemBenefitsSection-DnPy73uB.js → IconSystemBenefitsSection-BlEPp4PZ.js} +1 -1
  138. package/documentation/{IconSystemBenefitsSection-D-Z8n3yK.js → IconSystemBenefitsSection-isJXtAnP.js} +1 -1
  139. package/documentation/{ImageSection-BDC-XBOn.js → ImageSection-90o9mI_A.js} +3 -3
  140. package/documentation/ImageSection-lfQJq_9S.js +82 -0
  141. package/documentation/ImplementationExamplesSection-DJxSTPAz.js +761 -0
  142. package/documentation/ImplementationExamplesSection-Ds4REGcS.js +429 -0
  143. package/documentation/{ImplementationGuidelinesSection-C0DtOFA3.js → ImplementationGuidelinesSection-DyggNHxr.js} +1 -1
  144. package/documentation/{ImplementationGuidelinesSection-Bmt5UnLA.js → ImplementationGuidelinesSection-z14_D9y4.js} +1 -1
  145. package/documentation/{ImplementationStatusSection-gIxBd7m5.js → ImplementationStatusSection-CCTRI00N.js} +1 -1
  146. package/documentation/{ImplementationStatusSection-C59DZ2XS.js → ImplementationStatusSection-D3FnRWV-.js} +1 -1
  147. package/documentation/{ImplementedFeaturesSection-1l8t4Nij.js → ImplementedFeaturesSection-C-hPiVlX.js} +1 -1
  148. package/documentation/{ImplementedFeaturesSection-BwktoGqA.js → ImplementedFeaturesSection-KvlP_7ja.js} +1 -1
  149. package/documentation/{InfoCardSection-BcXFWEjI.js → InfoCardSection-BBd3_OzF.js} +2 -2
  150. package/documentation/{InfoCardSection-DtgYtueH.js → InfoCardSection-DHQuZzE7.js} +15 -13
  151. package/documentation/{InputSearcherSection-DD2KwzOG.js → InputSearcherSection-BQ4cUC16.js} +1 -1
  152. package/documentation/{InputSearcherSection-DMtIqnZm.js → InputSearcherSection-DFk3eBSo.js} +1 -1
  153. package/documentation/{InputSection-DAQlSKNm.js → InputSection-B5ty4Onb.js} +1 -1
  154. package/documentation/{InputSection-WnlrF_LD.js → InputSection-DLQ6hyWl.js} +1 -1
  155. package/documentation/{KeyValueRowSection-Ctph5iO5.js → KeyValueRowSection-BgKXD67j.js} +1 -1
  156. package/documentation/{KeyValueRowSection-BjXEg9g3.js → KeyValueRowSection-CJWvh1z_.js} +1 -1
  157. package/documentation/{KeyboardNavigationSection-BgP2RBJx.js → KeyboardNavigationSection-B38QXuO1.js} +1 -1
  158. package/documentation/{KeyboardNavigationSection-BcQUUxeW.js → KeyboardNavigationSection-B8IX8HhB.js} +4 -4
  159. package/documentation/{LayoutPrinciplesSection-DZgjhU-5.js → LayoutPrinciplesSection-Dtv-aHj6.js} +2 -2
  160. package/documentation/{LayoutPrinciplesSection-CZE5j4TD.js → LayoutPrinciplesSection-TN7sNEHN.js} +1 -1
  161. package/documentation/{LayoutTypesSection-847E1FZA.js → LayoutTypesSection-DtAUqzLt.js} +180 -30
  162. package/documentation/LayoutTypesSection-prvabVsZ.js +1 -0
  163. package/documentation/{LineChartSection-CLKCstC7.js → LineChartSection-CzARfWf9.js} +1 -1
  164. package/documentation/{LineChartSection-BFVXYiK4.js → LineChartSection-HJuiXWwE.js} +1 -1
  165. package/documentation/{ListContainerSection-D5k1iNKV.js → ListContainerSection-Ca8Y_cJJ.js} +1 -1
  166. package/documentation/{ListContainerSection-rSWVVjfW.js → ListContainerSection-CkEy8kTD.js} +1 -1
  167. package/documentation/{ListItemSection-Bwr8NH-L.js → ListItemSection-C57wh8xh.js} +1 -1
  168. package/documentation/{ListItemSection-CU785nZa.js → ListItemSection-CrUwVDa7.js} +1 -1
  169. package/documentation/{LiveDemoSection-B5j1ZGtq.js → LiveDemoSection-C6YvjWGX.js} +1 -1
  170. package/documentation/{LiveDemoSection-BHq8HDj_.js → LiveDemoSection-Di6_Ljzt.js} +1 -1
  171. package/documentation/{LiveDemonstrationsSection-B5iutGu_.js → LiveDemonstrationsSection-D7NGWZ3I.js} +13 -13
  172. package/documentation/{LiveDemonstrationsSection-CSSKZrex.js → LiveDemonstrationsSection-Dby6VHKw.js} +4 -4
  173. package/documentation/{LivePriceFeedSection-Ie3MtK5B.js → LivePriceFeedSection-BGUKPNUb.js} +1 -1
  174. package/documentation/{LivePriceFeedSection-CguTUwPn.js → LivePriceFeedSection-B_GgiNK8.js} +1 -1
  175. package/documentation/{LoaderSection-wo7VqH01.js → LoaderSection-Chy1mcXx.js} +1 -1
  176. package/documentation/{LoaderSection-CFIf6Cwz.js → LoaderSection-yuB9Toxf.js} +1 -1
  177. package/documentation/{LogoSection-D53DSw6e.js → LogoSection-BVWSaZET.js} +1 -1
  178. package/documentation/{LogoSection-D2o5z1v0.js → LogoSection-iUxlu-_p.js} +1 -1
  179. package/documentation/{LucideIconsSection-BGhOfZ2S.js → LucideIconsSection-CX6vVBZA.js} +1 -1
  180. package/documentation/{LucideIconsSection-BmFnUvOo.js → LucideIconsSection-CXfT5lQb.js} +1 -1
  181. package/documentation/{MFESupportSection-BsWrFr8n.js → MFESupportSection-B6RwP4pS.js} +2 -2
  182. package/documentation/{MFESupportSection-BfZN1ruk.js → MFESupportSection-DamrDMWD.js} +12 -8
  183. package/documentation/{MacOSBackgroundsSection-5FwRmwSt.js → MacOSBackgroundsSection-Cx_1ZLMj.js} +25 -22
  184. package/documentation/MacOSBackgroundsSection-ZPqiqQex.js +1 -0
  185. package/documentation/MacOSColorsSection-C3PgogP4.js +1 -0
  186. package/documentation/{MacOSColorsSection-YEtkXtT9.js → MacOSColorsSection-DFSpSHs_.js} +25 -25
  187. package/documentation/{MacOSCommandPaletteSection-BNpF6qM7.js → MacOSCommandPaletteSection-BuwzwV8l.js} +1 -1
  188. package/documentation/{MacOSCommandPaletteSection-WanBDypB.js → MacOSCommandPaletteSection-CNIbgVQz.js} +4 -4
  189. package/documentation/{MacOSMaterialsSection-CL8WKiWl.js → MacOSMaterialsSection-B0bCcOWV.js} +6 -6
  190. package/documentation/MacOSMaterialsSection-CgulMHAk.js +1 -0
  191. package/documentation/{MacOSNotificationBannerSection-DCtVh4mP.js → MacOSNotificationBannerSection-C9SIbT7b.js} +1 -1
  192. package/documentation/{MacOSNotificationBannerSection-CccD5Lyx.js → MacOSNotificationBannerSection-DL_wVvSM.js} +1 -1
  193. package/documentation/{MacOSPopoverSection-Ct-lBd1V.js → MacOSPopoverSection-DQkkxFZi.js} +136 -41
  194. package/documentation/MacOSPopoverSection-whmFuYxn.js +33 -0
  195. package/documentation/{MacOSSearchBarSection-DruORVTc.js → MacOSSearchBarSection-D7I0Bvgv.js} +1 -1
  196. package/documentation/{MacOSSearchBarSection-DNHmkSQF.js → MacOSSearchBarSection-NVzpmwpm.js} +1 -1
  197. package/documentation/{MacOSSegmentedControlSection-BFuSzzal.js → MacOSSegmentedControlSection-BZVQzIRB.js} +1 -1
  198. package/documentation/{MacOSSegmentedControlSection-D5ZpMdGL.js → MacOSSegmentedControlSection-DbdRCqFk.js} +1 -1
  199. package/documentation/MacOSSidebarSection-C_9PEk_f.js +35 -0
  200. package/documentation/{MacOSSidebarSection-D0DT2x5w.js → MacOSSidebarSection-DYZ6onyY.js} +120 -46
  201. package/documentation/{MacOSTahoeSection-DKtgrult.js → MacOSTahoeSection-DCwsZnWz.js} +2 -2
  202. package/documentation/{MacOSTahoeSection-ErqFjWX4.js → MacOSTahoeSection-dZq5MXs6.js} +1 -1
  203. package/documentation/MacOSTextStylesSection-DGktqEPk.js +1 -0
  204. package/documentation/{MacOSTextStylesSection-B4xYNfLo.js → MacOSTextStylesSection-DZmQayrr.js} +52 -48
  205. package/documentation/{MacOSToolbarSection-GwXI_HM0.js → MacOSToolbarSection-B_bHKn8G.js} +1 -1
  206. package/documentation/{MacOSToolbarSection-BUSdw1-N.js → MacOSToolbarSection-Ci3H22eP.js} +1 -1
  207. package/documentation/{MacOSWidgetSection-B2c5Jiqb.js → MacOSWidgetSection-CEJiUAXx.js} +1 -1
  208. package/documentation/{MacOSWidgetSection-BEuuPDcI.js → MacOSWidgetSection-CS6SNE1x.js} +1 -1
  209. package/documentation/{MacOSWindowSection-ChLGxWkJ.js → MacOSWindowSection-Cj5W9tOb.js} +1 -1
  210. package/documentation/{MacOSWindowSection-CJSekAJj.js → MacOSWindowSection-DqJp_sYV.js} +1 -1
  211. package/documentation/{MenuItemsGuideSection-CW7znzf9.js → MenuItemsGuideSection-B7BCFEzC.js} +1 -1
  212. package/documentation/{MenuItemsGuideSection-3rCQXRbI.js → MenuItemsGuideSection-DGwGu1eO.js} +1 -1
  213. package/documentation/{ModalSection-B4Ay5tMm.js → ModalSection-BAl0KIk0.js} +1 -1
  214. package/documentation/{ModalSection-Bm2c0cZ3.js → ModalSection-BVVp2SX8.js} +1 -1
  215. package/documentation/{NFTGridSection-C167-_5t.js → NFTGridSection-BNFbcFZG.js} +1 -1
  216. package/documentation/{NFTGridSection-DjfH-Wb_.js → NFTGridSection-Wl711fIz.js} +1 -1
  217. package/documentation/{NestedRoutesSection-BTIFUyu3.js → NestedRoutesSection-D8PkxU8h.js} +5 -5
  218. package/documentation/{NestedRoutesSection-BQBIMv26.js → NestedRoutesSection-wmlrMDJq.js} +2 -2
  219. package/documentation/{NotificationCardSection-fW5poNpt.js → NotificationCardSection-CbQt_XUN.js} +1 -1
  220. package/documentation/{NotificationCardSection-Dc9k9m0z.js → NotificationCardSection-Dd1DGkKw.js} +1 -1
  221. package/documentation/{PaginationSection-Chxlsiar.js → PaginationSection-BUPepKIu.js} +1 -1
  222. package/documentation/{PaginationSection-Dkozx1NR.js → PaginationSection-lSE7L18v.js} +1 -1
  223. package/documentation/{PanelActionCardSection-DH2lDA1v.js → PanelActionCardSection-BdiVGZct.js} +1 -1
  224. package/documentation/{PanelActionCardSection-CrHET2qr.js → PanelActionCardSection-BgBQ-yk0.js} +1 -1
  225. package/documentation/{PanelCardSection-Cxgvd7E9.js → PanelCardSection-CxgguBdn.js} +1 -1
  226. package/documentation/{PanelCardSection-4huN71a_.js → PanelCardSection-DepwDiot.js} +1 -1
  227. package/documentation/{ParamTabSection-CnjtpMbJ.js → ParamTabSection-7WqNq93W.js} +96 -59
  228. package/documentation/{ParamTabSection-hI9LkIIz.js → ParamTabSection-CRAA5456.js} +2 -2
  229. package/documentation/{PieChartSection-pR0IxyX_.js → PieChartSection-CjOgCPaN.js} +1 -1
  230. package/documentation/{PieChartSection-CE8jY8sm.js → PieChartSection-DgARlxCn.js} +1 -1
  231. package/documentation/{PinCodeSection-LjDbYnRA.js → PinCodeSection-BZ9lZb1m.js} +1 -1
  232. package/documentation/{PinCodeSection-oizvSnHW.js → PinCodeSection-v_9DV5Lk.js} +1 -1
  233. package/documentation/{ProgressbarSection-BMNMHb6k.js → ProgressbarSection-D3DYoI4Y.js} +2 -2
  234. package/documentation/{ProgressbarSection-DLvuQRqH.js → ProgressbarSection-DlUhNhf2.js} +5 -5
  235. package/documentation/{RadarChartSection-GP1TRYs5.js → RadarChartSection-CUbzsVhA.js} +1 -1
  236. package/documentation/{RadarChartSection-DHx5xzix.js → RadarChartSection-Ddb_fGPc.js} +1 -1
  237. package/documentation/{RadioGroupSection-C0qbZCEy.js → RadioGroupSection-5l0IDcfd.js} +1 -1
  238. package/documentation/{RadioGroupSection-Dnu2rhAj.js → RadioGroupSection-CZQzvhOR.js} +1 -1
  239. package/documentation/{RadioSection-rHrHsIha.js → RadioSection-D-KPVIm_.js} +1 -1
  240. package/documentation/{RadioSection-DWy0dsvZ.js → RadioSection-D6bi4kIt.js} +1 -1
  241. package/documentation/{RevealContentSection-B7d6jZ3X.js → RevealContentSection-DZhCRfDI.js} +1 -1
  242. package/documentation/{RevealContentSection-DFeDG75P.js → RevealContentSection-xWU5mwxK.js} +1 -1
  243. package/documentation/{RouteConfigurationSection-Dj3ufwLr.js → RouteConfigurationSection-BNlfPveX.js} +1 -1
  244. package/documentation/{RouteConfigurationSection-DdJ4tMwr.js → RouteConfigurationSection-CGohU3dz.js} +1 -1
  245. package/documentation/{ScrollToTopSection-BzOG4wgw.js → ScrollToTopSection-CE_chqn5.js} +1 -1
  246. package/documentation/{ScrollToTopSection-JmnQvioT.js → ScrollToTopSection-DTIMzJcL.js} +1 -1
  247. package/documentation/{ScrollbarSection-C0IIJ90W.js → ScrollbarSection-BtFed7RJ.js} +1 -1
  248. package/documentation/{ScrollbarSection-DNOAHiAh.js → ScrollbarSection-UGhiUlT9.js} +1 -1
  249. package/documentation/{SelectSection-CYx0EZJX.js → SelectSection-B_s_pRsx.js} +1 -1
  250. package/documentation/{SelectSection-DupPSBKF.js → SelectSection-DQZ8bxsN.js} +1 -1
  251. package/documentation/{SettingsPanelSection-GhZ66ZdG.js → SettingsPanelSection-D2vZ81r5.js} +4 -4
  252. package/documentation/SettingsPanelSection-DmeXjrx0.js +1 -0
  253. package/documentation/{ShadowsSection-qjRGL4vP.js → ShadowsSection-Br8AictP.js} +1 -1
  254. package/documentation/{ShadowsSection-kJV-ttft.js → ShadowsSection-CoUWlYA-.js} +1 -1
  255. package/documentation/{SidebarMenuSection-Co9XzZgf.js → SidebarMenuSection-BuyjfISB.js} +1 -1
  256. package/documentation/{SidebarMenuSection-CQunF-oM.js → SidebarMenuSection-DL9USgCd.js} +1 -1
  257. package/documentation/{SidebarSection-BTlba2fa.js → SidebarSection-B-rHd7VC.js} +1 -1
  258. package/documentation/{SidebarSection-CpNHqxdM.js → SidebarSection-DMPBCRIo.js} +1 -1
  259. package/documentation/{SizingSection-DZRyEWJJ.js → SizingSection--Jco3RIU.js} +28 -28
  260. package/documentation/SizingSection-CUt8NIK0.js +1 -0
  261. package/documentation/{SkeletonSection-BQKerqPH.js → SkeletonSection-DJdKo1ja.js} +1 -1
  262. package/documentation/{SkeletonSection-DbSYqbHd.js → SkeletonSection-DqrX4Bdv.js} +1 -1
  263. package/documentation/{SonomaColorsSection-BqkMh28_.js → SonomaColorsSection-DJtL9gyt.js} +57 -57
  264. package/documentation/{SonomaColorsSection-B7L_UMjk.js → SonomaColorsSection-ymNouzEh.js} +1 -1
  265. package/documentation/{SonomaLayoutContentSection-BaASk6kp.js → SonomaLayoutContentSection-BUpCwKvI.js} +1 -1
  266. package/documentation/{SonomaLayoutContentSection-DFQgh479.js → SonomaLayoutContentSection-DUaqAxji.js} +1 -1
  267. package/documentation/{SonomaLayoutSidebarSection-DeT7y6e9.js → SonomaLayoutSidebarSection-5eYi4AN9.js} +1 -1
  268. package/documentation/{SonomaLayoutSidebarSection-CZ5rM-MM.js → SonomaLayoutSidebarSection-pojkz3vG.js} +1 -1
  269. package/documentation/SonomaMaterialsSection-C96PRKqk.js +9 -0
  270. package/documentation/{SonomaMaterialsSection-BYnpWwWt.js → SonomaMaterialsSection-DGAN4s50.js} +4 -4
  271. package/documentation/{SonomaShapesSection-C17AoE2N.js → SonomaShapesSection-BhLTcP3w.js} +2 -2
  272. package/documentation/{SonomaShapesSection-OlLezJRJ.js → SonomaShapesSection-C8Pf87LY.js} +3 -3
  273. package/documentation/{SonomaTypographySection-BXzAkRPA.js → SonomaTypographySection-COUn6t7v.js} +48 -47
  274. package/documentation/{SonomaTypographySection-C7bSKgHl.js → SonomaTypographySection-Ds10GLYv.js} +1 -1
  275. package/documentation/{SpacingSystemSection-RdnzjpSK.js → SpacingSystemSection-BF3PHq5h.js} +1 -1
  276. package/documentation/{SpacingSystemSection-rDylj_Un.js → SpacingSystemSection-BqrzSpri.js} +2 -2
  277. package/documentation/{SpinnerSection-C2SLIBWN.js → SpinnerSection-Dk30YZJZ.js} +1 -1
  278. package/documentation/{SpinnerSection-BTEupT8d.js → SpinnerSection-yr2tRAM5.js} +1 -1
  279. package/documentation/{StandaloneAppSection-BVoGM1bD.js → StandaloneAppSection-BELaa7LI.js} +2 -2
  280. package/documentation/{StandaloneAppSection-uFMN1K6i.js → StandaloneAppSection-DCFC1XZR.js} +9 -6
  281. package/documentation/{StepperSection-BWUQ_trS.js → StepperSection-B1XhYQK-.js} +1 -1
  282. package/documentation/{StepperSection-BgQQn9Q3.js → StepperSection-By_Ml_tV.js} +1 -1
  283. package/documentation/{SwitchSection-CQo06YWs.js → SwitchSection-BUQdc358.js} +1 -1
  284. package/documentation/{SwitchSection-D-6X3w3o.js → SwitchSection-C85IWY-t.js} +1 -1
  285. package/documentation/{SystemOverviewSection-Bc602IQG.js → SystemOverviewSection-C1qBmPHN.js} +1 -1
  286. package/documentation/{SystemOverviewSection-BNhzrT6U.js → SystemOverviewSection-rljSEGcG.js} +1 -1
  287. package/documentation/{TabModalSection-D7XCTFKs.js → TabModalSection-Dv5x_sEQ.js} +1 -1
  288. package/documentation/{TabModalSection-dg7LGi0f.js → TabModalSection-IuUO4qiP.js} +1 -1
  289. package/documentation/{TabSection-DnD_Te-M.js → TabSection-Caok23rW.js} +1 -1
  290. package/documentation/{TabSection-DPBrpBDN.js → TabSection-DDHTGSIS.js} +1 -1
  291. package/documentation/{TabSelectSection-Cs-fzdRm.js → TabSelectSection-B4rEgVlu.js} +2 -2
  292. package/documentation/{TabSelectSection-jn_HenZM.js → TabSelectSection-BseTPExy.js} +2 -2
  293. package/documentation/{TahoeCommandPaletteSection-Bs1enphA.js → TahoeCommandPaletteSection-DaORHbNv.js} +1 -1
  294. package/documentation/{TahoeCommandPaletteSection-ClvMCVUp.js → TahoeCommandPaletteSection-v_iOPj8C.js} +1 -1
  295. package/documentation/{TahoeDialogSection-LvFsaPNL.js → TahoeDialogSection-BoY2025y.js} +1 -1
  296. package/documentation/{TahoeDialogSection-Bzn59FfH.js → TahoeDialogSection-CqKQ-RDj.js} +1 -1
  297. package/documentation/{TahoeDockSection-CE4XVjge.js → TahoeDockSection-C7harqcu.js} +1 -1
  298. package/documentation/{TahoeDockSection-g1Jh1rVL.js → TahoeDockSection-DhRRBnTT.js} +1 -1
  299. package/documentation/{TahoeLayoutContentSection-DGwHsEUK.js → TahoeLayoutContentSection-C4BE8wc4.js} +3 -3
  300. package/documentation/TahoeLayoutContentSection-_mL3T_3K.js +17 -0
  301. package/documentation/{TahoeLayoutSidebarSection-Cxx0NWOi.js → TahoeLayoutSidebarSection-BUXgOJBx.js} +1 -1
  302. package/documentation/{TahoeLayoutSidebarSection-pdzlnLJM.js → TahoeLayoutSidebarSection-BmCZJ9fX.js} +9 -9
  303. package/documentation/{TahoeNotificationBannerSection-DhskVUvC.js → TahoeNotificationBannerSection-CSlPVrTp.js} +1 -1
  304. package/documentation/{TahoeNotificationBannerSection-CHvq-2oK.js → TahoeNotificationBannerSection-D4E3b7uT.js} +1 -1
  305. package/documentation/{TahoePopoverSection-C8iVtmgr.js → TahoePopoverSection-CJaeo55K.js} +1 -1
  306. package/documentation/{TahoePopoverSection-DF-k50xc.js → TahoePopoverSection-D3zoltMl.js} +1 -1
  307. package/documentation/{TahoeProgressBarSection-Clt50U44.js → TahoeProgressBarSection-C_2fAhY_.js} +1 -1
  308. package/documentation/{TahoeProgressBarSection-BSjAa0mD.js → TahoeProgressBarSection-DO21lvmq.js} +1 -1
  309. package/documentation/{TahoeSearchBarSection-BGwmcq39.js → TahoeSearchBarSection-2siyD6LM.js} +1 -1
  310. package/documentation/{TahoeSearchBarSection-6TwJoFIv.js → TahoeSearchBarSection-DdXfb6P6.js} +1 -1
  311. package/documentation/{TahoeSegmentedControlSection-gNZlSqSs.js → TahoeSegmentedControlSection-CGHYXp6R.js} +1 -1
  312. package/documentation/{TahoeSegmentedControlSection-C2tTySf8.js → TahoeSegmentedControlSection-CcSHJml_.js} +1 -1
  313. package/documentation/{TahoeToolbarSection-CndSLUyc.js → TahoeToolbarSection-BCpyfad4.js} +7 -7
  314. package/documentation/TahoeToolbarSection-C10KKCyu.js +17 -0
  315. package/documentation/{TahoeWidgetSection-DvFhIsO1.js → TahoeWidgetSection-BUaOmNIc.js} +1 -1
  316. package/documentation/{TahoeWidgetSection-CxG_Uvly.js → TahoeWidgetSection-sxxKh9VM.js} +1 -1
  317. package/documentation/{TahoeWindowSection-CA5hMRQS.js → TahoeWindowSection-COl0UCS1.js} +1 -1
  318. package/documentation/{TahoeWindowSection-Dlt40eFZ.js → TahoeWindowSection-KL3yHPI3.js} +1 -1
  319. package/documentation/{TailwindConfigSection-BOdIg9p4.js → TailwindConfigSection-DPCR4e0X.js} +2 -2
  320. package/documentation/{TailwindConfigSection-DTEVHxfY.js → TailwindConfigSection-DdJnfBeo.js} +6 -6
  321. package/documentation/{TestingSection-sjNf_YR6.js → TestingSection-4eyjrj1_.js} +1 -1
  322. package/documentation/{TestingSection-p_a3TLFg.js → TestingSection-laVHmYZE.js} +1 -1
  323. package/documentation/{TextareaSection-CD-kZuGl.js → TextareaSection-D_4-b9Jx.js} +1 -1
  324. package/documentation/{TextareaSection-B7E_PE99.js → TextareaSection-Dx8UEgUG.js} +1 -1
  325. package/documentation/{ThemeArchitectureSection-DTZZ9DW8.js → ThemeArchitectureSection-BJt75CEU.js} +6 -4
  326. package/documentation/{ThemeArchitectureSection-CJLVZw1o.js → ThemeArchitectureSection-BOTLbXFq.js} +12 -10
  327. package/documentation/{ThemeConfigurationSection-66D5XJGb.js → ThemeConfigurationSection-CGRi9uGX.js} +1 -1
  328. package/documentation/{ThemeConfigurationSection-DKcO1n8f.js → ThemeConfigurationSection-sgJA0wX0.js} +2 -2
  329. package/documentation/ThemeHooksSection-BU9VAEIQ.js +1 -0
  330. package/documentation/{ThemeHooksSection-D5hs4bKp.js → ThemeHooksSection-DN-dSaho.js} +56 -37
  331. package/documentation/{ThemeProviderIntegrationSection-T1FvNpOT.js → ThemeProviderIntegrationSection-CtckSEZ6.js} +1 -1
  332. package/documentation/{ThemeProviderIntegrationSection-hBvjgSG1.js → ThemeProviderIntegrationSection-DxWYUVNo.js} +1 -1
  333. package/documentation/{ThemeProviderRequiredSection-03ZYoeWQ.js → ThemeProviderRequiredSection-BHmXKzqL.js} +5 -5
  334. package/documentation/ThemeProviderRequiredSection-DMStR6-A.js +1 -0
  335. package/documentation/{ThemeProviderSection-nIdNlZjq.js → ThemeProviderSection-CTTjgBhZ.js} +11 -11
  336. package/documentation/ThemeProviderSection-DSllsxjP.js +1 -0
  337. package/documentation/{ToastSection-DF3L8jxW.js → ToastSection-BcMWRjYM.js} +1 -1
  338. package/documentation/{ToastSection-C3RQpSox.js → ToastSection-CAz8Hcgy.js} +1 -1
  339. package/documentation/{ToggleBarSection-CJmXFlZa.js → ToggleBarSection-BAJRL-JL.js} +1 -1
  340. package/documentation/{ToggleBarSection-D26Mzrf4.js → ToggleBarSection-D0gxe4bi.js} +1 -1
  341. package/documentation/{TooltipSection-DugfAWzs.js → TooltipSection-8BAcW1F8.js} +1 -1
  342. package/documentation/{TooltipSection-DhfdMLxD.js → TooltipSection-8ft95fhM.js} +1 -1
  343. package/documentation/{TopupButtonSection-6THSaEvz.js → TopupButtonSection-BsP9qMKz.js} +1 -1
  344. package/documentation/{TopupButtonSection-DO2sCxIV.js → TopupButtonSection-DMX7DHtm.js} +1 -1
  345. package/documentation/{TransactionInfoSection-7ZWdfrbf.js → TransactionInfoSection-Dfyi0vTL.js} +1 -1
  346. package/documentation/{TransactionInfoSection-BL23o6Ao.js → TransactionInfoSection-gfy4OG-G.js} +1 -1
  347. package/documentation/{TucuUiLogoSection-Dyfblzs7.js → TucuUiLogoSection-BlyXPiuE.js} +1 -1
  348. package/documentation/{TucuUiLogoSection-BsYhhz9J.js → TucuUiLogoSection-Dr4QKJE2.js} +1 -1
  349. package/documentation/{TypographySection-Ct3zNnpW.js → TypographySection-BvFi0bpr.js} +64 -64
  350. package/documentation/{TypographySection-BPidPkKl.js → TypographySection-C4YFmIj_.js} +1 -1
  351. package/documentation/TypographySection-CxZfc6YL.js +1 -0
  352. package/documentation/{TypographySection-BVa4hd_u.js → TypographySection-bXUV6Bmt.js} +1 -1
  353. package/documentation/{UsageExamplesSection-D-ai2y1j.js → UsageExamplesSection-BwcRgeyU.js} +1 -1
  354. package/documentation/{UsageExamplesSection-BWDg6OSi.js → UsageExamplesSection-CRg9RYfR.js} +1 -1
  355. package/documentation/{UsingThemeSystemSection-Db0Hs67Q.js → UsingThemeSystemSection-DB_ErOba.js} +1 -1
  356. package/documentation/{UsingThemeSystemSection-D7Wbw8sv.js → UsingThemeSystemSection-DYUkPUnX.js} +1 -1
  357. package/documentation/{ValidationSystemSection-Bqszchd7.js → ValidationSystemSection-BEwX_nlY.js} +9 -9
  358. package/documentation/{ValidationSystemSection-CcHCIL8A.js → ValidationSystemSection-BdPgfg9x.js} +3 -3
  359. package/documentation/{WCAGPrinciplesSection-BYNqkBJt.js → WCAGPrinciplesSection-CgWqrIwS.js} +1 -1
  360. package/documentation/{WCAGPrinciplesSection-DHmT6YQy.js → WCAGPrinciplesSection-qmAtTMZv.js} +1 -1
  361. package/{index-lfg6LZ1p.js → index-19KsCnyX.js} +27372 -26763
  362. package/index-DMs_SmPq.js +1178 -0
  363. package/index.css +1 -1
  364. package/index.js +1 -1
  365. package/index.mjs +303 -288
  366. package/package.json +1 -1
  367. package/themes/components/index.d.ts +1 -0
  368. package/themes/components/theme-background.d.ts +33 -0
  369. package/themes/components/theme-provider/theme-wrapper.d.ts +15 -1
  370. package/themes/config/index.d.ts +56 -2
  371. package/themes/hooks/use-theme-color.d.ts +13 -1
  372. package/themes/hooks/use-theme.d.ts +15 -2
  373. package/documentation/ColorCustomizationSection-Cb8PEuks.js +0 -1
  374. package/documentation/ColorSystemSection-CduyyhhZ.js +0 -263
  375. package/documentation/ColorSystemSection-D8sZHXAT.js +0 -1
  376. package/documentation/ImageSection-C1nOKmH2.js +0 -82
  377. package/documentation/ImplementationExamplesSection-Cxl08TTf.js +0 -305
  378. package/documentation/ImplementationExamplesSection-mHJwxbf_.js +0 -178
  379. package/documentation/LayoutTypesSection-hnxHeuA2.js +0 -1
  380. package/documentation/MacOSBackgroundsSection-c6o8Zwj8.js +0 -1
  381. package/documentation/MacOSColorsSection-VDHMUov0.js +0 -1
  382. package/documentation/MacOSMaterialsSection-DEKSWeUb.js +0 -1
  383. package/documentation/MacOSPopoverSection-4bHoomAo.js +0 -33
  384. package/documentation/MacOSSidebarSection-DDGdU_Wr.js +0 -35
  385. package/documentation/MacOSTextStylesSection-DL6rw2CK.js +0 -1
  386. package/documentation/SettingsPanelSection-legHUhoT.js +0 -1
  387. package/documentation/SizingSection-D9czoO1Z.js +0 -1
  388. package/documentation/SonomaMaterialsSection-B7ttrkPV.js +0 -9
  389. package/documentation/TahoeLayoutContentSection-B1bj_svL.js +0 -17
  390. package/documentation/TahoeToolbarSection-B_mWA-L_.js +0 -17
  391. package/documentation/ThemeHooksSection-nIFp-F0q.js +0 -1
  392. package/documentation/ThemeProviderRequiredSection-MqNAwToF.js +0 -1
  393. package/documentation/ThemeProviderSection-FaRMSgB9.js +0 -1
  394. package/documentation/TypographySection-Co79YcZL.js +0 -1
  395. package/index-BaGqriuz.js +0 -1178
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-BaGqriuz.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Tabs",description:`A flexible tab component system with multiple variants, smooth
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>a.jsxs(a.Fragment,{children:[a.jsx(e.HeroCard,{title:"Tabs",description:`A flexible tab component system with multiple variants, smooth
2
2
  animations, and mobile-responsive design built on Headless UI.`,icon:a.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(n.LayoutList,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Underline Variant (Default)"}),a.jsxs(e.TabGroup,{variant:"underline",children:[a.jsxs(e.TabList,{variant:"underline",children:[a.jsx(e.TabItem,{variant:"underline",children:"Overview"}),a.jsx(e.TabItem,{variant:"underline",children:"Details"}),a.jsx(e.TabItem,{variant:"underline",children:"Settings"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Overview content with clean underline design."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Detailed information with professional styling."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Settings panel with modern appearance."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Pills Variant"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",children:"Dashboard"}),a.jsx(e.TabItem,{variant:"pills",children:"Analytics"}),a.jsx(e.TabItem,{variant:"pills",children:"Reports"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Dashboard with rounded pill tabs for a modern look."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Analytics data with smooth transitions."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Reports section with clean design."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bordered Variant"}),a.jsxs(e.TabGroup,{variant:"bordered",children:[a.jsxs(e.TabList,{variant:"bordered",children:[a.jsx(e.TabItem,{variant:"bordered",children:"Account"}),a.jsx(e.TabItem,{variant:"bordered",children:"Security"}),a.jsx(e.TabItem,{variant:"bordered",children:"Billing"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Account settings with bordered tab style."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Security options with clear visual distinction."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Billing information with professional appearance."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid Variant"}),a.jsxs(e.TabGroup,{variant:"solid",children:[a.jsxs(e.TabList,{variant:"solid",children:[a.jsx(e.TabItem,{variant:"solid",children:"Profile"}),a.jsx(e.TabItem,{variant:"solid",children:"Notifications"}),a.jsx(e.TabItem,{variant:"solid",children:"Privacy"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Profile section with solid background tabs."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Notifications center with modern design."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Privacy settings with clean interface."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Pills with Icons"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.Home,{size:16}),children:"Home"}),a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.User,{size:16}),children:"Profile"}),a.jsx(e.TabItem,{variant:"pills",icon:a.jsx(n.Settings,{size:16}),children:"Settings"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Home dashboard content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"User profile information."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Application settings."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bordered with Icons"}),a.jsxs(e.TabGroup,{variant:"bordered",children:[a.jsxs(e.TabList,{variant:"bordered",children:[a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Mail,{size:16}),children:"Messages"}),a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Bell,{size:16}),children:"Alerts"}),a.jsx(e.TabItem,{variant:"bordered",icon:a.jsx(n.Calendar,{size:16}),children:"Schedule"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Your messages and conversations."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"System alerts and notifications."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Calendar and scheduled events."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Small Size"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 1"}),a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 2"}),a.jsx(e.TabItem,{variant:"pills",size:"small",children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Small size tabs content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Compact design for space-constrained layouts."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Perfect for dense information displays."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Large Size"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 1"}),a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 2"}),a.jsx(e.TabItem,{variant:"pills",size:"large",children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Large size tabs content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Prominent design for main navigation."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Great for primary interface elements."})})})]})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"States",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Disabled Tab"}),a.jsxs(e.TabGroup,{variant:"pills",children:[a.jsxs(e.TabList,{variant:"pills",children:[a.jsx(e.TabItem,{variant:"pills",children:"Active"}),a.jsx(e.TabItem,{variant:"pills",disabled:!0,children:"Disabled"}),a.jsx(e.TabItem,{variant:"pills",children:"Available"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Active tab content."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"This tab is disabled."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Available tab content."})})})]})]})]}),a.jsxs("div",{children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Color Variants"}),a.jsxs(e.TabGroup,{variant:"underline",children:[a.jsxs(e.TabList,{variant:"underline",children:[a.jsx(e.TabItem,{variant:"underline",color:"primary",children:"Primary"}),a.jsx(e.TabItem,{variant:"underline",color:"success",children:"Success"}),a.jsx(e.TabItem,{variant:"underline",color:"danger",children:"Danger"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Primary color theme."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Success color theme."})})}),a.jsx(e.TabPanel,{children:a.jsx(e.CardContainer,{className:"p-4",children:a.jsx(e.Typography,{tag:"p",children:"Danger color theme."})})})]})]})]})]})})})}),a.jsx(e.PropPlayground,{componentName:"TabGroup",title:"Tab Playground",defaultValues:{variant:"solid",defaultIndex:0},excludeProps:["onChange","selectedIndex","className"],children:i=>a.jsxs(e.TabGroup,{...i,children:[a.jsxs(e.TabList,{children:[a.jsx(e.TabItem,{children:"Tab 1"}),a.jsx(e.TabItem,{children:"Tab 2"}),a.jsx(e.TabItem,{children:"Tab 3"})]}),a.jsxs(e.TabPanels,{children:[a.jsx(e.TabPanel,{children:"Content 1"}),a.jsx(e.TabPanel,{children:"Content 2"}),a.jsx(e.TabPanel,{children:"Content 3"})]})]})}),a.jsx(e.AutoPropsTable,{componentName:"Tab"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import {
3
3
  TabGroup,
4
4
  TabList,
@@ -1,6 +1,6 @@
1
1
  import { jsxs as t, Fragment as N, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as d } from "react";
3
- import { H as f, C as l, a as n, T as a, as as i, y, P as S, A as w, c as v } from "../index-lfg6LZ1p.js";
3
+ import { H as f, C as l, a as n, T as a, as as i, y, P as S, A as w, c as v } from "../index-19KsCnyX.js";
4
4
  import { ChevronDown as T, Home as I, User as k, Settings as M } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -156,7 +156,7 @@ const H = () => {
156
156
  className: "text-sm text-gray-600 dark:text-gray-400 mb-3",
157
157
  children: [
158
158
  "Perfect for replacing horizontal tab bars on mobile devices where space is limited.",
159
- /* @__PURE__ */ e("code", { className: "ml-1 text-xs border border-gray-300 dark:border-gray-600 px-2 py-1 rounded", children: "ParamTab" }),
159
+ /* @__PURE__ */ e("code", { className: "ml-1 text-xs border border-border px-2 py-1 rounded", children: "ParamTab" }),
160
160
  " ",
161
161
  "automatically switches to TabSelect on mobile breakpoints."
162
162
  ]
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[i,m]=r.useState(0),[d,p]=r.useState(0),[n,h]=r.useState(0),c=[{title:"Dashboard",path:"dashboard"},{title:"Analytics",path:"analytics"},{title:"Reports",path:"reports"},{title:"Settings",path:"settings"}],o=[{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Home,{size:16}),"Home"]}),path:"home"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.User,{size:16}),"Profile"]}),path:"profile"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Settings,{size:16}),"Settings"]}),path:"settings"}],l=[{title:"Orders",path:"orders"},{title:"Products",path:"products"},{title:"Customers",path:"customers"},{title:"Analytics",path:"analytics"},{title:"Marketing",path:"marketing"},{title:"Reports",path:"reports"},{title:"Integrations",path:"integrations"},{title:"Settings",path:"settings"}],x=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:"Unique identifier/route path for the tab"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabSelect",description:`A mobile-friendly dropdown tab selector with smooth animations and
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[i,m]=r.useState(0),[d,p]=r.useState(0),[n,h]=r.useState(0),c=[{title:"Dashboard",path:"dashboard"},{title:"Analytics",path:"analytics"},{title:"Reports",path:"reports"},{title:"Settings",path:"settings"}],o=[{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Home,{size:16}),"Home"]}),path:"home"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.User,{size:16}),"Profile"]}),path:"profile"},{title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(s.Settings,{size:16}),"Settings"]}),path:"settings"}],l=[{title:"Orders",path:"orders"},{title:"Products",path:"products"},{title:"Customers",path:"customers"},{title:"Analytics",path:"analytics"},{title:"Marketing",path:"marketing"},{title:"Reports",path:"reports"},{title:"Integrations",path:"integrations"},{title:"Settings",path:"settings"}],x=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:"Unique identifier/route path for the tab"}];return e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"TabSelect",description:`A mobile-friendly dropdown tab selector with smooth animations and
2
2
  transitions, designed for responsive tab navigation in constrained
3
- spaces.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.ChevronDown,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic TabSelect"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Standard dropdown selector with text options. Click to expand and select a tab."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:c,selectedTabIndex:i,onChange:m})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected:"," ",e.jsx("span",{className:"font-semibold text-brand",children:c[i].title})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icons"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Enhanced dropdown with icon support for better visual clarity."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:o,selectedTabIndex:d,onChange:p})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Current selection:"," ",e.jsx("span",{className:"font-semibold text-brand",children:o[d].path})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Many Options"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Handles large lists efficiently with scrollable dropdown."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:l,selectedTabIndex:n,onChange:h})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected option:"," ",e.jsx("span",{className:"font-semibold text-brand",children:l[n].title})," ","(",n+1," of ",l.length,")"]})})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Use Cases",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Mobile Navigation"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:["Perfect for replacing horizontal tab bars on mobile devices where space is limited.",e.jsx("code",{className:"ml-1 text-xs border border-gray-300 dark:border-gray-600 px-2 py-1 rounded",children:"ParamTab"})," ","automatically switches to TabSelect on mobile breakpoints."]}),e.jsx(t.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Use TabSelect when you have 4+ tabs and limited horizontal space."]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Form Filters"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Use as a filter selector in forms and data tables to switch between different views or data categories."})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Settings Panels"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Navigate between different settings sections in a compact, accessible dropdown format."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"palette",children:"🎨"})," ","Smooth Animations"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Chevron rotation and dropdown transitions with translate-y effects."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"moon",children:"🌙"})," ","Dark Mode"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Full dark mode support with automatic theme adaptation."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"lightning",children:"⚡"})," ","Performance"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Optimized rendering with proper key management for large lists."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"target",children:"🎯"})," ","Accessibility"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Keyboard navigation and focus management built-in."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"TabSelectMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a??"")})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"default",label:"Default",render:a=>a==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"description",label:"Description",render:a=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")})}],data:x})})})}),e.jsx(t.PropPlayground,{componentName:"TabSelect",title:"TabSelect Playground",defaultValues:{selectedTabIndex:0},excludeProps:["onChange","tabMenu"],children:a=>e.jsx(t.TabSelect,{...a,onChange:()=>{},tabMenu:[{title:"Option A"},{title:"Option B"},{title:"Option C"}]})}),e.jsx(t.AutoPropsTable,{componentName:"TabSelect"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { TabSelect } from '@e-burgos/tucu-ui';
3
+ spaces.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(s.ChevronDown,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic TabSelect"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Standard dropdown selector with text options. Click to expand and select a tab."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:c,selectedTabIndex:i,onChange:m})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected:"," ",e.jsx("span",{className:"font-semibold text-brand",children:c[i].title})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"With Icons"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Enhanced dropdown with icon support for better visual clarity."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:o,selectedTabIndex:d,onChange:p})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Current selection:"," ",e.jsx("span",{className:"font-semibold text-brand",children:o[d].path})]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Many Options"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Handles large lists efficiently with scrollable dropdown."}),e.jsx("div",{className:"max-w-md",children:e.jsx(t.TabSelect,{tabMenu:l,selectedTabIndex:n,onChange:h})}),e.jsx("div",{className:"mt-4 p-4 bg-light-dark rounded-lg",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:["Selected option:"," ",e.jsx("span",{className:"font-semibold text-brand",children:l[n].title})," ","(",n+1," of ",l.length,")"]})})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Use Cases",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Mobile Navigation"}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:["Perfect for replacing horizontal tab bars on mobile devices where space is limited.",e.jsx("code",{className:"ml-1 text-xs border border-border px-2 py-1 rounded",children:"ParamTab"})," ","automatically switches to TabSelect on mobile breakpoints."]}),e.jsx(t.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(t.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Use TabSelect when you have 4+ tabs and limited horizontal space."]})})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Form Filters"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Use as a filter selector in forms and data tables to switch between different views or data categories."})]}),e.jsxs("div",{children:[e.jsx(t.Typography,{tag:"h5",className:"mb-2",children:"Settings Panels"}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Navigate between different settings sections in a compact, accessible dropdown format."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"palette",children:"🎨"})," ","Smooth Animations"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Chevron rotation and dropdown transitions with translate-y effects."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"moon",children:"🌙"})," ","Dark Mode"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Full dark mode support with automatic theme adaptation."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"lightning",children:"⚡"})," ","Performance"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Optimized rendering with proper key management for large lists."})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsxs(t.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"target",children:"🎯"})," ","Accessibility"]}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Keyboard navigation and focus management built-in."})]})]})})})}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"TabSelectMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.BasicTable,{columns:[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a??"")})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"default",label:"Default",render:a=>a==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:String(a??"")})},{key:"description",label:"Description",render:a=>e.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(a??"")})}],data:x})})})}),e.jsx(t.PropPlayground,{componentName:"TabSelect",title:"TabSelect Playground",defaultValues:{selectedTabIndex:0},excludeProps:["onChange","tabMenu"],children:a=>e.jsx(t.TabSelect,{...a,onChange:()=>{},tabMenu:[{title:"Option A"},{title:"Option B"},{title:"Option C"}]})}),e.jsx(t.AutoPropsTable,{componentName:"TabSelect"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { TabSelect } from '@e-burgos/tucu-ui';
4
4
  import { useState } from 'react';
5
5
  import { Home, Settings, User } from 'lucide-react';
6
6
 
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const c=[{id:"1",label:"New File",icon:e.jsx(a.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",group:"File"},{id:"2",label:"Open File...",icon:e.jsx(a.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",group:"File"},{id:"3",label:"Save",icon:e.jsx(a.Save,{className:"h-4 w-4"}),shortcut:"⌘S",group:"File"},{id:"4",label:"Find & Replace",icon:e.jsx(a.Search,{className:"h-4 w-4"}),shortcut:"⌘⇧F",group:"Edit"},{id:"5",label:"Toggle Sidebar",icon:e.jsx(a.PanelLeft,{className:"h-4 w-4"}),shortcut:"⌘B",group:"View"},{id:"6",label:"Toggle Dark Mode",icon:e.jsx(a.Moon,{className:"h-4 w-4"}),group:"View"},{id:"7",label:"Open Terminal",icon:e.jsx(a.Terminal,{className:"h-4 w-4"}),shortcut:"⌘`",group:"Tools"},{id:"8",label:"Run Build",icon:e.jsx(a.Play,{className:"h-4 w-4"}),shortcut:"⌘⇧B",group:"Tools"},{id:"9",label:"Git: Commit",icon:e.jsx(a.GitCommitHorizontal,{className:"h-4 w-4"}),group:"Git"},{id:"10",label:"Git: Push",icon:e.jsx(a.ArrowUpFromLine,{className:"h-4 w-4"}),group:"Git"}];function i(r){const[o,t]=l.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsx(s.MacOSTahoeCommandPalette,{...r,items:c,open:o,onOpenChange:t})]})}const n=()=>{const[r,o]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Command Palette",description:"Spotlight-style command palette with glass material, real-time search filtering, grouped results, keyboard navigation, and customizable trigger key.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{children:e.jsxs(s.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:["Or press"," ",e.jsx("kbd",{className:"rounded border border-(--macos-glass-border) px-1.5 py-0.5 text-[11px]",children:"⌘K"})," ","to toggle"]})]}),e.jsx(s.MacOSTahoeCommandPalette,{items:c,open:r,onOpenChange:o,placeholder:"Type a command or search..."})]})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{icon:e.jsx(a.Search,{className:"h-4 w-4"}),title:"Real-time Filtering",desc:"Fuzzy search across labels and groups"},{icon:e.jsx(a.Keyboard,{className:"h-4 w-4"}),title:"Keyboard Navigation",desc:"Arrow keys to move, Enter to select, Esc to close"},{icon:e.jsx(a.Layers,{className:"h-4 w-4"}),title:"Grouped Results",desc:"Items organized by category with headers"},{icon:e.jsx(a.Sparkles,{className:"h-4 w-4"}),title:"Glass Material",desc:"Prominent blur, translucent background, spatial depth"}].map(t=>e.jsxs("div",{className:"flex gap-3 rounded-lg bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm border border-(--macos-glass-border-subtle)",children:[e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-accent)",children:t.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[13px] font-medium text-(--macos-tahoe-text)",children:t.title}),e.jsx("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:t.desc})]})]},t.title))})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(s.CodeBlock,{code:`import { MacOSTahoeCommandPalette } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),s=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react-dom");const c=[{id:"1",label:"New File",icon:e.jsx(a.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",group:"File"},{id:"2",label:"Open File...",icon:e.jsx(a.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",group:"File"},{id:"3",label:"Save",icon:e.jsx(a.Save,{className:"h-4 w-4"}),shortcut:"⌘S",group:"File"},{id:"4",label:"Find & Replace",icon:e.jsx(a.Search,{className:"h-4 w-4"}),shortcut:"⌘⇧F",group:"Edit"},{id:"5",label:"Toggle Sidebar",icon:e.jsx(a.PanelLeft,{className:"h-4 w-4"}),shortcut:"⌘B",group:"View"},{id:"6",label:"Toggle Dark Mode",icon:e.jsx(a.Moon,{className:"h-4 w-4"}),group:"View"},{id:"7",label:"Open Terminal",icon:e.jsx(a.Terminal,{className:"h-4 w-4"}),shortcut:"⌘`",group:"Tools"},{id:"8",label:"Run Build",icon:e.jsx(a.Play,{className:"h-4 w-4"}),shortcut:"⌘⇧B",group:"Tools"},{id:"9",label:"Git: Commit",icon:e.jsx(a.GitCommitHorizontal,{className:"h-4 w-4"}),group:"Git"},{id:"10",label:"Git: Push",icon:e.jsx(a.ArrowUpFromLine,{className:"h-4 w-4"}),group:"Git"}];function i(r){const[o,t]=l.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsx(s.MacOSTahoeCommandPalette,{...r,items:c,open:o,onOpenChange:t})]})}const n=()=>{const[r,o]=l.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"Command Palette",description:"Spotlight-style command palette with glass material, real-time search filtering, grouped results, keyboard navigation, and customizable trigger key.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-orange-500/50",children:e.jsx(a.Command,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(s.CardContainer,{children:e.jsxs(s.CardTitle,{title:"Interactive Demo",className:"mt-2 mb-2",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Command Palette"}),e.jsxs("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:["Or press"," ",e.jsx("kbd",{className:"rounded border border-(--macos-glass-border) px-1.5 py-0.5 text-[11px]",children:"⌘K"})," ","to toggle"]})]}),e.jsx(s.MacOSTahoeCommandPalette,{items:c,open:r,onOpenChange:o,placeholder:"Type a command or search..."})]})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[{icon:e.jsx(a.Search,{className:"h-4 w-4"}),title:"Real-time Filtering",desc:"Fuzzy search across labels and groups"},{icon:e.jsx(a.Keyboard,{className:"h-4 w-4"}),title:"Keyboard Navigation",desc:"Arrow keys to move, Enter to select, Esc to close"},{icon:e.jsx(a.Layers,{className:"h-4 w-4"}),title:"Grouped Results",desc:"Items organized by category with headers"},{icon:e.jsx(a.Sparkles,{className:"h-4 w-4"}),title:"Glass Material",desc:"Prominent blur, translucent background, spatial depth"}].map(t=>e.jsxs("div",{className:"flex gap-3 rounded-lg bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm border border-(--macos-glass-border-subtle)",children:[e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-accent)",children:t.icon}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[13px] font-medium text-(--macos-tahoe-text)",children:t.title}),e.jsx("p",{className:"text-[12px] text-(--macos-tahoe-text-muted)",children:t.desc})]})]},t.title))})})}),e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(s.CodeBlock,{code:`import { MacOSTahoeCommandPalette } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const items = [
4
4
  {
@@ -1,6 +1,6 @@
1
1
  import { jsxs as o, Fragment as d, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as c } from "react";
3
- import { H as h, C as l, a as r, bJ as i, c as p, P as g, A as u } from "../index-lfg6LZ1p.js";
3
+ import { H as h, C as l, a as r, bJ as i, c as p, P as g, A as u } from "../index-19KsCnyX.js";
4
4
  import { Command as b, Search as m, Keyboard as N, Layers as x, Sparkles as w, FilePlus as y, FolderOpen as C, Save as P, PanelLeft as O, Moon as v, Terminal as F, Play as T, GitCommitHorizontal as f, ArrowUpFromLine as k } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-BaGqriuz.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function m(c){const[o,t]=r.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{...c,open:o,onClose:()=>t(!1),footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>t(!1),children:"Close"}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"Adjust the props above to see changes reflected here."})})]})}const i=()=>{const[c,o]=r.useState(!1),[t,s]=r.useState(!1),[d,l]=r.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Dialog",description:"Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(n.MessageSquare,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Basic Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{open:c,onClose:()=>o(!1),title:"About This Mac",footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>o(!1),children:"OK"}),children:e.jsxs("div",{className:"space-y-3 text-(--macos-tahoe-text)",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Laptop,{className:"h-10 w-10 text-(--macos-tahoe-accent)"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:"macOS Tahoe"}),e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted)",children:"Version 26.0"})]})]}),e.jsxs("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["MacBook Pro (16-inch, 2024)",e.jsx("br",{}),"Apple M4 Max — 48 GB Memory"]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Confirmation Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>s(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Delete Item"}),e.jsx(a.MacOSTahoeDialog,{open:t,onClose:()=>s(!1),title:"Are you sure?",width:380,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>s(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"destructive",onClick:()=>s(!1),children:"Delete"})]}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"This will permanently delete the selected item. This action cannot be undone."})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Form Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>l(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Save As..."}),e.jsx(a.MacOSTahoeDialog,{open:d,onClose:()=>l(!1),title:"Save As",width:460,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>l(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>l(!1),children:"Save"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Save As:"}),e.jsx("input",{defaultValue:"Untitled",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Tags:"}),e.jsx("input",{placeholder:"Add tags...",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"File Format:"}),e.jsxs("select",{className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40",children:[e.jsx("option",{children:"Rich Text Document"}),e.jsx("option",{children:"Plain Text"}),e.jsx("option",{children:"HTML"})]})]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");function m(c){const[o,t]=r.useState(!1);return e.jsxs("div",{className:"space-y-3",children:[e.jsx("button",{onClick:()=>t(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{...c,open:o,onClose:()=>t(!1),footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>t(!1),children:"Close"}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"Adjust the props above to see changes reflected here."})})]})}const i=()=>{const[c,o]=r.useState(!1),[t,s]=r.useState(!1),[d,l]=r.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Dialog",description:"Modal dialog with prominent glass material, overlay blur, focus trapping, and footer action buttons.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-rose-500 via-pink-500 to-fuchsia-600 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:e.jsx(n.MessageSquare,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Basic Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>o(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Dialog"}),e.jsx(a.MacOSTahoeDialog,{open:c,onClose:()=>o(!1),title:"About This Mac",footer:e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>o(!1),children:"OK"}),children:e.jsxs("div",{className:"space-y-3 text-(--macos-tahoe-text)",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(n.Laptop,{className:"h-10 w-10 text-(--macos-tahoe-accent)"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[15px] font-semibold",children:"macOS Tahoe"}),e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted)",children:"Version 26.0"})]})]}),e.jsxs("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:["MacBook Pro (16-inch, 2024)",e.jsx("br",{}),"Apple M4 Max — 48 GB Memory"]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Confirmation Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>s(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Delete Item"}),e.jsx(a.MacOSTahoeDialog,{open:t,onClose:()=>s(!1),title:"Are you sure?",width:380,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>s(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"destructive",onClick:()=>s(!1),children:"Delete"})]}),children:e.jsx("p",{className:"text-[13px] text-(--macos-tahoe-text-muted) leading-relaxed",children:"This will permanently delete the selected item. This action cannot be undone."})})]})}),e.jsx(a.CardContainer,{children:e.jsxs(a.CardTitle,{title:"Form Dialog",className:"mt-2 mb-2",children:[e.jsx("button",{onClick:()=>l(!0),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Save As..."}),e.jsx(a.MacOSTahoeDialog,{open:d,onClose:()=>l(!1),title:"Save As",width:460,footer:e.jsxs(e.Fragment,{children:[e.jsx(a.MacOSTahoeDialogButton,{onClick:()=>l(!1),children:"Cancel"}),e.jsx(a.MacOSTahoeDialogButton,{variant:"primary",onClick:()=>l(!1),children:"Save"})]}),children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Save As:"}),e.jsx("input",{defaultValue:"Untitled",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"Tags:"}),e.jsx("input",{placeholder:"Add tags...",className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm placeholder:text-(--macos-tahoe-text-muted) focus:ring-2 focus:ring-(--macos-tahoe-accent)/40"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"mb-1 block text-[12px] font-medium text-(--macos-tahoe-text)",children:"File Format:"}),e.jsxs("select",{className:"w-full rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-2 text-[13px] text-(--macos-tahoe-text) outline-none backdrop-blur-sm focus:ring-2 focus:ring-(--macos-tahoe-accent)/40",children:[e.jsx("option",{children:"Rich Text Document"}),e.jsx("option",{children:"Plain Text"}),e.jsx("option",{children:"HTML"})]})]})]})})]})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeDialog, MacOSTahoeDialogButton } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <MacOSTahoeDialog
4
4
  open={isOpen}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as i } from "react";
3
- import { H as b, C as c, a as n, bL as d, bM as o, c as u, P as x, A as f } from "../index-lfg6LZ1p.js";
3
+ import { H as b, C as c, a as n, bL as d, bM as o, c as u, P as x, A as f } from "../index-19KsCnyX.js";
4
4
  import { MessageSquare as v, Laptop as C } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-BaGqriuz.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Finder",icon:e.jsx(a.FolderOpen,{className:"h-5 w-5"}),path:"/macos-tahoe/finder"},{name:"Safari",icon:e.jsx(a.Globe,{className:"h-5 w-5"}),path:"/macos-tahoe/safari"},{name:"Mail",icon:e.jsx(a.Mail,{className:"h-5 w-5"}),path:"/macos-tahoe/mail"},{name:"Messages",icon:e.jsx(a.MessageCircle,{className:"h-5 w-5"}),path:"/macos-tahoe/messages"},{name:"Maps",icon:e.jsx(a.Map,{className:"h-5 w-5"}),path:"/macos-tahoe/maps"},{name:"Photos",icon:e.jsx(a.Image,{className:"h-5 w-5"}),path:"/macos-tahoe/photos"},{name:"Music",icon:e.jsx(a.Music,{className:"h-5 w-5"}),path:"/macos-tahoe/music"},{name:"Calendar",icon:e.jsx(a.Calendar,{className:"h-5 w-5"}),path:"/macos-tahoe/calendar"},{name:"Notes",icon:e.jsx(a.FileText,{className:"h-5 w-5"}),path:"/macos-tahoe/notes"},{name:"Launchpad",icon:e.jsx(a.LayoutGrid,{className:"h-5 w-5"}),path:"/macos-tahoe/launchpad",dropdownItems:[{name:"Calculator",icon:e.jsx(a.Calculator,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/calculator"},{name:"Clock",icon:e.jsx(a.Clock,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/clock"},{name:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/weather"}]},{name:"Settings",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),path:"/macos-tahoe/settings",dropdownItems:[{name:"General",icon:e.jsx(a.Sliders,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/general"},{name:"Appearance",icon:e.jsx(a.Palette,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/appearance"},{name:"Privacy",icon:e.jsx(a.Shield,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/privacy"}]}],c=[{name:"Terminal",icon:e.jsx(a.Terminal,{className:"h-5 w-5"}),path:"/macos-tahoe/terminal"},{name:"Downloads",icon:e.jsx(a.Download,{className:"h-5 w-5"}),path:"/macos-tahoe/downloads"}],r=[...s,...c],i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Dock",description:"macOS Tahoe Dock with Liquid Glass material, icon magnification on hover, active indicators, tooltips, and separator for recent apps. Accepts the same IMenuItem[] used by all tucu-ui menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(a.Dock,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interactive Dock",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-30 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:r,separatorBeforeIndex:s.length,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Without Magnification",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(0,6),magnification:!1,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"With Dropdown Items",className:"mt-2 mb-2",children:[e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Click the Settings icon to see the dropdown popover with sub-items."}),e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(-3),magnification:!1,inline:!0})})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-[13px]",children:[["IMenuItem Compatible","Uses the same IMenuItem[] type as all tucu-ui menus"],["Magnification","macOS-style icon scaling on hover with configurable maxScale"],["Tooltips","Hover over an icon to see the item name tooltip"],["Separator","Visual separator to divide pinned apps from recent"],["Dropdown Children","Items with dropdownItems show a popover on click"],["Active Indicator","Dot indicator below active item (matches current route)"],["Auto-Hide","Optional auto-hide with mouse-edge reveal"],["Liquid Glass","Uses --macos-glass-* tokens for backdrop-blur and translucency"]].map(([o,n])=>e.jsxs("div",{className:"rounded-xl border border-(--macos-glass-border-subtle) bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm",children:[e.jsx("div",{className:"font-semibold text-(--macos-tahoe-text)",children:o}),e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-text-muted)",children:n})]},o))})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeDock } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DMs_SmPq.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=[{name:"Finder",icon:e.jsx(a.FolderOpen,{className:"h-5 w-5"}),path:"/macos-tahoe/finder"},{name:"Safari",icon:e.jsx(a.Globe,{className:"h-5 w-5"}),path:"/macos-tahoe/safari"},{name:"Mail",icon:e.jsx(a.Mail,{className:"h-5 w-5"}),path:"/macos-tahoe/mail"},{name:"Messages",icon:e.jsx(a.MessageCircle,{className:"h-5 w-5"}),path:"/macos-tahoe/messages"},{name:"Maps",icon:e.jsx(a.Map,{className:"h-5 w-5"}),path:"/macos-tahoe/maps"},{name:"Photos",icon:e.jsx(a.Image,{className:"h-5 w-5"}),path:"/macos-tahoe/photos"},{name:"Music",icon:e.jsx(a.Music,{className:"h-5 w-5"}),path:"/macos-tahoe/music"},{name:"Calendar",icon:e.jsx(a.Calendar,{className:"h-5 w-5"}),path:"/macos-tahoe/calendar"},{name:"Notes",icon:e.jsx(a.FileText,{className:"h-5 w-5"}),path:"/macos-tahoe/notes"},{name:"Launchpad",icon:e.jsx(a.LayoutGrid,{className:"h-5 w-5"}),path:"/macos-tahoe/launchpad",dropdownItems:[{name:"Calculator",icon:e.jsx(a.Calculator,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/calculator"},{name:"Clock",icon:e.jsx(a.Clock,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/clock"},{name:"Weather",icon:e.jsx(a.CloudSun,{className:"h-4 w-4"}),path:"/macos-tahoe/launchpad/weather"}]},{name:"Settings",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),path:"/macos-tahoe/settings",dropdownItems:[{name:"General",icon:e.jsx(a.Sliders,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/general"},{name:"Appearance",icon:e.jsx(a.Palette,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/appearance"},{name:"Privacy",icon:e.jsx(a.Shield,{className:"h-4 w-4"}),path:"/macos-tahoe/settings/privacy"}]}],c=[{name:"Terminal",icon:e.jsx(a.Terminal,{className:"h-5 w-5"}),path:"/macos-tahoe/terminal"},{name:"Downloads",icon:e.jsx(a.Download,{className:"h-5 w-5"}),path:"/macos-tahoe/downloads"}],r=[...s,...c],i=()=>e.jsxs(e.Fragment,{children:[e.jsx(t.HeroCard,{title:"Dock",description:"macOS Tahoe Dock with Liquid Glass material, icon magnification on hover, active indicators, tooltips, and separator for recent apps. Accepts the same IMenuItem[] used by all tucu-ui menus.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-sky-400 via-blue-500 to-indigo-600 rounded-full flex items-center justify-center shadow-lg border border-sky-400/50",children:e.jsx(a.Dock,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Interactive Dock",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-30 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:r,separatorBeforeIndex:s.length,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Without Magnification",className:"mt-2 mb-2",children:e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(0,6),magnification:!1,inline:!0})})})}),e.jsx(t.CardContainer,{children:e.jsxs(t.CardTitle,{title:"With Dropdown Items",className:"mt-2 mb-2",children:[e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 mb-4",children:"Click the Settings icon to see the dropdown popover with sub-items."}),e.jsx("div",{className:"relative flex items-end justify-center min-h-25 rounded-2xl bg-linear-to-b from-transparent to-black/5 dark:to-white/5 overflow-visible py-6",children:e.jsx(t.MacOSTahoeDock,{items:s.slice(-3),magnification:!1,inline:!0})})]})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 text-[13px]",children:[["IMenuItem Compatible","Uses the same IMenuItem[] type as all tucu-ui menus"],["Magnification","macOS-style icon scaling on hover with configurable maxScale"],["Tooltips","Hover over an icon to see the item name tooltip"],["Separator","Visual separator to divide pinned apps from recent"],["Dropdown Children","Items with dropdownItems show a popover on click"],["Active Indicator","Dot indicator below active item (matches current route)"],["Auto-Hide","Optional auto-hide with mouse-edge reveal"],["Liquid Glass","Uses --macos-glass-* tokens for backdrop-blur and translucency"]].map(([o,n])=>e.jsxs("div",{className:"rounded-xl border border-(--macos-glass-border-subtle) bg-(--macos-glass-clear-bg) p-3 backdrop-blur-sm",children:[e.jsx("div",{className:"font-semibold text-(--macos-tahoe-text)",children:o}),e.jsx("div",{className:"mt-0.5 text-(--macos-tahoe-text-muted)",children:n})]},o))})})}),e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx(t.CodeBlock,{code:`import { MacOSTahoeDock } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const menuItems = [
4
4
  { name: 'Finder', icon: <FolderIcon />, path: '/finder' },
@@ -1,5 +1,5 @@
1
1
  import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
2
- import { H as r, C as a, a as t, bA as i, T as l, c as h } from "../index-lfg6LZ1p.js";
2
+ import { H as r, C as a, a as t, bA as i, T as l, c as h } from "../index-19KsCnyX.js";
3
3
  import { Dock as d, FolderOpen as p, Globe as u, Mail as g, MessageCircle as w, Map as f, Image as b, Music as N, Calendar as v, FileText as k, Calculator as I, Clock as x, CloudSun as S, LayoutGrid as y, Sliders as M, Palette as C, Shield as D, Settings as T, Terminal as O, Download as F } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
2
- import { H as l, C as t, a as o, bD as d, c as n } from "../index-lfg6LZ1p.js";
2
+ import { H as l, C as t, a as o, bD as d, c as n } from "../index-19KsCnyX.js";
3
3
  import { LayoutDashboard as i, Plus as c, ChevronLeft as m } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -13,7 +13,7 @@ const w = () => /* @__PURE__ */ a(s, { children: [
13
13
  icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/50", children: /* @__PURE__ */ e(i, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
14
14
  }
15
15
  ),
16
- /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "With Toolbar Slots", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
16
+ /* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "With Toolbar Slots", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
17
17
  d,
18
18
  {
19
19
  toolbarLeading: /* @__PURE__ */ a("button", { className: "flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200", children: [
@@ -28,7 +28,7 @@ const w = () => /* @__PURE__ */ a(s, { children: [
28
28
  children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-4", children: ["Revenue", "Users", "Sessions"].map((r) => /* @__PURE__ */ a(
29
29
  "div",
30
30
  {
31
- className: "rounded-[14px] border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] bg-white/40 dark:bg-white/5 backdrop-blur-sm p-4",
31
+ className: "rounded-[14px] border border-border bg-white/40 dark:bg-white/5 backdrop-blur-sm p-4",
32
32
  children: [
33
33
  /* @__PURE__ */ e("p", { className: "text-xs text-gray-400 mb-1", children: r }),
34
34
  /* @__PURE__ */ e("p", { className: "text-xl font-semibold text-gray-800 dark:text-gray-100", children: "—" })
@@ -0,0 +1,17 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSTahoeLayoutContent",description:"Content shell for Tahoe layouts. Wraps a Tahoe toolbar and a scrollable main area inside a Liquid Glass rounded panel with backdrop-blur border.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-400 via-green-500 to-teal-600 rounded-full flex items-center justify-center shadow-lg border border-emerald-400/50",children:e.jsx(r.LayoutDashboard,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"With Toolbar Slots",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:e.jsx(a.MacOSTahoeLayoutContent,{toolbarLeading:e.jsxs("button",{className:"flex items-center gap-1.5 text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",children:[e.jsx(r.ChevronLeft,{className:"h-4 w-4"}),"Back"]}),toolbarCenter:e.jsx("span",{className:"text-[13px] font-semibold text-gray-800 dark:text-gray-100",children:"Dashboard"}),toolbarTrailing:e.jsxs("button",{className:"flex items-center gap-1.5 rounded-[10px] px-3 py-1 text-sm bg-blue-500 text-white hover:bg-blue-600",children:[e.jsx(r.Plus,{className:"h-3.5 w-3.5"}),"New"]}),children:e.jsx("div",{className:"grid grid-cols-3 gap-4",children:["Revenue","Users","Sessions"].map(t=>e.jsxs("div",{className:"rounded-[14px] border border-border bg-white/40 dark:bg-white/5 backdrop-blur-sm p-4",children:[e.jsx("p",{className:"text-xs text-gray-400 mb-1",children:t}),e.jsx("p",{className:"text-xl font-semibold text-gray-800 dark:text-gray-100",children:"—"})]},t))})})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { MacOSTahoeLayoutContent } from '@e-burgos/tucu-ui';
2
+
3
+ function PageLayout() {
4
+ return (
5
+ <div className="flex h-screen">
6
+ <Sidebar />
7
+ <MacOSTahoeLayoutContent
8
+ toolbarLeading={<BackButton />}
9
+ toolbarCenter={<span>Dashboard</span>}
10
+ toolbarTrailing={<NewButton />}
11
+ className="my-custom-class"
12
+ >
13
+ <YourPageContent />
14
+ </MacOSTahoeLayoutContent>
15
+ </div>
16
+ );
17
+ }`})})})})]});exports.TahoeLayoutContentSection=s;exports.default=s;
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=[{name:"Dashboard",icon:e.jsx(s.LayoutDashboard,{className:"h-4 w-4"}),path:"/dashboard",isActive:!0},{name:"Projects",icon:e.jsx(s.FolderKanban,{className:"h-4 w-4"}),path:"/projects",dropdownItems:[{name:"Active",icon:e.jsx(s.Play,{className:"h-4 w-4"}),path:"/projects/active"},{name:"Archived",icon:e.jsx(s.Archive,{className:"h-4 w-4"}),path:"/projects/archived"}]},{name:"Analytics",icon:e.jsx(s.BarChart2,{className:"h-4 w-4"}),path:"/analytics"},{name:"Team",icon:e.jsx(s.Users,{className:"h-4 w-4"}),path:"/team"},{name:"Settings",icon:e.jsx(s.Settings,{className:"h-4 w-4"}),path:"/settings"}],t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSTahoeLayoutSidebar",description:"Full-app navigation sidebar for Tahoe layouts. Supports nested items with expandable groups, Liquid Glass vibrancy, route-aware active highlighting, and a mobile drawer variant.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50",children:e.jsx(s.PanelLeftClose,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Interactive Preview",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Main content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile Drawer Variant",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]",children:e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r,mobile:!0,onClose:()=>{}})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { MacOSTahoeLayoutSidebar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=[{name:"Dashboard",icon:e.jsx(s.LayoutDashboard,{className:"h-4 w-4"}),path:"/dashboard",isActive:!0},{name:"Projects",icon:e.jsx(s.FolderKanban,{className:"h-4 w-4"}),path:"/projects",dropdownItems:[{name:"Active",icon:e.jsx(s.Play,{className:"h-4 w-4"}),path:"/projects/active"},{name:"Archived",icon:e.jsx(s.Archive,{className:"h-4 w-4"}),path:"/projects/archived"}]},{name:"Analytics",icon:e.jsx(s.BarChart2,{className:"h-4 w-4"}),path:"/analytics"},{name:"Team",icon:e.jsx(s.Users,{className:"h-4 w-4"}),path:"/team"},{name:"Settings",icon:e.jsx(s.Settings,{className:"h-4 w-4"}),path:"/settings"}],t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"MacOSTahoeLayoutSidebar",description:"Full-app navigation sidebar for Tahoe layouts. Supports nested items with expandable groups, Liquid Glass vibrancy, route-aware active highlighting, and a mobile drawer variant.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50",children:e.jsx(s.PanelLeftClose,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Interactive Preview",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:[e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r}),e.jsx("div",{className:"flex flex-1 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400",children:"Main content area"})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Mobile Drawer Variant",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"flex h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]",children:e.jsx(a.MacOSTahoeLayoutSidebar,{menuItems:r,mobile:!0,onClose:()=>{}})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { MacOSTahoeLayoutSidebar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const menuItems = [
4
4
  { name: 'Dashboard', icon: <DashboardIcon />, path: '/dashboard' },
@@ -1,13 +1,13 @@
1
1
  import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
2
- import { H as n, C as a, a as o, bC as s, c } from "../index-lfg6LZ1p.js";
3
- import { PanelLeftClose as l, LayoutDashboard as d, Play as m, Archive as h, FolderKanban as p, BarChart2 as b, Users as u, Settings as w } from "lucide-react";
2
+ import { H as n, C as a, a as o, bC as s, c as l } from "../index-19KsCnyX.js";
3
+ import { PanelLeftClose as d, LayoutDashboard as c, Play as m, Archive as h, FolderKanban as p, BarChart2 as u, Users as b, Settings as w } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
6
6
  import "react-dom";
7
7
  const t = [
8
8
  {
9
9
  name: "Dashboard",
10
- icon: /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
10
+ icon: /* @__PURE__ */ e(c, { className: "h-4 w-4" }),
11
11
  path: "/dashboard",
12
12
  isActive: !0
13
13
  },
@@ -30,12 +30,12 @@ const t = [
30
30
  },
31
31
  {
32
32
  name: "Analytics",
33
- icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
33
+ icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
34
34
  path: "/analytics"
35
35
  },
36
36
  {
37
37
  name: "Team",
38
- icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
38
+ icon: /* @__PURE__ */ e(b, { className: "h-4 w-4" }),
39
39
  path: "/team"
40
40
  },
41
41
  {
@@ -49,14 +49,14 @@ const t = [
49
49
  {
50
50
  title: "MacOSTahoeLayoutSidebar",
51
51
  description: "Full-app navigation sidebar for Tahoe layouts. Supports nested items with expandable groups, Liquid Glass vibrancy, route-aware active highlighting, and a mobile drawer variant.",
52
- icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50", children: /* @__PURE__ */ e(l, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
52
+ icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-400 via-cyan-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-teal-400/50", children: /* @__PURE__ */ e(d, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
53
53
  }
54
54
  ),
55
- /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Interactive Preview", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: [
55
+ /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Interactive Preview", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ r("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: [
56
56
  /* @__PURE__ */ e(s, { menuItems: t }),
57
57
  /* @__PURE__ */ e("div", { className: "flex flex-1 items-center justify-center bg-[var(--color-semantic-bg)] text-sm text-gray-400", children: "Main content area" })
58
58
  ] }) }) }) }),
59
- /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Mobile Drawer Variant", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-[var(--macos-tahoe-border,rgba(0,0,0,0.1))] shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
59
+ /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Mobile Drawer Variant", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "flex h-80 rounded-[20px] overflow-hidden border border-border shadow-[var(--shadow-card)]", children: /* @__PURE__ */ e(
60
60
  s,
61
61
  {
62
62
  menuItems: t,
@@ -66,7 +66,7 @@ const t = [
66
66
  }
67
67
  ) }) }) }) }),
68
68
  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
69
- c,
69
+ l,
70
70
  {
71
71
  language: "tsx",
72
72
  code: `import { MacOSTahoeLayoutSidebar } from '@e-burgos/tucu-ui';
@@ -1,5 +1,5 @@
1
1
  import { jsxs as s, Fragment as n, jsx as e } from "react/jsx-runtime";
2
- import { H as l, C as i, a as t, bN as a, c as r, P as c, A as d } from "../index-lfg6LZ1p.js";
2
+ import { H as l, C as i, a as t, bN as a, c as r, P as c, A as d } from "../index-19KsCnyX.js";
3
3
  import { Bell as m, CloudUpload as h } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-BaGqriuz.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Notification Banner",description:"Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(i.Bell,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-lg",children:[e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"New update available",message:"macOS Tahoe 26.1 is ready to be installed.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"Changes saved",message:"Your preferences have been updated successfully.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Low disk space",message:"Only 2.3 GB remaining on Macintosh HD.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"error",title:"Connection failed",message:"Unable to connect to the server. Please check your network.",dismissible:!1})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (Array)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:[{label:"Update Now",onClick:()=>alert("updating…")},{label:"Later",onClick:()=>{}}]})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (ReactNode)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white",children:"Update Now"}),e.jsx("button",{className:"rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]",children:"Later"})]})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Custom Icon",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"File uploaded",message:"photo-2024.jpg has been uploaded to iCloud.",icon:e.jsx(i.CloudUpload,{className:"h-5 w-5"})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Dismissible (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Dismiss me",message:"Click the X button to dismiss this notification."})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeNotificationBanner } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DMs_SmPq.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Notification Banner",description:"Glass-material notification banners with colored accent stripes, variant icons, and dismiss functionality.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(i.Bell,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-lg",children:[e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"New update available",message:"macOS Tahoe 26.1 is ready to be installed.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"Changes saved",message:"Your preferences have been updated successfully.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Low disk space",message:"Only 2.3 GB remaining on Macintosh HD.",dismissible:!1}),e.jsx(a.MacOSTahoeNotificationBanner,{variant:"error",title:"Connection failed",message:"Unable to connect to the server. Please check your network.",dismissible:!1})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (Array)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:[{label:"Update Now",onClick:()=>alert("updating…")},{label:"Later",onClick:()=>{}}]})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Actions (ReactNode)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"info",title:"Update available",message:"A new version is ready to download.",actions:e.jsxs(e.Fragment,{children:[e.jsx("button",{className:"rounded-md bg-[var(--macos-tahoe-accent)] px-3 py-1 text-[12px] font-medium text-white",children:"Update Now"}),e.jsx("button",{className:"rounded-md px-3 py-1 text-[12px] text-[var(--macos-tahoe-text-muted)]",children:"Later"})]})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Custom Icon",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"success",title:"File uploaded",message:"photo-2024.jpg has been uploaded to iCloud.",icon:e.jsx(i.CloudUpload,{className:"h-5 w-5"})})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Dismissible (default)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-lg",children:e.jsx(a.MacOSTahoeNotificationBanner,{variant:"warning",title:"Dismiss me",message:"Click the X button to dismiss this notification."})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeNotificationBanner } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // With typed action array (recommended)
4
4
  <MacOSTahoeNotificationBanner
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function x(l){const[s,a]=r.useState(!1);return e.jsx(o.MacOSTahoePopover,{...l,isOpen:s,onClose:()=>a(!1),content:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>a(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>a(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>a(!1)})]}),children:e.jsx("button",{onClick:()=>a(!s),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Menu"})})}const m=()=>{const[l,s]=r.useState(!1),[a,c]=r.useState(!1),[n,i]=r.useState(!1),d=e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Save",icon:e.jsx(t.Save,{className:"h-4 w-4"}),shortcut:"⌘S",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Export",icon:e.jsx(t.Download,{className:"h-4 w-4"}),onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>s(!1)})]});return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Popover",description:"Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Basic Menu",className:"mt-2 mb-2",children:e.jsx(o.MacOSTahoePopover,{isOpen:l,onClose:()=>s(!1),placement:"bottom-start",content:d,children:e.jsx("button",{onClick:()=>s(!l),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"File Menu"})})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Placements",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(o.MacOSTahoePopover,{isOpen:a,onClose:()=>c(!1),placement:"bottom-start",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom Start"}),children:e.jsx("button",{onClick:()=>c(!a),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-start"})}),e.jsx(o.MacOSTahoePopover,{isOpen:n,onClose:()=>i(!1),placement:"bottom-end",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom End"}),children:e.jsx("button",{onClick:()=>i(!n),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-end"})})]})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(o.CodeBlock,{code:`import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),o=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function x(l){const[s,a]=r.useState(!1);return e.jsx(o.MacOSTahoePopover,{...l,isOpen:s,onClose:()=>a(!1),content:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>a(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>a(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>a(!1)})]}),children:e.jsx("button",{onClick:()=>a(!s),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"Open Menu"})})}const m=()=>{const[l,s]=r.useState(!1),[a,c]=r.useState(!1),[n,i]=r.useState(!1),d=e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsx(o.MacOSTahoePopoverItem,{label:"New File",icon:e.jsx(t.FilePlus,{className:"h-4 w-4"}),shortcut:"⌘N",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Open...",icon:e.jsx(t.FolderOpen,{className:"h-4 w-4"}),shortcut:"⌘O",onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Save",icon:e.jsx(t.Save,{className:"h-4 w-4"}),shortcut:"⌘S",onClick:()=>s(!1)}),e.jsx(o.MacOSTahoePopoverItem,{label:"Export",icon:e.jsx(t.Download,{className:"h-4 w-4"}),onClick:()=>s(!1)}),e.jsx("div",{className:"my-1 h-px bg-(--macos-glass-border-subtle)"}),e.jsx(o.MacOSTahoePopoverItem,{label:"Delete",icon:e.jsx(t.Trash2,{className:"h-4 w-4"}),destructive:!0,onClick:()=>s(!1)})]});return e.jsxs(e.Fragment,{children:[e.jsx(o.HeroCard,{title:"Popover",description:"Glass-material popover with prominent blur, placement options, menu items with icons, shortcuts, and destructive actions.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-green-500 via-teal-500 to-cyan-600 rounded-full flex items-center justify-center shadow-lg border border-green-500/50",children:e.jsx(t.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Basic Menu",className:"mt-2 mb-2",children:e.jsx(o.MacOSTahoePopover,{isOpen:l,onClose:()=>s(!1),placement:"bottom-start",content:d,children:e.jsx("button",{onClick:()=>s(!l),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-4 py-2 text-[13px] text-(--macos-tahoe-text) backdrop-blur-sm transition-colors hover:bg-(--macos-tahoe-hover)",children:"File Menu"})})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Placements",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsx(o.MacOSTahoePopover,{isOpen:a,onClose:()=>c(!1),placement:"bottom-start",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom Start"}),children:e.jsx("button",{onClick:()=>c(!a),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-start"})}),e.jsx(o.MacOSTahoePopover,{isOpen:n,onClose:()=>i(!1),placement:"bottom-end",content:e.jsx("div",{className:"p-2 text-[13px] text-(--macos-tahoe-text)",children:"Bottom End"}),children:e.jsx("button",{onClick:()=>i(!n),className:"rounded-lg border border-(--macos-glass-border) bg-(--macos-glass-clear-bg) px-3 py-1.5 text-[12px] text-(--macos-tahoe-text) backdrop-blur-sm",children:"bottom-end"})})]})})}),e.jsx(o.CardContainer,{children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(o.CodeBlock,{code:`import { MacOSTahoePopover, MacOSTahoePopoverItem } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <MacOSTahoePopover
4
4
  isOpen={open}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, Fragment as g, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as c } from "react";
3
- import { H as f, C as n, a as m, bO as r, c as N, P as v, A as C, bP as a } from "../index-lfg6LZ1p.js";
3
+ import { H as f, C as n, a as m, bO as r, c as N, P as v, A as C, bP as a } from "../index-19KsCnyX.js";
4
4
  import { MousePointerClick as O, FilePlus as h, FolderOpen as b, Save as P, Download as w, Trash2 as u } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-BaGqriuz.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[i,o]=l.useState(0);return l.useEffect(()=>{const r=setInterval(()=>{o(s=>s>=100?0:s+1)},80);return()=>clearInterval(r)},[]),e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Progress Bar",description:"Determinate and indeterminate progress indicators with glass material track, accent fill, and optional label/value display.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-violet-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.Activity,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:35,size:"sm",label:"Small",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:60,size:"md",label:"Medium (default)",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:85,size:"lg",label:"Large",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Animated (Determinate)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(a.MacOSTahoeProgressBar,{value:i,size:"md",label:"Downloading update...",showValue:!0})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Indeterminate",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"sm"}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"md",label:"Loading..."}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"lg",label:"Processing files..."})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Static Values",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:0,label:"0%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:25,label:"25%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:50,label:"50%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:75,label:"75%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:100,label:"Complete",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeProgressBar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),a=require("../index-DMs_SmPq.js"),n=require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[i,o]=l.useState(0);return l.useEffect(()=>{const r=setInterval(()=>{o(s=>s>=100?0:s+1)},80);return()=>clearInterval(r)},[]),e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Progress Bar",description:"Determinate and indeterminate progress indicators with glass material track, accent fill, and optional label/value display.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-violet-600 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:e.jsx(n.Activity,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:35,size:"sm",label:"Small",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:60,size:"md",label:"Medium (default)",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:85,size:"lg",label:"Large",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Animated (Determinate)",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(a.MacOSTahoeProgressBar,{value:i,size:"md",label:"Downloading update...",showValue:!0})})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Indeterminate",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-5 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"sm"}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"md",label:"Loading..."}),e.jsx(a.MacOSTahoeProgressBar,{indeterminate:!0,size:"lg",label:"Processing files..."})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Static Values",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-md",children:[e.jsx(a.MacOSTahoeProgressBar,{value:0,label:"0%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:25,label:"25%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:50,label:"50%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:75,label:"75%",showValue:!0}),e.jsx(a.MacOSTahoeProgressBar,{value:100,label:"Complete",showValue:!0})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeProgressBar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Determinate
4
4
  <MacOSTahoeProgressBar
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, Fragment as d, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as n, useEffect as c } from "react";
3
- import { H as u, C as l, a as r, bK as a, c as h, P as g, A as b } from "../index-lfg6LZ1p.js";
3
+ import { H as u, C as l, a as r, bK as a, c as h, P as g, A as b } from "../index-19KsCnyX.js";
4
4
  import { Activity as w } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as d } from "react";
3
- import { H as h, C as r, a as s, bH as l, c as u, P as p, A as x } from "../index-lfg6LZ1p.js";
3
+ import { H as h, C as r, a as s, bH as l, c as u, P as p, A as x } from "../index-19KsCnyX.js";
4
4
  import { Search as S } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-BaGqriuz.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,l]=t.useState(""),[i,c]=t.useState("Documents");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Search Bar",description:"Liquid Glass search field with glass material background, clear button, and submit/escape keyboard support.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(d.Search,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-sm",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Small"}),e.jsx(a.MacOSTahoeSearchBar,{size:"sm",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Medium (default)"}),e.jsx(a.MacOSTahoeSearchBar,{size:"md",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Large"}),e.jsx(a.MacOSTahoeSearchBar,{size:"lg",placeholder:"Search...",className:"w-full"})]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Interactive",className:"mt-2 mb-2",children:e.jsxs("div",{className:"max-w-md space-y-3",children:[e.jsx(a.MacOSTahoeSearchBar,{value:r,onChange:l,onClear:()=>l(""),onSubmit:s=>alert(`Searched: ${s}`),placeholder:"Type and press Enter...",className:"w-full"}),e.jsxs("p",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)]",children:["Current value: “",r,"”"]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Pre-filled Value",className:"mt-2 mb-2",children:e.jsx(a.MacOSTahoeSearchBar,{value:i,onChange:c,onClear:()=>c(""),size:"lg",className:"max-w-sm"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeSearchBar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("../index-DMs_SmPq.js"),d=require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,l]=t.useState(""),[i,c]=t.useState("Documents");return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"Search Bar",description:"Liquid Glass search field with glass material background, clear button, and submit/escape keyboard support.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-cyan-500 via-sky-500 to-blue-600 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:e.jsx(d.Search,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 max-w-sm",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Small"}),e.jsx(a.MacOSTahoeSearchBar,{size:"sm",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Medium (default)"}),e.jsx(a.MacOSTahoeSearchBar,{size:"md",placeholder:"Search...",className:"w-full"})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)] mb-1 block",children:"Large"}),e.jsx(a.MacOSTahoeSearchBar,{size:"lg",placeholder:"Search...",className:"w-full"})]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Interactive",className:"mt-2 mb-2",children:e.jsxs("div",{className:"max-w-md space-y-3",children:[e.jsx(a.MacOSTahoeSearchBar,{value:r,onChange:l,onClear:()=>l(""),onSubmit:s=>alert(`Searched: ${s}`),placeholder:"Type and press Enter...",className:"w-full"}),e.jsxs("p",{className:"text-[12px] text-[var(--macos-tahoe-text-muted)]",children:["Current value: “",r,"”"]})]})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"With Pre-filled Value",className:"mt-2 mb-2",children:e.jsx(a.MacOSTahoeSearchBar,{value:i,onChange:c,onClear:()=>c(""),size:"lg",className:"max-w-sm"})})}),e.jsx(a.CardContainer,{children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(a.CodeBlock,{code:`import { MacOSTahoeSearchBar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <MacOSTahoeSearchBar
4
4
  value={query}
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-BaGqriuz.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(a){const[o,s]=n.useState("day");return e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:o,onChange:s,size:a.size,fullWidth:a.fullWidth})}const i=()=>{const[a,o]=n.useState("list"),[s,d]=n.useState("all");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Segmented Control",description:"Glass-material segmented control with prominent backdrop for the active segment. Supports icons, sizes, full-width mode, and disabled options.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.ToggleLeft,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 items-start",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Small"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"sm",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"day",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Medium (default)"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"md",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"week",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Large"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"lg",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"month",onChange:()=>{}})]})]})})}),e.jsx(l.CardContainer,{children:e.jsxs(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:[e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"List",value:"list",icon:e.jsx(t.List,{className:"h-3.5 w-3.5"})},{label:"Grid",value:"grid",icon:e.jsx(t.Grid3x3,{className:"h-3.5 w-3.5"})},{label:"Columns",value:"columns",icon:e.jsx(t.Columns3,{className:"h-3.5 w-3.5"})}],value:a,onChange:o}),e.jsxs("p",{className:"mt-2 text-[12px] text-(--macos-tahoe-text-muted)",children:["Selected: ",a]})]})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(l.MacOSTahoeSegmentedControl,{fullWidth:!0,options:[{label:"All",value:"all"},{label:"Active",value:"active"},{label:"Archived",value:"archived"}],value:s,onChange:d})})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"With Disabled Option",className:"mt-2 mb-2",children:e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Option A",value:"a"},{label:"Option B",value:"b",disabled:!0},{label:"Option C",value:"c"}],value:"a",onChange:()=>{}})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(l.CodeBlock,{code:`import { MacOSTahoeSegmentedControl } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),l=require("../index-DMs_SmPq.js"),t=require("lucide-react");require("react-router-dom");require("react-dom");function c(a){const[o,s]=n.useState("day");return e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:o,onChange:s,size:a.size,fullWidth:a.fullWidth})}const i=()=>{const[a,o]=n.useState("list"),[s,d]=n.useState("all");return e.jsxs(e.Fragment,{children:[e.jsx(l.HeroCard,{title:"Segmented Control",description:"Glass-material segmented control with prominent backdrop for the active segment. Supports icons, sizes, full-width mode, and disabled options.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-teal-500 via-emerald-500 to-green-600 rounded-full flex items-center justify-center shadow-lg border border-teal-500/50",children:e.jsx(t.ToggleLeft,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"flex flex-col gap-4 items-start",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Small"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"sm",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"day",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Medium (default)"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"md",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"week",onChange:()=>{}})]}),e.jsxs("div",{children:[e.jsx("span",{className:"text-[12px] text-(--macos-tahoe-text-muted) mb-1 block",children:"Large"}),e.jsx(l.MacOSTahoeSegmentedControl,{size:"lg",options:[{label:"Day",value:"day"},{label:"Week",value:"week"},{label:"Month",value:"month"}],value:"month",onChange:()=>{}})]})]})})}),e.jsx(l.CardContainer,{children:e.jsxs(l.CardTitle,{title:"With Icons",className:"mt-2 mb-2",children:[e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"List",value:"list",icon:e.jsx(t.List,{className:"h-3.5 w-3.5"})},{label:"Grid",value:"grid",icon:e.jsx(t.Grid3x3,{className:"h-3.5 w-3.5"})},{label:"Columns",value:"columns",icon:e.jsx(t.Columns3,{className:"h-3.5 w-3.5"})}],value:a,onChange:o}),e.jsxs("p",{className:"mt-2 text-[12px] text-(--macos-tahoe-text-muted)",children:["Selected: ",a]})]})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Full Width",className:"mt-2 mb-2",children:e.jsx("div",{className:"max-w-md",children:e.jsx(l.MacOSTahoeSegmentedControl,{fullWidth:!0,options:[{label:"All",value:"all"},{label:"Active",value:"active"},{label:"Archived",value:"archived"}],value:s,onChange:d})})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"With Disabled Option",className:"mt-2 mb-2",children:e.jsx(l.MacOSTahoeSegmentedControl,{options:[{label:"Option A",value:"a"},{label:"Option B",value:"b",disabled:!0},{label:"Option C",value:"c"}],value:"a",onChange:()=>{}})})}),e.jsx(l.CardContainer,{children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx(l.CodeBlock,{code:`import { MacOSTahoeSegmentedControl } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <MacOSTahoeSegmentedControl
4
4
  options={[
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, Fragment as r, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as d } from "react";
3
- import { H as h, C as o, a as i, bI as a, c as u, P as v, A as b } from "../index-lfg6LZ1p.js";
3
+ import { H as h, C as o, a as i, bI as a, c as u, P as v, A as b } from "../index-19KsCnyX.js";
4
4
  import { ToggleLeft as p, List as g, Grid3x3 as x, Columns3 as f } from "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";