@konstructio/ui 0.0.6 → 0.0.8

package/dist/components/Card/Card.js

@@ -1,38 +1,39 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
+import { forwardRef as p } from "react";
 import "../../contexts/theme.context.js";
-import { useTheme as p } from "../../contexts/theme.hook.js";
+import { useTheme as c } from "../../contexts/theme.hook.js";
 import "../../js.cookie-OLEfuq_g.js";
-import { cardBaseVariants as c, cardVariants as f } from "./Card.variants.js";
-const n = d(
-  ({ className: o, theme: r, isActive: m, canHover: e, ...s }, i) => {
-    const { theme: a } = p();
+import { cardBaseVariants as f, cardVariants as n } from "./Card.variants.js";
+const h = p(
+  ({ className: o, theme: r, isActive: m, canHover: a, wrapperClassName: s, ...i }, d) => {
+    const { theme: e } = c();
     return /* @__PURE__ */ t(
       "div",
       {
-        className: c({
-          theme: r ?? a,
+        className: f({
+          canHover: a,
+          className: s,
           isActive: m,
-          canHover: e
+          theme: r ?? e
         }),
         children: /* @__PURE__ */ t(
           "div",
           {
-            ref: i,
-            className: f({
+            ref: d,
+            className: n({
               className: o,
-              theme: r ?? a,
+              theme: r ?? e,
               isActive: m,
-              canHover: e
+              canHover: a
             }),
-            ...s
+            ...i
           }
         )
       }
     );
   }
 );
-n.displayName = "Card";
+h.displayName = "Card";
 export {
-  n as Card
+  h as Card
 };

package/dist/components/Card/Card.types.d.ts

@@ -4,4 +4,5 @@ import { cardVariants } from './Card.variants';
 export interface CardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants>, PropsWithChildren {
     isActive?: boolean;
     canHover?: boolean;
+    wrapperClassName?: string;
 }

package/dist/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './AlertDialog/AlertDialog';
 export * from './Autocomplete/Autocomplete';
 export * from './Breadcrumb/Breadcrumb';
 export * from './Button/Button';
+export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Dropdown/Dropdown';
 export * from './Input/Input';

package/dist/components/index.js

@@ -2,39 +2,41 @@ import { AlertDialog as e } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as p } from "./Autocomplete/Autocomplete.js";
 import { Breadcrumb as x } from "./Breadcrumb/Breadcrumb.js";
 import { Button as a } from "./Button/Button.js";
-import { Checkbox as u } from "./Checkbox/Checkbox.js";
-import { Dropdown as d } from "./Dropdown/Dropdown.js";
-import { Input as i } from "./Input/Input.js";
-import { M as T } from "../Modal-Ca3bkvvt.js";
-import { NumberInput as b } from "./NumberInput/NumberInput.js";
-import { ProgressBar as B } from "./ProgressBar/ProgressBar.js";
-import { Radio as h } from "./Radio/Radio.js";
-import { Range as D } from "./Range/Range.js";
-import { Slider as M } from "./Slider/Slider.js";
-import { Switch as k } from "./Switch/Switch.js";
-import { Tag as N } from "./Tag/Tag.js";
-import { TagSelect as j } from "./TagSelect/TagSelect.js";
-import { TextArea as v } from "./TextArea/TextArea.js";
-import { Toast as z } from "./Toast/Toast.js";
-import { Tooltip as F } from "./Tooltip/Tooltip.js";
+import { Card as d } from "./Card/Card.js";
+import { Checkbox as c } from "./Checkbox/Checkbox.js";
+import { Dropdown as i } from "./Dropdown/Dropdown.js";
+import { Input as T } from "./Input/Input.js";
+import { M as b } from "../Modal-Ca3bkvvt.js";
+import { NumberInput as B } from "./NumberInput/NumberInput.js";
+import { ProgressBar as h } from "./ProgressBar/ProgressBar.js";
+import { Radio as C } from "./Radio/Radio.js";
+import { Range as I } from "./Range/Range.js";
+import { Slider as R } from "./Slider/Slider.js";
+import { Switch as N } from "./Switch/Switch.js";
+import { Tag as j } from "./Tag/Tag.js";
+import { TagSelect as v } from "./TagSelect/TagSelect.js";
+import { TextArea as z } from "./TextArea/TextArea.js";
+import { Toast as F } from "./Toast/Toast.js";
+import { Tooltip as H } from "./Tooltip/Tooltip.js";
 export {
   e as AlertDialog,
   p as Autocomplete,
   x as Breadcrumb,
   a as Button,
-  u as Checkbox,
-  d as Dropdown,
-  i as Input,
-  T as Modal,
-  b as NumberInput,
-  B as ProgressBar,
-  h as Radio,
-  D as Range,
-  M as Slider,
-  k as Switch,
-  N as Tag,
-  j as TagSelect,
-  v as TextArea,
-  z as Toast,
-  F as Tooltip
+  d as Card,
+  c as Checkbox,
+  i as Dropdown,
+  T as Input,
+  b as Modal,
+  B as NumberInput,
+  h as ProgressBar,
+  C as Radio,
+  I as Range,
+  R as Slider,
+  N as Switch,
+  j as Tag,
+  v as TagSelect,
+  z as TextArea,
+  F as Toast,
+  H as Tooltip
 };

package/dist/index.js

@@ -2,49 +2,51 @@ import { AlertDialog as e } from "./components/AlertDialog/AlertDialog.js";
 import { Autocomplete as m } from "./components/Autocomplete/Autocomplete.js";
 import { Breadcrumb as x } from "./components/Breadcrumb/Breadcrumb.js";
 import { Button as a } from "./components/Button/Button.js";
-import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { Dropdown as g } from "./components/Dropdown/Dropdown.js";
-import { Input as i } from "./components/Input/Input.js";
-import { M as c } from "./Modal-Ca3bkvvt.js";
-import { NumberInput as h } from "./components/NumberInput/NumberInput.js";
-import { ProgressBar as A } from "./components/ProgressBar/ProgressBar.js";
-import { Radio as P } from "./components/Radio/Radio.js";
-import { Range as k } from "./components/Range/Range.js";
-import { Slider as C } from "./components/Slider/Slider.js";
-import { Switch as I } from "./components/Switch/Switch.js";
-import { Tag as R } from "./components/Tag/Tag.js";
-import { TagSelect as N } from "./components/TagSelect/TagSelect.js";
-import { TextArea as q } from "./components/TextArea/TextArea.js";
-import { Toast as z } from "./components/Toast/Toast.js";
-import { Tooltip as F } from "./components/Tooltip/Tooltip.js";
-import { ThemeContext as H } from "./contexts/theme.context.js";
-import { useTheme as K } from "./contexts/theme.hook.js";
-import { ThemeProvider as O } from "./contexts/theme.provider.js";
-import { useToggle as U } from "./hooks/useToggle.js";
-import { konstructPlugin as W } from "./plugins/konstruct.js";
+import { Card as l } from "./components/Card/Card.js";
+import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
+import { Dropdown as d } from "./components/Dropdown/Dropdown.js";
+import { Input as s } from "./components/Input/Input.js";
+import { M as h } from "./Modal-Ca3bkvvt.js";
+import { NumberInput as A } from "./components/NumberInput/NumberInput.js";
+import { ProgressBar as C } from "./components/ProgressBar/ProgressBar.js";
+import { Radio as S } from "./components/Radio/Radio.js";
+import { Range as w } from "./components/Range/Range.js";
+import { Slider as I } from "./components/Slider/Slider.js";
+import { Switch as R } from "./components/Switch/Switch.js";
+import { Tag as N } from "./components/Tag/Tag.js";
+import { TagSelect as q } from "./components/TagSelect/TagSelect.js";
+import { TextArea as z } from "./components/TextArea/TextArea.js";
+import { Toast as F } from "./components/Toast/Toast.js";
+import { Tooltip as H } from "./components/Tooltip/Tooltip.js";
+import { ThemeContext as K } from "./contexts/theme.context.js";
+import { useTheme as O } from "./contexts/theme.hook.js";
+import { ThemeProvider as U } from "./contexts/theme.provider.js";
+import { useToggle as W } from "./hooks/useToggle.js";
+import { konstructPlugin as Y } from "./plugins/konstruct.js";
 export {
   e as AlertDialog,
   m as Autocomplete,
   x as Breadcrumb,
   a as Button,
-  l as Checkbox,
-  g as Dropdown,
-  i as Input,
-  c as Modal,
-  h as NumberInput,
-  A as ProgressBar,
-  P as Radio,
-  k as Range,
-  C as Slider,
-  I as Switch,
-  R as Tag,
-  N as TagSelect,
-  q as TextArea,
-  H as ThemeContext,
-  O as ThemeProvider,
-  z as Toast,
-  F as Tooltip,
-  W as konstructPlugin,
-  K as useTheme,
-  U as useToggle
+  l as Card,
+  g as Checkbox,
+  d as Dropdown,
+  s as Input,
+  h as Modal,
+  A as NumberInput,
+  C as ProgressBar,
+  S as Radio,
+  w as Range,
+  I as Slider,
+  R as Switch,
+  N as Tag,
+  q as TagSelect,
+  z as TextArea,
+  K as ThemeContext,
+  U as ThemeProvider,
+  F as Toast,
+  H as Tooltip,
+  Y as konstructPlugin,
+  O as useTheme,
+  W as useToggle
 };

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.5",
+  "version": "0.0.7",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -72,8 +72,8 @@
     "tailwind-merge": "^2.6.0"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0",
     "react-router-dom": "^7"
   },
   "devDependencies": {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -72,8 +72,8 @@
     "tailwind-merge": "^2.6.0"
   },
   "peerDependencies": {
-    "react": "^18",
-    "react-dom": "^18",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0",
     "react-router-dom": "^7"
   },
   "devDependencies": {