@tapcart/mobile-components 0.2.4 → 0.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/components/hooks/use-infinite-scroll.d.ts +25 -0
  2. package/dist/components/hooks/use-infinite-scroll.d.ts.map +1 -0
  3. package/dist/components/hooks/use-infinite-scroll.js +48 -0
  4. package/dist/components/ui/accordion.d.ts +8 -0
  5. package/dist/components/ui/accordion.d.ts.map +1 -0
  6. package/dist/components/ui/accordion.js +34 -0
  7. package/dist/components/ui/alert-dialog.d.ts +21 -0
  8. package/dist/components/ui/alert-dialog.d.ts.map +1 -0
  9. package/dist/components/ui/alert-dialog.js +62 -0
  10. package/dist/components/ui/aspect-ratio.d.ts +5 -0
  11. package/dist/components/ui/aspect-ratio.d.ts.map +1 -0
  12. package/dist/components/ui/aspect-ratio.js +4 -0
  13. package/dist/components/ui/badge.d.ts +13 -0
  14. package/dist/components/ui/badge.d.ts.map +1 -0
  15. package/dist/components/ui/badge.js +34 -0
  16. package/dist/components/ui/button.d.ts +14 -0
  17. package/dist/components/ui/button.d.ts.map +1 -0
  18. package/dist/components/ui/button.js +56 -0
  19. package/dist/components/ui/carousel.d.ts +19 -0
  20. package/dist/components/ui/carousel.d.ts.map +1 -0
  21. package/dist/components/ui/carousel.js +112 -0
  22. package/dist/components/ui/checkbox.d.ts +18 -0
  23. package/dist/components/ui/checkbox.d.ts.map +1 -0
  24. package/dist/components/ui/checkbox.js +38 -0
  25. package/dist/components/ui/chip.d.ts +28 -0
  26. package/dist/components/ui/chip.d.ts.map +1 -0
  27. package/dist/components/ui/chip.js +66 -0
  28. package/dist/components/ui/container.d.ts +10 -0
  29. package/dist/components/ui/container.d.ts.map +1 -0
  30. package/dist/components/ui/container.js +26 -0
  31. package/dist/components/ui/drawer.d.ts +37 -0
  32. package/dist/components/ui/drawer.d.ts.map +1 -0
  33. package/dist/components/ui/drawer.js +63 -0
  34. package/dist/components/ui/favorite.d.ts +13 -0
  35. package/dist/components/ui/favorite.d.ts.map +1 -0
  36. package/dist/components/ui/favorite.js +35 -0
  37. package/dist/components/ui/grid.d.ts +14 -0
  38. package/dist/components/ui/grid.d.ts.map +1 -0
  39. package/dist/components/ui/grid.js +33 -0
  40. package/dist/components/ui/icon.d.ts +13 -0
  41. package/dist/components/ui/icon.d.ts.map +1 -0
  42. package/dist/components/ui/icon.js +50 -0
  43. package/dist/components/ui/input.d.ts +17 -0
  44. package/dist/components/ui/input.d.ts.map +1 -0
  45. package/dist/components/ui/input.js +35 -0
  46. package/dist/components/ui/label.d.ts +6 -0
  47. package/dist/components/ui/label.d.ts.map +1 -0
  48. package/dist/components/ui/label.js +24 -0
  49. package/dist/components/ui/money.d.ts +12 -0
  50. package/dist/components/ui/money.d.ts.map +1 -0
  51. package/dist/components/ui/money.js +30 -0
  52. package/dist/components/ui/price.d.ts +13 -0
  53. package/dist/components/ui/price.d.ts.map +1 -0
  54. package/dist/components/ui/price.js +9 -0
  55. package/dist/components/ui/product-card.d.ts +68 -0
  56. package/dist/components/ui/product-card.d.ts.map +1 -0
  57. package/dist/components/ui/product-card.js +132 -0
  58. package/dist/components/ui/product-grid.d.ts +14 -0
  59. package/dist/components/ui/product-grid.d.ts.map +1 -0
  60. package/dist/components/ui/product-grid.js +22 -0
  61. package/dist/components/ui/radio-group.d.ts +21 -0
  62. package/dist/components/ui/radio-group.d.ts.map +1 -0
  63. package/dist/components/ui/radio-group.js +47 -0
  64. package/dist/components/ui/scroll-area.d.ts +9 -0
  65. package/dist/components/ui/scroll-area.d.ts.map +1 -0
  66. package/dist/components/ui/scroll-area.js +29 -0
  67. package/dist/components/ui/selectors.d.ts +30 -0
  68. package/dist/components/ui/selectors.d.ts.map +1 -0
  69. package/dist/components/ui/selectors.js +45 -0
  70. package/dist/components/ui/separator.d.ts +5 -0
  71. package/dist/components/ui/separator.d.ts.map +1 -0
  72. package/dist/components/ui/separator.js +22 -0
  73. package/dist/components/ui/skeleton.d.ts +13 -0
  74. package/dist/components/ui/skeleton.d.ts.map +1 -0
  75. package/dist/components/ui/skeleton.js +33 -0
  76. package/dist/components/ui/switch.d.ts +5 -0
  77. package/dist/components/ui/switch.d.ts.map +1 -0
  78. package/dist/components/ui/switch.js +22 -0
  79. package/dist/components/ui/tabs.d.ts +13 -0
  80. package/dist/components/ui/tabs.d.ts.map +1 -0
  81. package/dist/components/ui/tabs.js +96 -0
  82. package/dist/components/ui/text.d.ts +10 -0
  83. package/dist/components/ui/text.d.ts.map +1 -0
  84. package/dist/components/ui/text.js +33 -0
  85. package/dist/components/ui/toast.d.ts +20 -0
  86. package/dist/components/ui/toast.d.ts.map +1 -0
  87. package/dist/components/ui/toast.js +98 -0
  88. package/dist/components/ui/toaster.d.ts +6 -0
  89. package/dist/components/ui/toaster.d.ts.map +1 -0
  90. package/dist/components/ui/toaster.js +22 -0
  91. package/dist/components/ui/toggle-group.d.ts +13 -0
  92. package/dist/components/ui/toggle-group.d.ts.map +1 -0
  93. package/dist/components/ui/toggle-group.js +36 -0
  94. package/dist/components/ui/toggle.d.ts +13 -0
  95. package/dist/components/ui/toggle.d.ts.map +1 -0
  96. package/dist/components/ui/toggle.js +40 -0
  97. package/dist/components/ui/use-toast.d.ts +45 -0
  98. package/dist/components/ui/use-toast.d.ts.map +1 -0
  99. package/dist/components/ui/use-toast.js +112 -0
  100. package/dist/components/ui/video.d.ts +8 -0
  101. package/dist/components/ui/video.d.ts.map +1 -0
  102. package/dist/components/ui/video.js +22 -0
  103. package/dist/components/ui/wishlist.d.ts +12 -0
  104. package/dist/components/ui/wishlist.d.ts.map +1 -0
  105. package/dist/components/ui/wishlist.js +23 -0
  106. package/dist/index.d.ts +36 -0
  107. package/dist/index.d.ts.map +1 -0
  108. package/dist/index.js +36 -0
  109. package/dist/lib/utils.d.ts +6 -0
  110. package/dist/lib/utils.d.ts.map +1 -0
  111. package/dist/lib/utils.js +25 -0
  112. package/dist/styles.css +425 -142
  113. package/package.json +19 -9
  114. package/dist/index.d.mts +0 -221
  115. package/dist/index.mjs +0 -999
  116. package/dist/index.mjs.map +0 -1
@@ -0,0 +1,23 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import * as React from "react";
14
+ import { Text } from "./text";
15
+ import { cn } from "../../lib/utils";
16
+ import { Icon } from "./icon";
17
+ const PlaceholderIcon = () => (_jsx("div", Object.assign({ className: "flex-shrink-0 flex items-center justify-center h-10 w-10 bg-stateColors-skeleton rounded-sm" }, { children: _jsx(Icon, { name: "heart-filled", size: "sm", color: "stateColors-disabled" }, void 0) }), void 0));
18
+ const Wishlist = React.forwardRef((_a, ref) => {
19
+ var { imgUrl, name, amount, selected = false, onClick, className } = _a, props = __rest(_a, ["imgUrl", "name", "amount", "selected", "onClick", "className"]);
20
+ return (_jsxs("button", Object.assign({ className: cn("flex flex-row items-center px-4 py-2 w-full border-b border-coreColors-dividingLines", selected ? "bg-stateColors-skeleton" : "", className), ref: ref, onClick: onClick }, props, { children: [imgUrl ? (_jsx("img", { alt: "wishlist-image", className: "flex-shrink-0 h-10 w-10 border border-coreColors-dividingLines rounded-sm", src: imgUrl }, void 0)) : (_jsx(PlaceholderIcon, {}, void 0)), _jsxs("div", Object.assign({ className: "flex flex-col items-start ml-2 space-y-1 overflow-hidden" }, { children: [_jsx(Text, Object.assign({ type: "body-primary", className: "w-full overflow-hidden text-ellipsis whitespace-nowrap" }, { children: name }), void 0), _jsx(Text, Object.assign({ type: "body-secondary", className: "h-4" }, { children: `${amount} item${amount !== 1 ? "s" : ""}` }), void 0)] }), void 0)] }), void 0));
21
+ });
22
+ Wishlist.displayName = "Wishlist";
23
+ export { Wishlist };
@@ -0,0 +1,36 @@
1
+ export * from "./components/ui/button";
2
+ export * from "./components/ui/input";
3
+ export * from "./components/ui/aspect-ratio";
4
+ export * from "./components/ui/accordion";
5
+ export * from "./components/ui/icon";
6
+ export * from "./components/ui/carousel";
7
+ export * from "./components/ui/checkbox";
8
+ export * from "./components/ui/container";
9
+ export * from "./components/ui/grid";
10
+ export * from "./components/ui/label";
11
+ export * from "./components/ui/separator";
12
+ export * from "./components/ui/badge";
13
+ export * from "./components/ui/video";
14
+ export * from "./components/ui/money";
15
+ export * from "./components/ui/skeleton";
16
+ export * from "./components/ui/text";
17
+ export * from "./components/ui/toggle";
18
+ export * from "./components/ui/toggle-group";
19
+ export * from "./components/ui/switch";
20
+ export * from "./components/ui/scroll-area";
21
+ export * from "./components/ui/selectors";
22
+ export * from "./components/ui/toast";
23
+ export * from "./components/ui/toaster";
24
+ export * from "./components/ui/chip";
25
+ export * from "./components/ui/use-toast";
26
+ export * from "./components/ui/drawer";
27
+ export * from "./components/ui/radio-group";
28
+ export * from "./components/ui/tabs";
29
+ export * from "./components/ui/price";
30
+ export * from "./components/ui/favorite";
31
+ export * from "./components/ui/wishlist";
32
+ export * from "./components/ui/product-card";
33
+ export * from "./components/ui/product-grid";
34
+ export * from "./components/hooks/use-infinite-scroll";
35
+ export { cn, cva } from "./lib/utils";
36
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wCAAwC,CAAA;AACtD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA"}
package/dist/index.js ADDED
@@ -0,0 +1,36 @@
1
+ // component exports
2
+ export * from "./components/ui/button";
3
+ export * from "./components/ui/input";
4
+ export * from "./components/ui/aspect-ratio";
5
+ export * from "./components/ui/accordion";
6
+ export * from "./components/ui/icon";
7
+ export * from "./components/ui/carousel";
8
+ export * from "./components/ui/checkbox";
9
+ export * from "./components/ui/container";
10
+ export * from "./components/ui/grid";
11
+ export * from "./components/ui/label";
12
+ export * from "./components/ui/separator";
13
+ export * from "./components/ui/badge";
14
+ export * from "./components/ui/video";
15
+ export * from "./components/ui/money";
16
+ export * from "./components/ui/skeleton";
17
+ export * from "./components/ui/text";
18
+ export * from "./components/ui/toggle";
19
+ export * from "./components/ui/toggle-group";
20
+ export * from "./components/ui/switch";
21
+ export * from "./components/ui/scroll-area";
22
+ export * from "./components/ui/selectors";
23
+ export * from "./components/ui/toast";
24
+ export * from "./components/ui/toaster";
25
+ export * from "./components/ui/chip";
26
+ export * from "./components/ui/use-toast";
27
+ export * from "./components/ui/drawer";
28
+ export * from "./components/ui/radio-group";
29
+ export * from "./components/ui/tabs";
30
+ export * from "./components/ui/price";
31
+ export * from "./components/ui/favorite";
32
+ export * from "./components/ui/wishlist";
33
+ export * from "./components/ui/product-card";
34
+ export * from "./components/ui/product-grid";
35
+ export * from "./components/hooks/use-infinite-scroll";
36
+ export { cn, cva } from "./lib/utils";
@@ -0,0 +1,6 @@
1
+ import { ClassValue } from "clsx";
2
+ export declare function cn(...inputs: ClassValue[]): string;
3
+ export declare const iconColorLevels: string[];
4
+ export declare const iconColorVariantClasses: Record<string, string>;
5
+ export { cva } from "class-variance-authority";
6
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAA;AAGvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,eAAO,MAAM,eAAe,UAc3B,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA;AAMjE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAA"}
@@ -0,0 +1,25 @@
1
+ import { clsx } from "clsx";
2
+ import { twMerge } from "tailwind-merge";
3
+ export function cn(...inputs) {
4
+ return twMerge(clsx(inputs));
5
+ }
6
+ export const iconColorLevels = [
7
+ "coreColors-primaryIcon",
8
+ "coreColors-secondaryIcon",
9
+ "coreColors-headerIcon",
10
+ "coreColors-brandColorPrimary",
11
+ "stateColors-subscriptions",
12
+ "stateColors-favorites",
13
+ "stateColors-reviews",
14
+ "stateColors-success",
15
+ "stateColors-error",
16
+ "stateColors-warning",
17
+ "stateColors-disabled",
18
+ "buttonColors-primaryText",
19
+ "buttonColors-secondaryText",
20
+ ];
21
+ export const iconColorVariantClasses = {};
22
+ for (let iconColorLevel of iconColorLevels) {
23
+ iconColorVariantClasses[iconColorLevel] = `text-${iconColorLevel}`;
24
+ }
25
+ export { cva } from "class-variance-authority";