@lobehub/ui 5.63.2 → 5.63.3
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/base-ui/Input/style.d.mts +1 -1
- package/es/dashboard/AuthLayout/AuthLayout.mjs +4 -5
- package/es/dashboard/AuthLayout/AuthLayout.mjs.map +1 -1
- package/es/dashboard/AuthLayout/style.mjs +20 -13
- package/es/dashboard/AuthLayout/style.mjs.map +1 -1
- package/es/dashboard/FilterSidebar/FilterSidebar.mjs +1 -1
- package/es/dashboard/index.mjs +2 -2
- package/package.json +1 -1
|
@@ -30,7 +30,7 @@ declare const styles: {
|
|
|
30
30
|
};
|
|
31
31
|
declare const rootVariants: (props?: ({
|
|
32
32
|
shadow?: boolean | null | undefined;
|
|
33
|
-
size?: "
|
|
33
|
+
size?: "large" | "middle" | "small" | null | undefined;
|
|
34
34
|
variant?: "filled" | "outlined" | "borderless" | null | undefined;
|
|
35
35
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
36
36
|
//#endregion
|
|
@@ -4,10 +4,9 @@ import Skeleton from "../../base-ui/Skeleton/index.mjs";
|
|
|
4
4
|
import Text from "../../base-ui/Text/Text.mjs";
|
|
5
5
|
import { styles } from "./style.mjs";
|
|
6
6
|
import AuthLayoutAside from "./Aside.mjs";
|
|
7
|
-
import { useSurfaceCardClassName } from "../Surface/link.mjs";
|
|
8
7
|
import { isValidElement } from "react";
|
|
9
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
import { cx } from "antd-style";
|
|
9
|
+
import { cx, useThemeMode } from "antd-style";
|
|
11
10
|
//#region src/dashboard/AuthLayout/AuthLayout.tsx
|
|
12
11
|
const FormSkeleton = () => /* @__PURE__ */ jsxs(FlexBasic_default, {
|
|
13
12
|
"aria-hidden": true,
|
|
@@ -31,7 +30,7 @@ const FormSkeleton = () => /* @__PURE__ */ jsxs(FlexBasic_default, {
|
|
|
31
30
|
]
|
|
32
31
|
});
|
|
33
32
|
function AuthLayout({ alert, aside, background = "plain", brand, card = true, children, className, description, footer, loading, logo, title, tools, variant = "default", ...rest }) {
|
|
34
|
-
const
|
|
33
|
+
const { isDarkMode } = useThemeMode();
|
|
35
34
|
const split = Boolean(aside);
|
|
36
35
|
const art = isValidElement(background) ? background : null;
|
|
37
36
|
const heading = title === void 0 || title === null ? null : typeof title === "string" ? /* @__PURE__ */ jsx(Text, {
|
|
@@ -59,8 +58,8 @@ function AuthLayout({ alert, aside, background = "plain", brand, card = true, ch
|
|
|
59
58
|
]
|
|
60
59
|
}) : null;
|
|
61
60
|
return /* @__PURE__ */ jsxs("div", {
|
|
62
|
-
className: cx(styles.page, background === "grid" && styles.grid, className),
|
|
63
61
|
"data-auth-layout": "",
|
|
62
|
+
className: cx(styles.page, background === "grid" && styles.grid, background === "grid" && isDarkMode && styles.gridDark, className),
|
|
64
63
|
...rest,
|
|
65
64
|
children: [
|
|
66
65
|
art ? /* @__PURE__ */ jsx("div", {
|
|
@@ -78,7 +77,7 @@ function AuthLayout({ alert, aside, background = "plain", brand, card = true, ch
|
|
|
78
77
|
className: styles.main,
|
|
79
78
|
children: card ? /* @__PURE__ */ jsx("div", {
|
|
80
79
|
"data-auth-card": "",
|
|
81
|
-
className: cx(styles.lift, split && styles.liftSplit,
|
|
80
|
+
className: cx(styles.lift, split && styles.liftSplit, variant === "elevated" && styles.elevated),
|
|
82
81
|
children: /* @__PURE__ */ jsxs("div", {
|
|
83
82
|
className: cx(styles.frame, split && styles.split),
|
|
84
83
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthLayout.mjs","names":["Flexbox","Aside"],"sources":["../../../src/dashboard/AuthLayout/AuthLayout.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { isValidElement } from 'react';\n\nimport Skeleton from '@/base-ui/Skeleton';\nimport Text from '@/base-ui/Text';\nimport { Flexbox } from '@/Flex';\n\nimport
|
|
1
|
+
{"version":3,"file":"AuthLayout.mjs","names":["Flexbox","Aside"],"sources":["../../../src/dashboard/AuthLayout/AuthLayout.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useThemeMode } from 'antd-style';\nimport { isValidElement } from 'react';\n\nimport Skeleton from '@/base-ui/Skeleton';\nimport Text from '@/base-ui/Text';\nimport { Flexbox } from '@/Flex';\n\nimport Aside from './Aside';\nimport { styles } from './style';\nimport type { AuthLayoutProps } from './type';\n\nconst FormSkeleton = () => (\n <Flexbox aria-hidden gap={12}>\n <Skeleton height={36} radius={8} width=\"100%\" />\n <Skeleton height={36} radius={8} width=\"100%\" />\n <Skeleton height={36} radius={8} width=\"100%\" />\n </Flexbox>\n);\n\nfunction AuthLayout({\n alert,\n aside,\n background = 'plain',\n brand,\n card = true,\n children,\n className,\n description,\n footer,\n loading,\n logo,\n title,\n tools,\n variant = 'default',\n ...rest\n}: AuthLayoutProps) {\n const { isDarkMode } = useThemeMode();\n const split = Boolean(aside);\n const art = isValidElement(background) ? background : null;\n const heading =\n title === undefined || title === null ? null : typeof title === 'string' ? (\n <Text as=\"h1\" className={styles.title} weight=\"bold\">\n {title}\n </Text>\n ) : (\n <div className={styles.titleNode}>{title}</div>\n );\n const intro =\n logo || heading || description ? (\n <Flexbox gap={8}>\n {logo ? <div className={styles.logo}>{logo}</div> : null}\n {heading}\n {description ? (\n <Text className={styles.description} type=\"secondary\">\n {description}\n </Text>\n ) : null}\n </Flexbox>\n ) : null;\n\n return (\n <div\n data-auth-layout=\"\"\n className={cx(\n styles.page,\n background === 'grid' && styles.grid,\n background === 'grid' && isDarkMode && styles.gridDark,\n className,\n )}\n {...rest}\n >\n {art ? <div className={styles.backdrop}>{art}</div> : null}\n <header className={styles.header}>\n {brand}\n {tools ? <div className={styles.tools}>{tools}</div> : null}\n </header>\n <main className={styles.main}>\n {card ? (\n <div\n data-auth-card=\"\"\n className={cx(\n styles.lift,\n split && styles.liftSplit,\n variant === 'elevated' && styles.elevated,\n )}\n >\n <div className={cx(styles.frame, split && styles.split)}>\n <div className={cx(styles.form, split && styles.formSplit)}>\n {intro}\n {alert}\n {loading ? <FormSkeleton /> : children}\n {footer ? <div className={styles.footer}>{footer}</div> : null}\n </div>\n {aside ? <div className={styles.aside}>{aside}</div> : null}\n </div>\n </div>\n ) : (\n children\n )}\n </main>\n </div>\n );\n}\n\nAuthLayout.displayName = 'AuthLayout';\nAuthLayout.Aside = Aside;\n\nexport default AuthLayout;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,qBACJ,qBAACA,mBAAD;CAAS,eAAA;CAAY,KAAK;CAA1B,UAAA;EACE,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAG,OAAM;EAAQ,CAAA;EAC/C,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAG,OAAM;EAAQ,CAAA;EAC/C,oBAAC,UAAD;GAAU,QAAQ;GAAI,QAAQ;GAAG,OAAM;EAAQ,CAAA;CACxC;;AAGX,SAAS,WAAW,EAClB,OACA,OACA,aAAa,SACb,OACA,OAAO,MACP,UACA,WACA,aACA,QACA,SACA,MACA,OACA,OACA,UAAU,WACV,GAAG,QACe;CAClB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,QAAQ,QAAQ,KAAK;CAC3B,MAAM,MAAM,eAAe,UAAU,IAAI,aAAa;CACtD,MAAM,UACJ,UAAU,KAAA,KAAa,UAAU,OAAO,OAAO,OAAO,UAAU,WAC9D,oBAAC,MAAD;EAAM,IAAG;EAAK,WAAW,OAAO;EAAO,QAAO;EAC3C,UAAA;CACG,CAAA,IAEN,oBAAC,OAAD;EAAK,WAAW,OAAO;EAAY,UAAA;CAAW,CAAA;CAElD,MAAM,QACJ,QAAQ,WAAW,cACjB,qBAACA,mBAAD;EAAS,KAAK;EAAd,UAAA;GACG,OAAO,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAU,CAAA,IAAI;GACnD;GACA,cACC,oBAAC,MAAD;IAAM,WAAW,OAAO;IAAa,MAAK;IACvC,UAAA;GACG,CAAA,IACJ;EACG;CACP,CAAA,IAAA;CAEN,OACE,qBAAC,OAAD;EACE,oBAAiB;EACjB,WAAW,GACT,OAAO,MACP,eAAe,UAAU,OAAO,MAChC,eAAe,UAAU,cAAc,OAAO,UAC9C,SACF;EACA,GAAI;EARN,UAAA;GAUG,MAAM,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAW,UAAA;GAAS,CAAA,IAAI;GACtD,qBAAC,UAAD;IAAQ,WAAW,OAAO;IAA1B,UAAA,CACG,OACA,QAAQ,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAQ,UAAA;IAAW,CAAA,IAAI,IACjD;;GACR,oBAAC,QAAD;IAAM,WAAW,OAAO;IACrB,UAAA,OACC,oBAAC,OAAD;KACE,kBAAe;KACf,WAAW,GACT,OAAO,MACP,SAAS,OAAO,WAChB,YAAY,cAAc,OAAO,QACnC;KAEA,UAAA,qBAAC,OAAD;MAAK,WAAW,GAAG,OAAO,OAAO,SAAS,OAAO,KAAK;MAAtD,UAAA,CACE,qBAAC,OAAD;OAAK,WAAW,GAAG,OAAO,MAAM,SAAS,OAAO,SAAS;OAAzD,UAAA;QACG;QACA;QACA,UAAU,oBAAC,cAAD,CAAe,CAAA,IAAI;QAC7B,SAAS,oBAAC,OAAD;SAAK,WAAW,OAAO;SAAS,UAAA;QAAY,CAAA,IAAI;OACvD;MACJ,CAAA,GAAA,QAAQ,oBAAC,OAAD;OAAK,WAAW,OAAO;OAAQ,UAAA;MAAW,CAAA,IAAI,IACpD;;IACF,CAAA,IAEL;GAEE,CAAA;EACH;;AAET;AAEA,WAAW,cAAc;AACzB,WAAW,QAAQC"}
|
|
@@ -60,7 +60,7 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
|
|
|
60
60
|
asidePlate: css`
|
|
61
61
|
position: absolute;
|
|
62
62
|
inset: 0;
|
|
63
|
-
background:
|
|
63
|
+
background: ${cssVar.colorBgContainer};
|
|
64
64
|
`,
|
|
65
65
|
asideScrim: css`
|
|
66
66
|
pointer-events: none;
|
|
@@ -85,8 +85,7 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
|
|
|
85
85
|
color: ${cssVar.colorTextSecondary};
|
|
86
86
|
`,
|
|
87
87
|
elevated: css`
|
|
88
|
-
|
|
89
|
-
&&&:hover {
|
|
88
|
+
&& {
|
|
90
89
|
border-radius: 28px;
|
|
91
90
|
}
|
|
92
91
|
`,
|
|
@@ -139,21 +138,20 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
|
|
|
139
138
|
border-radius: inherit;
|
|
140
139
|
`,
|
|
141
140
|
grid: css`
|
|
141
|
+
/* Light: colorText 5%. Dark overrides it in gridDark (colorBgLayout base is darker). */
|
|
142
|
+
--lobe-auth-grid-line: color-mix(in srgb, ${cssVar.colorText} 5%, transparent);
|
|
143
|
+
|
|
142
144
|
&& {
|
|
143
|
-
background-color:
|
|
145
|
+
background-color: ${cssVar.colorBgLayout};
|
|
144
146
|
background-image:
|
|
145
|
-
linear-gradient(
|
|
146
|
-
|
|
147
|
-
transparent 1px
|
|
148
|
-
),
|
|
149
|
-
linear-gradient(
|
|
150
|
-
90deg,
|
|
151
|
-
color-mix(in srgb, ${cssVar.colorText} 5%, transparent) 1px,
|
|
152
|
-
transparent 1px
|
|
153
|
-
);
|
|
147
|
+
linear-gradient(var(--lobe-auth-grid-line) 1px, transparent 1px),
|
|
148
|
+
linear-gradient(90deg, var(--lobe-auth-grid-line) 1px, transparent 1px);
|
|
154
149
|
background-position: -1px -1px;
|
|
155
150
|
background-size: 32px 32px;
|
|
156
151
|
}
|
|
152
|
+
`,
|
|
153
|
+
gridDark: css`
|
|
154
|
+
--lobe-auth-grid-line: ${cssVar.colorBorderSecondary};
|
|
157
155
|
`,
|
|
158
156
|
header: css`
|
|
159
157
|
position: relative;
|
|
@@ -170,8 +168,17 @@ const styles = createStaticStyles(({ css, cssVar, responsive }) => ({
|
|
|
170
168
|
`,
|
|
171
169
|
lift: css`
|
|
172
170
|
position: relative;
|
|
171
|
+
|
|
173
172
|
display: flex;
|
|
173
|
+
|
|
174
174
|
inline-size: min(440px, 100%);
|
|
175
|
+
|
|
176
|
+
/* Plain panel (no Surface): same radius / shadow the dashboard card had, own colors. */
|
|
177
|
+
border: 1px solid ${cssVar.colorBorder};
|
|
178
|
+
border-radius: ${cssVar.borderRadiusLG};
|
|
179
|
+
|
|
180
|
+
background: ${cssVar.colorBgContainer};
|
|
181
|
+
box-shadow: rgb(0 0 0 / 4%) 0 1px 2px 0;
|
|
175
182
|
`,
|
|
176
183
|
liftSplit: css`
|
|
177
184
|
inline-size: min(880px, 100%);
|
|
@@ -1 +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 asideCopy: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 2;\n inset-block-end: 64px;\n inset-inline: 40px;\n\n display: flex;\n flex-direction: column;\n gap: 8px;\n `,\n asideKicker: css`\n margin: 0;\n\n font-size: ${cssVar.fontSize};\n line-height: 1.4;\n color: #fff;\n\n opacity: 0.82;\n `,\n asideLine: css`\n margin: 0;\n\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 600;\n line-height: 1.25;\n color: #fff;\n letter-spacing: -0.02em;\n `,\n asidePanel: css`\n position: absolute;\n inset: 8px;\n\n overflow: hidden;\n\n border-radius: 20px;\n\n background: linear-gradient(165deg, #ff9ffc 0%, #5227ff 46%, #b497cf 100%);\n `,\n asidePlate: css`\n position: absolute;\n inset: 0;\n background:
|
|
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 asideCopy: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 2;\n inset-block-end: 64px;\n inset-inline: 40px;\n\n display: flex;\n flex-direction: column;\n gap: 8px;\n `,\n asideKicker: css`\n margin: 0;\n\n font-size: ${cssVar.fontSize};\n line-height: 1.4;\n color: #fff;\n\n opacity: 0.82;\n `,\n asideLine: css`\n margin: 0;\n\n font-size: ${cssVar.fontSizeHeading2};\n font-weight: 600;\n line-height: 1.25;\n color: #fff;\n letter-spacing: -0.02em;\n `,\n asidePanel: css`\n position: absolute;\n inset: 8px;\n\n overflow: hidden;\n\n border-radius: 20px;\n\n background: linear-gradient(165deg, #ff9ffc 0%, #5227ff 46%, #b497cf 100%);\n `,\n asidePlate: css`\n position: absolute;\n inset: 0;\n background: ${cssVar.colorBgContainer};\n `,\n asideScrim: css`\n pointer-events: none;\n\n position: absolute;\n z-index: 1;\n inset-block-end: 0;\n inset-inline: 0;\n\n block-size: 58%;\n\n background: linear-gradient(to top, rgb(24 10 48 / 42%), transparent);\n `,\n backdrop: css`\n pointer-events: none;\n position: absolute;\n z-index: 0;\n inset: 0;\n `,\n description: css`\n line-height: 1.6;\n color: ${cssVar.colorTextSecondary};\n `,\n elevated: css`\n && {\n border-radius: 28px;\n }\n `,\n footer: css`\n margin: 0;\n font-size: ${cssVar.fontSizeSM};\n line-height: 1.6;\n color: ${cssVar.colorTextSecondary};\n\n a {\n font-weight: 600;\n color: ${cssVar.colorLink};\n text-decoration: none;\n }\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 grid: css`\n /* Light: colorText 5%. Dark overrides it in gridDark (colorBgLayout base is darker). */\n --lobe-auth-grid-line: color-mix(in srgb, ${cssVar.colorText} 5%, transparent);\n\n && {\n background-color: ${cssVar.colorBgLayout};\n background-image:\n linear-gradient(var(--lobe-auth-grid-line) 1px, transparent 1px),\n linear-gradient(90deg, var(--lobe-auth-grid-line) 1px, transparent 1px);\n background-position: -1px -1px;\n background-size: 32px 32px;\n }\n `,\n gridDark: css`\n --lobe-auth-grid-line: ${cssVar.colorBorderSecondary};\n `,\n header: css`\n position: relative;\n z-index: 1;\n\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 position: relative;\n\n display: flex;\n\n inline-size: min(440px, 100%);\n\n /* Plain panel (no Surface): same radius / shadow the dashboard card had, own colors. */\n border: 1px solid ${cssVar.colorBorder};\n border-radius: ${cssVar.borderRadiusLG};\n\n background: ${cssVar.colorBgContainer};\n box-shadow: rgb(0 0 0 / 4%) 0 1px 2px 0;\n `,\n liftSplit: css`\n inline-size: min(880px, 100%);\n\n ${responsive.laptop} {\n inline-size: min(440px, 100%);\n }\n `,\n logo: css`\n display: flex;\n margin-block-end: 8px;\n `,\n main: css`\n position: relative;\n z-index: 1;\n\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 position: relative;\n\n overflow: auto;\n display: flex;\n flex: 1;\n flex-direction: column;\n\n box-sizing: border-box;\n inline-size: 100%;\n block-size: 100%;\n min-block-size: 100dvh;\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 titleNode: css`\n display: flex;\n min-inline-size: 0;\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,WAAW,GAAG;;;;;;;;;;;;CAYd,aAAa,GAAG;;;iBAGD,OAAO,SAAS;;;;;;CAM/B,WAAW,GAAG;;;iBAGC,OAAO,iBAAiB;;;;;;CAMvC,YAAY,GAAG;;;;;;;;;;CAUf,YAAY,GAAG;;;kBAGC,OAAO,iBAAiB;;CAExC,YAAY,GAAG;;;;;;;;;;;;CAYf,UAAU,GAAG;;;;;;CAMb,aAAa,GAAG;;aAEL,OAAO,mBAAmB;;CAErC,UAAU,GAAG;;;;;CAKb,QAAQ,GAAG;;iBAEI,OAAO,WAAW;;aAEtB,OAAO,mBAAmB;;;;eAIxB,OAAO,UAAU;;;;CAI9B,MAAM,GAAG;;;;;;;;;;;;;MAaL,WAAW,OAAO;;;;;CAKtB,WAAW,GAAG;;;;MAIV,WAAW,OAAO;;;;;CAKtB,OAAO,GAAG;;;;;;;;;CASV,MAAM,GAAG;;gDAEqC,OAAO,UAAU;;;0BAGvC,OAAO,cAAc;;;;;;;;CAQ7C,UAAU,GAAG;6BACc,OAAO,qBAAqB;;CAEvD,QAAQ,GAAG;;;;;;;;;;;;;CAaX,MAAM,GAAG;;;;;;;;wBAQa,OAAO,YAAY;qBACtB,OAAO,eAAe;;kBAEzB,OAAO,iBAAiB;;;CAGxC,WAAW,GAAG;;;MAGV,WAAW,OAAO;;;;CAItB,MAAM,GAAG;;;;CAIT,MAAM,GAAG;;;;;;;;;;;CAWT,MAAM,GAAG;;;;;;;;;;;;;kBAaO,OAAO,cAAc;;CAErC,OAAO,GAAG;;;MAGN,WAAW,OAAO;;;;CAItB,OAAO,GAAG;;iBAEK,OAAO,iBAAiB;mBACtB,OAAO,mBAAmB;;CAE3C,WAAW,GAAG;;;;CAId,OAAO,GAAG;;;;;;AAMZ,EAAE"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import Button from "../../base-ui/Button/Button.mjs";
|
|
3
3
|
import Drawer from "../../base-ui/Drawer/Drawer.mjs";
|
|
4
4
|
import DraggablePanel from "../../base-ui/DraggablePanel/DraggablePanel.mjs";
|
|
5
|
-
import { useSurfaceCardClassName } from "../Surface/link.mjs";
|
|
6
5
|
import { useIsCompact, useLocalStorage } from "../hooks.mjs";
|
|
6
|
+
import { useSurfaceCardClassName } from "../Surface/link.mjs";
|
|
7
7
|
import { FilterSplitProvider } from "./context.mjs";
|
|
8
8
|
import { styles } from "./style.mjs";
|
|
9
9
|
import { clampSidebarWidth, sidebarWidth } from "./width.mjs";
|
package/es/dashboard/index.mjs
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import AuthLayoutAside from "./AuthLayout/Aside.mjs";
|
|
2
|
-
import { styles } from "./Surface/style.mjs";
|
|
3
|
-
import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
|
|
4
2
|
import AuthLayout from "./AuthLayout/AuthLayout.mjs";
|
|
5
3
|
import AuthLocaleSwitch from "./AuthTools/AuthLocaleSwitch.mjs";
|
|
6
4
|
import AuthThemeSwitch from "./AuthTools/AuthThemeSwitch.mjs";
|
|
@@ -11,6 +9,8 @@ import { useConsoleShell } from "./ConsoleShell/context.mjs";
|
|
|
11
9
|
import ConsoleNav from "./ConsoleNav/ConsoleNav.mjs";
|
|
12
10
|
import ConsoleNavSkeleton, { ConsoleFooterSkeleton } from "./ConsoleNav/Skeleton.mjs";
|
|
13
11
|
import ConsoleBrand from "./ConsoleShell/ConsoleBrand.mjs";
|
|
12
|
+
import { styles } from "./Surface/style.mjs";
|
|
13
|
+
import { SurfaceLinkProvider, useSurfaceCardClassName, useSurfaceDepth, useSurfaceLink } from "./Surface/link.mjs";
|
|
14
14
|
import PageLoading, { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton } from "./PageSkeleton/PageSkeleton.mjs";
|
|
15
15
|
import ConsoleShell from "./ConsoleShell/ConsoleShell.mjs";
|
|
16
16
|
import { useInFilterSplit } from "./FilterSidebar/context.mjs";
|