@korsolutions/ui 0.0.86 → 0.0.87
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/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/sidebar/components/sidebar-content.js +19 -0
- package/dist/module/components/sidebar/components/sidebar-content.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-footer.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-footer.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-group-label.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-group-label.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-group.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-group.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-header.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-header.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu-item.js +36 -0
- package/dist/module/components/sidebar/components/sidebar-menu-item.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu-sub.js +22 -0
- package/dist/module/components/sidebar/components/sidebar-menu-sub.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-menu.js +18 -0
- package/dist/module/components/sidebar/components/sidebar-menu.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-provider.js +47 -0
- package/dist/module/components/sidebar/components/sidebar-provider.js.map +1 -0
- package/dist/module/components/sidebar/components/sidebar-root.js +27 -0
- package/dist/module/components/sidebar/components/sidebar-root.js.map +1 -0
- package/dist/module/components/sidebar/context.js +12 -0
- package/dist/module/components/sidebar/context.js.map +1 -0
- package/dist/module/components/sidebar/index.js +26 -0
- package/dist/module/components/sidebar/index.js.map +1 -0
- package/dist/module/components/sidebar/types.js +4 -0
- package/dist/module/components/sidebar/types.js.map +1 -0
- package/dist/module/components/sidebar/variants/default.js +101 -0
- package/dist/module/components/sidebar/variants/default.js.map +1 -0
- package/dist/module/components/sidebar/variants/index.js +7 -0
- package/dist/module/components/sidebar/variants/index.js.map +1 -0
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-content.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-footer.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group-label.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-group.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-header.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts +12 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-item.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts +10 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu-sub.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts +17 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts +8 -0
- package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/context.d.ts +12 -0
- package/dist/typescript/src/components/sidebar/context.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/index.d.ts +35 -0
- package/dist/typescript/src/components/sidebar/index.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/types.d.ts +29 -0
- package/dist/typescript/src/components/sidebar/types.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/sidebar/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/sidebar/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/sidebar/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/themes/types.d.ts +4 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/sidebar/components/sidebar-content.tsx +19 -0
- package/src/components/sidebar/components/sidebar-footer.tsx +15 -0
- package/src/components/sidebar/components/sidebar-group-label.tsx +15 -0
- package/src/components/sidebar/components/sidebar-group.tsx +15 -0
- package/src/components/sidebar/components/sidebar-header.tsx +15 -0
- package/src/components/sidebar/components/sidebar-menu-item.tsx +61 -0
- package/src/components/sidebar/components/sidebar-menu-sub.tsx +23 -0
- package/src/components/sidebar/components/sidebar-menu.tsx +15 -0
- package/src/components/sidebar/components/sidebar-provider.tsx +73 -0
- package/src/components/sidebar/components/sidebar-root.tsx +19 -0
- package/src/components/sidebar/context.ts +21 -0
- package/src/components/sidebar/index.ts +37 -0
- package/src/components/sidebar/types.ts +31 -0
- package/src/components/sidebar/variants/default.tsx +96 -0
- package/src/components/sidebar/variants/index.ts +5 -0
- package/src/themes/types.ts +4 -0
|
@@ -25,6 +25,7 @@ export * from "./radio-group/index.js";
|
|
|
25
25
|
export * from "./scroll-bar/index.js";
|
|
26
26
|
export * from "./select/index.js";
|
|
27
27
|
export * from "./separator/index.js";
|
|
28
|
+
export * from "./sidebar/index.js";
|
|
28
29
|
export * from "./spinner/index.js";
|
|
29
30
|
export * from "./table/index.js";
|
|
30
31
|
export * from "./tabs/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { ScrollView } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarContent(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(ScrollView, {
|
|
14
|
+
style: [sidebar.styles?.content, style],
|
|
15
|
+
showsVerticalScrollIndicator: false,
|
|
16
|
+
children: children
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=sidebar-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","ScrollView","useSidebar","jsx","_jsx","SidebarContent","props","children","style","sidebar","styles","content","showsVerticalScrollIndicator"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAwC,cAAc;AACzE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBACEE,IAAA,CAACH,UAAU;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,OAAO,EAAEH,KAAK,CAAE;IAACI,4BAA4B,EAAE,KAAM;IAAAL,QAAA,EACtFA;EAAQ,CACC,CAAC;AAEjB","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarFooter(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
style: [sidebar.styles?.footer, style],
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar-footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarFooter","props","children","style","sidebar","styles","footer"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-footer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBAAOE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,MAAM,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACxE","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarGroupLabel(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
14
|
+
style: [sidebar.styles?.groupLabel, style],
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar-group-label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useSidebar","jsx","_jsx","SidebarGroupLabel","props","children","style","sidebar","styles","groupLabel"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-group-label.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBAAOE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,UAAU,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC5E","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarGroup(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
style: [sidebar.styles?.group, style],
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarGroup","props","children","style","sidebar","styles","group"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-group.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBAAOE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,KAAK,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACvE","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarHeader(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
style: [sidebar.styles?.header, style],
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarHeader","props","children","style","sidebar","styles","header"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-header.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBAAOE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,MAAM,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACxE","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import { useOrganizedChildren } from "../../../hooks/use-organized-children.js";
|
|
6
|
+
import { useSidebar } from "../context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function SidebarMenuItem(props) {
|
|
9
|
+
const {
|
|
10
|
+
children,
|
|
11
|
+
isActive,
|
|
12
|
+
size = "default",
|
|
13
|
+
style,
|
|
14
|
+
onPress,
|
|
15
|
+
...rest
|
|
16
|
+
} = props;
|
|
17
|
+
const sidebar = useSidebar();
|
|
18
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
19
|
+
const styles = sidebar.styles;
|
|
20
|
+
const state = isActive ? "active" : isHovered ? "hovered" : "default";
|
|
21
|
+
const textStyle = StyleSheet.flatten([styles?.menuItemText?.default, styles?.menuItemText?.[state]]);
|
|
22
|
+
const iconProps = StyleSheet.flatten([styles?.menuItemIcon?.default, styles?.menuItemIcon?.[state]]);
|
|
23
|
+
const organizedChildren = useOrganizedChildren(children, textStyle, iconProps);
|
|
24
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
25
|
+
...rest,
|
|
26
|
+
onPress: onPress,
|
|
27
|
+
onHoverIn: () => setIsHovered(true),
|
|
28
|
+
onHoverOut: () => setIsHovered(false),
|
|
29
|
+
style: [styles?.menuItem?.default, state !== "default" && styles?.menuItem?.[state], size === "lg" && {
|
|
30
|
+
minHeight: 48,
|
|
31
|
+
paddingVertical: 8
|
|
32
|
+
}, style],
|
|
33
|
+
children: organizedChildren
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=sidebar-menu-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","StyleSheet","useOrganizedChildren","useSidebar","jsx","_jsx","SidebarMenuItem","props","children","isActive","size","style","onPress","rest","sidebar","isHovered","setIsHovered","styles","state","textStyle","flatten","menuItemText","default","iconProps","menuItemIcon","organizedChildren","onHoverIn","onHoverOut","menuItem","minHeight","paddingVertical"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-menu-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,SAAS,EAGTC,UAAU,QAEL,cAAc;AACrB,SAASC,oBAAoB,QAAQ,0CAAuC;AAC5E,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAexC,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,IAAI,GAAG,SAAS;IAAEC,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAC/E,MAAMO,OAAO,GAAGX,UAAU,CAAC,CAAC;EAC5B,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMkB,MAAM,GAAGH,OAAO,CAACG,MAAM;EAE7B,MAAMC,KAA6B,GAAGT,QAAQ,GAAG,QAAQ,GAAGM,SAAS,GAAG,SAAS,GAAG,SAAS;EAE7F,MAAMI,SAAS,GAAGlB,UAAU,CAACmB,OAAO,CAAC,CACnCH,MAAM,EAAEI,YAAY,EAAEC,OAAO,EAC7BL,MAAM,EAAEI,YAAY,GAAGH,KAAK,CAAC,CAC9B,CAAC;EAEF,MAAMK,SAAS,GAAGtB,UAAU,CAACmB,OAAO,CAAC,CACnCH,MAAM,EAAEO,YAAY,EAAEF,OAAO,EAC7BL,MAAM,EAAEO,YAAY,GAAGN,KAAK,CAAC,CAC9B,CAAC;EAEF,MAAMO,iBAAiB,GAAGvB,oBAAoB,CAACM,QAAQ,EAAEW,SAAS,EAAEI,SAAS,CAAC;EAE9E,oBACElB,IAAA,CAACL,SAAS;IAAA,GACJa,IAAI;IACRD,OAAO,EAAEA,OAAQ;IACjBc,SAAS,EAAEA,CAAA,KAAMV,YAAY,CAAC,IAAI,CAAE;IACpCW,UAAU,EAAEA,CAAA,KAAMX,YAAY,CAAC,KAAK,CAAE;IACtCL,KAAK,EAAE,CACLM,MAAM,EAAEW,QAAQ,EAAEN,OAAO,EACzBJ,KAAK,KAAK,SAAS,IAAID,MAAM,EAAEW,QAAQ,GAAGV,KAAK,CAAC,EAChDR,IAAI,KAAK,IAAI,IAAI;MAAEmB,SAAS,EAAE,EAAE;MAAEC,eAAe,EAAE;IAAE,CAAC,EACtDnB,KAAK,CACL;IAAAH,QAAA,EAEDiB;EAAiB,CACT,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarMenuSub(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
open = true,
|
|
11
|
+
style
|
|
12
|
+
} = props;
|
|
13
|
+
const sidebar = useSidebar();
|
|
14
|
+
if (!open) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return /*#__PURE__*/_jsx(View, {
|
|
18
|
+
style: [sidebar.styles?.menuSub, style],
|
|
19
|
+
children: children
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=sidebar-menu-sub.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarMenuSub","props","children","open","style","sidebar","styles","menuSub"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-menu-sub.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWxC,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,QAAQ;IAAEC,IAAI,GAAG,IAAI;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAC9C,MAAMI,OAAO,GAAGR,UAAU,CAAC,CAAC;EAE5B,IAAI,CAACM,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBAAOJ,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,OAAO,EAAEH,KAAK,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACzE","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarMenu(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const sidebar = useSidebar();
|
|
13
|
+
return /*#__PURE__*/_jsx(View, {
|
|
14
|
+
style: [sidebar.styles?.menu, style],
|
|
15
|
+
children: children
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=sidebar-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarMenu","props","children","style","sidebar","styles","menu"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-menu.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAMG,OAAO,GAAGP,UAAU,CAAC,CAAC;EAE5B,oBAAOE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,OAAO,CAACC,MAAM,EAAEC,IAAI,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACtE","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useCallback, useMemo, useState } from "react";
|
|
4
|
+
import { useComponentConfig } from "../../../themes/provider.js";
|
|
5
|
+
import { mergeStyles } from "../../../utils/calculate-styles.js";
|
|
6
|
+
import { SidebarContext } from "../context.js";
|
|
7
|
+
import { SidebarVariants } from "../variants/index.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export function SidebarProvider(props) {
|
|
10
|
+
const {
|
|
11
|
+
children,
|
|
12
|
+
variant = "default",
|
|
13
|
+
width,
|
|
14
|
+
defaultOpen = true,
|
|
15
|
+
open: controlledOpen,
|
|
16
|
+
onOpenChange
|
|
17
|
+
} = props;
|
|
18
|
+
const [_open, _setOpen] = useState(defaultOpen);
|
|
19
|
+
const open = controlledOpen ?? _open;
|
|
20
|
+
const setOpen = useCallback(value => {
|
|
21
|
+
if (onOpenChange) {
|
|
22
|
+
onOpenChange(value);
|
|
23
|
+
} else {
|
|
24
|
+
_setOpen(value);
|
|
25
|
+
}
|
|
26
|
+
}, [onOpenChange]);
|
|
27
|
+
const toggleSidebar = useCallback(() => {
|
|
28
|
+
setOpen(!open);
|
|
29
|
+
}, [open, setOpen]);
|
|
30
|
+
const variantStyles = SidebarVariants[variant]();
|
|
31
|
+
const componentConfig = useComponentConfig("sidebar");
|
|
32
|
+
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
33
|
+
const state = open ? "expanded" : "collapsed";
|
|
34
|
+
const contextValue = useMemo(() => ({
|
|
35
|
+
state,
|
|
36
|
+
open,
|
|
37
|
+
setOpen,
|
|
38
|
+
toggleSidebar,
|
|
39
|
+
width,
|
|
40
|
+
styles: mergedStyles
|
|
41
|
+
}), [state, open, setOpen, toggleSidebar, width, mergedStyles]);
|
|
42
|
+
return /*#__PURE__*/_jsx(SidebarContext.Provider, {
|
|
43
|
+
value: contextValue,
|
|
44
|
+
children: children
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=sidebar-provider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useState","useComponentConfig","mergeStyles","SidebarContext","SidebarVariants","jsx","_jsx","SidebarProvider","props","children","variant","width","defaultOpen","open","controlledOpen","onOpenChange","_open","_setOpen","setOpen","value","toggleSidebar","variantStyles","componentConfig","mergedStyles","styles","state","contextValue","Provider"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-provider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAASC,kBAAkB,QAAQ,6BAA0B;AAC7D,SAASC,WAAW,QAAQ,oCAAiC;AAC7D,SAASC,cAAc,QAAkC,eAAY;AACrE,SAASC,eAAe,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAqB9C,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,QAAQ;IACRC,OAAO,GAAG,SAAS;IACnBC,KAAK;IACLC,WAAW,GAAG,IAAI;IAClBC,IAAI,EAAEC,cAAc;IACpBC;EACF,CAAC,GAAGP,KAAK;EAET,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,CAACY,WAAW,CAAC;EAE/C,MAAMC,IAAI,GAAGC,cAAc,IAAIE,KAAK;EACpC,MAAME,OAAO,GAAGpB,WAAW,CACxBqB,KAAc,IAAK;IAClB,IAAIJ,YAAY,EAAE;MAChBA,YAAY,CAACI,KAAK,CAAC;IACrB,CAAC,MAAM;MACLF,QAAQ,CAACE,KAAK,CAAC;IACjB;EACF,CAAC,EACD,CAACJ,YAAY,CACf,CAAC;EAED,MAAMK,aAAa,GAAGtB,WAAW,CAAC,MAAM;IACtCoB,OAAO,CAAC,CAACL,IAAI,CAAC;EAChB,CAAC,EAAE,CAACA,IAAI,EAAEK,OAAO,CAAC,CAAC;EAEnB,MAAMG,aAAa,GAAGjB,eAAe,CAACM,OAAO,CAAC,CAAC,CAAC;EAChD,MAAMY,eAAe,GAAGrB,kBAAkB,CAAC,SAAS,CAAC;EACrD,MAAMsB,YAAY,GAAGrB,WAAW,CAACmB,aAAa,EAAEC,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAMC,KAAK,GAAGZ,IAAI,GAAG,UAAU,GAAG,WAAW;EAE7C,MAAMa,YAAY,GAAG3B,OAAO,CAC1B,OAAO;IACL0B,KAAK;IACLZ,IAAI;IACJK,OAAO;IACPE,aAAa;IACbT,KAAK;IACLa,MAAM,EAAED;EACV,CAAC,CAAC,EACF,CAACE,KAAK,EAAEZ,IAAI,EAAEK,OAAO,EAAEE,aAAa,EAAET,KAAK,EAAEY,YAAY,CAC3D,CAAC;EAED,oBAAOjB,IAAA,CAACH,cAAc,CAACwB,QAAQ;IAACR,KAAK,EAAEO,YAAa;IAAAjB,QAAA,EAAEA;EAAQ,CAA0B,CAAC;AAC3F","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useSidebar } from "../context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function SidebarRoot(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style
|
|
11
|
+
} = props;
|
|
12
|
+
const {
|
|
13
|
+
open,
|
|
14
|
+
width = 256,
|
|
15
|
+
styles
|
|
16
|
+
} = useSidebar();
|
|
17
|
+
return /*#__PURE__*/_jsx(View, {
|
|
18
|
+
style: [styles?.root, {
|
|
19
|
+
width
|
|
20
|
+
}, !open && {
|
|
21
|
+
width: 0,
|
|
22
|
+
overflow: "hidden"
|
|
23
|
+
}, style],
|
|
24
|
+
children: children
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=sidebar-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useSidebar","jsx","_jsx","SidebarRoot","props","children","style","open","width","styles","root","overflow"],"sourceRoot":"../../../../../src","sources":["components/sidebar/components/sidebar-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,UAAU,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOxC,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACjC,MAAM;IAAEG,IAAI;IAAEC,KAAK,GAAG,GAAG;IAAEC;EAAO,CAAC,GAAGT,UAAU,CAAC,CAAC;EAElD,oBACEE,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACG,MAAM,EAAEC,IAAI,EAAE;MAAEF;IAAM,CAAC,EAAE,CAACD,IAAI,IAAI;MAAEC,KAAK,EAAE,CAAC;MAAEG,QAAQ,EAAE;IAAS,CAAC,EAAEL,KAAK,CAAE;IAAAD,QAAA,EACtFA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const SidebarContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export const useSidebar = () => {
|
|
6
|
+
const context = useContext(SidebarContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useSidebar must be used within a SidebarProvider");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","SidebarContext","undefined","useSidebar","context","Error"],"sourceRoot":"../../../../src","sources":["components/sidebar/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAYjD,OAAO,MAAMC,cAAc,gBAAGF,aAAa,CAAkCG,SAAS,CAAC;AAEvF,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,cAAc,CAAC;EAC1C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,kDAAkD,CAAC;EACrE;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { SidebarContent } from "./components/sidebar-content.js";
|
|
4
|
+
import { SidebarFooter } from "./components/sidebar-footer.js";
|
|
5
|
+
import { SidebarGroup } from "./components/sidebar-group.js";
|
|
6
|
+
import { SidebarGroupLabel } from "./components/sidebar-group-label.js";
|
|
7
|
+
import { SidebarHeader } from "./components/sidebar-header.js";
|
|
8
|
+
import { SidebarMenuItem } from "./components/sidebar-menu-item.js";
|
|
9
|
+
import { SidebarMenuSub } from "./components/sidebar-menu-sub.js";
|
|
10
|
+
import { SidebarMenu } from "./components/sidebar-menu.js";
|
|
11
|
+
import { SidebarProvider } from "./components/sidebar-provider.js";
|
|
12
|
+
import { SidebarRoot } from "./components/sidebar-root.js";
|
|
13
|
+
export const Sidebar = {
|
|
14
|
+
Provider: SidebarProvider,
|
|
15
|
+
Root: SidebarRoot,
|
|
16
|
+
Header: SidebarHeader,
|
|
17
|
+
Footer: SidebarFooter,
|
|
18
|
+
Content: SidebarContent,
|
|
19
|
+
Group: SidebarGroup,
|
|
20
|
+
GroupLabel: SidebarGroupLabel,
|
|
21
|
+
Menu: SidebarMenu,
|
|
22
|
+
MenuItem: SidebarMenuItem,
|
|
23
|
+
MenuSub: SidebarMenuSub
|
|
24
|
+
};
|
|
25
|
+
export { useSidebar } from "./context.js";
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["SidebarContent","SidebarFooter","SidebarGroup","SidebarGroupLabel","SidebarHeader","SidebarMenuItem","SidebarMenuSub","SidebarMenu","SidebarProvider","SidebarRoot","Sidebar","Provider","Root","Header","Footer","Content","Group","GroupLabel","Menu","MenuItem","MenuSub","useSidebar"],"sourceRoot":"../../../../src","sources":["components/sidebar/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,iCAA8B;AAC7D,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,YAAY,QAAQ,+BAA4B;AACzD,SAASC,iBAAiB,QAAQ,qCAAkC;AACpE,SAASC,aAAa,QAAQ,gCAA6B;AAC3D,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,cAAc,QAAQ,kCAA+B;AAC9D,SAASC,WAAW,QAAQ,8BAA2B;AACvD,SAASC,eAAe,QAAQ,kCAA+B;AAC/D,SAASC,WAAW,QAAQ,8BAA2B;AAEvD,OAAO,MAAMC,OAAO,GAAG;EACrBC,QAAQ,EAAEH,eAAe;EACzBI,IAAI,EAAEH,WAAW;EACjBI,MAAM,EAAET,aAAa;EACrBU,MAAM,EAAEb,aAAa;EACrBc,OAAO,EAAEf,cAAc;EACvBgB,KAAK,EAAEd,YAAY;EACnBe,UAAU,EAAEd,iBAAiB;EAC7Be,IAAI,EAAEX,WAAW;EACjBY,QAAQ,EAAEd,eAAe;EACzBe,OAAO,EAAEd;AACX,CAAC;AAED,SAASe,UAAU,QAAQ,cAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/sidebar/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export function useSidebarVariantDefault() {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
radius,
|
|
8
|
+
fontFamily,
|
|
9
|
+
fontSize,
|
|
10
|
+
spacing
|
|
11
|
+
}) => ({
|
|
12
|
+
root: {
|
|
13
|
+
height: "100%",
|
|
14
|
+
flexShrink: 0,
|
|
15
|
+
flexDirection: "column",
|
|
16
|
+
backgroundColor: colors.surface,
|
|
17
|
+
borderColor: colors.border,
|
|
18
|
+
overflow: "hidden"
|
|
19
|
+
},
|
|
20
|
+
header: {
|
|
21
|
+
paddingHorizontal: spacing * 2,
|
|
22
|
+
paddingTop: spacing * 2,
|
|
23
|
+
paddingBottom: spacing
|
|
24
|
+
},
|
|
25
|
+
footer: {
|
|
26
|
+
paddingHorizontal: spacing * 2,
|
|
27
|
+
paddingTop: spacing,
|
|
28
|
+
paddingBottom: spacing * 2
|
|
29
|
+
},
|
|
30
|
+
content: {
|
|
31
|
+
flex: 1,
|
|
32
|
+
paddingHorizontal: spacing * 2
|
|
33
|
+
},
|
|
34
|
+
group: {
|
|
35
|
+
paddingVertical: spacing,
|
|
36
|
+
gap: spacing * 0.5
|
|
37
|
+
},
|
|
38
|
+
groupLabel: {
|
|
39
|
+
fontFamily,
|
|
40
|
+
fontSize: fontSize * 0.75,
|
|
41
|
+
fontWeight: "500",
|
|
42
|
+
color: colors.mutedForeground,
|
|
43
|
+
paddingHorizontal: spacing,
|
|
44
|
+
paddingVertical: spacing * 0.5,
|
|
45
|
+
letterSpacing: 0.5,
|
|
46
|
+
textTransform: "uppercase"
|
|
47
|
+
},
|
|
48
|
+
menu: {
|
|
49
|
+
gap: 1
|
|
50
|
+
},
|
|
51
|
+
menuItem: {
|
|
52
|
+
default: {
|
|
53
|
+
flexDirection: "row",
|
|
54
|
+
alignItems: "center",
|
|
55
|
+
gap: spacing,
|
|
56
|
+
paddingVertical: spacing,
|
|
57
|
+
paddingHorizontal: spacing * 1.5,
|
|
58
|
+
borderRadius: radius,
|
|
59
|
+
minHeight: 36
|
|
60
|
+
},
|
|
61
|
+
active: {
|
|
62
|
+
backgroundColor: colors.muted
|
|
63
|
+
},
|
|
64
|
+
hovered: {
|
|
65
|
+
backgroundColor: colors.muted,
|
|
66
|
+
opacity: 0.8
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
menuItemText: {
|
|
70
|
+
default: {
|
|
71
|
+
fontFamily,
|
|
72
|
+
fontSize: fontSize * 0.875,
|
|
73
|
+
fontWeight: "500",
|
|
74
|
+
color: colors.foreground,
|
|
75
|
+
lineHeight: fontSize * 1.25,
|
|
76
|
+
flex: 1
|
|
77
|
+
},
|
|
78
|
+
active: {
|
|
79
|
+
color: colors.primary
|
|
80
|
+
},
|
|
81
|
+
hovered: {}
|
|
82
|
+
},
|
|
83
|
+
menuItemIcon: {
|
|
84
|
+
default: {
|
|
85
|
+
color: colors.foreground,
|
|
86
|
+
size: fontSize * 1.25
|
|
87
|
+
},
|
|
88
|
+
active: {
|
|
89
|
+
color: colors.primary
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
menuSub: {
|
|
93
|
+
paddingLeft: spacing * 3,
|
|
94
|
+
gap: 1,
|
|
95
|
+
borderLeftWidth: 1,
|
|
96
|
+
borderLeftColor: colors.border,
|
|
97
|
+
marginLeft: spacing * 2
|
|
98
|
+
}
|
|
99
|
+
}));
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useSidebarVariantDefault","colors","radius","fontFamily","fontSize","spacing","root","height","flexShrink","flexDirection","backgroundColor","surface","borderColor","border","overflow","header","paddingHorizontal","paddingTop","paddingBottom","footer","content","flex","group","paddingVertical","gap","groupLabel","fontWeight","color","mutedForeground","letterSpacing","textTransform","menu","menuItem","default","alignItems","borderRadius","minHeight","active","muted","hovered","opacity","menuItemText","foreground","lineHeight","primary","menuItemIcon","size","menuSub","paddingLeft","borderLeftWidth","borderLeftColor","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/sidebar/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,wBAAwBA,CAAA,EAAkB;EACxD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,MAAqB;IACrEC,IAAI,EAAE;MACJC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,QAAQ;MACvBC,eAAe,EAAET,MAAM,CAACU,OAAO;MAC/BC,WAAW,EAAEX,MAAM,CAACY,MAAM;MAC1BC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACNC,iBAAiB,EAAEX,OAAO,GAAG,CAAC;MAC9BY,UAAU,EAAEZ,OAAO,GAAG,CAAC;MACvBa,aAAa,EAAEb;IACjB,CAAC;IACDc,MAAM,EAAE;MACNH,iBAAiB,EAAEX,OAAO,GAAG,CAAC;MAC9BY,UAAU,EAAEZ,OAAO;MACnBa,aAAa,EAAEb,OAAO,GAAG;IAC3B,CAAC;IACDe,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPL,iBAAiB,EAAEX,OAAO,GAAG;IAC/B,CAAC;IACDiB,KAAK,EAAE;MACLC,eAAe,EAAElB,OAAO;MACxBmB,GAAG,EAAEnB,OAAO,GAAG;IACjB,CAAC;IACDoB,UAAU,EAAE;MACVtB,UAAU;MACVC,QAAQ,EAAEA,QAAQ,GAAG,IAAI;MACzBsB,UAAU,EAAE,KAAK;MACjBC,KAAK,EAAE1B,MAAM,CAAC2B,eAAe;MAC7BZ,iBAAiB,EAAEX,OAAO;MAC1BkB,eAAe,EAAElB,OAAO,GAAG,GAAG;MAC9BwB,aAAa,EAAE,GAAG;MAClBC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJP,GAAG,EAAE;IACP,CAAC;IACDQ,QAAQ,EAAE;MACRC,OAAO,EAAE;QACPxB,aAAa,EAAE,KAAK;QACpByB,UAAU,EAAE,QAAQ;QACpBV,GAAG,EAAEnB,OAAO;QACZkB,eAAe,EAAElB,OAAO;QACxBW,iBAAiB,EAAEX,OAAO,GAAG,GAAG;QAChC8B,YAAY,EAAEjC,MAAM;QACpBkC,SAAS,EAAE;MACb,CAAC;MACDC,MAAM,EAAE;QACN3B,eAAe,EAAET,MAAM,CAACqC;MAC1B,CAAC;MACDC,OAAO,EAAE;QACP7B,eAAe,EAAET,MAAM,CAACqC,KAAK;QAC7BE,OAAO,EAAE;MACX;IACF,CAAC;IACDC,YAAY,EAAE;MACZR,OAAO,EAAE;QACP9B,UAAU;QACVC,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BsB,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAE1B,MAAM,CAACyC,UAAU;QACxBC,UAAU,EAAEvC,QAAQ,GAAG,IAAI;QAC3BiB,IAAI,EAAE;MACR,CAAC;MACDgB,MAAM,EAAE;QACNV,KAAK,EAAE1B,MAAM,CAAC2C;MAChB,CAAC;MACDL,OAAO,EAAE,CAAC;IACZ,CAAC;IACDM,YAAY,EAAE;MACZZ,OAAO,EAAE;QACPN,KAAK,EAAE1B,MAAM,CAACyC,UAAU;QACxBI,IAAI,EAAE1C,QAAQ,GAAG;MACnB,CAAC;MACDiC,MAAM,EAAE;QACNV,KAAK,EAAE1B,MAAM,CAAC2C;MAChB;IACF,CAAC;IACDG,OAAO,EAAE;MACPC,WAAW,EAAE3C,OAAO,GAAG,CAAC;MACxBmB,GAAG,EAAE,CAAC;MACNyB,eAAe,EAAE,CAAC;MAClBC,eAAe,EAAEjD,MAAM,CAACY,MAAM;MAC9BsC,UAAU,EAAE9C,OAAO,GAAG;IACxB;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useSidebarVariantDefault","SidebarVariants","default"],"sourceRoot":"../../../../../src","sources":["components/sidebar/variants/index.ts"],"mappings":";;AAAA,SAASA,wBAAwB,QAAQ,cAAW;AAEpD,OAAO,MAAMC,eAAe,GAAG;EAC7BC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarContentProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function SidebarContent(props: SidebarContentProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sidebar-content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-content.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG1E,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBASxD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarFooterProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function SidebarFooter(props: SidebarFooterProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sidebar-footer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-footer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAKtD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type TextStyle } from "react-native";
|
|
3
|
+
export interface SidebarGroupLabelProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<TextStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function SidebarGroupLabel(props: SidebarGroupLabelProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sidebar-group-label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-group-label.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-group-label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAK9D"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarGroupProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function SidebarGroup(props: SidebarGroupProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sidebar-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAKpD"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarHeaderProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
style?: StyleProp<ViewStyle>;
|
|
6
|
+
}
|
|
7
|
+
export declare function SidebarHeader(props: SidebarHeaderProps): React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=sidebar-header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-header.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAKtD"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type PressableProps, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarMenuItemProps extends Omit<PressableProps, "style"> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Mark as active item */
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
/** Size variant */
|
|
8
|
+
size?: "default" | "lg";
|
|
9
|
+
style?: StyleProp<ViewStyle>;
|
|
10
|
+
}
|
|
11
|
+
export declare function SidebarMenuItem(props: SidebarMenuItemProps): React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=sidebar-menu-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-menu-item.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAoC1D"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
export interface SidebarMenuSubProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
/** Whether the submenu is open (controlled) */
|
|
6
|
+
open?: boolean;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
}
|
|
9
|
+
export declare function SidebarMenuSub(props: SidebarMenuSubProps): React.JSX.Element | null;
|
|
10
|
+
//# sourceMappingURL=sidebar-menu-sub.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-menu-sub.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-menu-sub.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,+CAA+C;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,4BASxD"}
|