@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.
- package/es/Highlighter/FullFeatured.mjs +1 -1
- package/es/Highlighter/FullFeatured.mjs.map +1 -1
- package/es/Highlighter/LangSelect.mjs +1 -1
- package/es/Highlighter/LangSelect.mjs.map +1 -1
- package/es/Highlighter/style.mjs +14 -11
- package/es/Highlighter/style.mjs.map +1 -1
- package/es/Mermaid/FullFeatured.mjs +1 -1
- package/es/Mermaid/FullFeatured.mjs.map +1 -1
- package/es/ThemeProvider/ThemeProvider.mjs +2 -2
- package/es/ThemeProvider/ThemeProvider.mjs.map +1 -1
- package/es/awesome/AgentSkillCard/AgentSkillCard.d.mts +6 -0
- package/es/awesome/AgentSkillCard/AgentSkillCard.mjs +83 -0
- package/es/awesome/AgentSkillCard/AgentSkillCard.mjs.map +1 -0
- package/es/awesome/AgentSkillCard/agents.d.mts +6 -0
- package/es/awesome/AgentSkillCard/agents.mjs +40 -0
- package/es/awesome/AgentSkillCard/agents.mjs.map +1 -0
- package/es/awesome/AgentSkillCard/index.d.mts +4 -0
- package/es/awesome/AgentSkillCard/style.mjs +85 -0
- package/es/awesome/AgentSkillCard/style.mjs.map +1 -0
- package/es/awesome/AgentSkillCard/type.d.mts +41 -0
- package/es/awesome/BentoGrid/BentoCard.d.mts +6 -0
- package/es/awesome/BentoGrid/BentoCard.mjs +39 -0
- package/es/awesome/BentoGrid/BentoCard.mjs.map +1 -0
- package/es/awesome/BentoGrid/BentoGrid.d.mts +6 -0
- package/es/awesome/BentoGrid/BentoGrid.mjs +20 -0
- package/es/awesome/BentoGrid/BentoGrid.mjs.map +1 -0
- package/es/awesome/BentoGrid/index.d.mts +4 -0
- package/es/awesome/BentoGrid/style.mjs +102 -0
- package/es/awesome/BentoGrid/style.mjs.map +1 -0
- package/es/awesome/BentoGrid/type.d.mts +40 -0
- package/es/awesome/CodeShowcase/CodeShowcase.d.mts +6 -0
- package/es/awesome/CodeShowcase/CodeShowcase.mjs +51 -0
- package/es/awesome/CodeShowcase/CodeShowcase.mjs.map +1 -0
- package/es/awesome/CodeShowcase/index.d.mts +3 -0
- package/es/awesome/CodeShowcase/style.mjs +50 -0
- package/es/awesome/CodeShowcase/style.mjs.map +1 -0
- package/es/awesome/CodeShowcase/type.d.mts +27 -0
- package/es/awesome/FeatureGrid/FeatureGrid.d.mts +6 -0
- package/es/awesome/FeatureGrid/FeatureGrid.mjs +48 -0
- package/es/awesome/FeatureGrid/FeatureGrid.mjs.map +1 -0
- package/es/awesome/FeatureGrid/index.d.mts +3 -0
- package/es/awesome/FeatureGrid/style.mjs +75 -0
- package/es/awesome/FeatureGrid/style.mjs.map +1 -0
- package/es/awesome/FeatureGrid/type.d.mts +25 -0
- package/es/awesome/FluidGradient/FluidGradient.d.mts +6 -0
- package/es/awesome/FluidGradient/FluidGradient.mjs +293 -0
- package/es/awesome/FluidGradient/FluidGradient.mjs.map +1 -0
- package/es/awesome/FluidGradient/index.d.mts +3 -0
- package/es/awesome/FluidGradient/style.mjs +52 -0
- package/es/awesome/FluidGradient/style.mjs.map +1 -0
- package/es/awesome/FluidGradient/type.d.mts +22 -0
- package/es/awesome/InstallBanner/InstallBanner.d.mts +6 -0
- package/es/awesome/InstallBanner/InstallBanner.mjs +35 -0
- package/es/awesome/InstallBanner/InstallBanner.mjs.map +1 -0
- package/es/awesome/InstallBanner/index.d.mts +3 -0
- package/es/awesome/InstallBanner/style.mjs +46 -0
- package/es/awesome/InstallBanner/style.mjs.map +1 -0
- package/es/awesome/InstallBanner/type.d.mts +18 -0
- package/es/awesome/LandingHero/LandingHero.d.mts +6 -0
- package/es/awesome/LandingHero/LandingHero.mjs +55 -0
- package/es/awesome/LandingHero/LandingHero.mjs.map +1 -0
- package/es/awesome/LandingHero/index.d.mts +3 -0
- package/es/awesome/LandingHero/style.mjs +155 -0
- package/es/awesome/LandingHero/style.mjs.map +1 -0
- package/es/awesome/LandingHero/type.d.mts +29 -0
- package/es/awesome/LandingSection/LandingSection.d.mts +6 -0
- package/es/awesome/LandingSection/LandingSection.mjs +61 -0
- package/es/awesome/LandingSection/LandingSection.mjs.map +1 -0
- package/es/awesome/LandingSection/index.d.mts +3 -0
- package/es/awesome/LandingSection/style.mjs +88 -0
- package/es/awesome/LandingSection/style.mjs.map +1 -0
- package/es/awesome/LandingSection/type.d.mts +40 -0
- package/es/awesome/LogoMarquee/LogoMarquee.d.mts +6 -0
- package/es/awesome/LogoMarquee/LogoMarquee.mjs +52 -0
- package/es/awesome/LogoMarquee/LogoMarquee.mjs.map +1 -0
- package/es/awesome/LogoMarquee/index.d.mts +3 -0
- package/es/awesome/LogoMarquee/style.mjs +70 -0
- package/es/awesome/LogoMarquee/style.mjs.map +1 -0
- package/es/awesome/LogoMarquee/type.d.mts +40 -0
- package/es/awesome/index.d.mts +33 -1
- package/es/awesome/index.mjs +13 -1
- package/es/awesome/landingActions.d.mts +20 -0
- package/es/awesome/landingActions.mjs +123 -0
- package/es/awesome/landingActions.mjs.map +1 -0
- package/es/awesome/landingIcon.mjs +13 -0
- package/es/awesome/landingIcon.mjs.map +1 -0
- package/es/awesome/landingLink.d.mts +12 -0
- package/es/awesome/landingLink.mjs +23 -0
- package/es/awesome/landingLink.mjs.map +1 -0
- package/es/awesome/landingTokens.d.mts +10 -0
- package/es/awesome/landingTokens.mjs +19 -0
- package/es/awesome/landingTokens.mjs.map +1 -0
- package/es/base-ui/Avatar/Avatar.mjs +1 -1
- package/es/base-ui/Avatar/Avatar.mjs.map +1 -1
- package/es/base-ui/Segmented/atoms.mjs +1 -0
- package/es/base-ui/Segmented/atoms.mjs.map +1 -1
- package/es/base-ui/Segmented/style.mjs +127 -125
- package/es/base-ui/Segmented/style.mjs.map +1 -1
- package/es/base-ui/Text/style.d.mts +1 -1
- package/es/base-ui/index.mjs +4 -4
- package/es/dashboard/AuthLayout/AuthLayout.d.mts +9 -0
- package/es/dashboard/AuthLayout/AuthLayout.mjs +54 -0
- package/es/dashboard/AuthLayout/AuthLayout.mjs.map +1 -0
- package/es/dashboard/AuthLayout/index.d.mts +3 -0
- package/es/dashboard/AuthLayout/style.mjs +120 -0
- package/es/dashboard/AuthLayout/style.mjs.map +1 -0
- package/es/dashboard/AuthLayout/type.d.mts +16 -0
- package/es/dashboard/Breadcrumb/Breadcrumb.d.mts +9 -0
- package/es/dashboard/Breadcrumb/Breadcrumb.mjs +55 -0
- package/es/dashboard/Breadcrumb/Breadcrumb.mjs.map +1 -0
- package/es/dashboard/Breadcrumb/index.d.mts +3 -0
- package/es/dashboard/Breadcrumb/style.mjs +66 -0
- package/es/dashboard/Breadcrumb/style.mjs.map +1 -0
- package/es/dashboard/Breadcrumb/type.d.mts +25 -0
- package/es/dashboard/ConsoleNav/ConsoleNav.d.mts +9 -0
- package/es/dashboard/ConsoleNav/ConsoleNav.mjs +275 -0
- package/es/dashboard/ConsoleNav/ConsoleNav.mjs.map +1 -0
- package/es/dashboard/ConsoleNav/active.d.mts +7 -0
- package/es/dashboard/ConsoleNav/active.mjs +29 -0
- package/es/dashboard/ConsoleNav/active.mjs.map +1 -0
- package/es/dashboard/ConsoleNav/index.d.mts +4 -0
- package/es/dashboard/ConsoleNav/style.mjs +283 -0
- package/es/dashboard/ConsoleNav/style.mjs.map +1 -0
- package/es/dashboard/ConsoleNav/type.d.mts +71 -0
- package/es/dashboard/ConsoleShell/ConsoleBrand.d.mts +9 -0
- package/es/dashboard/ConsoleShell/ConsoleBrand.mjs +37 -0
- package/es/dashboard/ConsoleShell/ConsoleBrand.mjs.map +1 -0
- package/es/dashboard/ConsoleShell/ConsoleShell.d.mts +9 -0
- package/es/dashboard/ConsoleShell/ConsoleShell.mjs +149 -0
- package/es/dashboard/ConsoleShell/ConsoleShell.mjs.map +1 -0
- package/es/dashboard/ConsoleShell/context.d.mts +6 -0
- package/es/dashboard/ConsoleShell/context.mjs +16 -0
- package/es/dashboard/ConsoleShell/context.mjs.map +1 -0
- package/es/dashboard/ConsoleShell/index.d.mts +5 -0
- package/es/dashboard/ConsoleShell/style.mjs +209 -0
- package/es/dashboard/ConsoleShell/style.mjs.map +1 -0
- package/es/dashboard/ConsoleShell/type.d.mts +67 -0
- package/es/dashboard/FilterSidebar/FilterSidebar.d.mts +17 -0
- package/es/dashboard/FilterSidebar/FilterSidebar.mjs +151 -0
- package/es/dashboard/FilterSidebar/FilterSidebar.mjs.map +1 -0
- package/es/dashboard/FilterSidebar/context.d.mts +7 -0
- package/es/dashboard/FilterSidebar/context.mjs +19 -0
- package/es/dashboard/FilterSidebar/context.mjs.map +1 -0
- package/es/dashboard/FilterSidebar/index.d.mts +4 -0
- package/es/dashboard/FilterSidebar/style.mjs +155 -0
- package/es/dashboard/FilterSidebar/style.mjs.map +1 -0
- package/es/dashboard/FilterSidebar/type.d.mts +44 -0
- package/es/dashboard/FilterSidebar/width.mjs +18 -0
- package/es/dashboard/FilterSidebar/width.mjs.map +1 -0
- package/es/dashboard/PageHeader/PageHeader.d.mts +9 -0
- package/es/dashboard/PageHeader/PageHeader.mjs +37 -0
- package/es/dashboard/PageHeader/PageHeader.mjs.map +1 -0
- package/es/dashboard/PageHeader/index.d.mts +3 -0
- package/es/dashboard/PageHeader/style.mjs +47 -0
- package/es/dashboard/PageHeader/style.mjs.map +1 -0
- package/es/dashboard/PageHeader/type.d.mts +14 -0
- package/es/dashboard/PageSkeleton/PageSkeleton.d.mts +25 -0
- package/es/dashboard/PageSkeleton/PageSkeleton.mjs +136 -0
- package/es/dashboard/PageSkeleton/PageSkeleton.mjs.map +1 -0
- package/es/dashboard/PageSkeleton/style.mjs +122 -0
- package/es/dashboard/PageSkeleton/style.mjs.map +1 -0
- package/es/dashboard/PageSkeleton/type.d.mts +22 -0
- package/es/dashboard/PageTabs/PageTabs.d.mts +9 -0
- package/es/dashboard/PageTabs/PageTabs.mjs +37 -0
- package/es/dashboard/PageTabs/PageTabs.mjs.map +1 -0
- package/es/dashboard/PageTabs/index.d.mts +3 -0
- package/es/dashboard/PageTabs/style.mjs +57 -0
- package/es/dashboard/PageTabs/style.mjs.map +1 -0
- package/es/dashboard/PageTabs/type.d.mts +17 -0
- package/es/dashboard/RouteProgress/RouteProgress.d.mts +9 -0
- package/es/dashboard/RouteProgress/RouteProgress.mjs +44 -0
- package/es/dashboard/RouteProgress/RouteProgress.mjs.map +1 -0
- package/es/dashboard/RouteProgress/style.mjs +19 -0
- package/es/dashboard/RouteProgress/style.mjs.map +1 -0
- package/es/dashboard/RouteProgress/type.d.mts +8 -0
- package/es/dashboard/StatCard/StatCard.d.mts +9 -0
- package/es/dashboard/StatCard/StatCard.mjs +84 -0
- package/es/dashboard/StatCard/StatCard.mjs.map +1 -0
- package/es/dashboard/StatCard/index.d.mts +3 -0
- package/es/dashboard/StatCard/style.mjs +135 -0
- package/es/dashboard/StatCard/style.mjs.map +1 -0
- package/es/dashboard/StatCard/type.d.mts +26 -0
- package/es/dashboard/Surface/Surface.d.mts +13 -0
- package/es/dashboard/Surface/Surface.mjs +20 -0
- package/es/dashboard/Surface/Surface.mjs.map +1 -0
- package/es/dashboard/Surface/index.d.mts +4 -0
- package/es/dashboard/Surface/style.d.mts +14 -0
- package/es/dashboard/Surface/style.mjs +22 -0
- package/es/dashboard/Surface/style.mjs.map +1 -0
- package/es/dashboard/Surface/type.d.mts +8 -0
- package/es/dashboard/hooks.mjs +49 -0
- package/es/dashboard/hooks.mjs.map +1 -0
- package/es/dashboard/index.d.mts +37 -0
- package/es/dashboard/index.d.ts +1 -0
- package/es/dashboard/index.js +1 -0
- package/es/dashboard/index.mjs +17 -0
- package/es/static-css/registry.mjs +2 -2
- package/es/static-css/registry.mjs.map +1 -1
- package/es/storybook/StoryBook/index.mjs +4 -0
- package/es/storybook/StoryBook/index.mjs.map +1 -1
- package/es/storybook/StoryBook/style.mjs +7 -2
- package/es/storybook/StoryBook/style.mjs.map +1 -1
- package/es/styles/theme/token/base.mjs +2 -2
- package/es/styles/theme/token/base.mjs.map +1 -1
- 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 }) =>
|
|
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" | "
|
|
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
|
package/es/base-ui/index.mjs
CHANGED
|
@@ -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,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,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
|