@customafk/lunas-ui 0.0.1-e → 0.0.2-a

package/dist/hooks/index.d.ts

@@ -58,12 +58,6 @@ declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(reference
 
 declare const useTimeout: (callback: () => void, delay: number | null) => void;
 
-/**
- * Custom hook that runs a cleanup function when the component is unmounted
- * @param func
- */
-declare const useUnmount: (callback: () => void) => void;
-
 declare const Toast$1: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
     variant?: "default" | "destructive" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
@@ -113,4 +107,10 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
+/**
+ * Custom hook that runs a cleanup function when the component is unmounted
+ * @param func
+ */
+declare const useUnmount: (callback: () => void) => void;
+
 export { reducer, toast, useBoolean, useClickAnyWhere, useCopyToClipboard, useEventListener, useHover, useInterval, useIsomorphicLayoutEffect, useOnClickOutside, useTimeout, useToast, useUnmount };

package/dist/hooks/index.js

@@ -127,22 +127,8 @@ var useTimeout = (callback, delay) => {
 };
 var useTimeout_default = useTimeout;
 
-// packages/hooks/useUnmount.ts
-import React7 from "react";
-var useUnmount = (callback) => {
-  const functionReference = React7.useRef(callback);
-  functionReference.current = callback;
-  React7.useEffect(
-    () => () => {
-      functionReference.current();
-    },
-    []
-  );
-};
-var useUnmount_default = useUnmount;
-
 // packages/hooks/useToast.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 var TOAST_LIMIT = 1;
 var TOAST_REMOVE_DELAY = 1e6;
 var count = 0;
@@ -245,8 +231,8 @@ function toast({ duration = 2e3, ...props }) {
   };
 }
 function useToast() {
-  const [state, setState] = React8.useState(memoryState);
-  React8.useEffect(() => {
+  const [state, setState] = React7.useState(memoryState);
+  React7.useEffect(() => {
     listeners.push(setState);
     return () => {
       const index = listeners.indexOf(setState);
@@ -261,6 +247,20 @@ function useToast() {
     dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
   };
 }
+
+// packages/hooks/useUnmount.ts
+import React8 from "react";
+var useUnmount = (callback) => {
+  const functionReference = React8.useRef(callback);
+  functionReference.current = callback;
+  React8.useEffect(
+    () => () => {
+      functionReference.current();
+    },
+    []
+  );
+};
+var useUnmount_default = useUnmount;
 export {
   reducer,
   toast,

package/dist/tailwindTheme.d.ts

@@ -51,6 +51,48 @@ declare const themes: {
                 900: string;
                 950: string;
             };
+            destructive: {
+                default: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            success: {
+                default: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            warn: {
+                default: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
             text: {
                 black: string;
                 white: string;
@@ -66,7 +108,21 @@ declare const themes: {
                 900: string;
                 950: string;
             };
-            destructive: {
+            surface: {
+                default: string;
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            border: {
                 default: string;
                 50: string;
                 100: string;
@@ -126,6 +182,7 @@ declare const themes: {
         'ui-status-order': string;
         'ui-status-out-of-stock': string;
         'ui-status-in-stock': string;
+        'ui-line': string;
     };
     boxShadow: {
         'ui-sd-primary': string;
@@ -136,6 +193,10 @@ declare const themes: {
         'ui-soft': string;
         'ui-muli': string;
         'ui-category-effect': string;
+        'ui-flat': string;
+        'ui-overlay': string;
+        'ui-sticky-nav': string;
+        'ui-dialog': string;
     };
     fontSize: {
         'ui-h1': string[];
@@ -145,6 +206,28 @@ declare const themes: {
         'ui-note': string[];
         'ui-small-note': string[];
     };
+    keyframes: {
+        'accordion-down': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+        'accordion-up': {
+            from: {
+                height: string;
+            };
+            to: {
+                height: string;
+            };
+        };
+    };
+    animation: {
+        'accordion-down': string;
+        'accordion-up': string;
+    };
 };
 
 export { themes as default };

package/dist/tailwindTheme.js

@@ -8,8 +8,8 @@ var themes = {
   },
   colors: {
     ui: {
-      white: "#F8F8F8",
-      "white-primary": "#FDFDFD",
+      white: "#ffffff",
+      "white-primary": "#ffffff",
       "black-primary": "#111315",
       "bg-white": "#FAFAFA",
       primary: {
@@ -27,47 +27,32 @@ var themes = {
         950: "#1F1C4A"
       },
       secondary: {
-        default: "#AE54F5",
-        50: "#FAF5FF",
-        100: "#F4E8FF",
-        200: "#EBD5FF",
-        300: "#DBB5FD",
-        400: "#C685FB",
-        500: "#AE54F5",
-        600: "#9B35E8",
-        700: "#8624CC",
-        800: "#7123A6",
-        900: "#5D1D86",
-        950: "#3F0863"
+        default: "#C170FF",
+        50: "#F9F1FF",
+        100: "#F3E2FF",
+        200: "#ECD4FF",
+        300: "#E0B8FF",
+        400: "#D49BFF",
+        500: "#C170FF",
+        600: "#AE65E6",
+        700: "#9A5ACC",
+        800: "#874EB3",
+        900: "#613880",
+        950: "#3A224C"
       },
       tertiary: {
-        default: "#4277EF",
-        50: "#F0F5FE",
-        100: "#DCE8FD",
-        200: "#C1D7FC",
-        300: "#84B2F8",
-        400: "#669BF4",
-        500: "#4277EF",
-        600: "#2C58E4",
-        700: "#2444D1",
-        800: "#2339AA",
-        900: "#223486",
-        950: "#192252"
-      },
-      text: {
-        black: "#19191B",
-        white: "#F7F7F8",
-        50: "#F7F7F8",
-        100: "#EEEEF0",
-        200: "#DADADD",
-        300: "#B9BAC0",
-        400: "#93949D",
-        500: "#767681",
-        600: "#606169",
-        700: "#4E4E56",
-        800: "#434349",
-        900: "#3B3C3F",
-        950: "#19191B"
+        default: "#5B8CFF",
+        50: "#EFF4FF",
+        100: "#DEE8FF",
+        200: "#CEDDFF",
+        300: "#BDD1FF",
+        400: "#7CA3FF",
+        500: "#5B8CFF",
+        600: "#527EE6",
+        700: "#4062B3",
+        800: "#2E4680",
+        900: "#243866",
+        950: "#1B2A4C"
       },
       destructive: {
         default: "#EF4444",
@@ -83,6 +68,77 @@ var themes = {
         900: "#7F1D1D",
         950: "#450A0A"
       },
+      success: {
+        default: "#22c55e",
+        50: "#f0fdf4",
+        100: "#dcfce7",
+        200: "#bbf7d0",
+        300: "#86efac",
+        400: "#4ade80",
+        500: "#22c55e",
+        600: "#16a34a",
+        700: "#15803d",
+        800: "#166534",
+        900: "#14532d",
+        950: "#052e16"
+      },
+      warn: {
+        default: "#f59e0b",
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+        950: "#451a03"
+      },
+      text: {
+        black: "#09090b",
+        white: "#fafafa",
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+        950: "#09090b"
+      },
+      surface: {
+        default: "#ffffff",
+        50: "#ffffff",
+        100: "#f5f5f5",
+        200: "#e5e5e5",
+        300: "#d4d4d4",
+        400: "#a3a3a3",
+        500: "#737373",
+        600: "#525252",
+        700: "#404040",
+        800: "#262626",
+        900: "#171717",
+        950: "#0a0a0a"
+      },
+      border: {
+        default: "#64748B",
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#64748B",
+        600: "#475569",
+        700: "#334155",
+        800: "#1E293B",
+        900: "#0F172A",
+        950: "#020817"
+      },
       // TEXT COLOR
       "text-primary": "#111315",
       "text-secondary": "#30353C",
@@ -121,7 +177,7 @@ var themes = {
   backgroundImage: {
     "ui-bg-color": "linear-gradient(110deg, #9CD5F5 3.09%, #B1B8E6 33.47%, rgba(185, 155, 215, 0.90) 62.82%, #A293DF 84.45%, #878AEA 106.08%)",
     "ui-bg-page": "radial-gradient(70.47% 70.47% at 50% 50%, #FDFDFD 0%, #F3F1FF 50%, #F1FCFF 100%)",
-    "ui-btn-primary": "linear-gradient(180deg, #9EA1FF 0%, #607DE8 100%)",
+    "ui-btn-primary": "linear-gradient(180deg, #828EF7 0%, #6C70F0 100%)",
     "ui-btn-secondary": "linear-gradient(180deg, #4277EF 0%, #669BF4 100%)",
     "ui-btn-accept": "linear-gradient(282deg, #30C36D 6.81%, #6BCD8A 93.19%)",
     "ui-btn-destructive": "linear-gradient(282deg, #FF384A 7.07%, #FF5463 92.93%)",
@@ -130,7 +186,8 @@ var themes = {
     "ui-status-bg-neutral": "linear-gradient(0deg, #E1EBFF 0%, #C7E8FF 100%)",
     "ui-status-order": "linear-gradient(282deg, #30C36D 6.81%, #6BCD8A 93.19%)",
     "ui-status-out-of-stock": "linear-gradient(282deg, #FF384A 7.07%, #FF5463 92.93%)",
-    "ui-status-in-stock": "linear-gradient(282deg, #30A8FF 6.81%, #73BAED 93.19%)"
+    "ui-status-in-stock": "linear-gradient(282deg, #30A8FF 6.81%, #73BAED 93.19%)",
+    "ui-line": "linear-gradient(90deg, #D3D4FF 0%, #7587EA 50%, #AEC0FF 100%)"
   },
   boxShadow: {
     "ui-sd-primary": "0 4px 20px 0 rgba(104, 109, 224, 0.5)",
@@ -140,7 +197,11 @@ var themes = {
     "ui-xl": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
     "ui-soft": "0px 5px 12px 0px rgba(0, 67, 101, 0.08)",
     "ui-muli": "0px 5px 50px 0px rgba(0, 67, 101, 0.08), 0px 2px 6px 0px rgba(130, 169, 188, 0.08)",
-    "ui-category-effect": "0px 4px 50px 0px rgba(0, 67, 101, 0.08)"
+    "ui-category-effect": "0px 4px 50px 0px rgba(0, 67, 101, 0.08)",
+    "ui-flat": "0px 0.25rem 0.625rem 0px rgba(99, 102, 241, 0.07)",
+    "ui-overlay": "0px 4px 4px 1px rgba(99, 102, 241, 0.04)",
+    "ui-sticky-nav": "0px 3px 12px -1px rgba(151, 71, 255, 0.07)",
+    "ui-dialog": "0px 8px 12px 0px rgba(99, 102, 241, 0.15)"
   },
   fontSize: {
     "ui-h1": ["1.5rem", "2rem"],
@@ -149,6 +210,20 @@ var themes = {
     "ui-p": ["1rem", "1.5rem"],
     "ui-note": ["0.875rem", "1.25rem"],
     "ui-small-note": ["0.75rem", "1rem"]
+  },
+  keyframes: {
+    "accordion-down": {
+      from: { height: "0" },
+      to: { height: "var(--radix-accordion-content-height)" }
+    },
+    "accordion-up": {
+      from: { height: "var(--radix-accordion-content-height)" },
+      to: { height: "0" }
+    }
+  },
+  animation: {
+    "accordion-down": "accordion-down 0.2s ease-out",
+    "accordion-up": "accordion-up 0.2s ease-out"
   }
 };
 var tailwindTheme_default = themes;

package/dist/{types-DdUenP1k.d.ts → types-BgHhiNa-.d.ts}

@@ -13,6 +13,6 @@ type TUser = {
     email: string;
     avatar: string;
 };
-type TUserSettingSelect = 'FAVORITE' | 'PROFILE' | 'ADDRESS' | 'LOGOUT';
+type TUserSettingSelect = 'PROFILE' | 'SECURITY' | 'NOTIFICATION' | 'RESERVATION' | 'ADDRESS' | 'LOGOUT';
 
 export type { IIconProps as I, TUser as T, TUserSettingSelect as a };