@admin-layout/gluestack-ui-mobile 11.0.4-alpha.0 → 12.0.16-alpha.0

package/lib/components/ui/spinner/index.web.d.ts

@@ -0,0 +1,176 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const spinnerStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+} | ({
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+} & {
+    size: {
+        xs: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        xl: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    colorScheme: {
+        primary: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        warning: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        light: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        dark: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "inline-block rounded-full border-[2px] border-t-transparent animate-spin", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}, undefined, "inline-block rounded-full border-[2px] border-t-transparent animate-spin", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    colorScheme: {
+        primary: string;
+        success: string;
+        warning: string;
+        error: string;
+        light: string;
+        dark: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ISpinnerProps = React.ComponentProps<'div'> & {
+    size?: VariantProps<typeof spinnerStyle>['size'];
+    colorScheme?: VariantProps<typeof spinnerStyle>['colorScheme'];
+    label?: string;
+};
+declare const Spinner: React.ForwardRefExoticComponent<Omit<ISpinnerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Spinner };

package/lib/components/ui/spinner/index.web.js

@@ -0,0 +1,55 @@
+'use client';
+import React, { forwardRef } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const SCOPE = 'SPINNER';
+const spinnerStyle = tva({
+    base: 'inline-block rounded-full border-[2px] border-t-transparent animate-spin',
+    variants: {
+        size: {
+            xs: 'h-3 w-3 border-[1px]',
+            sm: 'h-4 w-4 border-[1.5px]',
+            md: 'h-6 w-6 border-[2px]',
+            lg: 'h-8 w-8 border-[2.5px]',
+            xl: 'h-12 w-12 border-[3px]',
+        },
+        colorScheme: {
+            primary: 'border-blue-600',
+            success: 'border-green-600',
+            warning: 'border-yellow-600',
+            error: 'border-red-600',
+            light: 'border-white',
+            dark: 'border-gray-900',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        colorScheme: 'primary',
+    },
+});
+const Spinner = forwardRef(({ className, size, colorScheme, label = 'Loading...', ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, role: "status", "aria-label": label, className: spinnerStyle({ size, colorScheme, class: className }), ...props },
+        React.createElement("span", { className: "sr-only" }, label)));
+});
+Spinner.displayName = 'Spinner';
+export { Spinner };
+// Add keyframes for spin animation to your global CSS:
+const styles = `
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  animation: spin 0.8s linear infinite;
+}
+`;
+if (typeof document !== 'undefined') {
+    const styleSheet = document.createElement('style');
+    styleSheet.textContent = styles;
+    document.head.appendChild(styleSheet);
+}
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/spinner/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/spinner/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAKzD,MAAM,KAAK,GAAG,SAAS,CAAC;AAExB,MAAM,YAAY,GAAG,GAAG,CAAC;IACrB,IAAI,EAAE,0EAA0E;IAChF,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,wBAAwB;SAC/B;QACD,WAAW,EAAE;YACT,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,kBAAkB;YAC3B,OAAO,EAAE,mBAAmB;YAC5B,KAAK,EAAE,gBAAgB;YACvB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,iBAAiB;SAC1B;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,IAAI;QACV,WAAW,EAAE,SAAS;KACzB;CACJ,CAAC,CAAC;AAQH,MAAM,OAAO,GAAG,UAAU,CACtB,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtE,OAAO,CACH,6BACI,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,YAAY,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAC5D,KAAK;QAET,8BAAM,SAAS,EAAC,SAAS,IAAE,KAAK,CAAQ,CACtC,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC;AAEnB,uDAAuD;AACvD,MAAM,MAAM,GAAG;;;;;;;;;;;;;CAad,CAAC;AAEF,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnD,UAAU,CAAC,WAAW,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;AAC1C,CAAC"}

package/lib/components/ui/status-bar/index.web.d.ts

@@ -0,0 +1,14 @@
+interface StatusBarProps {
+    animated?: boolean;
+    backgroundColor?: string;
+    barStyle?: 'default' | 'light-content' | 'dark-content';
+    hidden?: boolean;
+    networkActivityIndicatorVisible?: boolean;
+    showHideTransition?: 'fade' | 'slide';
+    translucent?: boolean;
+}
+declare const StatusBar: {
+    (_props: StatusBarProps): null;
+    displayName: string;
+};
+export { StatusBar };

package/lib/components/ui/status-bar/index.web.js

@@ -0,0 +1,7 @@
+'use client';
+const StatusBar = (_props) => {
+    return null;
+};
+StatusBar.displayName = 'StatusBar';
+export { StatusBar };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/status-bar/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/status-bar/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAab,MAAM,SAAS,GAAG,CAAC,MAAsB,EAAQ,EAAE;IAC/C,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/ui/switch/index.web.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const UISwitch: import("@gluestack-ui/switch/lib/types").ISwitchComponentType<Omit<any, "ref"> & {
+    context?: any;
+} & React.RefAttributes<({ value, onValueChange, disabled, ...props }: any) => React.JSX.Element>>;
+declare const switchStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} | ({
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+} & {
+    size: {
+        sm: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        md: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        lg: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "appearance-none relative inline-block w-10 h-6 rounded-full bg-gray-300 transition-colors duration-200 ease-in-out cursor-pointer focus:outline-none focus:ring-2 focus:ring-indicator-primary checked:bg-primary-500 disabled:cursor-not-allowed disabled:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:border-2", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "appearance-none relative inline-block w-10 h-6 rounded-full bg-gray-300 transition-colors duration-200 ease-in-out cursor-pointer focus:outline-none focus:ring-2 focus:ring-indicator-primary checked:bg-primary-500 disabled:cursor-not-allowed disabled:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:border-2", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ISwitchProps = React.ComponentProps<typeof UISwitch> & VariantProps<typeof switchStyle>;
+declare const Switch: React.ForwardRefExoticComponent<Omit<ISwitchProps, "ref"> & React.RefAttributes<Omit<any, "ref"> & {
+    context?: any;
+} & React.RefAttributes<({ value, onValueChange, disabled, ...props }: any) => React.JSX.Element>>>;
+export { Switch };

package/lib/components/ui/switch/index.web.js

@@ -0,0 +1,27 @@
+'use client';
+import React from 'react';
+import { createSwitch } from '@gluestack-ui/switch';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { withStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+const WebSwitch = ({ value, onValueChange, disabled, ...props }) => {
+    return (React.createElement("input", { type: "checkbox", checked: value, onChange: (e) => onValueChange?.(e.target.checked), disabled: disabled, ...props }));
+};
+const UISwitch = createSwitch({
+    Root: withStyleContext(WebSwitch),
+});
+const switchStyle = tva({
+    base: 'appearance-none relative inline-block w-10 h-6 rounded-full bg-gray-300 transition-colors duration-200 ease-in-out cursor-pointer focus:outline-none focus:ring-2 focus:ring-indicator-primary checked:bg-primary-500 disabled:cursor-not-allowed disabled:opacity-40 data-[invalid=true]:border-error-700 data-[invalid=true]:border-2',
+    variants: {
+        size: {
+            sm: 'w-8 h-5',
+            md: 'w-10 h-6',
+            lg: 'w-12 h-7',
+        },
+    },
+});
+const Switch = React.forwardRef(({ className, size = 'md', ...props }, ref) => {
+    return React.createElement(UISwitch, { ref: ref, ...props, className: switchStyle({ size, class: className }) });
+});
+Switch.displayName = 'Switch';
+export { Switch };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/switch/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/switch/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AAGnF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAO,EAAE,EAAE;IACpE,OAAO,CACH,+BACI,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,QAAQ,EAAE,QAAQ,KACd,KAAK,GACX,CACL,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,YAAY,CAAC;IAC1B,IAAI,EAAE,gBAAgB,CAAC,SAAS,CAAC;CACpC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,CAAC;IACpB,IAAI,EAAE,yUAAyU;IAC/U,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACjB;KACJ;CACJ,CAAC,CAAC;AAIH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,GAAI,CAAC;AACjG,CAAC,CACJ,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,CAAC"}