@tapcart/mobile-components 0.6.22 → 0.7.1

package/dist/styles.css

@@ -707,39 +707,21 @@ video {
 .bottom-6 {
   bottom: 1.5rem;
 }
-.bottom-\[110px\] {
-  bottom: 110px;
-}
 .bottom-\[18px\] {
   bottom: 18px;
 }
-.bottom-\[30px\] {
-  bottom: 30px;
-}
 .bottom-\[58px\] {
   bottom: 58px;
 }
-.bottom-\[70px\] {
-  bottom: 70px;
-}
-.end-4 {
-  inset-inline-end: 1rem;
-}
 .left-0 {
   left: 0px;
 }
 .left-1\/2 {
   left: 50%;
 }
-.left-14 {
-  left: 3.5rem;
-}
 .left-2 {
   left: 0.5rem;
 }
-.left-24 {
-  left: 6rem;
-}
 .left-4 {
   left: 1rem;
 }
@@ -755,18 +737,6 @@ video {
 .right-2 {
   right: 0.5rem;
 }
-.right-4 {
-  right: 1rem;
-}
-.right-\[100px\] {
-  right: 100px;
-}
-.right-\[140px\] {
-  right: 140px;
-}
-.right-auto {
-  right: auto;
-}
 .start-10 {
   inset-inline-start: 2.5rem;
 }
@@ -785,12 +755,6 @@ video {
 .top-2 {
   top: 0.5rem;
 }
-.top-4 {
-  top: 1rem;
-}
-.top-\[18px\] {
-  top: 18px;
-}
 .top-\[50\%\] {
   top: 50%;
 }
@@ -868,9 +832,6 @@ video {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
-.mb-4 {
-  margin-bottom: 1rem;
-}
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -883,12 +844,6 @@ video {
 .ml-4 {
   margin-left: 1rem;
 }
-.mr-0 {
-  margin-right: 0px;
-}
-.mr-0\.5 {
-  margin-right: 0.125rem;
-}
 .mr-2 {
   margin-right: 0.5rem;
 }
@@ -907,9 +862,6 @@ video {
 .mt-3 {
   margin-top: 0.75rem;
 }
-.mt-4 {
-  margin-top: 1rem;
-}
 .mt-auto {
   margin-top: auto;
 }
@@ -928,6 +880,9 @@ video {
 .block {
   display: block;
 }
+.inline-block {
+  display: inline-block;
+}
 .inline {
   display: inline;
 }
@@ -1015,6 +970,9 @@ video {
 .h-\[36\] {
   height: 36;
 }
+.h-\[38px\] {
+  height: 38px;
+}
 .h-\[42px\] {
   height: 42px;
 }
@@ -1090,9 +1048,6 @@ video {
 .w-\[138px\] {
   width: 138px;
 }
-.w-\[140px\] {
-  width: 140px;
-}
 .w-\[154px\] {
   width: 154px;
 }
@@ -1162,6 +1117,9 @@ video {
 .grow-0 {
   flex-grow: 0;
 }
+.basis-3\/4 {
+  flex-basis: 75%;
+}
 .basis-full {
   flex-basis: 100%;
 }
@@ -1299,21 +1257,12 @@ video {
 .items-center {
   align-items: center;
 }
-.\!justify-start {
-  justify-content: flex-start !important;
-}
 .justify-start {
   justify-content: flex-start;
 }
-.\!justify-end {
-  justify-content: flex-end !important;
-}
 .justify-end {
   justify-content: flex-end;
 }
-.\!justify-center {
-  justify-content: center !important;
-}
 .justify-center {
   justify-content: center;
 }
@@ -1414,6 +1363,9 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.break-words {
+  overflow-wrap: break-word;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1479,9 +1431,6 @@ video {
 .border-2 {
   border-width: 2px;
 }
-.border-\[1px\] {
-  border-width: 1px;
-}
 .border-b {
   border-bottom-width: 1px;
 }
@@ -1500,10 +1449,6 @@ video {
 .\!border-stateColors-error {
   border-color: var(--stateColors-error) !important;
 }
-.border-\[\#000\] {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
-}
 .border-\[\#E3E3E3\] {
   --tw-border-opacity: 1;
   border-color: rgb(227 227 227 / var(--tw-border-opacity));
@@ -1547,10 +1492,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(97 46 255 / var(--tw-bg-opacity));
 }
-.bg-\[\#FFFFFF\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
 .bg-background {
   background-color: hsl(var(--background));
 }
@@ -1707,6 +1648,9 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+.pb-0 {
+  padding-bottom: 0px;
+}
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -1722,9 +1666,6 @@ video {
 .pl-0 {
   padding-left: 0px;
 }
-.pl-10 {
-  padding-left: 2.5rem;
-}
 .pl-2 {
   padding-left: 0.5rem;
 }
@@ -2637,10 +2578,6 @@ body::-webkit-scrollbar {
   padding-right: 2.5rem;
 }
 
-.data-\[error\=true\]\:text-stateColors-error[data-error=true] {
-  color: var(--stateColors-error);
-}
-
 .data-\[state\=on\]\:text-accent-foreground[data-state=on] {
   color: hsl(var(--accent-foreground));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapcart/mobile-components",
-  "version": "0.6.22",
+  "version": "0.7.1",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "style": "dist/styles.css",
@@ -11,6 +11,16 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Tapcart Inc.",
   "homepage": "https://tapcart.com",
+  "scripts": {
+    "lint": "eslint \"**/*.ts*\"",
+    "ui:add": "pnpm dlx shadcn-ui@latest add",
+    "build:styles": "postcss styles/globals.css -o dist/styles.css",
+    "build:ts": "tsc -p tsconfig.json && tsc-alias",
+    "build": "pnpm run build:ts && pnpm run build:styles",
+    "dev:ts": "tsc -w -p tsconfig.json",
+    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
+    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
+  },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0"
@@ -19,17 +29,17 @@
     "@types/lodash": "4.17.5",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "app-studio-types": "workspace:*",
     "autoprefixer": "^10.4.14",
     "chokidar-cli": "^3.0.0",
     "concurrently": "^8.2.2",
     "eslint": "^7.32.0",
+    "eslint-config-custom": "workspace:*",
     "postcss": "^8.4.24",
     "tailwindcss": "^3.3.2",
     "tsc-alias": "^1.8.10",
-    "typescript": "^4.5.2",
-    "app-studio-types": "0.0.3",
-    "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "workspace:*",
+    "typescript": "^4.5.2"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.1.2",
@@ -52,7 +62,8 @@
     "@tabler/icons-react": "^3.2.0",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
-    "embla-carousel-react": "^8.0.2",
+    "dayjs": "^1.11.13",
+    "embla-carousel-react": "^8.3.0",
     "lucide-react": "^0.248.0",
     "next": "^14.2.5",
     "next-themes": "^0.2.1",
@@ -63,15 +74,5 @@
     "tailwind-merge": "^1.13.2",
     "tailwindcss-animate": "^1.0.6",
     "vaul": "^0.9.1"
-  },
-  "scripts": {
-    "lint": "eslint \"**/*.ts*\"",
-    "ui:add": "pnpm dlx shadcn-ui@latest add",
-    "build:styles": "postcss styles/globals.css -o dist/styles.css",
-    "build:ts": "tsc -p tsconfig.json && tsc-alias",
-    "build": "pnpm run build:ts && pnpm run build:styles",
-    "dev:ts": "tsc -w -p tsconfig.json",
-    "dev:styles": "npx tailwindcss -i styles/globals.css -o dist/styles.css --watch",
-    "dev": "concurrently \"pnpm run dev:ts\" \"pnpm run dev:styles\""
   }
-}
+}

package/dist/components/hooks/use-click-outside.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function useClickOutside(ref: React.RefObject<HTMLElement>, callback: () => void): void;
-//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/components/hooks/use-click-outside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-click-outside.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,IAAI,GAAE,IAAI,CAa5F"}

package/dist/components/hooks/use-click-outside.js

@@ -1,16 +0,0 @@
-"use client";
-import React from 'react';
-export function useClickOutside(ref, callback) {
-    React.useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [ref, callback]);
-}
-;

package/dist/components/hooks/use-outside-click.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
-export default useClickOutside;
-//# sourceMappingURL=use-outside-click.d.ts.map

package/dist/components/hooks/use-outside-click.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-outside-click.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,QAAA,MAAM,eAAe,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,YAAY,MAAM,IAAI,SAa/E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/hooks/use-outside-click.js

@@ -1,16 +0,0 @@
-"use client";
-import React from 'react';
-const useClickOutside = (ref, callback) => {
-    React.useEffect(() => {
-        const handleClickOutside = (event) => {
-            if (ref.current && !ref.current.contains(event.target)) {
-                callback();
-            }
-        };
-        document.addEventListener('mousedown', handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', handleClickOutside);
-        };
-    }, [ref, callback]);
-};
-export default useClickOutside;