@jamsr-ui/checkbox - npm Package Compare versions

Comparing version 0.0.21 to 0.0.22

dist/checkbox-check-icon.js

@@ -1,2 +0,2 @@
-"use client"
-"use strict";var i=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var l=(e,t)=>{for(var o in t)i(e,o,{get:t[o],enumerable:!0})},p=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of d(t))!h.call(e,n)&&n!==o&&i(e,n,{get:()=>t[n],enumerable:!(r=c(t,n))||r.enumerable});return e};var k=e=>p(i({},"__esModule",{value:!0}),e);var v={};l(v,{CheckboxCheckIcon:()=>u});module.exports=k(v);var s=require("framer-motion"),a=require("react/jsx-runtime"),m={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2,delay:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},u=e=>{let{isChecked:t}=e;return(0,a.jsx)("div",{"data-slot":"icon",className:"pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-white",children:(0,a.jsx)(s.m.svg,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"3.5",stroke:"currentColor",className:"size-3.5",initial:!1,animate:t?"checked":"unchecked",children:(0,a.jsx)(s.m.path,{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5",variants:m})})})};0&&(module.exports={CheckboxCheckIcon});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+var _chunkVQITBJ5Tjs = require('./chunk-VQITBJ5T.js');exports.CheckboxCheckIcon = _chunkVQITBJ5Tjs.a;

dist/checkbox.js

@@ -1,2 +0,2 @@
-"use client"
-"use strict";var i=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var t in e)i(o,t,{get:e[t],enumerable:!0})},I=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of w(e))!N.call(o,n)&&n!==t&&i(o,n,{get:()=>e[n],enumerable:!(r=L(e,n))||r.enumerable});return o};var E=o=>I(i({},"__esModule",{value:!0}),o);var V={};R(V,{Checkbox:()=>M});module.exports=E(V);var C=require("@jamsr-ui/hooks"),s=require("react");var p=require("framer-motion"),c=require("react/jsx-runtime"),z={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2,delay:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},h=o=>{let{isChecked:e}=o;return(0,c.jsx)("div",{"data-slot":"icon",className:"pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-white",children:(0,c.jsx)(p.m.svg,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"3.5",stroke:"currentColor",className:"size-3.5",initial:!1,animate:e?"checked":"unchecked",children:(0,c.jsx)(p.m.path,{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5",variants:z})})})};var b=require("@jamsr-ui/utils"),k=require("react/jsx-runtime"),m=o=>{let{children:e,id:t,className:r,...n}=o;return(0,k.jsx)("label",{className:(0,b.cn)("select-none",r),htmlFor:t,...n,children:e})};var a=require("react/jsx-runtime"),F=(o,e)=>{let t=(0,s.useId)(),{checked:r,onChange:n,defaultChecked:u,label:f,indeterminate:x,labelProps:g,onCheckedChange:P,...v}=o,[l,y]=(0,C.useControlledState)({prop:r,defaultProp:u,onChange:P});return(0,a.jsxs)("button",{type:"button",className:"flex items-center gap-2","data-component":"checkbox","data-slot":"base",children:[(0,a.jsxs)("div",{className:"relative flex size-max items-center ",children:[(0,a.jsx)("input",{id:t,type:"checkbox",className:"relative size-5 cursor-pointer appearance-none rounded-md border-2 transition-all duration-500 checked:border-blue-500 checked:bg-blue-500",ref:e,checked:l,onChange:d=>{y(d.target.checked),n?.(d)},...v}),(0,a.jsx)(h,{indeterminate:x,isChecked:!!l})]}),(0,a.jsx)(m,{id:t,...g,children:f})]})},M=(0,s.forwardRef)(F);0&&(module.exports={Checkbox});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+var _chunkKABWBIG4js = require('./chunk-KABWBIG4.js');require('./chunk-VQITBJ5T.js');require('./chunk-ZAWYYHG6.js');exports.Checkbox = _chunkKABWBIG4js.a;

dist/index.js

@@ -1,2 +0,2 @@
-"use client"
-"use strict";"use client";var i=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var I=(o,e)=>{for(var t in e)i(o,t,{get:e[t],enumerable:!0})},E=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of N(e))!R.call(o,n)&&n!==t&&i(o,n,{get:()=>e[n],enumerable:!(r=w(e,n))||r.enumerable});return o};var z=o=>E(i({},"__esModule",{value:!0}),o);var V={};I(V,{Checkbox:()=>u});module.exports=z(V);var C=require("@jamsr-ui/hooks"),s=require("react");var p=require("framer-motion"),c=require("react/jsx-runtime"),F={pressed:{pathLength:.5},checked:{pathLength:1,opacity:1,transition:{duration:.2,delay:.2}},unchecked:{pathLength:0,opacity:0,transition:{duration:.2}}},h=o=>{let{isChecked:e}=o;return(0,c.jsx)("div",{"data-slot":"icon",className:"pointer-events-none absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-white",children:(0,c.jsx)(p.m.svg,{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"3.5",stroke:"currentColor",className:"size-3.5",initial:!1,animate:e?"checked":"unchecked",children:(0,c.jsx)(p.m.path,{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5",variants:F})})})};var b=require("@jamsr-ui/utils"),m=require("react/jsx-runtime"),k=o=>{let{children:e,id:t,className:r,...n}=o;return(0,m.jsx)("label",{className:(0,b.cn)("select-none",r),htmlFor:t,...n,children:e})};var a=require("react/jsx-runtime"),M=(o,e)=>{let t=(0,s.useId)(),{checked:r,onChange:n,defaultChecked:x,label:f,indeterminate:g,labelProps:P,onCheckedChange:y,...v}=o,[l,L]=(0,C.useControlledState)({prop:r,defaultProp:x,onChange:y});return(0,a.jsxs)("button",{type:"button",className:"flex items-center gap-2","data-component":"checkbox","data-slot":"base",children:[(0,a.jsxs)("div",{className:"relative flex size-max items-center ",children:[(0,a.jsx)("input",{id:t,type:"checkbox",className:"relative size-5 cursor-pointer appearance-none rounded-md border-2 transition-all duration-500 checked:border-blue-500 checked:bg-blue-500",ref:e,checked:l,onChange:d=>{L(d.target.checked),n?.(d)},...v}),(0,a.jsx)(h,{indeterminate:g,isChecked:!!l})]}),(0,a.jsx)(k,{id:t,...P,children:f})]})},u=(0,s.forwardRef)(M);0&&(module.exports={Checkbox});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+"use client";var _chunkKABWBIG4js = require('./chunk-KABWBIG4.js');require('./chunk-VQITBJ5T.js');require('./chunk-ZAWYYHG6.js');exports.Checkbox = _chunkKABWBIG4js.a;

dist/label.js

@@ -1,2 +0,2 @@
-"use client"
-"use strict";var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(e,o)=>{for(var l in o)s(e,l,{get:o[l],enumerable:!0})},i=(e,o,l,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of b(o))!c.call(e,r)&&r!==l&&s(e,r,{get:()=>o[r],enumerable:!(p=a(o,r))||p.enumerable});return e};var P=e=>i(s({},"__esModule",{value:!0}),e);var C={};m(C,{Label:()=>h});module.exports=P(C);var t=require("@jamsr-ui/utils"),n=require("react/jsx-runtime"),h=e=>{let{children:o,id:l,className:p,...r}=e;return(0,n.jsx)("label",{className:(0,t.cn)("select-none",p),htmlFor:l,...r,children:o})};0&&(module.exports={Label});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+var _chunkZAWYYHG6js = require('./chunk-ZAWYYHG6.js');exports.Label = _chunkZAWYYHG6js.a;

package.json

 {
   "name": "@jamsr-ui/checkbox",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "",
@@ -25,4 +25,4 @@ "main": "./dist/index.mjs",
   "dependencies": {
-    "@jamsr-ui/hooks": "^0.0.14",
-    "@jamsr-ui/utils": "^0.0.19"
+    "@jamsr-ui/hooks": "^0.0.15",
+    "@jamsr-ui/utils": "^0.0.20"
   },
@@ -29,0 +29,0 @@ "module": "dist/index.mjs",

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Number of package files

23

increased by15%

Number of low quality alerts

4

decreased by-33.33%

Worsened metrics

Total package byte prevSize

9988

decreased by-20.31%

Lines of code

77

decreased by-8.33%

Dependency changes

• + Added@jamsr-ui/hooks@0.0.15(transitive)

• + Added@jamsr-ui/utils@0.0.20(transitive)

• - Removed@jamsr-ui/hooks@0.0.14(transitive)

• - Removed@jamsr-ui/utils@0.0.19(transitive)

• Updated@jamsr-ui/hooks@^0.0.15

• Updated@jamsr-ui/utils@^0.0.20