@app-studio/components 0.10.17

package/dist/native/components/Sidebar/Sidebar/Sidebar.view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.view.js","sourceRoot":"","sources":["../../../../../src/components/Sidebar/Sidebar/Sidebar.view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAO9C,OAAO,EACL,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,yKAAyK;AACzK,MAAM,cAAc,GAAG,aAAa,CAAqB;IACvD,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AACH,iJAAiJ;AACjJ,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;AAClE,uJAAuJ;AACvJ,MAAM,CAAC,MAAM,eAAe,GAGvB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3B,OAAO,CACL,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAC5E,CAAC;AACJ,CAAC,CAAC;AACF,gJAAgJ;AAChJ,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,gBAAgB,GAAG,IAAI,EACvB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,kJAAkJ;IAClJ,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACrE,OAAO,CACL,CAAC,UAAU,CACT,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,MAAM,CACd,iBAAiB,CAAC,KAAK,CACvB,iBAAiB,CAAC,OAAO,CACzB,iBAAiB,CAAC,gBAAgB,CAClC,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,eAAe,CAC9B,IAAI,KAAK,EAAE,MAAM,CAAC,CAClB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,UAAU,CACT,KAAK,CAAC,MAAM,CACZ,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,eAAe,CAE9B;UAAA,CAAC,QAAQ,CACT;UAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,aAAa,CAC7B,MAAM,CAAC,SAAS,CAChB,MAAM,CAAC,CAAC,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAC9C,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC/D,IAAI,KAAK,EAAE,YAAY,CAAC,CAExB;cAAA,CAAC,WAAW,CACV,WAAW,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CACpD,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,IAAI,KAAK,EAAE,gBAAgB,CAAC,EAEhC;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,CACF,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CAEvB;UAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,IAAI,CACH,EAAE,CAAC,QAAQ,CACX,OAAO,CAAC,MAAM,CACd,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,QAAQ,CACvB,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,MAAM,CACb,WAAW,CAAC,KAAK,CACjB,WAAW,CAAC,OAAO,CACnB,WAAW,CAAC,gBAAgB,CAC5B,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,aAAa,CAC7B,MAAM,CAAC,SAAS,CAChB,MAAM,CAAC,CAAC,EAAE,eAAe,EAAE,gBAAgB,EAAE,CAAC,CAC9C,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAC/D,IAAI,KAAK,EAAE,YAAY,CAAC,CAExB;cAAA,CAAC,WAAW,CACV,WAAW,CAAC,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CACpD,WAAW,CAAC,CAAC,EAAE,CAAC,CAChB,IAAI,KAAK,EAAE,gBAAgB,CAAC,EAEhC;YAAA,EAAE,IAAI,CAAC,CACR,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,GAAG,CACR,KAAK,CAAC,MAAM,CACZ,SAAS,CAAC,MAAM,CAChB,SAAS,CAAC,QAAQ,CAClB,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CACrC,IAAI,KAAK,EAAE,OAAO,CAAC,CACnB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,CAAC,IAAI,CACH,KAAK,CAAC,MAAM,CACZ,OAAO,CAAC,MAAM,CACd,cAAc,CAAC,KAAK,CACpB,cAAc,CAAC,OAAO,CACtB,cAAc,CAAC,gBAAgB,CAC/B,IAAI,KAAK,EAAE,MAAM,CAAC,CAClB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAC/B;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAA2B,CAAC,EAClD,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,KAAK,EACb,WAAW,GAAG,IAAI,EAClB,aAAa,EACb,cAAc,EACd,UAAU,EACV,kBAAkB,GAAG,SAAS,EAC9B,SAAS,GAAG,MAAM,EAClB,gBAAgB,GAAG,QAAQ,EAC3B,SAAS,GAAG,oBAAoB,EAChC,gBAAgB,EAChB,cAAc,EACd,MAAM,EACN,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EAAE,WAAW,EACtB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,UAAU;QACtB,CAAC,CAAC,aAAa,IAAI,UAAU,CAAC,aAAa;QAC3C,CAAC,CAAC,cAAc,IAAI,UAAU,CAAC,cAAc,CAAC;IAChD,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,kBAAkB,KAAK,MAAM,CAAC,CAAC;IAC3E,MAAM,aAAa,GACjB,KAAK,IAAI,CAAC,QAAQ,IAAI,kBAAkB,KAAK,SAAS,CAAC;QACrD,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,UAAU,CAAC;IACjB,MAAM,YAAY,GAChB,WAAW,IAAI,QAAQ,IAAI,UAAU,IAAI,kBAAkB,KAAK,SAAS,CAAC;IAC5E,OAAO,CACL,EACE;MACA;MAAA,CAAC,YAAY,IAAI,CACf,CAAC,IAAI,CACH,QAAQ,CAAC,OAAO,CAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,IAAI,CAAC,CAAC,CAAC,CAAC,CACR,KAAK,CAAC,OAAO,CACb,MAAM,CAAC,OAAO,CACd,eAAe,CAAC,sBAAsB,CACtC,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,IAAI,KAAK,EAAE,QAAQ,CAAC,EACpB,CACH,CACD;MACA;MAAA,CAAC,SAAS,IAAI,CACZ,CAAC,QAAQ,CACP,QAAQ,CAAC,CAAC,aAAa,CAAC,CACxB,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,MAAM,CAAC,OAAO,CACd,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,MAAM,CAAC,CAAC,GAAG,CAAC,CACZ,UAAU,CAAC,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC,CACjD,SAAS,CAAC,CACR,QAAQ,IAAI,kBAAkB,KAAK,SAAS,IAAI,CAAC,UAAU;gBACzD,CAAC,CAAC,cAAc,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG;gBACzD,CAAC,CAAC,eACN,CAAC,CACD,IAAI,CAAC,YAAY,CACjB,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC,CAC7B,IAAI,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAC/B,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC,CACjC,IAAI,KAAK,EAAE,SAAS,CAAC,CACrB,IAAI,KAAK,CAAC,CAEV;UAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBACtC,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CACJ;QAAA,EAAE,QAAQ,CAAC,CACZ,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACkB,EAAE,EAAE;IAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC3C,OAAO,CACL,CAAC,UAAU,CACT,UAAU,CAAC,QAAQ,CACnB,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CACnD,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,OAAO,CAAC,UAAU,CAClB,YAAY,CAAC,KAAK,CAClB,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAC5D,KAAK,CAAC,CACJ,UAAU;YACR,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,gBAAgB;gBAClB,CAAC,CAAC,gBACN,CAAC,CACD,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CACzC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAC/C,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAC9B,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,aAAa,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CACvC,EAAE,CAAC,CAAC;YACF,KAAK,EAAE,UAAU;gBACf,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC;oBACE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB;iBAC/D;SACN,CAAC,CACF,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,IAAI,CACL;MAAA,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CACnC;MAAA,CAAC,UAAU,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CACzE;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/native/components/Sidebar/Sidebar/Sidebar.view.native.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { SidebarProps, SidebarHeaderProps, SidebarContentProps, SidebarFooterProps } from './Sidebar.props';
+import { SidebarContextType } from './Sidebar.type';
+export declare const useSidebarContext: () => SidebarContextType;
+export declare const SidebarProvider: React.FC<{
+    value: SidebarContextType;
+    children: React.ReactNode;
+}>;
+export declare const SidebarHeader: React.FC<SidebarHeaderProps>;
+export declare const SidebarContent: React.FC<SidebarContentProps>;
+export declare const SidebarFooter: React.FC<SidebarFooterProps>;
+export declare const SidebarView: React.FC<SidebarProps>;
+interface SideBarNavItemProps {
+    icon: React.ReactNode;
+    label: string;
+    isActive?: boolean;
+    ariaLabel?: string;
+    badge?: number;
+}
+export declare const SideBarNavItem: ({ icon, label, isActive, isDisabled, badge, views, ariaLabel, ...props }: SideBarNavItemProps & any) => React.JSX.Element;
+export {};

package/dist/native/components/Sidebar/Sidebar/Sidebar.view.native.js

@@ -0,0 +1,82 @@
+import React, { createContext, useContext } from 'react';
+import { ScrollView } from 'react-native';
+import { View, Vertical, Horizontal, Text } from 'app-studio';
+import { ChevronIcon } from '../../Icon/Icon';
+import { SidebarSizes, SidebarVariants, SidebarPositions, SidebarElevations, } from './Sidebar.style';
+import { Badge } from '../../Badge/Badge';
+const SidebarContext = createContext({
+    isExpanded: true,
+    toggleExpanded: () => { },
+    expand: () => { },
+    collapse: () => { },
+    position: 'left',
+    size: 'md',
+    variant: 'default',
+});
+export const useSidebarContext = () => useContext(SidebarContext);
+export const SidebarProvider = ({ value, children }) => {
+    return (<SidebarContext.Provider value={value}>{children}</SidebarContext.Provider>);
+};
+export const SidebarHeader = ({ children, showToggleButton = true, views, ...props }) => {
+    const { isExpanded, toggleExpanded, position } = useSidebarContext();
+    const arrowOrientation = isExpanded
+        ? position === 'left'
+            ? 'left'
+            : 'right'
+        : position === 'left'
+            ? 'right'
+            : 'left';
+    return (<Horizontal width="100%" padding={16} borderBottomWidth={1} borderBottomStyle="solid" borderBottomColor="color-gray-200" alignItems="center" justifyContent="space-between" {...views?.header} {...props}>
+      {isExpanded ? (<Horizontal width="100%" alignItems="center" justifyContent="space-between">
+          {children}
+          {showToggleButton && (<View alignItems="center" justifyContent="center" width={32} height={32} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" borderRadius={4} backgroundColor="transparent" onPress={toggleExpanded} onClick={toggleExpanded} {...views?.toggleButton}>
+              <ChevronIcon widthHeight={16} orientation={arrowOrientation} {...views?.toggleButtonIcon}/>
+            </View>)}
+        </Horizontal>) : (<View width="100%" alignItems="center" justifyContent="center">
+          {showToggleButton && (<View alignItems="center" justifyContent="center" width={32} height={32} borderWidth={1} borderStyle="solid" borderColor="color-gray-200" borderRadius={4} backgroundColor="transparent" onPress={toggleExpanded} onClick={toggleExpanded} {...views?.toggleButton}>
+              <ChevronIcon widthHeight={16} orientation={arrowOrientation} {...views?.toggleButtonIcon}/>
+            </View>)}
+        </View>)}
+    </Horizontal>);
+};
+export const SidebarContent = ({ children, views, ...props }) => {
+    const { isExpanded } = useSidebarContext();
+    return (<ScrollView style={{ flex: 1, width: '100%' }}>
+      <View width="100%" padding={isExpanded ? 16 : 8} {...views?.content} {...props}>
+        {children}
+      </View>
+    </ScrollView>);
+};
+export const SidebarFooter = ({ children, views, ...props }) => {
+    const { isExpanded } = useSidebarContext();
+    return (<View width="100%" padding={16} borderTopWidth={1} borderTopStyle="solid" borderTopColor="color-gray-200" {...views?.footer} {...props}>
+      {isExpanded ? children : null}
+    </View>);
+};
+export const SidebarView = ({ children, position = 'left', size = 'md', variant = 'default', fixed = false, hasBackdrop = true, expandedWidth, collapsedWidth, breakpoint, breakpointBehavior = 'overlay', elevation = 'none', transitionPreset = 'normal', ariaLabel = 'Sidebar navigation', showToggleButton, toggleExpanded, expand, isExpanded, isMobile, collapse, views, themeMode: elementMode, ...props }) => {
+    const sizeConfig = SidebarSizes[size];
+    const width = isExpanded
+        ? expandedWidth || sizeConfig.expandedWidth
+        : collapsedWidth || sizeConfig.collapsedWidth;
+    const isVisible = !isMobile || (isMobile && breakpointBehavior !== 'hide');
+    if (!isVisible)
+        return null;
+    return (<Vertical height="100%" width={width} {...SidebarVariants[variant]} {...SidebarPositions[position]} {...SidebarElevations[elevation]} {...views?.container} {...props}>
+      {React.Children.map(children, (child) => child)}
+    </Vertical>);
+};
+export const SideBarNavItem = ({ icon, label, isActive = false, isDisabled = false, badge, views, ariaLabel, ...props }) => {
+    const { isExpanded } = useSidebarContext();
+    return (<Horizontal alignItems="center" justifyContent={!isExpanded ? 'center' : undefined} gap={12} paddingVertical={8} paddingHorizontal={12} borderRadius={4} backgroundColor={isActive ? 'color-blue-50' : 'transparent'} opacity={isDisabled ? 0.6 : 1} {...props}>
+      {icon}
+      {isExpanded && (<Text color={isDisabled
+                ? 'color-gray-400'
+                : isActive
+                    ? 'color-blue-600'
+                    : 'color-gray-700'} fontWeight={isActive ? 'bold' : 'normal'}>
+          {label}
+        </Text>)}
+      {isExpanded && badge && <Badge {...views?.navItemBagde}>{badge}</Badge>}
+    </Horizontal>);
+};
+//# sourceMappingURL=Sidebar.view.native.js.map

package/dist/native/components/Sidebar/Sidebar/Sidebar.view.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.view.native.js","sourceRoot":"","sources":["../../../../../src/components/Sidebar/Sidebar/Sidebar.view.native.tsx"],"names":[],"mappings":"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"}

package/dist/native/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,2 @@
+import { SidebarType } from './Sidebar/Sidebar.props';
+export declare const Sidebar: SidebarType;

package/dist/native/components/Sidebar/Sidebar.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { useSidebarState } from './Sidebar/Sidebar.state';
+import { SidebarProvider, SidebarHeader, SidebarContent, SidebarFooter, SidebarView, useSidebarContext, } from './Sidebar/Sidebar.view';
+// This component serves as the main entry point for the Sidebar, orchestrating its various parts (state, view, context) to provide a complete and customizable sidebar solution with properties for appearance, behavior, and responsiveness.
+const SidebarComponent = ({ children, position = 'left', size = 'md', variant = 'default', defaultExpanded = true, expanded, onExpandedChange, fixed = false, hasBackdrop = true, showToggleButton = true, expandedWidth, collapsedWidth, breakpoint = 768, breakpointBehavior = 'overlay', views, ...props }) => {
+    const { isExpanded, toggleExpanded, expand, collapse, isMobile } = useSidebarState(defaultExpanded, expanded, onExpandedChange, breakpoint);
+    return (<SidebarProvider value={{
+            isExpanded,
+            toggleExpanded,
+            expand,
+            collapse,
+            position,
+            size,
+            variant,
+            views,
+        }}>
+      <SidebarView position={position} size={size} variant={variant} fixed={fixed} hasBackdrop={hasBackdrop} showToggleButton={showToggleButton} expandedWidth={expandedWidth} collapsedWidth={collapsedWidth} breakpoint={breakpoint} breakpointBehavior={breakpointBehavior} isExpanded={isExpanded} isMobile={isMobile} toggleExpanded={toggleExpanded} expand={expand} collapse={collapse} views={views} {...props}>
+        {children}
+      </SidebarView>
+    </SidebarProvider>);
+};
+export const Sidebar = SidebarComponent;
+Sidebar.Header = SidebarHeader;
+Sidebar.Content = SidebarContent;
+Sidebar.Footer = SidebarFooter;
+Sidebar.useContext = useSidebarContext;
+//# sourceMappingURL=Sidebar.js.map

package/dist/native/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,8OAA8O;AAC9O,MAAM,gBAAgB,GAA2B,CAAC,EAChD,QAAQ,EACR,QAAQ,GAAG,MAAM,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,SAAS,EACnB,eAAe,GAAG,IAAI,EACtB,QAAQ,EACR,gBAAgB,EAChB,KAAK,GAAG,KAAK,EACb,WAAW,GAAG,IAAI,EAClB,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,cAAc,EACd,UAAU,GAAG,GAAG,EAChB,kBAAkB,GAAG,SAAS,EAC9B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC9D,eAAe,CAAC,eAAe,EAAE,QAAQ,EAAE,gBAAgB,EAAE,UAAU,CAAC,CAAC;IAC3E,OAAO,CACL,CAAC,eAAe,CACd,KAAK,CAAC,CAAC;YACL,UAAU;YACV,cAAc;YACd,MAAM;YACN,QAAQ;YACR,QAAQ;YACR,IAAI;YACJ,OAAO;YACP,KAAK;SACN,CAAC,CAEF;MAAA,CAAC,WAAW,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CACf;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,gBAA+B,CAAC;AACvD,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC;AACjC,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC;AAC/B,OAAO,CAAC,UAAU,GAAG,iBAAiB,CAAC"}

package/dist/native/components/Sidebar/index.d.ts

@@ -0,0 +1 @@
+export * from './Sidebar';

package/dist/native/components/Sidebar/index.js

@@ -0,0 +1,3 @@
+// This line re-exports all named exports from the `./Sidebar` module, making the `Sidebar` component and any related types/utilities directly accessible when importing from this directory.
+export * from './Sidebar';
+//# sourceMappingURL=index.js.map

package/dist/native/components/Sidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,6LAA6L;AAC7L,cAAc,WAAW,CAAC"}

package/dist/native/components/Slider/Slider/Slider.props.d.ts

@@ -0,0 +1,36 @@
+import { InputProps, ViewProps } from 'app-studio';
+import { Orientation, Shape, Size, SliderStyles, Variant } from './Slider.type';
+export interface SliderProps extends Omit<InputProps, 'size' | 'onChange' | 'onDrag' | 'shadow' | 'value'> {
+    min?: number;
+    max?: number;
+    value?: number;
+    defaultValue?: number;
+    step?: number;
+    stepValues?: number[];
+    shape?: Shape;
+    size?: Size;
+    variant?: Variant;
+    orientation?: Orientation;
+    isDisabled?: boolean;
+    showValue?: boolean;
+    showTooltip?: boolean;
+    label?: React.ReactNode;
+    helperText?: string;
+    onChange?: (value: number) => void;
+    onDrag?: (value: number) => void;
+    views?: SliderStyles;
+    shadow?: ViewProps;
+    ariaLabel?: string;
+}
+export interface SliderViewProps extends SliderProps {
+    currentValue?: number;
+    isDragging: boolean;
+    isHovered: boolean;
+    trackRef: React.RefObject<HTMLDivElement | null>;
+    thumbRef: React.RefObject<HTMLDivElement | null>;
+    handleThumbMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
+    handleTrackMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    thumbPositionPercent: number;
+    setIsHovered: (hovered: boolean) => void;
+}

package/dist/native/components/Slider/Slider/Slider.props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Slider.props.js.map

package/dist/native/components/Slider/Slider/Slider.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.props.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/Slider.props.ts"],"names":[],"mappings":""}

package/dist/native/components/Slider/Slider/Slider.state.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SliderProps } from './Slider.props';
+export declare const useSliderState: ({ min, max, step, value: controlledValue, defaultValue, onChange, onDrag, orientation, isDisabled, stepValues, }: SliderProps) => {
+    currentValue: number;
+    isDragging: boolean;
+    isHovered: boolean;
+    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;
+    trackRef: React.RefObject<HTMLDivElement | null>;
+    thumbRef: React.RefObject<HTMLDivElement | null>;
+    handleThumbMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
+    handleTrackMouseDown: (event: React.MouseEvent | React.TouchEvent) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    thumbPositionPercent: number;
+};

package/dist/native/components/Slider/Slider/Slider.state.js

@@ -0,0 +1,146 @@
+import { useState, useEffect, useRef, useCallback } from 'react';
+// This file encapsulates the core state management logic and utility functions for the Slider component, handling value calculation, user interactions, and controlled/uncontrolled behavior.
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const calculateValue = (position, trackRect, min, max, step, orientation, stepValues) => {
+    const range = max - min;
+    let percentage;
+    if (orientation === 'horizontal') {
+        const trackLength = trackRect.width;
+        const relativePosition = position - trackRect.left;
+        percentage = clamp(relativePosition / trackLength, 0, 1);
+    }
+    else {
+        const trackLength = trackRect.height;
+        const relativePosition = trackRect.bottom - position;
+        percentage = clamp(relativePosition / trackLength, 0, 1);
+    }
+    if (stepValues && stepValues.length > 0) {
+        const rawValue = min + percentage * range;
+        let closestValue = stepValues[0];
+        let minDistance = Math.abs(rawValue - closestValue);
+        for (let i = 1; i < stepValues.length; i++) {
+            const distance = Math.abs(rawValue - stepValues[i]);
+            if (distance < minDistance) {
+                minDistance = distance;
+                closestValue = stepValues[i];
+            }
+        }
+        return closestValue;
+    }
+    else {
+        const rawValue = min + percentage * range;
+        const steppedValue = Math.round(rawValue / step) * step;
+        return clamp(steppedValue, min, max);
+    }
+};
+export const useSliderState = ({ min = 0, max = 100, step = 1, value: controlledValue = 0, defaultValue, onChange, onDrag, orientation = 'horizontal', isDisabled = false, stepValues, }) => {
+    const initialValue = clamp(controlledValue ?? defaultValue ?? min, min, max);
+    const [internalValue, setInternalValue] = useState(initialValue);
+    const [isDragging, setIsDragging] = useState(false);
+    const [isHovered, setIsHovered] = useState(false);
+    const trackRef = useRef(null);
+    const thumbRef = useRef(null);
+    const isControlled = controlledValue !== undefined;
+    const currentValue = isControlled ? controlledValue : internalValue;
+    useEffect(() => {
+        if (isControlled) {
+            setInternalValue(clamp(controlledValue, min, max));
+        }
+    }, [controlledValue, isControlled, min, max]);
+    const updateValue = useCallback((newValue) => {
+        const clampedValue = clamp(newValue, min, max);
+        if (!isControlled) {
+            setInternalValue(clampedValue);
+        }
+        if (onChange && clampedValue !== currentValue) {
+            onChange(clampedValue);
+        }
+        if (isDragging && onDrag) {
+            onDrag(clampedValue);
+        }
+    }, [isControlled, min, max, onChange, currentValue, isDragging, onDrag]);
+    const handleInteraction = useCallback((event) => {
+        if (isDisabled || !trackRef.current)
+            return;
+        const trackRect = trackRef.current.getBoundingClientRect();
+        let position;
+        if ('touches' in event) {
+            position =
+                orientation === 'horizontal'
+                    ? event.touches[0].clientX
+                    : event.touches[0].clientY;
+        }
+        else {
+            position = orientation === 'horizontal' ? event.clientX : event.clientY;
+        }
+        const newValue = calculateValue(position, trackRect, min, max, step, orientation, stepValues);
+        updateValue(newValue);
+    }, [min, max, step, orientation, updateValue, isDisabled, stepValues]);
+    const handleMouseDown = useCallback((event) => {
+        if (isDisabled)
+            return;
+        event.preventDefault();
+        setIsDragging(true);
+        handleInteraction(event);
+        const handleMouseMove = (moveEvent) => {
+            handleInteraction(moveEvent);
+        };
+        const handleMouseUp = () => {
+            setIsDragging(false);
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            document.removeEventListener('touchmove', handleMouseMove);
+            document.removeEventListener('touchend', handleMouseUp);
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        document.addEventListener('touchmove', handleMouseMove);
+        document.addEventListener('touchend', handleMouseUp);
+    }, [handleInteraction, isDisabled]);
+    const handleTrackMouseDown = useCallback((event) => {
+        if (thumbRef.current && thumbRef.current.contains(event.target)) {
+            return;
+        }
+        handleMouseDown(event);
+    }, [handleMouseDown]);
+    const handleKeyDown = useCallback((event) => {
+        if (isDisabled)
+            return;
+        let newValue = currentValue;
+        switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                newValue = currentValue - step;
+                break;
+            case 'ArrowRight':
+            case 'ArrowUp':
+                newValue = currentValue + step;
+                break;
+            case 'Home':
+                newValue = min;
+                break;
+            case 'End':
+                newValue = max;
+                break;
+            default:
+                return;
+        }
+        event.preventDefault();
+        updateValue(newValue);
+    }, [currentValue, min, max, step, updateValue, isDisabled]);
+    const range = max - min;
+    const thumbPositionPercent = range === 0 ? 0 : ((currentValue - min) / range) * 100;
+    return {
+        currentValue,
+        isDragging,
+        isHovered,
+        setIsHovered,
+        trackRef,
+        thumbRef,
+        handleThumbMouseDown: handleMouseDown,
+        handleTrackMouseDown,
+        handleKeyDown,
+        thumbPositionPercent,
+    };
+};
+//# sourceMappingURL=Slider.state.js.map

package/dist/native/components/Slider/Slider/Slider.state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.state.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/Slider.state.ts"],"names":[],"mappings":"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"}

package/dist/native/components/Slider/Slider/Slider.style.d.ts

@@ -0,0 +1,15 @@
+import { ViewProps } from 'app-studio';
+import { Orientation, Shape, Size, Variant } from './Slider.type';
+export declare const SliderSizes: Record<Size, ViewProps>;
+export declare const ThumbSizes: Record<Size, ViewProps>;
+export declare const SliderShapes: Record<Shape, number | string>;
+export declare const getSlider: (themeMode: string) => Record<Variant, ViewProps>;
+export declare const SliderVariants: Record<Variant, ViewProps>;
+export declare const ThumbStyles: ViewProps;
+export declare const TrackStyles: ViewProps;
+export declare const RangeStyles: ViewProps;
+export declare const EnhancedSliderSizes: Record<Size, {
+    trackCrossAxisSize: number;
+    thumbSize: number;
+}>;
+export declare const OrientationStyles: Record<Orientation, ViewProps>;

package/dist/native/components/Slider/Slider/Slider.style.js

@@ -0,0 +1,127 @@
+// Defines the specific dimensions (height and width) for the slider track across various predefined sizes (xs, sm, md, lg, xl).
+export const SliderSizes = {
+    xs: {
+        height: 4,
+        width: '100%',
+    },
+    sm: {
+        height: 6,
+        width: '100%',
+    },
+    md: {
+        height: 8,
+        width: '100%',
+    },
+    lg: {
+        height: 10,
+        width: '100%',
+    },
+    xl: {
+        height: 12,
+        width: '100%',
+    },
+};
+// Specifies the dimensions (width and height) for the slider's interactive thumb component across different predefined sizes.
+export const ThumbSizes = {
+    xs: {
+        width: 12,
+        height: 12,
+    },
+    sm: {
+        width: 16,
+        height: 16,
+    },
+    md: {
+        width: 20,
+        height: 20,
+    },
+    lg: {
+        width: 24,
+        height: 24,
+    },
+    xl: {
+        width: 28,
+        height: 28,
+    },
+};
+// Maps named shapes (square, rounded, pill) to corresponding border-radius values, determining the visual curvature of the slider elements.
+export const SliderShapes = {
+    square: 0,
+    rounded: 4,
+    pill: 24,
+};
+// A factory function that returns a set of slider styles based on the provided theme mode and variant, supporting 'default' and 'outline' appearances.
+export const getSlider = (themeMode) => {
+    return {
+        default: {
+            backgroundColor: 'color-gray-200',
+            transition: 'background-color 0.15s ease',
+        },
+        outline: {
+            borderWidth: 1,
+            borderStyle: 'solid',
+            borderColor: 'color-gray-300',
+            style: { backgroundColor: 'transparent' },
+            transition: 'border-color 0.15s ease',
+        },
+    };
+};
+// Applies the default slider styles by invoking the 'getSlider' function with the 'light' theme mode.
+export const SliderVariants = getSlider('light');
+// Defines the comprehensive styling for the slider's thumb, including its appearance, borders, shadow, and interactive states like hover, focus, and active.
+export const ThumbStyles = {
+    backgroundColor: 'color-white',
+    borderWidth: 2,
+    borderStyle: 'solid',
+    borderColor: 'theme-primary',
+    borderRadius: '50%',
+    boxShadow: '0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)',
+    transition: 'box-shadow 0.15s ease, transform 0.15s ease',
+    _hover: {
+        boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.08)',
+    },
+    _focus: {
+        outline: 'none',
+        boxShadow: '0 0 0 2px rgba(255, 255, 255, 1), 0 0 0 4px rgba(66, 153, 225, 0.3)',
+    },
+    _active: {
+        transform: 'scale(1.1)',
+    },
+};
+// Specifies the default visual styles for the slider's track, which is the inactive background path for the thumb.
+export const TrackStyles = {
+    backgroundColor: 'color-gray-200',
+    overflow: 'hidden',
+    transition: 'background-color 0.15s ease',
+};
+// Defines the styles for the active range of the slider, representing the filled portion of the track that indicates the current value.
+export const RangeStyles = {
+    backgroundColor: 'theme-primary',
+    transition: 'width 0.15s ease, height 0.15s ease',
+};
+// Provides a comprehensive mapping of slider sizes to their corresponding track cross-axis dimensions and thumb sizes, useful for responsive styling.
+export const EnhancedSliderSizes = {
+    xs: { trackCrossAxisSize: 4, thumbSize: 12 },
+    sm: { trackCrossAxisSize: 6, thumbSize: 16 },
+    md: { trackCrossAxisSize: 8, thumbSize: 20 },
+    lg: { trackCrossAxisSize: 10, thumbSize: 24 },
+    xl: { trackCrossAxisSize: 12, thumbSize: 28 },
+};
+// Contains the base styling properties that configure the slider's layout and appearance depending on its orientation (horizontal or vertical).
+export const OrientationStyles = {
+    horizontal: {
+        width: '100%',
+        minWidth: '120px',
+        height: 'auto',
+        flexDirection: 'row',
+        paddingVertical: 8,
+    },
+    vertical: {
+        height: '100%',
+        minHeight: '120px',
+        width: 'auto',
+        flexDirection: 'column-reverse',
+        paddingHorizontal: 8,
+    },
+};
+//# sourceMappingURL=Slider.style.js.map

package/dist/native/components/Slider/Slider/Slider.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.style.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/Slider.style.ts"],"names":[],"mappings":"AAEA,gIAAgI;AAChI,MAAM,CAAC,MAAM,WAAW,GAA4B;IAClD,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;KACd;IACD,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;KACd;IACD,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;KACd;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AACF,8HAA8H;AAC9H,MAAM,CAAC,MAAM,UAAU,GAA4B;IACjD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAC;AACF,4IAA4I;AAC5I,MAAM,CAAC,MAAM,YAAY,GAAmC;IAC1D,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,EAAE;CACT,CAAC;AACF,uJAAuJ;AACvJ,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,SAAiB,EAA8B,EAAE;IACzE,OAAO;QACL,OAAO,EAAE;YACP,eAAe,EAAE,gBAAgB;YACjC,UAAU,EAAE,6BAA6B;SAC1C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,gBAAgB;YAC7B,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE;YACzC,UAAU,EAAE,yBAAyB;SACtC;KACF,CAAC;AACJ,CAAC,CAAC;AACF,sGAAsG;AACtG,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;AACjD,6JAA6J;AAC7J,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,eAAe,EAAE,aAAa;IAC9B,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,eAAe;IAC5B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,iEAAiE;IAC5E,UAAU,EAAE,6CAA6C;IACzD,MAAM,EAAE;QACN,SAAS,EACP,kEAAkE;KACrE;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;QACf,SAAS,EACP,qEAAqE;KACxE;IACD,OAAO,EAAE;QACP,SAAS,EAAE,YAAY;KACxB;CACF,CAAC;AACF,mHAAmH;AACnH,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,eAAe,EAAE,gBAAgB;IACjC,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,6BAA6B;CAC1C,CAAC;AACF,wIAAwI;AACxI,MAAM,CAAC,MAAM,WAAW,GAAc;IACpC,eAAe,EAAE,eAAe;IAChC,UAAU,EAAE,qCAAqC;CAClD,CAAC;AACF,sJAAsJ;AACtJ,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5C,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5C,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC5C,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;IAC7C,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;CAC9C,CAAC;AACF,gJAAgJ;AAChJ,MAAM,CAAC,MAAM,iBAAiB,GAAmC;IAC/D,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,KAAK;QACpB,eAAe,EAAE,CAAC;KACnB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO;QAClB,KAAK,EAAE,MAAM;QACb,aAAa,EAAE,gBAAgB;QAC/B,iBAAiB,EAAE,CAAC;KACrB;CACF,CAAC"}

package/dist/native/components/Slider/Slider/Slider.type.d.ts

@@ -0,0 +1,18 @@
+import { ViewProps, TextProps } from 'app-studio';
+export type Shape = 'square' | 'rounded' | 'pill';
+export type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type Variant = 'default' | 'outline';
+export type Orientation = 'horizontal' | 'vertical';
+export interface SliderStyles {
+    container?: ViewProps;
+    track?: ViewProps;
+    progress?: ViewProps;
+    filledTrack?: ViewProps;
+    thumb?: ViewProps;
+    label?: ViewProps;
+    valueLabel?: ViewProps;
+    stepMarks?: ViewProps;
+    tooltip?: ViewProps & {
+        text?: TextProps;
+    };
+}

package/dist/native/components/Slider/Slider/Slider.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Slider.type.js.map

package/dist/native/components/Slider/Slider/Slider.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.type.js","sourceRoot":"","sources":["../../../../../src/components/Slider/Slider/Slider.type.ts"],"names":[],"mappings":""}

package/dist/native/components/Slider/Slider/Slider.view.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SliderViewProps } from './Slider.props';
+export declare const SliderView: React.FC<SliderViewProps>;