@tapcart/mobile-components 0.2.1 → 0.2.3

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 (86) hide show
  1. package/dist/index.d.mts +221 -0
  2. package/dist/index.mjs +1003 -0
  3. package/dist/index.mjs.map +1 -0
  4. package/dist/styles.css +0 -32
  5. package/package.json +9 -7
  6. package/dist/components/ThemeProvider.d.ts +0 -3
  7. package/dist/components/ThemeProvider.d.ts.map +0 -1
  8. package/dist/components/ThemeProvider.js +0 -18
  9. package/dist/components/ThemeToggle.d.ts +0 -2
  10. package/dist/components/ThemeToggle.d.ts.map +0 -1
  11. package/dist/components/ThemeToggle.js +0 -8
  12. package/dist/components/ui/accordion.d.ts +0 -8
  13. package/dist/components/ui/accordion.d.ts.map +0 -1
  14. package/dist/components/ui/accordion.js +0 -34
  15. package/dist/components/ui/alert-dialog.d.ts +0 -21
  16. package/dist/components/ui/alert-dialog.d.ts.map +0 -1
  17. package/dist/components/ui/alert-dialog.js +0 -62
  18. package/dist/components/ui/aspect-ratio.d.ts +0 -5
  19. package/dist/components/ui/aspect-ratio.d.ts.map +0 -1
  20. package/dist/components/ui/aspect-ratio.js +0 -4
  21. package/dist/components/ui/badge.d.ts +0 -10
  22. package/dist/components/ui/badge.d.ts.map +0 -1
  23. package/dist/components/ui/badge.js +0 -32
  24. package/dist/components/ui/button.d.ts +0 -13
  25. package/dist/components/ui/button.d.ts.map +0 -1
  26. package/dist/components/ui/button.js +0 -52
  27. package/dist/components/ui/carousel.d.ts +0 -19
  28. package/dist/components/ui/carousel.d.ts.map +0 -1
  29. package/dist/components/ui/carousel.js +0 -112
  30. package/dist/components/ui/chip.d.ts +0 -25
  31. package/dist/components/ui/chip.d.ts.map +0 -1
  32. package/dist/components/ui/chip.js +0 -50
  33. package/dist/components/ui/container.d.ts +0 -10
  34. package/dist/components/ui/container.d.ts.map +0 -1
  35. package/dist/components/ui/container.js +0 -26
  36. package/dist/components/ui/grid.d.ts +0 -14
  37. package/dist/components/ui/grid.d.ts.map +0 -1
  38. package/dist/components/ui/grid.js +0 -33
  39. package/dist/components/ui/input.d.ts +0 -14
  40. package/dist/components/ui/input.d.ts.map +0 -1
  41. package/dist/components/ui/input.js +0 -34
  42. package/dist/components/ui/label.d.ts +0 -6
  43. package/dist/components/ui/label.d.ts.map +0 -1
  44. package/dist/components/ui/label.js +0 -24
  45. package/dist/components/ui/money.d.ts +0 -12
  46. package/dist/components/ui/money.d.ts.map +0 -1
  47. package/dist/components/ui/money.js +0 -30
  48. package/dist/components/ui/scroll-area.d.ts +0 -9
  49. package/dist/components/ui/scroll-area.d.ts.map +0 -1
  50. package/dist/components/ui/scroll-area.js +0 -29
  51. package/dist/components/ui/separator.d.ts +0 -5
  52. package/dist/components/ui/separator.d.ts.map +0 -1
  53. package/dist/components/ui/separator.js +0 -22
  54. package/dist/components/ui/skeleton.d.ts +0 -4
  55. package/dist/components/ui/skeleton.d.ts.map +0 -1
  56. package/dist/components/ui/skeleton.js +0 -18
  57. package/dist/components/ui/switch.d.ts +0 -5
  58. package/dist/components/ui/switch.d.ts.map +0 -1
  59. package/dist/components/ui/switch.js +0 -22
  60. package/dist/components/ui/text.d.ts +0 -10
  61. package/dist/components/ui/text.d.ts.map +0 -1
  62. package/dist/components/ui/text.js +0 -33
  63. package/dist/components/ui/toast.d.ts +0 -16
  64. package/dist/components/ui/toast.d.ts.map +0 -1
  65. package/dist/components/ui/toast.js +0 -61
  66. package/dist/components/ui/toaster.d.ts +0 -2
  67. package/dist/components/ui/toaster.d.ts.map +0 -1
  68. package/dist/components/ui/toaster.js +0 -22
  69. package/dist/components/ui/toggle-group.d.ts +0 -13
  70. package/dist/components/ui/toggle-group.d.ts.map +0 -1
  71. package/dist/components/ui/toggle-group.js +0 -36
  72. package/dist/components/ui/toggle.d.ts +0 -13
  73. package/dist/components/ui/toggle.d.ts.map +0 -1
  74. package/dist/components/ui/toggle.js +0 -40
  75. package/dist/components/ui/use-toast.d.ts +0 -45
  76. package/dist/components/ui/use-toast.d.ts.map +0 -1
  77. package/dist/components/ui/use-toast.js +0 -112
  78. package/dist/components/ui/video.d.ts +0 -8
  79. package/dist/components/ui/video.d.ts.map +0 -1
  80. package/dist/components/ui/video.js +0 -22
  81. package/dist/index.d.ts +0 -26
  82. package/dist/index.d.ts.map +0 -1
  83. package/dist/index.js +0 -27
  84. package/dist/lib/utils.d.ts +0 -5
  85. package/dist/lib/utils.d.ts.map +0 -1
  86. package/dist/lib/utils.js +0 -24
@@ -1,112 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- import * as React from "react";
15
- import useEmblaCarousel from "embla-carousel-react";
16
- import { ArrowLeft, ArrowRight } from "lucide-react";
17
- import { cn } from "../../lib/utils";
18
- import { Button } from "../../components/ui/button";
19
- const CarouselContext = React.createContext(null);
20
- function useCarousel() {
21
- const context = React.useContext(CarouselContext);
22
- if (!context) {
23
- throw new Error("useCarousel must be used within a <Carousel />");
24
- }
25
- return context;
26
- }
27
- const Carousel = React.forwardRef((_a, ref) => {
28
- var { orientation = "horizontal", opts, setApi, plugins, className, children } = _a, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
29
- const [carouselRef, api] = useEmblaCarousel(Object.assign(Object.assign({}, opts), { axis: orientation === "horizontal" ? "x" : "y" }), plugins);
30
- const [canScrollPrev, setCanScrollPrev] = React.useState(false);
31
- const [canScrollNext, setCanScrollNext] = React.useState(false);
32
- const onSelect = React.useCallback((api) => {
33
- if (!api) {
34
- return;
35
- }
36
- setCanScrollPrev(api.canScrollPrev());
37
- setCanScrollNext(api.canScrollNext());
38
- }, []);
39
- const scrollPrev = React.useCallback(() => {
40
- api === null || api === void 0 ? void 0 : api.scrollPrev();
41
- }, [api]);
42
- const scrollNext = React.useCallback(() => {
43
- api === null || api === void 0 ? void 0 : api.scrollNext();
44
- }, [api]);
45
- const handleKeyDown = React.useCallback((event) => {
46
- if (event.key === "ArrowLeft") {
47
- event.preventDefault();
48
- scrollPrev();
49
- }
50
- else if (event.key === "ArrowRight") {
51
- event.preventDefault();
52
- scrollNext();
53
- }
54
- }, [scrollPrev, scrollNext]);
55
- React.useEffect(() => {
56
- if (!api || !setApi) {
57
- return;
58
- }
59
- setApi(api);
60
- }, [api, setApi]);
61
- React.useEffect(() => {
62
- if (!api) {
63
- return;
64
- }
65
- onSelect(api);
66
- api.on("reInit", onSelect);
67
- api.on("select", onSelect);
68
- return () => {
69
- api === null || api === void 0 ? void 0 : api.off("select", onSelect);
70
- };
71
- }, [api, onSelect]);
72
- return (_jsx(CarouselContext.Provider, Object.assign({ value: {
73
- carouselRef,
74
- api: api,
75
- opts,
76
- orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
77
- scrollPrev,
78
- scrollNext,
79
- canScrollPrev,
80
- canScrollNext,
81
- } }, { children: _jsx("div", Object.assign({ ref: ref, onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel" }, props, { children: children })) })));
82
- });
83
- Carousel.displayName = "Carousel";
84
- const CarouselContent = React.forwardRef((_a, ref) => {
85
- var { className } = _a, props = __rest(_a, ["className"]);
86
- const { carouselRef, orientation } = useCarousel();
87
- return (_jsx("div", Object.assign({ ref: carouselRef, className: "overflow-hidden" }, { children: _jsx("div", Object.assign({ ref: ref, className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props)) })));
88
- });
89
- CarouselContent.displayName = "CarouselContent";
90
- const CarouselItem = React.forwardRef((_a, ref) => {
91
- var { className } = _a, props = __rest(_a, ["className"]);
92
- const { orientation } = useCarousel();
93
- return (_jsx("div", Object.assign({ ref: ref, role: "group", "aria-roledescription": "slide", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
94
- });
95
- CarouselItem.displayName = "CarouselItem";
96
- const CarouselPrevious = React.forwardRef((_a, ref) => {
97
- var { className, variant = "outline", size = "icon" } = _a, props = __rest(_a, ["className", "variant", "size"]);
98
- const { orientation, scrollPrev, canScrollPrev } = useCarousel();
99
- return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
100
- ? "-left-12 top-1/2 -translate-y-1/2"
101
- : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev }, props, { children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Previous slide" }))] })));
102
- });
103
- CarouselPrevious.displayName = "CarouselPrevious";
104
- const CarouselNext = React.forwardRef((_a, ref) => {
105
- var { className, variant = "outline", size = "icon" } = _a, props = __rest(_a, ["className", "variant", "size"]);
106
- const { orientation, scrollNext, canScrollNext } = useCarousel();
107
- return (_jsxs(Button, Object.assign({ ref: ref, variant: variant, size: size, className: cn("absolute h-8 w-8 rounded-full", orientation === "horizontal"
108
- ? "-right-12 top-1/2 -translate-y-1/2"
109
- : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext }, props, { children: [_jsx(ArrowRight, { className: "h-4 w-4" }), _jsx("span", Object.assign({ className: "sr-only" }, { children: "Next slide" }))] })));
110
- });
111
- CarouselNext.displayName = "CarouselNext";
112
- export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
@@ -1,25 +0,0 @@
1
- import { type VariantProps } from "class-variance-authority";
2
- import React from "react";
3
- declare const chipVariants: (props?: ({
4
- variant?: "secondary" | "primary" | null | undefined;
5
- direction?: "horizontal" | "vertical" | null | undefined;
6
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
- type ChipProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof chipVariants> & {
8
- icon?: React.ElementType;
9
- iconPosition?: 'left' | 'right';
10
- onClose?: () => void;
11
- };
12
- declare const Chip: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<(props?: ({
13
- variant?: "secondary" | "primary" | null | undefined;
14
- direction?: "horizontal" | "vertical" | null | undefined;
15
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
16
- icon?: React.ElementType<any> | undefined;
17
- iconPosition?: "left" | "right" | undefined;
18
- onClose?: (() => void) | undefined;
19
- } & React.RefAttributes<HTMLDivElement>>;
20
- type MultipleChipsProps = {
21
- children: React.ReactElement<ChipProps>[];
22
- };
23
- declare const MultipleChips: React.FC<MultipleChipsProps>;
24
- export { Chip, MultipleChips };
25
- //# sourceMappingURL=chip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../components/ui/chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,QAAA,MAAM,YAAY;;;mFAkBjB,CAAC;AAEF,KAAK,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,GAAG;IAC3F,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,IAAI;;;;;;qBAHQ,IAAI;wCA0BrB,CAAC;AAGF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CAC3C,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAe/C,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC"}
@@ -1,50 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- import { cva } from "class-variance-authority";
15
- import { cn } from "../../lib/utils";
16
- import React, { useState } from "react";
17
- const chipVariants = cva("inline-flex items-center justify-center rounded border border-coreColors-dividingLines text-[12px] transition-colors", {
18
- variants: {
19
- variant: {
20
- primary: "bg-coreColors-pageColor text-textColors-primaryColor",
21
- secondary: "bg-coreColors-pageColor text-textColors-secondaryColor",
22
- },
23
- direction: {
24
- horizontal: "flex-row",
25
- vertical: "flex-col",
26
- },
27
- },
28
- defaultVariants: {
29
- variant: "primary",
30
- direction: "horizontal",
31
- },
32
- });
33
- const Chip = React.forwardRef((_a, ref) => {
34
- var { className, variant, direction, children, icon: Icon, iconPosition = 'left', onClose } = _a, props = __rest(_a, ["className", "variant", "direction", "children", "icon", "iconPosition", "onClose"]);
35
- const [visible, setVisible] = useState(true);
36
- if (!visible)
37
- return null;
38
- const handleIconClick = () => {
39
- setVisible(false);
40
- onClose === null || onClose === void 0 ? void 0 : onClose();
41
- };
42
- return (_jsxs("div", Object.assign({ ref: ref, className: cn(chipVariants({ variant, direction }), "p-2 space-x-2", className) }, props, { children: [Icon && iconPosition === 'left' && _jsx(Icon, { className: "mr-2 h-4 w-4 cursor-pointer", onClick: handleIconClick }), children, Icon && iconPosition === 'right' && _jsx(Icon, { className: "ml-2 h-4 w-4 cursor-pointer", onClick: handleIconClick })] })));
43
- });
44
- Chip.displayName = 'Chip';
45
- const MultipleChips = ({ children }) => {
46
- return (_jsxs("div", Object.assign({ className: "relative mt-2 mb-4" }, { children: [_jsx("div", Object.assign({ className: "flex overflow-x-auto no-scrollbar" }, { children: children.map((chip, index) => (_jsx("div", Object.assign({ className: cn("shrink-0", {
47
- "mr-2": index < children.length - 1,
48
- }) }, { children: chip }), index))) })), _jsx("div", { className: "fade-right" })] })));
49
- };
50
- export { Chip, MultipleChips };
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const containerVariants: (props?: ({
4
- variant?: "spaced" | null | undefined;
5
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
- export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof containerVariants> {
7
- }
8
- declare function Container({ className, variant, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
9
- export { Container, containerVariants };
10
- //# sourceMappingURL=container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../components/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,iBAAiB;;mFAMrB,CAAA;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE7C,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAIlE;AAED,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}
@@ -1,26 +0,0 @@
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 } from "react/jsx-runtime";
13
- import { cva } from "class-variance-authority";
14
- import { cn } from "../../lib/utils";
15
- const containerVariants = cva("container", {
16
- variants: {
17
- variant: {
18
- spaced: "my-3",
19
- },
20
- },
21
- });
22
- function Container(_a) {
23
- var { className, variant } = _a, props = __rest(_a, ["className", "variant"]);
24
- return (_jsx("div", Object.assign({ className: cn(containerVariants({ variant }), className) }, props)));
25
- }
26
- export { Container, containerVariants };
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- interface GridType {
4
- className: any;
5
- children: React.ReactNode;
6
- }
7
- declare const gridVariants: (props?: ({
8
- columns?: 1 | 2 | 3 | 4 | null | undefined;
9
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
- export interface GridProps extends GridType, VariantProps<typeof gridVariants> {
11
- }
12
- declare function Grid({ className, columns, ...props }: GridProps): import("react/jsx-runtime").JSX.Element;
13
- export { Grid, gridVariants };
14
- //# sourceMappingURL=grid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../components/ui/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKjE,UAAU,QAAQ;IAChB,SAAS,EAAE,GAAG,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,YAAY;;mFAYhB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,QAAQ,EACd,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAMxD;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
@@ -1,33 +0,0 @@
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 } from "react/jsx-runtime";
13
- import { cva } from "class-variance-authority";
14
- import { Container } from "./container";
15
- import { cn } from "../../lib/utils";
16
- const gridVariants = cva("grid", {
17
- variants: {
18
- columns: {
19
- 1: "grid-cols-1 gap-y-[7px]",
20
- 2: "grid-cols-2 gap-x-[7px] gap-y-[7px]",
21
- 3: "grid-cols-3 gap-x-[7px] gap-y-[7px]",
22
- 4: "grid-cols-4 gap-x-[7px] gap-y-[7px]",
23
- },
24
- },
25
- defaultVariants: {
26
- columns: 2,
27
- },
28
- });
29
- function Grid(_a) {
30
- var { className, columns } = _a, props = __rest(_a, ["className", "columns"]);
31
- return (_jsx(Container, { children: _jsx("div", Object.assign({ className: cn(gridVariants({ columns }), className) }, props)) }));
32
- }
33
- export { Grid, gridVariants };
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const inputVariants: (props?: ({
4
- error?: boolean | null | undefined;
5
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
- export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {
7
- id: string;
8
- label?: string;
9
- icon?: string;
10
- asChild?: boolean;
11
- }
12
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
13
- export { Input };
14
- //# sourceMappingURL=input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;mFAalB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,KAAK,qFA2BV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
@@ -1,34 +0,0 @@
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 { Slot } from "@radix-ui/react-slot";
15
- import { cva } from "class-variance-authority";
16
- import { cn } from "../../lib/utils";
17
- const inputVariants = cva("flex h-14 w-full rounded border border-coreColors-dividingLines bg-coreColors-inputBackground px-4 pt-5 pb-2 placeholder-shown:p-4 text-textColors-primaryColor text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-textColors-secondaryColor focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 focus:border-coreColors-brandColorPrimary peer data-[icon=true]:pr-10", {
18
- variants: {
19
- error: {
20
- true: "border-stateColors-error text-stateColors-error placeholder:text-stateColors-error focus:border-stateColors-error [&+label]:text-stateColors-error",
21
- false: "",
22
- },
23
- },
24
- defaultVariants: {
25
- error: false,
26
- },
27
- });
28
- const Input = React.forwardRef((_a, ref) => {
29
- var { className, error = false, id, type, label, icon, asChild } = _a, props = __rest(_a, ["className", "error", "id", "type", "label", "icon", "asChild"]);
30
- const Comp = asChild ? Slot : "div";
31
- return (_jsxs(Comp, Object.assign({ className: "relative" }, { children: [_jsx("input", Object.assign({ id: id, type: type, className: cn(inputVariants({ error }), className), "data-icon": !!icon, ref: ref }, props)), label ? (_jsx("label", Object.assign({ htmlFor: id, className: "absolute text-[10px] text-textColors-secondaryColor top-2 z-10 h-4 origin-[0] start-4 opacity-100 peer-placeholder-shown:opacity-0" }, { children: label }))) : null] })));
32
- });
33
- Input.displayName = "Input";
34
- export { Input };
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- import * as LabelPrimitive from "@radix-ui/react-label";
3
- import { type VariantProps } from "class-variance-authority";
4
- declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
5
- export { Label };
6
- //# sourceMappingURL=label.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../components/ui/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,QAAA,MAAM,KAAK,iQAUT,CAAA;AAGF,OAAO,EAAE,KAAK,EAAE,CAAA"}
@@ -1,24 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import * as React from "react";
15
- import * as LabelPrimitive from "@radix-ui/react-label";
16
- import { cva } from "class-variance-authority";
17
- import { cn } from "../../lib/utils";
18
- const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
19
- const Label = React.forwardRef((_a, ref) => {
20
- var { className } = _a, props = __rest(_a, ["className"]);
21
- return (_jsx(LabelPrimitive.Root, Object.assign({ ref: ref, className: cn(labelVariants(), className) }, props)));
22
- });
23
- Label.displayName = LabelPrimitive.Root.displayName;
24
- export { Label };
@@ -1,12 +0,0 @@
1
- import { type VariantProps } from "class-variance-authority";
2
- interface MoneyType {
3
- currency: string;
4
- locale: string;
5
- price: number;
6
- }
7
- declare const moneyVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
- export interface MoneyProps extends MoneyType, VariantProps<typeof moneyVariants> {
9
- }
10
- declare function Money({ price, locale, currency, ...props }: MoneyProps): import("react/jsx-runtime").JSX.Element;
11
- export { Money, moneyVariants };
12
- //# sourceMappingURL=money.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../components/ui/money.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,aAAa,gGAMjB,CAAA;AAEF,MAAM,WAAW,UACf,SAAQ,SAAS,EACf,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,iBAAS,KAAK,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAQ/D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
@@ -1,30 +0,0 @@
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 } from "react/jsx-runtime";
13
- import { cva } from "class-variance-authority";
14
- const moneyVariants = cva("", {
15
- variants: {},
16
- defaultVariants: {
17
- currency: "USD",
18
- locale: "en-US",
19
- },
20
- });
21
- function Money(_a) {
22
- var { price, locale, currency } = _a, props = __rest(_a, ["price", "locale", "currency"]);
23
- const formatter = new Intl.NumberFormat(locale, {
24
- style: "currency",
25
- currency: currency,
26
- });
27
- let formattedPrice = formatter.format(Number(price));
28
- return _jsx("span", Object.assign({}, props, { children: formattedPrice }));
29
- }
30
- export { Money, moneyVariants };
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
3
- type Orientation = "horizontal" | "vertical";
4
- declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
6
- orientation?: Orientation | undefined;
7
- } & React.RefAttributes<HTMLDivElement>>;
8
- export { ScrollArea, ScrollBar };
9
- //# sourceMappingURL=scroll-area.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAA;AAIlE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAE5C,QAAA,MAAM,UAAU,+JAed,CAAA;AAGF,QAAA,MAAM,SAAS;;wCAuBb,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA"}
@@ -1,29 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- import * as React from "react";
15
- import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
16
- import { cn } from "../../lib/utils";
17
- const ScrollArea = React.forwardRef((_a, ref) => {
18
- var { className, children } = _a, props = __rest(_a, ["className", "children"]);
19
- return (_jsxs(ScrollAreaPrimitive.Root, Object.assign({ ref: ref, className: cn("relative overflow-hidden", className) }, props, { children: [_jsx(ScrollAreaPrimitive.Viewport, Object.assign({ className: "h-full w-full rounded-[inherit]" }, { children: _jsx("div", Object.assign({ className: "flex w-max px-[16px]" }, { children: children })) })), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] })));
20
- });
21
- ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
22
- const ScrollBar = React.forwardRef((_a, ref) => {
23
- var { className, orientation = "horizontal" } = _a, props = __rest(_a, ["className", "orientation"]);
24
- return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, Object.assign({ ref: ref, orientation: orientation, className: cn("flex touch-none select-none transition-colors", orientation === "vertical" &&
25
- "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" &&
26
- "h-2.5 flex-col border-t border-t-transparent p-[1px] ", className) }, props, { children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" }) })));
27
- });
28
- ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
29
- export { ScrollArea, ScrollBar };
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
3
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- export { Separator };
5
- //# sourceMappingURL=separator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../components/ui/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,6JAoBd,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,CAAA"}
@@ -1,22 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import * as React from "react";
15
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
16
- import { cn } from "../../lib/utils";
17
- const Separator = React.forwardRef((_a, ref) => {
18
- var { className, orientation = "horizontal", decorative = true } = _a, props = __rest(_a, ["className", "orientation", "decorative"]);
19
- return (_jsx(SeparatorPrimitive.Root, Object.assign({ ref: ref, decorative: decorative, orientation: orientation, className: cn("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className) }, props)));
20
- });
21
- Separator.displayName = SeparatorPrimitive.Root.displayName;
22
- export { Separator };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
3
- export { Skeleton };
4
- //# sourceMappingURL=skeleton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../components/ui/skeleton.tsx"],"names":[],"mappings":";AAEA,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAOtC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -1,18 +0,0 @@
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 } from "react/jsx-runtime";
13
- import { cn } from "../../lib/utils";
14
- function Skeleton(_a) {
15
- var { className } = _a, props = __rest(_a, ["className"]);
16
- return (_jsx("div", Object.assign({ className: cn("animate-pulse rounded-md bg-muted", className) }, props)));
17
- }
18
- export { Skeleton };
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import * as SwitchPrimitives from "@radix-ui/react-switch";
3
- declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
- export { Switch };
5
- //# sourceMappingURL=switch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAI1D,QAAA,MAAM,MAAM,8JAkBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -1,22 +0,0 @@
1
- "use client";
2
- var __rest = (this && this.__rest) || function (s, e) {
3
- var t = {};
4
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
- t[p] = s[p];
6
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
- t[p[i]] = s[p[i]];
10
- }
11
- return t;
12
- };
13
- import { jsx as _jsx } from "react/jsx-runtime";
14
- import * as React from "react";
15
- import * as SwitchPrimitives from "@radix-ui/react-switch";
16
- import { cn } from "../../lib/utils";
17
- const Switch = React.forwardRef((_a, ref) => {
18
- var { className } = _a, props = __rest(_a, ["className"]);
19
- return (_jsx(SwitchPrimitives.Root, Object.assign({ className: cn("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className) }, props, { ref: ref }, { children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
20
- });
21
- Switch.displayName = SwitchPrimitives.Root.displayName;
22
- export { Switch };
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const textVariants: (props?: ({
4
- type?: "body" | "h1" | "h2" | "label" | "paragraph" | null | undefined;
5
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
- export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
7
- }
8
- declare function Text({ className, type, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
9
- export { Text, textVariants };
10
- //# sourceMappingURL=text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../components/ui/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;mFAahB,CAAA;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD;AAED,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAA"}
@@ -1,33 +0,0 @@
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 } from "react/jsx-runtime";
13
- import { cva } from "class-variance-authority";
14
- import { cn } from "../../lib/utils";
15
- const textVariants = cva("", {
16
- variants: {
17
- type: {
18
- h1: "text-2xl font-normal text-[#121212]",
19
- h2: "text-xl font-medium text-[#121212]",
20
- body: "text-base font-normal text-[#121212]",
21
- paragraph: "text-sm font-normal text-[#727272]",
22
- label: "text-xs font-normal text-[#727272]",
23
- },
24
- },
25
- defaultVariants: {
26
- type: "body",
27
- },
28
- });
29
- function Text(_a) {
30
- var { className, type } = _a, props = __rest(_a, ["className", "type"]);
31
- return _jsx("p", Object.assign({ className: cn(textVariants({ type }), className) }, props));
32
- }
33
- export { Text, textVariants };