@lobehub/ui 5.48.1 → 5.49.0

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 (205) hide show
  1. package/es/Highlighter/FullFeatured.mjs +1 -1
  2. package/es/Highlighter/FullFeatured.mjs.map +1 -1
  3. package/es/Highlighter/LangSelect.mjs +1 -1
  4. package/es/Highlighter/LangSelect.mjs.map +1 -1
  5. package/es/Highlighter/style.mjs +14 -11
  6. package/es/Highlighter/style.mjs.map +1 -1
  7. package/es/Mermaid/FullFeatured.mjs +1 -1
  8. package/es/Mermaid/FullFeatured.mjs.map +1 -1
  9. package/es/ThemeProvider/ThemeProvider.mjs +2 -2
  10. package/es/ThemeProvider/ThemeProvider.mjs.map +1 -1
  11. package/es/awesome/AgentSkillCard/AgentSkillCard.d.mts +6 -0
  12. package/es/awesome/AgentSkillCard/AgentSkillCard.mjs +83 -0
  13. package/es/awesome/AgentSkillCard/AgentSkillCard.mjs.map +1 -0
  14. package/es/awesome/AgentSkillCard/agents.d.mts +6 -0
  15. package/es/awesome/AgentSkillCard/agents.mjs +40 -0
  16. package/es/awesome/AgentSkillCard/agents.mjs.map +1 -0
  17. package/es/awesome/AgentSkillCard/index.d.mts +4 -0
  18. package/es/awesome/AgentSkillCard/style.mjs +85 -0
  19. package/es/awesome/AgentSkillCard/style.mjs.map +1 -0
  20. package/es/awesome/AgentSkillCard/type.d.mts +41 -0
  21. package/es/awesome/BentoGrid/BentoCard.d.mts +6 -0
  22. package/es/awesome/BentoGrid/BentoCard.mjs +39 -0
  23. package/es/awesome/BentoGrid/BentoCard.mjs.map +1 -0
  24. package/es/awesome/BentoGrid/BentoGrid.d.mts +6 -0
  25. package/es/awesome/BentoGrid/BentoGrid.mjs +20 -0
  26. package/es/awesome/BentoGrid/BentoGrid.mjs.map +1 -0
  27. package/es/awesome/BentoGrid/index.d.mts +4 -0
  28. package/es/awesome/BentoGrid/style.mjs +102 -0
  29. package/es/awesome/BentoGrid/style.mjs.map +1 -0
  30. package/es/awesome/BentoGrid/type.d.mts +40 -0
  31. package/es/awesome/CodeShowcase/CodeShowcase.d.mts +6 -0
  32. package/es/awesome/CodeShowcase/CodeShowcase.mjs +51 -0
  33. package/es/awesome/CodeShowcase/CodeShowcase.mjs.map +1 -0
  34. package/es/awesome/CodeShowcase/index.d.mts +3 -0
  35. package/es/awesome/CodeShowcase/style.mjs +50 -0
  36. package/es/awesome/CodeShowcase/style.mjs.map +1 -0
  37. package/es/awesome/CodeShowcase/type.d.mts +27 -0
  38. package/es/awesome/FeatureGrid/FeatureGrid.d.mts +6 -0
  39. package/es/awesome/FeatureGrid/FeatureGrid.mjs +48 -0
  40. package/es/awesome/FeatureGrid/FeatureGrid.mjs.map +1 -0
  41. package/es/awesome/FeatureGrid/index.d.mts +3 -0
  42. package/es/awesome/FeatureGrid/style.mjs +75 -0
  43. package/es/awesome/FeatureGrid/style.mjs.map +1 -0
  44. package/es/awesome/FeatureGrid/type.d.mts +25 -0
  45. package/es/awesome/FluidGradient/FluidGradient.d.mts +6 -0
  46. package/es/awesome/FluidGradient/FluidGradient.mjs +293 -0
  47. package/es/awesome/FluidGradient/FluidGradient.mjs.map +1 -0
  48. package/es/awesome/FluidGradient/index.d.mts +3 -0
  49. package/es/awesome/FluidGradient/style.mjs +52 -0
  50. package/es/awesome/FluidGradient/style.mjs.map +1 -0
  51. package/es/awesome/FluidGradient/type.d.mts +22 -0
  52. package/es/awesome/InstallBanner/InstallBanner.d.mts +6 -0
  53. package/es/awesome/InstallBanner/InstallBanner.mjs +35 -0
  54. package/es/awesome/InstallBanner/InstallBanner.mjs.map +1 -0
  55. package/es/awesome/InstallBanner/index.d.mts +3 -0
  56. package/es/awesome/InstallBanner/style.mjs +46 -0
  57. package/es/awesome/InstallBanner/style.mjs.map +1 -0
  58. package/es/awesome/InstallBanner/type.d.mts +18 -0
  59. package/es/awesome/LandingHero/LandingHero.d.mts +6 -0
  60. package/es/awesome/LandingHero/LandingHero.mjs +55 -0
  61. package/es/awesome/LandingHero/LandingHero.mjs.map +1 -0
  62. package/es/awesome/LandingHero/index.d.mts +3 -0
  63. package/es/awesome/LandingHero/style.mjs +155 -0
  64. package/es/awesome/LandingHero/style.mjs.map +1 -0
  65. package/es/awesome/LandingHero/type.d.mts +29 -0
  66. package/es/awesome/LandingSection/LandingSection.d.mts +6 -0
  67. package/es/awesome/LandingSection/LandingSection.mjs +61 -0
  68. package/es/awesome/LandingSection/LandingSection.mjs.map +1 -0
  69. package/es/awesome/LandingSection/index.d.mts +3 -0
  70. package/es/awesome/LandingSection/style.mjs +88 -0
  71. package/es/awesome/LandingSection/style.mjs.map +1 -0
  72. package/es/awesome/LandingSection/type.d.mts +40 -0
  73. package/es/awesome/LogoMarquee/LogoMarquee.d.mts +6 -0
  74. package/es/awesome/LogoMarquee/LogoMarquee.mjs +52 -0
  75. package/es/awesome/LogoMarquee/LogoMarquee.mjs.map +1 -0
  76. package/es/awesome/LogoMarquee/index.d.mts +3 -0
  77. package/es/awesome/LogoMarquee/style.mjs +70 -0
  78. package/es/awesome/LogoMarquee/style.mjs.map +1 -0
  79. package/es/awesome/LogoMarquee/type.d.mts +40 -0
  80. package/es/awesome/index.d.mts +33 -1
  81. package/es/awesome/index.mjs +13 -1
  82. package/es/awesome/landingActions.d.mts +20 -0
  83. package/es/awesome/landingActions.mjs +123 -0
  84. package/es/awesome/landingActions.mjs.map +1 -0
  85. package/es/awesome/landingIcon.mjs +13 -0
  86. package/es/awesome/landingIcon.mjs.map +1 -0
  87. package/es/awesome/landingLink.d.mts +12 -0
  88. package/es/awesome/landingLink.mjs +23 -0
  89. package/es/awesome/landingLink.mjs.map +1 -0
  90. package/es/awesome/landingTokens.d.mts +10 -0
  91. package/es/awesome/landingTokens.mjs +19 -0
  92. package/es/awesome/landingTokens.mjs.map +1 -0
  93. package/es/base-ui/Avatar/Avatar.mjs +1 -1
  94. package/es/base-ui/Avatar/Avatar.mjs.map +1 -1
  95. package/es/base-ui/Segmented/atoms.mjs +1 -0
  96. package/es/base-ui/Segmented/atoms.mjs.map +1 -1
  97. package/es/base-ui/Segmented/style.mjs +127 -125
  98. package/es/base-ui/Segmented/style.mjs.map +1 -1
  99. package/es/base-ui/Text/style.d.mts +1 -1
  100. package/es/base-ui/index.mjs +4 -4
  101. package/es/dashboard/AuthLayout/AuthLayout.d.mts +9 -0
  102. package/es/dashboard/AuthLayout/AuthLayout.mjs +54 -0
  103. package/es/dashboard/AuthLayout/AuthLayout.mjs.map +1 -0
  104. package/es/dashboard/AuthLayout/index.d.mts +3 -0
  105. package/es/dashboard/AuthLayout/style.mjs +120 -0
  106. package/es/dashboard/AuthLayout/style.mjs.map +1 -0
  107. package/es/dashboard/AuthLayout/type.d.mts +16 -0
  108. package/es/dashboard/Breadcrumb/Breadcrumb.d.mts +9 -0
  109. package/es/dashboard/Breadcrumb/Breadcrumb.mjs +55 -0
  110. package/es/dashboard/Breadcrumb/Breadcrumb.mjs.map +1 -0
  111. package/es/dashboard/Breadcrumb/index.d.mts +3 -0
  112. package/es/dashboard/Breadcrumb/style.mjs +66 -0
  113. package/es/dashboard/Breadcrumb/style.mjs.map +1 -0
  114. package/es/dashboard/Breadcrumb/type.d.mts +25 -0
  115. package/es/dashboard/ConsoleNav/ConsoleNav.d.mts +9 -0
  116. package/es/dashboard/ConsoleNav/ConsoleNav.mjs +275 -0
  117. package/es/dashboard/ConsoleNav/ConsoleNav.mjs.map +1 -0
  118. package/es/dashboard/ConsoleNav/active.d.mts +7 -0
  119. package/es/dashboard/ConsoleNav/active.mjs +29 -0
  120. package/es/dashboard/ConsoleNav/active.mjs.map +1 -0
  121. package/es/dashboard/ConsoleNav/index.d.mts +4 -0
  122. package/es/dashboard/ConsoleNav/style.mjs +283 -0
  123. package/es/dashboard/ConsoleNav/style.mjs.map +1 -0
  124. package/es/dashboard/ConsoleNav/type.d.mts +71 -0
  125. package/es/dashboard/ConsoleShell/ConsoleBrand.d.mts +9 -0
  126. package/es/dashboard/ConsoleShell/ConsoleBrand.mjs +37 -0
  127. package/es/dashboard/ConsoleShell/ConsoleBrand.mjs.map +1 -0
  128. package/es/dashboard/ConsoleShell/ConsoleShell.d.mts +9 -0
  129. package/es/dashboard/ConsoleShell/ConsoleShell.mjs +149 -0
  130. package/es/dashboard/ConsoleShell/ConsoleShell.mjs.map +1 -0
  131. package/es/dashboard/ConsoleShell/context.d.mts +6 -0
  132. package/es/dashboard/ConsoleShell/context.mjs +16 -0
  133. package/es/dashboard/ConsoleShell/context.mjs.map +1 -0
  134. package/es/dashboard/ConsoleShell/index.d.mts +5 -0
  135. package/es/dashboard/ConsoleShell/style.mjs +209 -0
  136. package/es/dashboard/ConsoleShell/style.mjs.map +1 -0
  137. package/es/dashboard/ConsoleShell/type.d.mts +67 -0
  138. package/es/dashboard/FilterSidebar/FilterSidebar.d.mts +17 -0
  139. package/es/dashboard/FilterSidebar/FilterSidebar.mjs +151 -0
  140. package/es/dashboard/FilterSidebar/FilterSidebar.mjs.map +1 -0
  141. package/es/dashboard/FilterSidebar/context.d.mts +7 -0
  142. package/es/dashboard/FilterSidebar/context.mjs +19 -0
  143. package/es/dashboard/FilterSidebar/context.mjs.map +1 -0
  144. package/es/dashboard/FilterSidebar/index.d.mts +4 -0
  145. package/es/dashboard/FilterSidebar/style.mjs +155 -0
  146. package/es/dashboard/FilterSidebar/style.mjs.map +1 -0
  147. package/es/dashboard/FilterSidebar/type.d.mts +44 -0
  148. package/es/dashboard/FilterSidebar/width.mjs +18 -0
  149. package/es/dashboard/FilterSidebar/width.mjs.map +1 -0
  150. package/es/dashboard/PageHeader/PageHeader.d.mts +9 -0
  151. package/es/dashboard/PageHeader/PageHeader.mjs +37 -0
  152. package/es/dashboard/PageHeader/PageHeader.mjs.map +1 -0
  153. package/es/dashboard/PageHeader/index.d.mts +3 -0
  154. package/es/dashboard/PageHeader/style.mjs +47 -0
  155. package/es/dashboard/PageHeader/style.mjs.map +1 -0
  156. package/es/dashboard/PageHeader/type.d.mts +14 -0
  157. package/es/dashboard/PageSkeleton/PageSkeleton.d.mts +25 -0
  158. package/es/dashboard/PageSkeleton/PageSkeleton.mjs +136 -0
  159. package/es/dashboard/PageSkeleton/PageSkeleton.mjs.map +1 -0
  160. package/es/dashboard/PageSkeleton/style.mjs +122 -0
  161. package/es/dashboard/PageSkeleton/style.mjs.map +1 -0
  162. package/es/dashboard/PageSkeleton/type.d.mts +22 -0
  163. package/es/dashboard/PageTabs/PageTabs.d.mts +9 -0
  164. package/es/dashboard/PageTabs/PageTabs.mjs +37 -0
  165. package/es/dashboard/PageTabs/PageTabs.mjs.map +1 -0
  166. package/es/dashboard/PageTabs/index.d.mts +3 -0
  167. package/es/dashboard/PageTabs/style.mjs +57 -0
  168. package/es/dashboard/PageTabs/style.mjs.map +1 -0
  169. package/es/dashboard/PageTabs/type.d.mts +17 -0
  170. package/es/dashboard/RouteProgress/RouteProgress.d.mts +9 -0
  171. package/es/dashboard/RouteProgress/RouteProgress.mjs +44 -0
  172. package/es/dashboard/RouteProgress/RouteProgress.mjs.map +1 -0
  173. package/es/dashboard/RouteProgress/style.mjs +19 -0
  174. package/es/dashboard/RouteProgress/style.mjs.map +1 -0
  175. package/es/dashboard/RouteProgress/type.d.mts +8 -0
  176. package/es/dashboard/StatCard/StatCard.d.mts +9 -0
  177. package/es/dashboard/StatCard/StatCard.mjs +84 -0
  178. package/es/dashboard/StatCard/StatCard.mjs.map +1 -0
  179. package/es/dashboard/StatCard/index.d.mts +3 -0
  180. package/es/dashboard/StatCard/style.mjs +135 -0
  181. package/es/dashboard/StatCard/style.mjs.map +1 -0
  182. package/es/dashboard/StatCard/type.d.mts +26 -0
  183. package/es/dashboard/Surface/Surface.d.mts +13 -0
  184. package/es/dashboard/Surface/Surface.mjs +20 -0
  185. package/es/dashboard/Surface/Surface.mjs.map +1 -0
  186. package/es/dashboard/Surface/index.d.mts +4 -0
  187. package/es/dashboard/Surface/style.d.mts +14 -0
  188. package/es/dashboard/Surface/style.mjs +22 -0
  189. package/es/dashboard/Surface/style.mjs.map +1 -0
  190. package/es/dashboard/Surface/type.d.mts +8 -0
  191. package/es/dashboard/hooks.mjs +49 -0
  192. package/es/dashboard/hooks.mjs.map +1 -0
  193. package/es/dashboard/index.d.mts +37 -0
  194. package/es/dashboard/index.d.ts +1 -0
  195. package/es/dashboard/index.js +1 -0
  196. package/es/dashboard/index.mjs +17 -0
  197. package/es/static-css/registry.mjs +2 -2
  198. package/es/static-css/registry.mjs.map +1 -1
  199. package/es/storybook/StoryBook/index.mjs +4 -0
  200. package/es/storybook/StoryBook/index.mjs.map +1 -1
  201. package/es/storybook/StoryBook/style.mjs +7 -2
  202. package/es/storybook/StoryBook/style.mjs.map +1 -1
  203. package/es/styles/theme/token/base.mjs +2 -2
  204. package/es/styles/theme/token/base.mjs.map +1 -1
  205. package/package.json +6 -2
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n indicator: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 0;\n inset-block-start: var(--active-item-top);\n inset-inline-start: var(--active-item-left);\n\n width: var(--active-item-width);\n height: var(--active-item-height);\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorBgElevated};\n box-shadow: ${cssVar.boxShadowTertiary};\n\n transition-timing-function: ${cssVar.motionEaseOut};\n transition-duration: 240ms;\n transition-property: inset-inline-start, inset-block-start, width, height;\n\n [data-orientation='horizontal'] &:dir(rtl) {\n inset-inline-start: var(--active-item-right);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n `,\n item: css`\n cursor: pointer;\n user-select: none;\n\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n flex-shrink: 0;\n gap: 6px;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n border: 0;\n\n font-weight: 500;\n color: ${cssVar.colorTextSecondary};\n white-space: nowrap;\n\n background: transparent;\n outline: none;\n\n transition:\n color 120ms ${cssVar.motionEaseOut},\n transform 120ms ${cssVar.motionEaseOut};\n\n &:hover:not([data-disabled], [data-pressed]) {\n color: ${cssVar.colorText};\n }\n\n &:active:not([data-disabled]) {\n transform: scale(0.98);\n }\n\n border-radius: ${cssVar.borderRadius};\n ${focusRing};\n\n &[data-pressed] {\n color: ${cssVar.colorText};\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n color: ${cssVar.colorTextDisabled};\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n `,\n itemBlock: css`\n flex: 1 1 0;\n `,\n itemIcon: css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n itemLabel: css`\n display: inline-flex;\n align-items: center;\n `,\n itemLarge: css`\n height: 36px;\n padding-inline: 16px;\n border-radius: ${cssVar.borderRadius};\n font-size: 14px;\n `,\n itemMiddle: css`\n height: 32px;\n padding-inline: 12px;\n border-radius: ${cssVar.borderRadius};\n font-size: 13px;\n `,\n itemSmall: css`\n height: 26px;\n padding-inline: 10px;\n border-radius: ${cssVar.borderRadius};\n font-size: 12px;\n `,\n list: css`\n position: relative;\n\n display: inline-flex;\n flex-wrap: nowrap;\n gap: 4px;\n align-items: center;\n align-self: flex-start;\n\n box-sizing: border-box;\n padding: 3px;\n border-radius: ${cssVar.borderRadiusLG};\n\n &[data-orientation='vertical'] {\n flex-direction: column;\n align-items: stretch;\n align-self: stretch;\n }\n `,\n listBlock: css`\n display: flex;\n align-self: stretch;\n width: 100%;\n `,\n listFilled: css`\n border: 1px solid ${cssVar.colorFillQuaternary};\n background: ${cssVar.colorBgLayout};\n `,\n listGlass: lobeStaticStylish.blur,\n listOutlined: css`\n border: 1px solid ${cssVar.colorBorderSecondary};\n background: transparent;\n `,\n listShadow: lobeStaticStylish.shadow,\n root: css`\n display: inline-flex;\n\n &[data-block='true'] {\n display: flex;\n width: 100%;\n }\n `,\n}));\n\nexport const listVariants = cva(styles.list, {\n defaultVariants: {\n block: false,\n glass: false,\n shadow: false,\n variant: 'filled',\n },\n variants: {\n block: {\n false: null,\n true: styles.listBlock,\n },\n glass: {\n false: null,\n true: styles.listGlass,\n },\n shadow: {\n false: null,\n true: styles.listShadow,\n },\n variant: {\n filled: styles.listFilled,\n outlined: styles.listOutlined,\n },\n },\n});\n\nexport const itemVariants = cva(styles.item, {\n defaultVariants: {\n block: false,\n size: 'middle',\n },\n variants: {\n block: {\n false: null,\n true: styles.itemBlock,\n },\n size: {\n large: styles.itemLarge,\n middle: styles.itemMiddle,\n small: styles.itemSmall,\n },\n },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;;;;;;qBAUK,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;kBACvB,OAAO,kBAAkB;;kCAET,OAAO,cAAc;;;;;;;;;;;;CAYrD,MAAM,GAAG;;;;;;;;;;;;;;;;;aAiBE,OAAO,mBAAmB;;;;;;;oBAOnB,OAAO,cAAc;wBACjB,OAAO,cAAc;;;eAG9B,OAAO,UAAU;;;;;;;qBAOX,OAAO,aAAa;MACnC,UAAU;;;eAGD,OAAO,UAAU;;;;;eAKjB,OAAO,kBAAkB;;;;;;;CAOtC,WAAW,GAAG;;;CAGd,UAAU,GAAG;;;;;CAKb,WAAW,GAAG;;;;CAId,WAAW,GAAG;;;qBAGK,OAAO,aAAa;;;CAGvC,YAAY,GAAG;;;qBAGI,OAAO,aAAa;;;CAGvC,WAAW,GAAG;;;qBAGK,OAAO,aAAa;;;CAGvC,MAAM,GAAG;;;;;;;;;;;qBAWU,OAAO,eAAe;;;;;;;;CAQzC,WAAW,GAAG;;;;;CAKd,YAAY,GAAG;wBACO,OAAO,oBAAoB;kBACjC,OAAO,cAAc;;CAErC,WAAWA,cAAkB;CAC7B,cAAc,GAAG;wBACK,OAAO,qBAAqB;;;CAGlD,YAAYA,cAAkB;CAC9B,MAAM,GAAG;;;;;;;;AAQX,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}
1
+ {"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../../src/base-ui/Segmented/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n const indicator = css`\n pointer-events: none;\n\n position: absolute;\n z-index: 0;\n inset-block-start: var(--active-item-top);\n inset-inline-start: var(--active-item-left);\n\n width: var(--active-item-width);\n height: var(--active-item-height);\n border-radius: ${cssVar.borderRadius};\n\n background: ${cssVar.colorBgElevated};\n box-shadow: none;\n\n transition-timing-function: ${cssVar.motionEaseOut};\n transition-duration: 240ms;\n transition-property: inset-inline-start, inset-block-start, width, height;\n\n [data-orientation='horizontal'] &:dir(rtl) {\n inset-inline-start: var(--active-item-right);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n `;\n\n return {\n indicator,\n item: css`\n cursor: pointer;\n user-select: none;\n\n position: relative;\n z-index: 1;\n\n display: inline-flex;\n flex-shrink: 0;\n gap: 6px;\n align-items: center;\n justify-content: center;\n\n box-sizing: border-box;\n border: 0;\n border-radius: ${cssVar.borderRadius};\n\n font-weight: 500;\n color: ${cssVar.colorTextSecondary};\n white-space: nowrap;\n\n background: transparent;\n outline: none;\n\n transition:\n color 120ms ${cssVar.motionEaseOut},\n transform 120ms ${cssVar.motionEaseOut};\n\n &:hover:not([data-disabled], [data-pressed]) {\n color: ${cssVar.colorText};\n }\n\n &:active:not([data-disabled]) {\n transform: scale(0.98);\n }\n\n ${focusRing};\n\n &[data-pressed] {\n color: ${cssVar.colorText};\n }\n\n &[data-disabled] {\n cursor: not-allowed;\n color: ${cssVar.colorTextDisabled};\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition-duration: 0s;\n }\n `,\n itemBlock: css`\n flex: 1 1 0;\n `,\n itemIcon: css`\n display: inline-flex;\n align-items: center;\n justify-content: center;\n `,\n itemLabel: css`\n display: inline-flex;\n align-items: center;\n `,\n itemLarge: css`\n height: 36px;\n padding-inline: 16px;\n border-radius: ${cssVar.borderRadius};\n font-size: 14px;\n `,\n itemMiddle: css`\n height: 32px;\n padding-inline: 12px;\n border-radius: ${cssVar.borderRadius};\n font-size: 13px;\n `,\n itemSmall: css`\n height: 26px;\n padding-inline: 10px;\n border-radius: ${cssVar.borderRadius};\n font-size: 12px;\n `,\n list: css`\n position: relative;\n\n display: inline-flex;\n flex-wrap: nowrap;\n gap: 4px;\n align-items: center;\n align-self: flex-start;\n\n box-sizing: border-box;\n padding: 3px;\n border-radius: ${cssVar.borderRadiusLG};\n\n &[data-orientation='vertical'] {\n flex-direction: column;\n align-items: stretch;\n align-self: stretch;\n }\n `,\n listBlock: css`\n display: flex;\n align-self: stretch;\n width: 100%;\n `,\n listFilled: css`\n border: 1px solid ${cssVar.colorFillQuaternary};\n background: ${cssVar.colorBgLayout};\n `,\n listGlass: lobeStaticStylish.blur,\n listOutlined: css`\n border: 1px solid ${cssVar.colorBorderSecondary};\n background: transparent;\n `,\n listShadow: lobeStaticStylish.shadow,\n root: css`\n display: inline-flex;\n\n &[data-block='true'] {\n display: flex;\n width: 100%;\n }\n `,\n };\n});\n\nexport const listVariants = cva(styles.list, {\n defaultVariants: {\n block: false,\n glass: false,\n shadow: false,\n variant: 'filled',\n },\n variants: {\n block: {\n false: null,\n true: styles.listBlock,\n },\n glass: {\n false: null,\n true: styles.listGlass,\n },\n shadow: {\n false: null,\n true: styles.listShadow,\n },\n variant: {\n filled: styles.listFilled,\n outlined: styles.listOutlined,\n },\n },\n});\n\nexport const itemVariants = cva(styles.item, {\n defaultVariants: {\n block: false,\n size: 'middle',\n },\n variants: {\n block: {\n false: null,\n true: styles.itemBlock,\n },\n size: {\n large: styles.itemLarge,\n middle: styles.itemMiddle,\n small: styles.itemSmall,\n },\n },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CA6B5D,OAAO;EACL,WA7BgB,GAAG;;;;;;;;;;qBAUF,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;;kCAGP,OAAO,cAAc;;;;;;;;;;;;EAenD,MAAM,GAAG;;;;;;;;;;;;;;;uBAeU,OAAO,aAAa;;;eAG5B,OAAO,mBAAmB;;;;;;;sBAOnB,OAAO,cAAc;0BACjB,OAAO,cAAc;;;iBAG9B,OAAO,UAAU;;;;;;;QAO1B,UAAU;;;iBAGD,OAAO,UAAU;;;;;iBAKjB,OAAO,kBAAkB;;;;;;;EAOtC,WAAW,GAAG;;;EAGd,UAAU,GAAG;;;;;EAKb,WAAW,GAAG;;;;EAId,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,YAAY,GAAG;;;uBAGI,OAAO,aAAa;;;EAGvC,WAAW,GAAG;;;uBAGK,OAAO,aAAa;;;EAGvC,MAAM,GAAG;;;;;;;;;;;uBAWU,OAAO,eAAe;;;;;;;;EAQzC,WAAW,GAAG;;;;;EAKd,YAAY,GAAG;0BACO,OAAO,oBAAoB;oBACjC,OAAO,cAAc;;EAErC,WAAWA,cAAkB;EAC7B,cAAc,GAAG;0BACK,OAAO,qBAAqB;;;EAGlD,YAAYA,cAAkB;EAC9B,MAAM,GAAG;;;;;;;;CAQX;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,OAAO;EACP,QAAQ;EACR,SAAS;CACX;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;EACA,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;EACnB;CACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB;EACf,OAAO;EACP,MAAM;CACR;CACA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ,OAAO;GACf,OAAO,OAAO;EAChB;CACF;AACF,CAAC"}
@@ -42,7 +42,7 @@ declare const variants: (props?: ({
42
42
  mark?: boolean | null | undefined;
43
43
  shiny?: boolean | null | undefined;
44
44
  strong?: boolean | null | undefined;
45
- type?: "danger" | "success" | "info" | "warning" | "secondary" | null | undefined;
45
+ type?: "danger" | "warning" | "success" | "info" | "secondary" | null | undefined;
46
46
  underline?: boolean | null | undefined;
47
47
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
48
48
  //#endregion
@@ -30,6 +30,10 @@ import SkeletonText from "./Skeleton/SkeletonText.mjs";
30
30
  import Skeleton from "./Skeleton/index.mjs";
31
31
  import { ToastHost, toast, useToast } from "./Toast/imperative.mjs";
32
32
  import { ScrollArea } from "./ScrollArea/ScrollArea.mjs";
33
+ import { SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot } from "./Segmented/atoms.mjs";
34
+ import Segmented from "./Segmented/Segmented.mjs";
35
+ import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./Tag/utils.mjs";
36
+ import Tag from "./Tag/Tag.mjs";
33
37
  import { styles } from "./Accordion/style.mjs";
34
38
  import { AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger, useAccordionContext } from "./Accordion/atoms.mjs";
35
39
  import Accordion from "./Accordion/Accordion.mjs";
@@ -79,8 +83,6 @@ import { Form } from "./Form/index.mjs";
79
83
  import { styles as styles$8 } from "./Radio/style.mjs";
80
84
  import Radio from "./Radio/Radio.mjs";
81
85
  import RadioGroup from "./Radio/RadioGroup.mjs";
82
- import { SegmentedIndicator, SegmentedItem, SegmentedItemIcon, SegmentedItemLabel, SegmentedRoot } from "./Segmented/atoms.mjs";
83
- import Segmented from "./Segmented/Segmented.mjs";
84
86
  import { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue } from "./Select/atoms.mjs";
85
87
  import Select from "./Select/Select.mjs";
86
88
  import { styles as styles$9 } from "./Slider/style.mjs";
@@ -89,8 +91,6 @@ import SliderWithInput from "./Slider/SliderWithInput.mjs";
89
91
  import { styles as styles$11 } from "./Tabs/style.mjs";
90
92
  import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./Tabs/atoms.mjs";
91
93
  import Tabs from "./Tabs/Tabs.mjs";
92
- import { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from "./Tag/utils.mjs";
93
- import Tag from "./Tag/Tag.mjs";
94
94
  import { groupStyles, styles as styles$12, variants } from "./Text/style.mjs";
95
95
  import Text from "./Text/Text.mjs";
96
96
  import { styles as styles$13 } from "./ToggleGroup/style.mjs";
@@ -0,0 +1,9 @@
1
+ import { AuthLayoutProps } from "./type.mjs";
2
+ //#region src/dashboard/AuthLayout/AuthLayout.d.ts
3
+ declare function AuthLayout({ aside, brand, children, className, description, title, tools, ...rest }: AuthLayoutProps): import("react").JSX.Element;
4
+ declare namespace AuthLayout {
5
+ var displayName: string;
6
+ }
7
+ //#endregion
8
+ export { AuthLayout as default };
9
+ //# sourceMappingURL=AuthLayout.d.mts.map
@@ -0,0 +1,54 @@
1
+ "use client";
2
+ import FlexBasic_default from "../../Flex/FlexBasic.mjs";
3
+ import Text from "../../base-ui/Text/Text.mjs";
4
+ import { styles } from "../Surface/style.mjs";
5
+ import { styles as styles$1 } from "./style.mjs";
6
+ import { jsx, jsxs } from "react/jsx-runtime";
7
+ import { cx } from "antd-style";
8
+ //#region src/dashboard/AuthLayout/AuthLayout.tsx
9
+ function AuthLayout({ aside, brand, children, className, description, title, tools, ...rest }) {
10
+ const split = Boolean(aside);
11
+ return /* @__PURE__ */ jsxs("div", {
12
+ className: className ? `${styles$1.page} ${className}` : styles$1.page,
13
+ ...rest,
14
+ children: [/* @__PURE__ */ jsxs("header", {
15
+ className: styles$1.header,
16
+ children: [brand, tools ? /* @__PURE__ */ jsx("div", {
17
+ className: styles$1.tools,
18
+ children: tools
19
+ }) : null]
20
+ }), /* @__PURE__ */ jsx("main", {
21
+ className: styles$1.main,
22
+ children: /* @__PURE__ */ jsx("div", {
23
+ className: cx(styles$1.lift, split && styles$1.liftSplit, styles.card),
24
+ children: /* @__PURE__ */ jsxs("div", {
25
+ className: cx(styles$1.frame, split && styles$1.split),
26
+ children: [/* @__PURE__ */ jsxs("div", {
27
+ className: cx(styles$1.form, split && styles$1.formSplit),
28
+ children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
29
+ gap: 8,
30
+ children: [/* @__PURE__ */ jsx(Text, {
31
+ as: "h1",
32
+ className: styles$1.title,
33
+ weight: "bold",
34
+ children: title
35
+ }), description ? /* @__PURE__ */ jsx(Text, {
36
+ className: styles$1.description,
37
+ type: "secondary",
38
+ children: description
39
+ }) : null]
40
+ }), children]
41
+ }), aside ? /* @__PURE__ */ jsx("div", {
42
+ className: styles$1.aside,
43
+ children: aside
44
+ }) : null]
45
+ })
46
+ })
47
+ })]
48
+ });
49
+ }
50
+ AuthLayout.displayName = "AuthLayout";
51
+ //#endregion
52
+ export { AuthLayout as default };
53
+
54
+ //# sourceMappingURL=AuthLayout.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AuthLayout.mjs","names":["styles","surfaceStyles","Flexbox"],"sources":["../../../src/dashboard/AuthLayout/AuthLayout.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\n\nimport Text from '@/base-ui/Text';\nimport { Flexbox } from '@/Flex';\n\nimport { styles as surfaceStyles } from '../Surface/style';\nimport { styles } from './style';\nimport type { AuthLayoutProps } from './type';\n\nfunction AuthLayout({\n aside,\n brand,\n children,\n className,\n description,\n title,\n tools,\n ...rest\n}: AuthLayoutProps) {\n const split = Boolean(aside);\n return (\n <div className={className ? `${styles.page} ${className}` : styles.page} {...rest}>\n <header className={styles.header}>\n {brand}\n {tools ? <div className={styles.tools}>{tools}</div> : null}\n </header>\n <main className={styles.main}>\n <div className={cx(styles.lift, split && styles.liftSplit, surfaceStyles.card)}>\n <div className={cx(styles.frame, split && styles.split)}>\n <div className={cx(styles.form, split && styles.formSplit)}>\n <Flexbox gap={8}>\n <Text as=\"h1\" className={styles.title} weight=\"bold\">\n {title}\n </Text>\n {description ? (\n <Text className={styles.description} type=\"secondary\">\n {description}\n </Text>\n ) : null}\n </Flexbox>\n {children}\n </div>\n {aside ? <div className={styles.aside}>{aside}</div> : null}\n </div>\n </div>\n </main>\n </div>\n );\n}\n\nAuthLayout.displayName = 'AuthLayout';\n\nexport default AuthLayout;\n"],"mappings":";;;;;;;;AAWA,SAAS,WAAW,EAClB,OACA,OACA,UACA,WACA,aACA,OACA,OACA,GAAG,QACe;CAClB,MAAM,QAAQ,QAAQ,KAAK;CAC3B,OACE,qBAAC,OAAD;EAAK,WAAW,YAAY,GAAGA,SAAO,KAAK,GAAG,cAAcA,SAAO;EAAM,GAAI;EAA7E,UAAA,CACE,qBAAC,UAAD;GAAQ,WAAWA,SAAO;GAA1B,UAAA,CACG,OACA,QAAQ,oBAAC,OAAD;IAAK,WAAWA,SAAO;IAAQ,UAAA;GAAW,CAAA,IAAI,IACjD;EACR,CAAA,GAAA,oBAAC,QAAD;GAAM,WAAWA,SAAO;GACtB,UAAA,oBAAC,OAAD;IAAK,WAAW,GAAGA,SAAO,MAAM,SAASA,SAAO,WAAWC,OAAc,IAAI;IAC3E,UAAA,qBAAC,OAAD;KAAK,WAAW,GAAGD,SAAO,OAAO,SAASA,SAAO,KAAK;KAAtD,UAAA,CACE,qBAAC,OAAD;MAAK,WAAW,GAAGA,SAAO,MAAM,SAASA,SAAO,SAAS;MAAzD,UAAA,CACE,qBAACE,mBAAD;OAAS,KAAK;OAAd,UAAA,CACE,oBAAC,MAAD;QAAM,IAAG;QAAK,WAAWF,SAAO;QAAO,QAAO;QAC3C,UAAA;OACG,CAAA,GACL,cACC,oBAAC,MAAD;QAAM,WAAWA,SAAO;QAAa,MAAK;QACvC,UAAA;OACG,CAAA,IACJ,IACG;MACR,CAAA,GAAA,QACE;KACJ,CAAA,GAAA,QAAQ,oBAAC,OAAD;MAAK,WAAWA,SAAO;MAAQ,UAAA;KAAW,CAAA,IAAI,IACpD;;GACF,CAAA;EACD,CAAA,CACH;;AAET;AAEA,WAAW,cAAc"}
@@ -0,0 +1,3 @@
1
+ import { AuthLayoutProps } from "./type.mjs";
2
+ import AuthLayout from "./AuthLayout.mjs";
3
+ export { type AuthLayoutProps, AuthLayout as default };
@@ -0,0 +1,120 @@
1
+ import { createStaticStyles } from "antd-style";
2
+ //#region src/dashboard/AuthLayout/style.ts
3
+ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
4
+ aside: css`
5
+ position: relative;
6
+
7
+ flex: none;
8
+
9
+ box-sizing: border-box;
10
+ inline-size: 50%;
11
+ min-inline-size: 0;
12
+ max-inline-size: 50%;
13
+
14
+ background: ${cssVar.colorFillSecondary};
15
+
16
+ ${responsive.laptop} {
17
+ display: none;
18
+ }
19
+ `,
20
+ description: css`
21
+ line-height: 1.6;
22
+ color: ${cssVar.colorTextSecondary};
23
+ `,
24
+ form: css`
25
+ display: flex;
26
+ flex: none;
27
+ flex-direction: column;
28
+ gap: 24px;
29
+ justify-content: center;
30
+
31
+ box-sizing: border-box;
32
+ inline-size: 100%;
33
+ min-inline-size: 0;
34
+ padding-block: 40px;
35
+ padding-inline: 36px;
36
+
37
+ ${responsive.laptop} {
38
+ padding-block: 28px;
39
+ padding-inline: 24px;
40
+ }
41
+ `,
42
+ formSplit: css`
43
+ inline-size: 50%;
44
+ max-inline-size: 50%;
45
+
46
+ ${responsive.laptop} {
47
+ inline-size: 100%;
48
+ max-inline-size: 100%;
49
+ }
50
+ `,
51
+ frame: css`
52
+ overflow: hidden;
53
+ display: flex;
54
+ flex: none;
55
+
56
+ inline-size: 100%;
57
+ min-inline-size: 0;
58
+ border-radius: inherit;
59
+ `,
60
+ header: css`
61
+ display: flex;
62
+ flex: none;
63
+ gap: 12px;
64
+ align-items: center;
65
+ justify-content: space-between;
66
+
67
+ block-size: 56px;
68
+ padding-inline: 16px;
69
+ `,
70
+ lift: css`
71
+ display: flex;
72
+ inline-size: min(440px, 100%);
73
+ `,
74
+ liftSplit: css`
75
+ inline-size: min(880px, 100%);
76
+
77
+ ${responsive.laptop} {
78
+ inline-size: min(440px, 100%);
79
+ }
80
+ `,
81
+ main: css`
82
+ display: grid;
83
+ flex: 1;
84
+ place-items: center;
85
+
86
+ padding-block: 24px 48px;
87
+ padding-inline: 16px;
88
+ `,
89
+ page: css`
90
+ display: flex;
91
+ flex-direction: column;
92
+
93
+ block-size: 100%;
94
+ min-block-size: 0;
95
+
96
+ background: ${cssVar.colorBgLayout};
97
+ `,
98
+ split: css`
99
+ min-block-size: 520px;
100
+
101
+ ${responsive.laptop} {
102
+ min-block-size: 0;
103
+ }
104
+ `,
105
+ title: css`
106
+ margin: 0;
107
+ font-size: ${cssVar.fontSizeHeading3};
108
+ line-height: ${cssVar.lineHeightHeading3};
109
+ `,
110
+ tools: css`
111
+ display: flex;
112
+ gap: 6px;
113
+ align-items: center;
114
+ margin-inline-start: auto;
115
+ `
116
+ }));
117
+ //#endregion
118
+ export { styles };
119
+
120
+ //# sourceMappingURL=style.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/AuthLayout/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n aside: css`\n position: relative;\n\n flex: none;\n\n box-sizing: border-box;\n inline-size: 50%;\n min-inline-size: 0;\n max-inline-size: 50%;\n\n background: ${cssVar.colorFillSecondary};\n\n ${responsive.laptop} {\n display: none;\n }\n `,\n description: css`\n line-height: 1.6;\n color: ${cssVar.colorTextSecondary};\n `,\n form: css`\n display: flex;\n flex: none;\n flex-direction: column;\n gap: 24px;\n justify-content: center;\n\n box-sizing: border-box;\n inline-size: 100%;\n min-inline-size: 0;\n padding-block: 40px;\n padding-inline: 36px;\n\n ${responsive.laptop} {\n padding-block: 28px;\n padding-inline: 24px;\n }\n `,\n formSplit: css`\n inline-size: 50%;\n max-inline-size: 50%;\n\n ${responsive.laptop} {\n inline-size: 100%;\n max-inline-size: 100%;\n }\n `,\n frame: css`\n overflow: hidden;\n display: flex;\n flex: none;\n\n inline-size: 100%;\n min-inline-size: 0;\n border-radius: inherit;\n `,\n header: css`\n display: flex;\n flex: none;\n gap: 12px;\n align-items: center;\n justify-content: space-between;\n\n block-size: 56px;\n padding-inline: 16px;\n `,\n lift: css`\n display: flex;\n inline-size: min(440px, 100%);\n `,\n liftSplit: css`\n inline-size: min(880px, 100%);\n\n ${responsive.laptop} {\n inline-size: min(440px, 100%);\n }\n `,\n main: css`\n display: grid;\n flex: 1;\n place-items: center;\n\n padding-block: 24px 48px;\n padding-inline: 16px;\n `,\n page: css`\n display: flex;\n flex-direction: column;\n\n block-size: 100%;\n min-block-size: 0;\n\n background: ${cssVar.colorBgLayout};\n `,\n split: css`\n min-block-size: 520px;\n\n ${responsive.laptop} {\n min-block-size: 0;\n }\n `,\n title: css`\n margin: 0;\n font-size: ${cssVar.fontSizeHeading3};\n line-height: ${cssVar.lineHeightHeading3};\n `,\n tools: css`\n display: flex;\n gap: 6px;\n align-items: center;\n margin-inline-start: auto;\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,OAAO,GAAG;;;;;;;;;;kBAUM,OAAO,mBAAmB;;MAEtC,WAAW,OAAO;;;;CAItB,aAAa,GAAG;;aAEL,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;;;;;;;;;;;MAaL,WAAW,OAAO;;;;;CAKtB,WAAW,GAAG;;;;MAIV,WAAW,OAAO;;;;;CAKtB,OAAO,GAAG;;;;;;;;;CASV,QAAQ,GAAG;;;;;;;;;;CAUX,MAAM,GAAG;;;;CAIT,WAAW,GAAG;;;MAGV,WAAW,OAAO;;;;CAItB,MAAM,GAAG;;;;;;;;CAQT,MAAM,GAAG;;;;;;;kBAOO,OAAO,cAAc;;CAErC,OAAO,GAAG;;;MAGN,WAAW,OAAO;;;;CAItB,OAAO,GAAG;;iBAEK,OAAO,iBAAiB;mBACtB,OAAO,mBAAmB;;CAE3C,OAAO,GAAG;;;;;;AAMZ,EAAE"}
@@ -0,0 +1,16 @@
1
+ import { HTMLAttributes, ReactNode } from "react";
2
+ //#region src/dashboard/AuthLayout/type.d.ts
3
+ interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
4
+ /** Optional panel beside the form. Hidden below the laptop breakpoint. */
5
+ aside?: ReactNode;
6
+ /** Home mark rendered in the corner. Pass your own logo. */
7
+ brand?: ReactNode;
8
+ children?: ReactNode;
9
+ description?: ReactNode;
10
+ title: ReactNode;
11
+ /** Corner actions, such as a theme switch. */
12
+ tools?: ReactNode;
13
+ }
14
+ //#endregion
15
+ export { AuthLayoutProps };
16
+ //# sourceMappingURL=type.d.mts.map
@@ -0,0 +1,9 @@
1
+ import { BreadcrumbProps } from "./type.mjs";
2
+ //#region src/dashboard/Breadcrumb/Breadcrumb.d.ts
3
+ declare function Breadcrumb({ items, label, renderLink }: BreadcrumbProps): import("react").JSX.Element;
4
+ declare namespace Breadcrumb {
5
+ var displayName: string;
6
+ }
7
+ //#endregion
8
+ export { Breadcrumb as default };
9
+ //# sourceMappingURL=Breadcrumb.d.mts.map
@@ -0,0 +1,55 @@
1
+ "use client";
2
+ import { styles } from "./style.mjs";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+ //#region src/dashboard/Breadcrumb/Breadcrumb.tsx
5
+ function CrumbLink({ className, item, renderLink }) {
6
+ const href = item.href ?? "#";
7
+ if (renderLink && item.href) return renderLink({
8
+ children: item.label,
9
+ className,
10
+ href: item.href,
11
+ onClick: item.onClick
12
+ });
13
+ return /* @__PURE__ */ jsx("a", {
14
+ className,
15
+ href,
16
+ onClick: (event) => {
17
+ if (!item.onClick) return;
18
+ event.preventDefault();
19
+ item.onClick();
20
+ },
21
+ children: item.label
22
+ });
23
+ }
24
+ function Breadcrumb({ items, label = "Breadcrumb", renderLink }) {
25
+ return /* @__PURE__ */ jsx("nav", {
26
+ "aria-label": label,
27
+ className: styles.root,
28
+ children: items.map((item, index) => {
29
+ const last = index === items.length - 1;
30
+ const linked = Boolean(item.href) && !last;
31
+ return /* @__PURE__ */ jsxs("span", {
32
+ className: item.optional ? styles.optional : void 0,
33
+ children: [linked ? /* @__PURE__ */ jsx(CrumbLink, {
34
+ className: styles.link,
35
+ item,
36
+ renderLink
37
+ }) : /* @__PURE__ */ jsx("span", {
38
+ "aria-current": last ? "page" : void 0,
39
+ className: last ? styles.page : styles.ancestor,
40
+ title: typeof item.label === "string" ? item.label : void 0,
41
+ children: item.label
42
+ }), index < items.length - 1 ? /* @__PURE__ */ jsx("span", {
43
+ "aria-hidden": true,
44
+ className: styles.separator,
45
+ children: "/"
46
+ }) : null]
47
+ }, `${index}`);
48
+ })
49
+ });
50
+ }
51
+ Breadcrumb.displayName = "Breadcrumb";
52
+ //#endregion
53
+ export { Breadcrumb as default };
54
+
55
+ //# sourceMappingURL=Breadcrumb.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Breadcrumb.mjs","names":[],"sources":["../../../src/dashboard/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["'use client';\n\nimport { styles } from './style';\nimport type { BreadcrumbItem, BreadcrumbProps } from './type';\n\nfunction CrumbLink({\n className,\n item,\n renderLink,\n}: {\n className: string;\n item: BreadcrumbItem;\n renderLink?: BreadcrumbProps['renderLink'];\n}) {\n const href = item.href ?? '#';\n if (renderLink && item.href) {\n return renderLink({\n children: item.label,\n className,\n href: item.href,\n onClick: item.onClick,\n });\n }\n return (\n <a\n className={className}\n href={href}\n onClick={(event) => {\n if (!item.onClick) return;\n event.preventDefault();\n item.onClick();\n }}\n >\n {item.label}\n </a>\n );\n}\n\nfunction Breadcrumb({ items, label = 'Breadcrumb', renderLink }: BreadcrumbProps) {\n return (\n <nav aria-label={label} className={styles.root}>\n {items.map((item, index) => {\n const last = index === items.length - 1;\n const linked = Boolean(item.href) && !last;\n return (\n <span className={item.optional ? styles.optional : undefined} key={`${index}`}>\n {linked ? (\n <CrumbLink className={styles.link} item={item} renderLink={renderLink} />\n ) : (\n <span\n aria-current={last ? 'page' : undefined}\n className={last ? styles.page : styles.ancestor}\n title={typeof item.label === 'string' ? item.label : undefined}\n >\n {item.label}\n </span>\n )}\n {index < items.length - 1 ? (\n <span aria-hidden className={styles.separator}>\n /\n </span>\n ) : null}\n </span>\n );\n })}\n </nav>\n );\n}\n\nBreadcrumb.displayName = 'Breadcrumb';\n\nexport default Breadcrumb;\n"],"mappings":";;;;AAKA,SAAS,UAAU,EACjB,WACA,MACA,cAKC;CACD,MAAM,OAAO,KAAK,QAAQ;CAC1B,IAAI,cAAc,KAAK,MACrB,OAAO,WAAW;EAChB,UAAU,KAAK;EACf;EACA,MAAM,KAAK;EACX,SAAS,KAAK;CAChB,CAAC;CAEH,OACE,oBAAC,KAAD;EACa;EACL;EACN,UAAU,UAAU;GAClB,IAAI,CAAC,KAAK,SAAS;GACnB,MAAM,eAAe;GACrB,KAAK,QAAQ;EACf;EAEC,UAAA,KAAK;CACL,CAAA;AAEP;AAEA,SAAS,WAAW,EAAE,OAAO,QAAQ,cAAc,cAA+B;CAChF,OACE,oBAAC,OAAD;EAAK,cAAY;EAAO,WAAW,OAAO;EACvC,UAAA,MAAM,KAAK,MAAM,UAAU;GAC1B,MAAM,OAAO,UAAU,MAAM,SAAS;GACtC,MAAM,SAAS,QAAQ,KAAK,IAAI,KAAK,CAAC;GACtC,OACE,qBAAC,QAAD;IAAM,WAAW,KAAK,WAAW,OAAO,WAAW,KAAA;IAAnD,UAAA,CACG,SACC,oBAAC,WAAD;KAAW,WAAW,OAAO;KAAY;KAAkB;IAAa,CAAA,IAExE,oBAAC,QAAD;KACE,gBAAc,OAAO,SAAS,KAAA;KAC9B,WAAW,OAAO,OAAO,OAAO,OAAO;KACvC,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ,KAAA;KAEpD,UAAA,KAAK;IACF,CAAA,GAEP,QAAQ,MAAM,SAAS,IACtB,oBAAC,QAAD;KAAM,eAAA;KAAY,WAAW,OAAO;KAAW,UAAA;IAEzC,CAAA,IACJ,IACA;GAjB6D,GAAA,GAAG,OAiBhE;EAEV,CAAC;CACE,CAAA;AAET;AAEA,WAAW,cAAc"}
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps } from "./type.mjs";
2
+ import Breadcrumb from "./Breadcrumb.mjs";
3
+ export { type BreadcrumbItem, type BreadcrumbProps, Breadcrumb as default };
@@ -0,0 +1,66 @@
1
+ import { createStaticStyles } from "antd-style";
2
+ //#region src/dashboard/Breadcrumb/style.ts
3
+ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
4
+ ancestor: css`
5
+ color: ${cssVar.colorTextSecondary};
6
+ white-space: nowrap;
7
+ `,
8
+ link: css`
9
+ color: ${cssVar.colorTextSecondary};
10
+ text-decoration: none;
11
+ white-space: nowrap;
12
+
13
+ &:hover {
14
+ color: ${cssVar.colorText};
15
+ }
16
+ `,
17
+ optional: css`
18
+ display: flex;
19
+ flex: none;
20
+ gap: 6px;
21
+ align-items: center;
22
+
23
+ ${responsive.mobile} {
24
+ /* Outranks the root's direct-child span rule. */
25
+ &&& {
26
+ display: none;
27
+ }
28
+ }
29
+ `,
30
+ page: css`
31
+ overflow: hidden;
32
+
33
+ min-inline-size: 0;
34
+
35
+ font-weight: 600;
36
+ color: ${cssVar.colorText};
37
+ text-overflow: ellipsis;
38
+ white-space: nowrap;
39
+ `,
40
+ root: css`
41
+ overflow: hidden;
42
+ display: flex;
43
+ flex: 1;
44
+ align-items: center;
45
+
46
+ min-inline-size: 0;
47
+
48
+ font-size: ${cssVar.fontSize};
49
+ line-height: 1.4;
50
+
51
+ > span {
52
+ display: flex;
53
+ align-items: center;
54
+ min-inline-size: 0;
55
+ }
56
+ `,
57
+ separator: css`
58
+ flex: none;
59
+ margin-inline: 8px;
60
+ color: ${cssVar.colorTextQuaternary};
61
+ `
62
+ }));
63
+ //#endregion
64
+ export { styles };
65
+
66
+ //# sourceMappingURL=style.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/Breadcrumb/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar, responsive }) => ({\n ancestor: css`\n color: ${cssVar.colorTextSecondary};\n white-space: nowrap;\n `,\n link: css`\n color: ${cssVar.colorTextSecondary};\n text-decoration: none;\n white-space: nowrap;\n\n &:hover {\n color: ${cssVar.colorText};\n }\n `,\n optional: css`\n display: flex;\n flex: none;\n gap: 6px;\n align-items: center;\n\n ${responsive.mobile} {\n /* Outranks the root's direct-child span rule. */\n &&& {\n display: none;\n }\n }\n `,\n page: css`\n overflow: hidden;\n\n min-inline-size: 0;\n\n font-weight: 600;\n color: ${cssVar.colorText};\n text-overflow: ellipsis;\n white-space: nowrap;\n `,\n root: css`\n overflow: hidden;\n display: flex;\n flex: 1;\n align-items: center;\n\n min-inline-size: 0;\n\n font-size: ${cssVar.fontSize};\n line-height: 1.4;\n\n > span {\n display: flex;\n align-items: center;\n min-inline-size: 0;\n }\n `,\n separator: css`\n flex: none;\n margin-inline: 8px;\n color: ${cssVar.colorTextQuaternary};\n `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,QAAQ,kBAAkB;CACzE,UAAU,GAAG;aACF,OAAO,mBAAmB;;;CAGrC,MAAM,GAAG;aACE,OAAO,mBAAmB;;;;;eAKxB,OAAO,UAAU;;;CAG9B,UAAU,GAAG;;;;;;MAMT,WAAW,OAAO;;;;;;;CAOtB,MAAM,GAAG;;;;;;aAME,OAAO,UAAU;;;;CAI5B,MAAM,GAAG;;;;;;;;iBAQM,OAAO,SAAS;;;;;;;;;CAS/B,WAAW,GAAG;;;aAGH,OAAO,oBAAoB;;AAExC,EAAE"}
@@ -0,0 +1,25 @@
1
+ import { ReactNode } from "react";
2
+ //#region src/dashboard/Breadcrumb/type.d.ts
3
+ interface BreadcrumbItem {
4
+ href?: string;
5
+ label: ReactNode;
6
+ /** Called instead of following `href`. */
7
+ onClick?: () => void;
8
+ /** Dropped on narrow screens. Use this for a group name that the page title already repeats. */
9
+ optional?: boolean;
10
+ }
11
+ interface BreadcrumbLinkProps {
12
+ children: ReactNode;
13
+ className: string;
14
+ href: string;
15
+ onClick?: () => void;
16
+ }
17
+ interface BreadcrumbProps {
18
+ items: BreadcrumbItem[];
19
+ /** Accessible name for the navigation landmark. */
20
+ label?: string;
21
+ renderLink?: (props: BreadcrumbLinkProps) => ReactNode;
22
+ }
23
+ //#endregion
24
+ export { BreadcrumbItem, BreadcrumbLinkProps, BreadcrumbProps };
25
+ //# sourceMappingURL=type.d.mts.map
@@ -0,0 +1,9 @@
1
+ import { ConsoleNavProps } from "./type.mjs";
2
+ //#region src/dashboard/ConsoleNav/ConsoleNav.d.ts
3
+ declare function ConsoleNav({ collapsed: collapsedProp, defaultExpanded, groups, items, label, onNavigate, pathname, renderLink, storageKey }: ConsoleNavProps): import("react").JSX.Element;
4
+ declare namespace ConsoleNav {
5
+ var displayName: string;
6
+ }
7
+ //#endregion
8
+ export { ConsoleNav as default };
9
+ //# sourceMappingURL=ConsoleNav.d.mts.map