@korsolutions/ui 0.0.86 → 0.0.87

package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface SidebarMenuProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function SidebarMenu(props: SidebarMenuProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-menu.d.ts.map

package/dist/typescript/src/components/sidebar/components/sidebar-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAKlD"}

package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { SidebarVariants } from "../variants";
+export interface SidebarProviderProps {
+    children?: React.ReactNode;
+    /** Variant key for sidebar theming */
+    variant?: keyof typeof SidebarVariants;
+    /** Width of the sidebar in pixels (default: 256) */
+    width?: number;
+    /** Default open state (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Open state (controlled) */
+    open?: boolean;
+    /** Callback when open state changes (controlled) */
+    onOpenChange?: (open: boolean) => void;
+}
+export declare function SidebarProvider(props: SidebarProviderProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-provider.d.ts.map

package/dist/typescript/src/components/sidebar/components/sidebar-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,OAAO,eAAe,CAAC;IAEvC,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBA+C1D"}

package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+export interface SidebarRootProps {
+    children?: React.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function SidebarRoot(props: SidebarRootProps): React.JSX.Element;
+//# sourceMappingURL=sidebar-root.d.ts.map

package/dist/typescript/src/components/sidebar/components/sidebar-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-root.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/components/sidebar-root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBASlD"}

package/dist/typescript/src/components/sidebar/context.d.ts

@@ -0,0 +1,12 @@
+import type { SidebarState, SidebarStyles } from "./types";
+export interface SidebarContextValue {
+    state: SidebarState;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    toggleSidebar: () => void;
+    width?: number;
+    styles?: SidebarStyles;
+}
+export declare const SidebarContext: import("react").Context<SidebarContextValue | undefined>;
+export declare const useSidebar: () => SidebarContextValue;
+//# sourceMappingURL=context.d.ts.map

package/dist/typescript/src/components/sidebar/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidebar/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,0DAA4D,CAAC;AAExF,eAAO,MAAM,UAAU,2BAMtB,CAAC"}

package/dist/typescript/src/components/sidebar/index.d.ts

@@ -0,0 +1,35 @@
+import { SidebarContent } from "./components/sidebar-content";
+import { SidebarFooter } from "./components/sidebar-footer";
+import { SidebarGroup } from "./components/sidebar-group";
+import { SidebarGroupLabel } from "./components/sidebar-group-label";
+import { SidebarHeader } from "./components/sidebar-header";
+import { SidebarMenuItem } from "./components/sidebar-menu-item";
+import { SidebarMenuSub } from "./components/sidebar-menu-sub";
+import { SidebarMenu } from "./components/sidebar-menu";
+import { SidebarProvider } from "./components/sidebar-provider";
+import { SidebarRoot } from "./components/sidebar-root";
+export declare const Sidebar: {
+    Provider: typeof SidebarProvider;
+    Root: typeof SidebarRoot;
+    Header: typeof SidebarHeader;
+    Footer: typeof SidebarFooter;
+    Content: typeof SidebarContent;
+    Group: typeof SidebarGroup;
+    GroupLabel: typeof SidebarGroupLabel;
+    Menu: typeof SidebarMenu;
+    MenuItem: typeof SidebarMenuItem;
+    MenuSub: typeof SidebarMenuSub;
+};
+export { useSidebar } from "./context";
+export type { SidebarProviderProps } from "./components/sidebar-provider";
+export type { SidebarRootProps } from "./components/sidebar-root";
+export type { SidebarHeaderProps } from "./components/sidebar-header";
+export type { SidebarFooterProps } from "./components/sidebar-footer";
+export type { SidebarContentProps } from "./components/sidebar-content";
+export type { SidebarGroupProps } from "./components/sidebar-group";
+export type { SidebarGroupLabelProps } from "./components/sidebar-group-label";
+export type { SidebarMenuProps } from "./components/sidebar-menu";
+export type { SidebarMenuItemProps } from "./components/sidebar-menu-item";
+export type { SidebarMenuSubProps } from "./components/sidebar-menu-sub";
+export type { SidebarStyles, SidebarState } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACxE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,YAAY,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC/E,YAAY,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,YAAY,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/typescript/src/components/sidebar/types.d.ts

@@ -0,0 +1,29 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { IconProps } from "../icon";
+export type SidebarState = "expanded" | "collapsed";
+export type SidebarMenuButtonState = "default" | "active" | "hovered";
+export interface SidebarStyles {
+    /** The sidebar container */
+    root?: StyleProp<ViewStyle>;
+    /** Header (sticky top) */
+    header?: StyleProp<ViewStyle>;
+    /** Footer (sticky bottom) */
+    footer?: StyleProp<ViewStyle>;
+    /** Scrollable content area */
+    content?: StyleProp<ViewStyle>;
+    /** Group container */
+    group?: StyleProp<ViewStyle>;
+    /** Group label text */
+    groupLabel?: StyleProp<TextStyle>;
+    /** Menu list container */
+    menu?: StyleProp<ViewStyle>;
+    /** Menu item */
+    menuItem?: Partial<Record<SidebarMenuButtonState, StyleProp<ViewStyle>>>;
+    /** Menu item text */
+    menuItemText?: Partial<Record<SidebarMenuButtonState, StyleProp<TextStyle>>>;
+    /** Menu item icon */
+    menuItemIcon?: Partial<Record<SidebarMenuButtonState, IconProps>>;
+    /** Submenu container */
+    menuSub?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/components/sidebar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AAEpD,MAAM,MAAM,sBAAsB,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtE,MAAM,WAAW,aAAa;IAC5B,4BAA4B;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,sBAAsB;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uBAAuB;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACzE,qBAAqB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7E,qBAAqB;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC,CAAC;IAClE,wBAAwB;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC"}

package/dist/typescript/src/components/sidebar/variants/default.d.ts

@@ -0,0 +1,3 @@
+import type { SidebarStyles } from "../types";
+export declare function useSidebarVariantDefault(): SidebarStyles;
+//# sourceMappingURL=default.d.ts.map

package/dist/typescript/src/components/sidebar/variants/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/variants/default.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,IAAI,aAAa,CA4FxD"}

package/dist/typescript/src/components/sidebar/variants/index.d.ts

@@ -0,0 +1,5 @@
+import { useSidebarVariantDefault } from "./default";
+export declare const SidebarVariants: {
+    default: typeof useSidebarVariantDefault;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/components/sidebar/variants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/sidebar/variants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AAErD,eAAO,MAAM,eAAe;;CAE3B,CAAC"}

package/dist/typescript/src/themes/types.d.ts

@@ -54,6 +54,7 @@ import type { ProgressStyles } from "../components/progress/types";
 import type { RadioGroupStyles } from "../components/radio-group/types";
 import type { SelectStyles } from "../components/select/types";
 import type { SeparatorStyles } from "../components/separator/types";
+import type { SidebarStyles } from "../components/sidebar/types";
 import type { SpinnerStyles } from "../components/spinner/types";
 import type { TableStyles } from "../components/table/types";
 import type { TabsStyles } from "../components/tabs/types";
@@ -129,6 +130,9 @@ export interface ComponentsConfig {
     separator?: {
         styles?: SeparatorStyles;
     };
+    sidebar?: {
+        styles?: SidebarStyles;
+    };
     spinner?: {
         styles?: SpinnerStyles;
     };

package/dist/typescript/src/themes/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/themes/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@korsolutions/ui",
-  "version": "0.0.86",
+  "version": "0.0.87",
   "bugs": {
     "url": "https://github.com/KorSoftwareSolutions/ui/issues"
   },

package/src/components/index.ts

@@ -23,6 +23,7 @@ export * from "./radio-group";
 export * from "./scroll-bar";
 export * from "./select";
 export * from "./separator";
+export * from "./sidebar";
 export * from "./spinner";
 export * from "./table";
 export * from "./tabs";

package/src/components/sidebar/components/sidebar-content.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { ScrollView, type StyleProp, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarContentProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarContent(props: SidebarContentProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return (
+    <ScrollView style={[sidebar.styles?.content, style]} showsVerticalScrollIndicator={false}>
+      {children}
+    </ScrollView>
+  );
+}

package/src/components/sidebar/components/sidebar-footer.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarFooterProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarFooter(props: SidebarFooterProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return <View style={[sidebar.styles?.footer, style]}>{children}</View>;
+}

package/src/components/sidebar/components/sidebar-group-label.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, Text, type TextStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarGroupLabelProps {
+  children?: React.ReactNode;
+  style?: StyleProp<TextStyle>;
+}
+
+export function SidebarGroupLabel(props: SidebarGroupLabelProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return <Text style={[sidebar.styles?.groupLabel, style]}>{children}</Text>;
+}

package/src/components/sidebar/components/sidebar-group.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarGroupProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarGroup(props: SidebarGroupProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return <View style={[sidebar.styles?.group, style]}>{children}</View>;
+}

package/src/components/sidebar/components/sidebar-header.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarHeaderProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarHeader(props: SidebarHeaderProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return <View style={[sidebar.styles?.header, style]}>{children}</View>;
+}

package/src/components/sidebar/components/sidebar-menu-item.tsx

@@ -0,0 +1,61 @@
+import React, { useState } from "react";
+import {
+  Pressable,
+  type PressableProps,
+  type StyleProp,
+  StyleSheet,
+  type ViewStyle,
+} from "react-native";
+import { useOrganizedChildren } from "../../../hooks/use-organized-children";
+import { useSidebar } from "../context";
+import type { SidebarMenuButtonState } from "../types";
+
+export interface SidebarMenuItemProps extends Omit<PressableProps, "style"> {
+  children?: React.ReactNode;
+
+  /** Mark as active item */
+  isActive?: boolean;
+
+  /** Size variant */
+  size?: "default" | "lg";
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarMenuItem(props: SidebarMenuItemProps) {
+  const { children, isActive, size = "default", style, onPress, ...rest } = props;
+  const sidebar = useSidebar();
+  const [isHovered, setIsHovered] = useState(false);
+  const styles = sidebar.styles;
+
+  const state: SidebarMenuButtonState = isActive ? "active" : isHovered ? "hovered" : "default";
+
+  const textStyle = StyleSheet.flatten([
+    styles?.menuItemText?.default,
+    styles?.menuItemText?.[state],
+  ]);
+
+  const iconProps = StyleSheet.flatten([
+    styles?.menuItemIcon?.default,
+    styles?.menuItemIcon?.[state],
+  ]);
+
+  const organizedChildren = useOrganizedChildren(children, textStyle, iconProps);
+
+  return (
+    <Pressable
+      {...rest}
+      onPress={onPress}
+      onHoverIn={() => setIsHovered(true)}
+      onHoverOut={() => setIsHovered(false)}
+      style={[
+        styles?.menuItem?.default,
+        state !== "default" && styles?.menuItem?.[state],
+        size === "lg" && { minHeight: 48, paddingVertical: 8 },
+        style,
+      ]}
+    >
+      {organizedChildren}
+    </Pressable>
+  );
+}

package/src/components/sidebar/components/sidebar-menu-sub.tsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarMenuSubProps {
+  children?: React.ReactNode;
+
+  /** Whether the submenu is open (controlled) */
+  open?: boolean;
+
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarMenuSub(props: SidebarMenuSubProps) {
+  const { children, open = true, style } = props;
+  const sidebar = useSidebar();
+
+  if (!open) {
+    return null;
+  }
+
+  return <View style={[sidebar.styles?.menuSub, style]}>{children}</View>;
+}

package/src/components/sidebar/components/sidebar-menu.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarMenuProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarMenu(props: SidebarMenuProps) {
+  const { children, style } = props;
+  const sidebar = useSidebar();
+
+  return <View style={[sidebar.styles?.menu, style]}>{children}</View>;
+}

package/src/components/sidebar/components/sidebar-provider.tsx

@@ -0,0 +1,73 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useComponentConfig } from "../../../themes/provider";
+import { mergeStyles } from "../../../utils/calculate-styles";
+import { SidebarContext, type SidebarContextValue } from "../context";
+import { SidebarVariants } from "../variants";
+
+export interface SidebarProviderProps {
+  children?: React.ReactNode;
+
+  /** Variant key for sidebar theming */
+  variant?: keyof typeof SidebarVariants;
+
+  /** Width of the sidebar in pixels (default: 256) */
+  width?: number;
+
+  /** Default open state (uncontrolled) */
+  defaultOpen?: boolean;
+
+  /** Open state (controlled) */
+  open?: boolean;
+
+  /** Callback when open state changes (controlled) */
+  onOpenChange?: (open: boolean) => void;
+}
+
+export function SidebarProvider(props: SidebarProviderProps) {
+  const {
+    children,
+    variant = "default",
+    width,
+    defaultOpen = true,
+    open: controlledOpen,
+    onOpenChange,
+  } = props;
+
+  const [_open, _setOpen] = useState(defaultOpen);
+
+  const open = controlledOpen ?? _open;
+  const setOpen = useCallback(
+    (value: boolean) => {
+      if (onOpenChange) {
+        onOpenChange(value);
+      } else {
+        _setOpen(value);
+      }
+    },
+    [onOpenChange],
+  );
+
+  const toggleSidebar = useCallback(() => {
+    setOpen(!open);
+  }, [open, setOpen]);
+
+  const variantStyles = SidebarVariants[variant]();
+  const componentConfig = useComponentConfig("sidebar");
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+
+  const state = open ? "expanded" : "collapsed";
+
+  const contextValue = useMemo<SidebarContextValue>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      toggleSidebar,
+      width,
+      styles: mergedStyles,
+    }),
+    [state, open, setOpen, toggleSidebar, width, mergedStyles],
+  );
+
+  return <SidebarContext.Provider value={contextValue}>{children}</SidebarContext.Provider>;
+}

package/src/components/sidebar/components/sidebar-root.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarRootProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarRoot(props: SidebarRootProps) {
+  const { children, style } = props;
+  const { open, width = 256, styles } = useSidebar();
+
+  return (
+    <View style={[styles?.root, { width }, !open && { width: 0, overflow: "hidden" }, style]}>
+      {children}
+    </View>
+  );
+}

package/src/components/sidebar/context.ts

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import type { SidebarState, SidebarStyles } from "./types";
+
+export interface SidebarContextValue {
+  state: SidebarState;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  toggleSidebar: () => void;
+  width?: number;
+  styles?: SidebarStyles;
+}
+
+export const SidebarContext = createContext<SidebarContextValue | undefined>(undefined);
+
+export const useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider");
+  }
+  return context;
+};

package/src/components/sidebar/index.ts

@@ -0,0 +1,37 @@
+import { SidebarContent } from "./components/sidebar-content";
+import { SidebarFooter } from "./components/sidebar-footer";
+import { SidebarGroup } from "./components/sidebar-group";
+import { SidebarGroupLabel } from "./components/sidebar-group-label";
+import { SidebarHeader } from "./components/sidebar-header";
+import { SidebarMenuItem } from "./components/sidebar-menu-item";
+import { SidebarMenuSub } from "./components/sidebar-menu-sub";
+import { SidebarMenu } from "./components/sidebar-menu";
+import { SidebarProvider } from "./components/sidebar-provider";
+import { SidebarRoot } from "./components/sidebar-root";
+
+export const Sidebar = {
+  Provider: SidebarProvider,
+  Root: SidebarRoot,
+  Header: SidebarHeader,
+  Footer: SidebarFooter,
+  Content: SidebarContent,
+  Group: SidebarGroup,
+  GroupLabel: SidebarGroupLabel,
+  Menu: SidebarMenu,
+  MenuItem: SidebarMenuItem,
+  MenuSub: SidebarMenuSub,
+};
+
+export { useSidebar } from "./context";
+
+export type { SidebarProviderProps } from "./components/sidebar-provider";
+export type { SidebarRootProps } from "./components/sidebar-root";
+export type { SidebarHeaderProps } from "./components/sidebar-header";
+export type { SidebarFooterProps } from "./components/sidebar-footer";
+export type { SidebarContentProps } from "./components/sidebar-content";
+export type { SidebarGroupProps } from "./components/sidebar-group";
+export type { SidebarGroupLabelProps } from "./components/sidebar-group-label";
+export type { SidebarMenuProps } from "./components/sidebar-menu";
+export type { SidebarMenuItemProps } from "./components/sidebar-menu-item";
+export type { SidebarMenuSubProps } from "./components/sidebar-menu-sub";
+export type { SidebarStyles, SidebarState } from "./types";

package/src/components/sidebar/types.ts

@@ -0,0 +1,31 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { IconProps } from "../icon";
+
+export type SidebarState = "expanded" | "collapsed";
+
+export type SidebarMenuButtonState = "default" | "active" | "hovered";
+
+export interface SidebarStyles {
+  /** The sidebar container */
+  root?: StyleProp<ViewStyle>;
+  /** Header (sticky top) */
+  header?: StyleProp<ViewStyle>;
+  /** Footer (sticky bottom) */
+  footer?: StyleProp<ViewStyle>;
+  /** Scrollable content area */
+  content?: StyleProp<ViewStyle>;
+  /** Group container */
+  group?: StyleProp<ViewStyle>;
+  /** Group label text */
+  groupLabel?: StyleProp<TextStyle>;
+  /** Menu list container */
+  menu?: StyleProp<ViewStyle>;
+  /** Menu item */
+  menuItem?: Partial<Record<SidebarMenuButtonState, StyleProp<ViewStyle>>>;
+  /** Menu item text */
+  menuItemText?: Partial<Record<SidebarMenuButtonState, StyleProp<TextStyle>>>;
+  /** Menu item icon */
+  menuItemIcon?: Partial<Record<SidebarMenuButtonState, IconProps>>;
+  /** Submenu container */
+  menuSub?: StyleProp<ViewStyle>;
+}