@kopexa/card 1.0.4 → 1.0.6

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 (9) hide show
  1. package/dist/card.js +12 -4
  2. package/dist/card.mjs +1 -1
  3. package/dist/{chunk-Z3V525CT.mjs → chunk-6LOHEW6B.mjs} +1 -1
  4. package/dist/{chunk-EERI22BI.mjs → chunk-QJLYPGLR.mjs} +12 -4
  5. package/dist/index.js +12 -4
  6. package/dist/index.mjs +2 -2
  7. package/dist/namespace.js +12 -4
  8. package/dist/namespace.mjs +2 -2
  9. package/package.json +2 -2
package/dist/card.js CHANGED
@@ -47,6 +47,7 @@ var CardRoot = (props) => {
47
47
  const {
48
48
  className,
49
49
  children,
50
+ variant,
50
51
  shadow,
51
52
  radius,
52
53
  isHoverable,
@@ -54,18 +55,25 @@ var CardRoot = (props) => {
54
55
  isBlurred,
55
56
  fullWidth,
56
57
  isDisabled,
58
+ border,
59
+ bleed,
60
+ spacing,
57
61
  asChild,
58
62
  ...rest
59
63
  } = props;
60
64
  const Component = asChild ? Slot.Root : "div";
61
65
  const styles = (0, import_theme.card)({
66
+ variant,
62
67
  shadow,
63
68
  radius,
64
69
  isHoverable,
65
70
  isPressable,
66
71
  isBlurred,
67
72
  fullWidth,
68
- isDisabled
73
+ isDisabled,
74
+ border,
75
+ bleed,
76
+ spacing
69
77
  });
70
78
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
71
79
  Component,
@@ -83,19 +91,19 @@ function CardHeader(props) {
83
91
  const { className, children, asChild, ...rest } = props;
84
92
  const Component = asChild ? Slot.Root : "div";
85
93
  const { styles } = useCardContext();
86
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ class: className }), ...rest, children });
94
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ className }), ...rest, children });
87
95
  }
88
96
  function CardBody(props) {
89
97
  const { className, children, asChild, ...rest } = props;
90
98
  const Component = asChild ? Slot.Root : "div";
91
99
  const { styles } = useCardContext();
92
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ class: className }), ...rest, children });
100
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ className }), ...rest, children });
93
101
  }
94
102
  function CardFooter(props) {
95
103
  const { className, children, asChild, ...rest } = props;
96
104
  const Component = asChild ? Slot.Root : "div";
97
105
  const { styles } = useCardContext();
98
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ class: className }), ...rest, children });
106
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ className }), ...rest, children });
99
107
  }
100
108
  // Annotate the CommonJS export names for ESM import in node:
101
109
  0 && (module.exports = {
package/dist/card.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  CardFooter,
5
5
  CardHeader,
6
6
  CardRoot
7
- } from "./chunk-EERI22BI.mjs";
7
+ } from "./chunk-QJLYPGLR.mjs";
8
8
  export {
9
9
  CardBody,
10
10
  CardFooter,
package/dist/{chunk-Z3V525CT.mjs → chunk-6LOHEW6B.mjs} RENAMED
@@ -5,7 +5,7 @@ import {
5
5
  CardHeader,
6
6
  CardRoot,
7
7
  __export
8
- } from "./chunk-EERI22BI.mjs";
8
+ } from "./chunk-QJLYPGLR.mjs";
9
9
 
10
10
  // src/namespace.ts
11
11
  var namespace_exports = {};
package/dist/{chunk-EERI22BI.mjs → chunk-QJLYPGLR.mjs} RENAMED
@@ -16,6 +16,7 @@ var CardRoot = (props) => {
16
16
  const {
17
17
  className,
18
18
  children,
19
+ variant,
19
20
  shadow,
20
21
  radius,
21
22
  isHoverable,
@@ -23,18 +24,25 @@ var CardRoot = (props) => {
23
24
  isBlurred,
24
25
  fullWidth,
25
26
  isDisabled,
27
+ border,
28
+ bleed,
29
+ spacing,
26
30
  asChild,
27
31
  ...rest
28
32
  } = props;
29
33
  const Component = asChild ? Slot.Root : "div";
30
34
  const styles = card({
35
+ variant,
31
36
  shadow,
32
37
  radius,
33
38
  isHoverable,
34
39
  isPressable,
35
40
  isBlurred,
36
41
  fullWidth,
37
- isDisabled
42
+ isDisabled,
43
+ border,
44
+ bleed,
45
+ spacing
38
46
  });
39
47
  return /* @__PURE__ */ jsx(Provider, { value: { styles }, children: /* @__PURE__ */ jsx(
40
48
  Component,
@@ -52,19 +60,19 @@ function CardHeader(props) {
52
60
  const { className, children, asChild, ...rest } = props;
53
61
  const Component = asChild ? Slot.Root : "div";
54
62
  const { styles } = useCardContext();
55
- return /* @__PURE__ */ jsx(Component, { className: styles.header({ class: className }), ...rest, children });
63
+ return /* @__PURE__ */ jsx(Component, { className: styles.header({ className }), ...rest, children });
56
64
  }
57
65
  function CardBody(props) {
58
66
  const { className, children, asChild, ...rest } = props;
59
67
  const Component = asChild ? Slot.Root : "div";
60
68
  const { styles } = useCardContext();
61
- return /* @__PURE__ */ jsx(Component, { className: styles.body({ class: className }), ...rest, children });
69
+ return /* @__PURE__ */ jsx(Component, { className: styles.body({ className }), ...rest, children });
62
70
  }
63
71
  function CardFooter(props) {
64
72
  const { className, children, asChild, ...rest } = props;
65
73
  const Component = asChild ? Slot.Root : "div";
66
74
  const { styles } = useCardContext();
67
- return /* @__PURE__ */ jsx(Component, { className: styles.footer({ class: className }), ...rest, children });
75
+ return /* @__PURE__ */ jsx(Component, { className: styles.footer({ className }), ...rest, children });
68
76
  }
69
77
 
70
78
  export {
package/dist/index.js CHANGED
@@ -55,6 +55,7 @@ var CardRoot = (props) => {
55
55
  const {
56
56
  className,
57
57
  children,
58
+ variant,
58
59
  shadow,
59
60
  radius,
60
61
  isHoverable,
@@ -62,18 +63,25 @@ var CardRoot = (props) => {
62
63
  isBlurred,
63
64
  fullWidth,
64
65
  isDisabled,
66
+ border,
67
+ bleed,
68
+ spacing,
65
69
  asChild,
66
70
  ...rest
67
71
  } = props;
68
72
  const Component = asChild ? Slot.Root : "div";
69
73
  const styles = (0, import_theme.card)({
74
+ variant,
70
75
  shadow,
71
76
  radius,
72
77
  isHoverable,
73
78
  isPressable,
74
79
  isBlurred,
75
80
  fullWidth,
76
- isDisabled
81
+ isDisabled,
82
+ border,
83
+ bleed,
84
+ spacing
77
85
  });
78
86
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
79
87
  Component,
@@ -91,19 +99,19 @@ function CardHeader(props) {
91
99
  const { className, children, asChild, ...rest } = props;
92
100
  const Component = asChild ? Slot.Root : "div";
93
101
  const { styles } = useCardContext();
94
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ class: className }), ...rest, children });
102
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ className }), ...rest, children });
95
103
  }
96
104
  function CardBody(props) {
97
105
  const { className, children, asChild, ...rest } = props;
98
106
  const Component = asChild ? Slot.Root : "div";
99
107
  const { styles } = useCardContext();
100
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ class: className }), ...rest, children });
108
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ className }), ...rest, children });
101
109
  }
102
110
  function CardFooter(props) {
103
111
  const { className, children, asChild, ...rest } = props;
104
112
  const Component = asChild ? Slot.Root : "div";
105
113
  const { styles } = useCardContext();
106
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ class: className }), ...rest, children });
114
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ className }), ...rest, children });
107
115
  }
108
116
  // Annotate the CommonJS export names for ESM import in node:
109
117
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use client";
2
2
  import {
3
3
  namespace_exports
4
- } from "./chunk-Z3V525CT.mjs";
5
- import "./chunk-EERI22BI.mjs";
4
+ } from "./chunk-6LOHEW6B.mjs";
5
+ import "./chunk-QJLYPGLR.mjs";
6
6
  export {
7
7
  namespace_exports as Card
8
8
  };
package/dist/namespace.js CHANGED
@@ -49,6 +49,7 @@ var CardRoot = (props) => {
49
49
  const {
50
50
  className,
51
51
  children,
52
+ variant,
52
53
  shadow,
53
54
  radius,
54
55
  isHoverable,
@@ -56,18 +57,25 @@ var CardRoot = (props) => {
56
57
  isBlurred,
57
58
  fullWidth,
58
59
  isDisabled,
60
+ border,
61
+ bleed,
62
+ spacing,
59
63
  asChild,
60
64
  ...rest
61
65
  } = props;
62
66
  const Component = asChild ? Slot.Root : "div";
63
67
  const styles = (0, import_theme.card)({
68
+ variant,
64
69
  shadow,
65
70
  radius,
66
71
  isHoverable,
67
72
  isPressable,
68
73
  isBlurred,
69
74
  fullWidth,
70
- isDisabled
75
+ isDisabled,
76
+ border,
77
+ bleed,
78
+ spacing
71
79
  });
72
80
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
81
  Component,
@@ -85,19 +93,19 @@ function CardHeader(props) {
85
93
  const { className, children, asChild, ...rest } = props;
86
94
  const Component = asChild ? Slot.Root : "div";
87
95
  const { styles } = useCardContext();
88
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ class: className }), ...rest, children });
96
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.header({ className }), ...rest, children });
89
97
  }
90
98
  function CardBody(props) {
91
99
  const { className, children, asChild, ...rest } = props;
92
100
  const Component = asChild ? Slot.Root : "div";
93
101
  const { styles } = useCardContext();
94
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ class: className }), ...rest, children });
102
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.body({ className }), ...rest, children });
95
103
  }
96
104
  function CardFooter(props) {
97
105
  const { className, children, asChild, ...rest } = props;
98
106
  const Component = asChild ? Slot.Root : "div";
99
107
  const { styles } = useCardContext();
100
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ class: className }), ...rest, children });
108
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { className: styles.footer({ className }), ...rest, children });
101
109
  }
102
110
  // Annotate the CommonJS export names for ESM import in node:
103
111
  0 && (module.exports = {
package/dist/namespace.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  "use client";
2
- import "./chunk-Z3V525CT.mjs";
2
+ import "./chunk-6LOHEW6B.mjs";
3
3
  import {
4
4
  CardBody,
5
5
  CardFooter,
6
6
  CardHeader,
7
7
  CardRoot
8
- } from "./chunk-EERI22BI.mjs";
8
+ } from "./chunk-QJLYPGLR.mjs";
9
9
  export {
10
10
  CardBody as Body,
11
11
  CardFooter as Footer,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/card",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "A card to be used as container",
5
5
  "keywords": [
6
6
  "card"
@@ -28,7 +28,7 @@
28
28
  "motion": ">=12.23.6",
29
29
  "react": ">=19.0.0-rc.0",
30
30
  "react-dom": ">=19.0.0-rc.0",
31
- "@kopexa/theme": "1.6.4"
31
+ "@kopexa/theme": "1.6.6"
32
32
  },
33
33
  "dependencies": {
34
34
  "@radix-ui/react-slot": "^1.2.3",