@pickaxeproject/react 0.0.24 → 0.0.25

package/README.md

@@ -1,6 +1,6 @@
 # Pickaxe - React
 
-> Client utility library for Pickaxe
+> Client utility library for Pickaxes
 
 ## How to publish
 

package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),o=require("../../Core/Modal/index.js"),r=require("../../Core/Modal/Body.js"),l=require("./PickaxeIcon.js"),a=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:c})=>{const{pickaxe:x,colors:d,responsiveBy:u}=s.usePickaxeContext(),p=t.useStyleFontSize({type:"body"});return e.jsx(o.default,Object.assign({isOpen:n,onChange:c},{children:e.jsxs(r.default,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:d.primary,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>c(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(l.default,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:a.default("mt-6 text-center font-semibold opacity-70","viewport"===u?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==x?void 0:x.formtitle})),e.jsx("p",Object.assign({className:p("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),i=require("../../Icons/x.svg.js"),r=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),o=require("./PickaxeIcon.js"),a=require("./PickaxeSimpleButton.js"),c=require("../../../common/cn.js");exports.default=({isOpen:n,onChangeIsOpen:x})=>{const{pickaxe:d,colors:u,responsiveBy:p}=s.usePickaxeContext(),j=t.useStyleFontSize({type:"body"});return e.jsx(r.default,Object.assign({isOpen:n,onChange:x},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:u.primary,color:u.text,borderColor:u.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:u.text,onClick:()=>x(!1)},{children:e.jsx(i.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:e.jsxs("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e.jsx(o.default,{src:null==d?void 0:d.coverphoto,alt:`${null==d?void 0:d.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e.jsx("h2",Object.assign({className:c.default("mt-6 text-center font-semibold opacity-70","viewport"===p?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==d?void 0:d.formtitle})),e.jsx("p",Object.assign({className:j("mt-4 font-semilight opacity-70")},{children:null==d?void 0:d.formdescription}))]}))}))]}))}))};

package/dist/cjs/components/Pickaxe/common/PickaxeSimpleButton.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../hooks/core/useHover.js"),s=require("../../../common/cn.js");exports.default=({color:t,children:i,className:c,isForceColor:l,onClick:n})=>{const u=o.useHover(),{isHover:a}=u,j=e.__rest(u,["isHover"]);return r.jsx("button",Object.assign({className:s.default("flex items-center gap-1 outline-none",c)},(a||l)&&{style:{color:t}},n&&{onClick:e=>{e.stopPropagation(),n()}},j,{children:i}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),o=require("../../../hooks/core/useHover.js"),s=require("../../../common/cn.js");exports.default=({color:t,children:i,className:n,isForceColor:l,onClick:a})=>{const c=o.useHover(),{isHover:u}=c,d=e.__rest(c,["isHover"]);return r.jsx("button",Object.assign({className:s.default("flex items-center gap-1 outline-none transition-all duration-300 ease-in-out",n)},(u||l)&&{style:{color:t}},a&&{onClick:e=>{e.stopPropagation(),a()}},d,{children:i}))};

package/dist/esm/components/Pickaxe/common/PickaxeInfoModal.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import n from"./PickaxeIcon.js";import c from"../../../common/cn.js";const a=({isOpen:a,onChangeIsOpen:m})=>{const{pickaxe:p,colors:x,responsiveBy:d}=t(),f=i({type:"body"});return e(r,Object.assign({isOpen:a,onChange:m},{children:o(l,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:x.primary,borderColor:x.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e("button",Object.assign({className:"outline-none hover:opacity-70 hover:duration-300 active:opacity-100",onClick:()=>m(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(n,{src:null==p?void 0:p.coverphoto,alt:`${null==p?void 0:p.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:c("mt-6 text-center font-semibold opacity-70","viewport"===d?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==p?void 0:p.formtitle})),e("p",Object.assign({className:f("mt-4 font-semilight opacity-70")},{children:null==p?void 0:p.formdescription}))]}))}))]}))}))};export{a as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as t}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as i}from"../../../hooks/studio/useStyleFontSize.js";import s from"../../Icons/x.svg.js";import r from"../../Core/Modal/index.js";import l from"../../Core/Modal/Body.js";import c from"./PickaxeIcon.js";import n from"./PickaxeSimpleButton.js";import a from"../../../common/cn.js";const m=({isOpen:m,onChangeIsOpen:p})=>{const{pickaxe:x,colors:d,responsiveBy:f}=t(),h=i({type:"body"});return e(r,Object.assign({isOpen:m,onChange:p},{children:o(l,Object.assign({className:"relative flex flex-col px-8 py-[26px] w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:d.primary,color:d.text,borderColor:d.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(n,Object.assign({color:d.text,onClick:()=>p(!1)},{children:e(s,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-8 flex flex-col items-center"},{children:o("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:[e(c,{src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:"h-[90px] w-[90px] rounded-full"}),e("h2",Object.assign({className:a("mt-6 text-center font-semibold opacity-70","viewport"===f?"min-[767px]:text-[18px]":"@[767px]/pickaxe-root:text-[18px]")},{children:null==x?void 0:x.formtitle})),e("p",Object.assign({className:h("mt-4 font-semilight opacity-70")},{children:null==x?void 0:x.formdescription}))]}))}))]}))}))};export{m as default};

package/dist/esm/components/Pickaxe/common/PickaxeSimpleButton.js

@@ -1 +1 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useHover as e}from"../../../hooks/core/useHover.js";import s from"../../../common/cn.js";const t=({color:t,children:i,className:c,isForceColor:n,onClick:l})=>{const m=e(),{isHover:a}=m,p=o(m,["isHover"]);return r("button",Object.assign({className:s("flex items-center gap-1 outline-none",c)},(a||n)&&{style:{color:t}},l&&{onClick:o=>{o.stopPropagation(),l()}},p,{children:i}))};export{t as default};
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as r}from"react/jsx-runtime";import{useHover as t}from"../../../hooks/core/useHover.js";import e from"../../../common/cn.js";const s=({color:s,children:i,className:n,isForceColor:c,onClick:l})=>{const a=t(),{isHover:m}=a,u=o(a,["isHover"]);return r("button",Object.assign({className:e("flex items-center gap-1 outline-none transition-all duration-300 ease-in-out",n)},(m||c)&&{style:{color:s}},l&&{onClick:o=>{o.stopPropagation(),l()}},u,{children:i}))};export{s as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pickaxeproject/react",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "description": "Client utility library for Pickaxe",
   "repository": {
     "type": "git",