@ginia/ui 0.1.4 → 0.1.5
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.
|
@@ -70,54 +70,45 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
|
70
70
|
}
|
|
71
71
|
function PaginationPrevious({
|
|
72
72
|
className,
|
|
73
|
-
size = "
|
|
73
|
+
size = "icon",
|
|
74
74
|
...props
|
|
75
75
|
}) {
|
|
76
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
76
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
77
77
|
PaginationLink,
|
|
78
78
|
{
|
|
79
79
|
"aria-label": "Go to previous page",
|
|
80
80
|
size,
|
|
81
|
-
className: (0, import_utils.cn)(
|
|
81
|
+
className: (0, import_utils.cn)(className),
|
|
82
82
|
...props,
|
|
83
|
-
children:
|
|
84
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "h-4 w-4" }),
|
|
85
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Previous" })
|
|
86
|
-
]
|
|
83
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { className: "h-4 w-4" })
|
|
87
84
|
}
|
|
88
85
|
);
|
|
89
86
|
}
|
|
90
87
|
function PaginationNext({
|
|
91
88
|
className,
|
|
92
|
-
size = "
|
|
89
|
+
size = "icon",
|
|
93
90
|
...props
|
|
94
91
|
}) {
|
|
95
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
92
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
96
93
|
PaginationLink,
|
|
97
94
|
{
|
|
98
95
|
"aria-label": "Go to next page",
|
|
99
96
|
size,
|
|
100
|
-
className: (0, import_utils.cn)(
|
|
97
|
+
className: (0, import_utils.cn)(className),
|
|
101
98
|
...props,
|
|
102
|
-
children:
|
|
103
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Next" }),
|
|
104
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "h-4 w-4" })
|
|
105
|
-
]
|
|
99
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "h-4 w-4" })
|
|
106
100
|
}
|
|
107
101
|
);
|
|
108
102
|
}
|
|
109
103
|
function PaginationEllipsis({ className, ...props }) {
|
|
110
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
111
105
|
"span",
|
|
112
106
|
{
|
|
113
107
|
"aria-hidden": true,
|
|
114
108
|
"data-slot": "pagination-ellipsis",
|
|
115
109
|
className: (0, import_utils.cn)("flex h-9 w-9 items-center justify-center", className),
|
|
116
110
|
...props,
|
|
117
|
-
children:
|
|
118
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoreHorizontal, { className: "h-4 w-4" }),
|
|
119
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "More pages" })
|
|
120
|
-
]
|
|
111
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MoreHorizontal, { className: "h-4 w-4" })
|
|
121
112
|
}
|
|
122
113
|
);
|
|
123
114
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n {...props}\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n size = \"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n {...props}\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size={size}\n className={cn(className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size={size}\n className={cn(className)}\n {...props}\n >\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUI;AAPJ,0BAA0D;AAE1D,mBAAmB;AACnB,oBAAuC;AAEvC,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAW,iBAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SAAO,4CAAC,QAAG,aAAU,mBAAkB,eAAW,iBAAG,IAAI,SAAS,GAAI,GAAG,OAAO;AAClF;AAOA,SAAS,eAAe,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,MAAM,GAAwB;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,eAAW,qBAAG,8BAAe,EAAE,SAAS,WAAW,YAAY,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ,sDAAC,mCAAY,WAAU,WAAU;AAAA;AAAA,EACnC;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,eAAW,iBAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ,sDAAC,oCAAa,WAAU,WAAU;AAAA;AAAA,EACpC;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAiC;AACjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,eAAW,iBAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ,sDAAC,sCAAe,WAAU,WAAU;AAAA;AAAA,EACtC;AAEJ;","names":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
|
|
4
4
|
import { cn } from "../../../lib/utils";
|
|
5
5
|
import { buttonVariants } from "../button";
|
|
@@ -41,54 +41,45 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
|
41
41
|
}
|
|
42
42
|
function PaginationPrevious({
|
|
43
43
|
className,
|
|
44
|
-
size = "
|
|
44
|
+
size = "icon",
|
|
45
45
|
...props
|
|
46
46
|
}) {
|
|
47
|
-
return /* @__PURE__ */
|
|
47
|
+
return /* @__PURE__ */ jsx(
|
|
48
48
|
PaginationLink,
|
|
49
49
|
{
|
|
50
50
|
"aria-label": "Go to previous page",
|
|
51
51
|
size,
|
|
52
|
-
className: cn(
|
|
52
|
+
className: cn(className),
|
|
53
53
|
...props,
|
|
54
|
-
children:
|
|
55
|
-
/* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }),
|
|
56
|
-
/* @__PURE__ */ jsx("span", { children: "Previous" })
|
|
57
|
-
]
|
|
54
|
+
children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
|
|
58
55
|
}
|
|
59
56
|
);
|
|
60
57
|
}
|
|
61
58
|
function PaginationNext({
|
|
62
59
|
className,
|
|
63
|
-
size = "
|
|
60
|
+
size = "icon",
|
|
64
61
|
...props
|
|
65
62
|
}) {
|
|
66
|
-
return /* @__PURE__ */
|
|
63
|
+
return /* @__PURE__ */ jsx(
|
|
67
64
|
PaginationLink,
|
|
68
65
|
{
|
|
69
66
|
"aria-label": "Go to next page",
|
|
70
67
|
size,
|
|
71
|
-
className: cn(
|
|
68
|
+
className: cn(className),
|
|
72
69
|
...props,
|
|
73
|
-
children:
|
|
74
|
-
/* @__PURE__ */ jsx("span", { children: "Next" }),
|
|
75
|
-
/* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
|
|
76
|
-
]
|
|
70
|
+
children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
|
|
77
71
|
}
|
|
78
72
|
);
|
|
79
73
|
}
|
|
80
74
|
function PaginationEllipsis({ className, ...props }) {
|
|
81
|
-
return /* @__PURE__ */
|
|
75
|
+
return /* @__PURE__ */ jsx(
|
|
82
76
|
"span",
|
|
83
77
|
{
|
|
84
78
|
"aria-hidden": true,
|
|
85
79
|
"data-slot": "pagination-ellipsis",
|
|
86
80
|
className: cn("flex h-9 w-9 items-center justify-center", className),
|
|
87
81
|
...props,
|
|
88
|
-
children:
|
|
89
|
-
/* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }),
|
|
90
|
-
/* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
|
|
91
|
-
]
|
|
82
|
+
children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
|
|
92
83
|
}
|
|
93
84
|
);
|
|
94
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n {...props}\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n size = \"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ui/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"../../../lib/utils\";\nimport { Button, buttonVariants } from \"../button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n return (\n <nav\n role=\"navigation\"\n aria-label=\"pagination\"\n data-slot=\"pagination\"\n className={cn(\"mx-auto flex w-full justify-center\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<\"ul\">) {\n return (\n <ul\n data-slot=\"pagination-content\"\n className={cn(\"flex flex-row items-center gap-1\", className)}\n {...props}\n />\n );\n}\n\nfunction PaginationItem({ className, ...props }: React.ComponentProps<\"li\">) {\n return <li data-slot=\"pagination-item\" className={cn(\"\", className)} {...props} />;\n}\n\ntype PaginationLinkProps = {\n isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n React.ComponentProps<\"a\">;\n\nfunction PaginationLink({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) {\n return (\n <a\n aria-current={isActive ? \"page\" : undefined}\n data-slot=\"pagination-link\"\n className={cn(buttonVariants({ variant: isActive ? \"default\" : \"ghost\", size }), className)}\n {...props}\n />\n );\n}\n\nfunction PaginationPrevious({\n className,\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to previous page\"\n size={size}\n className={cn(className)}\n {...props}\n >\n <ChevronLeft className=\"h-4 w-4\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationNext({\n className,\n size = \"icon\",\n ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n return (\n <PaginationLink\n aria-label=\"Go to next page\"\n size={size}\n className={cn(className)}\n {...props}\n >\n <ChevronRight className=\"h-4 w-4\" />\n </PaginationLink>\n );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n aria-hidden\n data-slot=\"pagination-ellipsis\"\n className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n {...props}\n >\n <MoreHorizontal className=\"h-4 w-4\" />\n </span>\n );\n}\n\nexport {\n Pagination,\n PaginationContent,\n PaginationEllipsis,\n PaginationItem,\n PaginationLink,\n PaginationNext,\n PaginationPrevious,\n};\n"],"mappings":";AAUI;AAPJ,SAAS,aAAa,cAAc,sBAAsB;AAE1D,SAAS,UAAU;AACnB,SAAiB,sBAAsB;AAEvC,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAW,GAAG,sCAAsC,SAAS;AAAA,MAC5D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAA+B;AAC3E,SAAO,oBAAC,QAAG,aAAU,mBAAkB,WAAW,GAAG,IAAI,SAAS,GAAI,GAAG,OAAO;AAClF;AAOA,SAAS,eAAe,EAAE,WAAW,UAAU,OAAO,QAAQ,GAAG,MAAM,GAAwB;AAC7F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,WAAW,SAAS;AAAA,MAClC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,WAAW,YAAY,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ,8BAAC,eAAY,WAAU,WAAU;AAAA;AAAA,EACnC;AAEJ;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAW;AAAA,MACX;AAAA,MACA,WAAW,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,MAEJ,8BAAC,gBAAa,WAAU,WAAU;AAAA;AAAA,EACpC;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAAiC;AACjF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAW,GAAG,4CAA4C,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ,8BAAC,kBAAe,WAAU,WAAU;AAAA;AAAA,EACtC;AAEJ;","names":[]}
|