@johngarcia9110/invariant 0.1.0 → 0.1.1

package/README.md

@@ -25,9 +25,9 @@ Create or update your `postcss.config.js`:
 ```js
 export default {
   plugins: {
-    '@tailwindcss/postcss': {}
-  }
-}
+    '@tailwindcss/postcss': {},
+  },
+};
 ```
 
 ### 3. Import Styles
@@ -35,14 +35,20 @@ export default {
 In your main CSS file:
 
 ```css
-@import "tailwindcss";
-@import "@johngarcia9110/invariant/style.css";
+@import 'tailwindcss';
+@import '@johngarcia9110/invariant/style.css';
 ```
 
 ## Usage
 
 ```tsx
-import { Button, Card, CardHeader, CardBody, Input } from '@johngarcia9110/invariant'
+import {
+  Button,
+  Card,
+  CardHeader,
+  CardBody,
+  Input,
+} from '@johngarcia9110/invariant';
 
 function App() {
   return (
@@ -58,7 +64,7 @@ function App() {
         </Button>
       </CardBody>
     </Card>
-  )
+  );
 }
 ```
 
@@ -73,6 +79,7 @@ function App() {
 ```
 
 **Props:**
+
 - `variant`: `'primary'` | `'secondary'` | `'outline'` (default: `'primary'`)
 - `size`: `'sm'` | `'md'` | `'lg'` (default: `'md'`)
 - All standard button HTML attributes
@@ -103,6 +110,7 @@ function App() {
 ```
 
 **Props:**
+
 - `label`: Optional label text
 - `error`: Error message (shows red styling)
 - `helperText`: Helper text below input
@@ -153,7 +161,11 @@ The library includes built-in dark mode styles that automatically apply when the
 Types are included and exported from the package:
 
 ```tsx
-import type { ButtonProps, CardProps, InputProps } from '@johngarcia9110/invariant'
+import type {
+  ButtonProps,
+  CardProps,
+  InputProps,
+} from '@johngarcia9110/invariant';
 ```
 
 ## License

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAG7D,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;IAC7C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAcD,eAAO,MAAM,MAAM,2GAoBlB,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG9D,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAeD,eAAO,MAAM,MAAM,2GA8BlB,CAAC"}

package/dist/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAGvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpE,eAAO,MAAM,IAAI,sGAehB,CAAA;AAID,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,UAAU,4GAUtB,CAAA;AAID,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,0GAUpB,CAAA;AAID,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,UAAU,4GAUtB,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAEpE,eAAO,MAAM,IAAI,sGAehB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,UAAU,4GAUtB,CAAC;AAIF,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,0GAIpB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE1E,eAAO,MAAM,UAAU,4GAUtB,CAAC"}

package/dist/components/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,EACV,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,QAAQ,CAAC"}

package/dist/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAG5D,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,KAAK,yGA8CjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG7D,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,yGAkDjB,CAAC"}

package/dist/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAA;AAErB,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAC"}

package/dist/invariant.js

@@ -2283,7 +2283,14 @@ const Fe = {
   md: "px-4 py-2 text-base",
   lg: "px-6 py-3 text-lg"
 }, _e = G(
-  ({ className: e, variant: r = "primary", size: t = "md", disabled: o, children: a, ...s }, i) => /* @__PURE__ */ z(
+  ({
+    className: e,
+    variant: r = "primary",
+    size: t = "md",
+    disabled: o,
+    children: a,
+    ...s
+  }, i) => /* @__PURE__ */ z(
     "button",
     {
       ref: i,
@@ -2329,14 +2336,7 @@ const qe = G(
 );
 qe.displayName = "CardHeader";
 const He = G(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ z(
-    "div",
-    {
-      ref: t,
-      className: I("px-6 py-4", e),
-      ...r
-    }
-  )
+  ({ className: e, ...r }, t) => /* @__PURE__ */ z("div", { ref: t, className: I("px-6 py-4", e), ...r })
 );
 He.displayName = "CardBody";
 const Je = G(

package/dist/utils/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@johngarcia9110/invariant",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A reusable React component library with Tailwind CSS",
   "type": "module",
   "main": "./dist/invariant.cjs",
@@ -30,13 +30,16 @@
     "lint": "eslint . --ext ts,tsx",
     "prepublishOnly": "npm run build",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^10.2.0",
     "@storybook/addon-onboarding": "^10.2.0",
     "@storybook/react": "^10.2.0",
     "@storybook/react-vite": "^10.2.0",
@@ -45,6 +48,7 @@
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.2.0",
     "postcss": "^8.4.32",
+    "prettier": "^3.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "storybook": "^10.2.0",
@@ -52,8 +56,7 @@
     "tw-animate-css": "^1.0.0",
     "typescript": "^5.3.0",
     "vite": "^5.0.0",
-    "vite-plugin-dts": "^3.7.0",
-    "@storybook/addon-docs": "^10.2.0"
+    "vite-plugin-dts": "^3.7.0"
   },
   "dependencies": {
     "clsx": "^2.1.0",

package/tailwind.config.js

@@ -1,4 +1,4 @@
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./src/**/*.{js,ts,jsx,tsx}'],
-}
+};