@spicenet-io/spiceflow-ui 1.9.33 → 1.9.35

package/dist/Button-4ryz2e1P.js

@@ -0,0 +1,2 @@
+"use client";
+import{jsxs as x,jsx as y}from"react/jsx-runtime";const h={spacing:{xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},borderRadius:{sm:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"9999px"},typography:{fontFamily:'"Helvetica Neue", sans-serif',fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"},fontWeight:{normal:400,medium:500,semibold:600,bold:700}},shadows:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1)"},animation:{fast:"150ms ease-in-out",normal:"200ms ease-in-out",slow:"300ms ease-in-out"}},S={primary:"#EA4B4B",primaryHover:"#E43838",secondary:"#f3f4f6",background:"#ffffff",surface:"#f9fafb",surfaceHover:"#f3f4f6",border:"#e5e7eb",borderHover:"#d1d5db",text:"#111827",textSecondary:"#374151",textMuted:"#6b7280",success:"#10b981",error:"#ef4444",warning:"#f59e0b",info:"#3b82f6"},v={primary:"#EA4B4B",primaryHover:"#E43838",secondary:"#1f2937",background:"#111217",surface:"#161a22",surfaceHover:"#1f2937",border:"#374151",borderHover:"#4b5563",text:"#ffffff",textSecondary:"#d1d5db",textMuted:"#9ca3af",success:"#10b981",error:"#ef4444",warning:"#f59e0b",info:"#3b82f6"},a=(e="light")=>({mode:e,...h,colors:e==="light"?S:v}),k=a("light"),w=({variant:e="primary",size:n="md",loading:s=!1,fullWidth:i=!1,disabled:t,children:l,className:d="",style:c,theme:f,styles:o,...p})=>{const r=f||a("light"),m=()=>{switch(e){case"primary":return{backgroundColor:o?.button?.backgroundColor||r.colors.primary,color:o?.button?.color||"#ffffff",border:`1px solid ${o?.button?.backgroundColor||r.colors.primary}`,":hover":{backgroundColor:r.colors.primaryHover}};case"secondary":return{backgroundColor:r.colors.secondary,color:r.colors.text,border:`1px solid ${r.colors.border}`,":hover":{backgroundColor:r.colors.surfaceHover}};case"success":return{backgroundColor:r.colors.success,color:r.colors.text,border:`1px solid ${r.colors.success}`};case"error":return{backgroundColor:r.colors.error,color:r.colors.text,border:`1px solid ${r.colors.error}`};case"ghost":return{backgroundColor:"transparent",color:r.colors.textSecondary,border:`1px solid ${r.colors.border}`,":hover":{backgroundColor:r.colors.surface}};case"outline":return{backgroundColor:r.colors.primary,color:"#000000",border:"1px solid black",boxShadow:"3px 3px 0px white, 4px 4px 0px black",transition:"transform 0.1s ease, box-shadow 0.1s ease",":hover":{transform:"translate(-2px, -2px)",boxShadow:"6px 6px 0px #000000, 8px 8px 0px rgba(0, 0, 0, 0.2)"}};default:return{}}},u=()=>{switch(n){case"sm":return{padding:`${r.spacing.sm} ${r.spacing.md}`,fontSize:r.typography.fontSize.sm};case"md":return{padding:`${r.spacing.md} ${r.spacing.lg}`,fontSize:r.typography.fontSize.base};case"lg":return{padding:`${r.spacing.lg} ${r.spacing.xl}`,fontSize:r.typography.fontSize.lg};default:return{}}},b=m(),g={borderRadius:o?.button?.borderRadius||r.borderRadius.md,fontWeight:o?.button?.fontWeight||r.typography.fontWeight.medium,fontFamily:o?.button?.fontFamily||r.typography.fontFamily,fontSize:o?.button?.fontSize||void 0,transition:`all ${r.animation.normal}`,cursor:t||s?"not-allowed":"pointer",opacity:t||s?.6:1,width:i?"100%":"auto",display:"flex",alignItems:"center",justifyContent:"center",gap:r.spacing.sm,...b,...u(),...o?.button?.fontSize&&{fontSize:o.button.fontSize}};return x("button",{style:{...g,...c},className:d,disabled:t||s,...p,children:[s&&y("div",{style:{width:"1rem",height:"1rem",border:"2px solid currentColor",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),l]})};export{w as B,a as c,k as d};

package/dist/Button-Cn16gFtO.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";const n=require("react/jsx-runtime"),y={spacing:{xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem"},borderRadius:{sm:"0.25rem",md:"0.5rem",lg:"0.75rem",full:"9999px"},typography:{fontFamily:'"Helvetica Neue", sans-serif',fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.75rem"},fontWeight:{normal:400,medium:500,semibold:600,bold:700}},shadows:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1)"},animation:{fast:"150ms ease-in-out",normal:"200ms ease-in-out",slow:"300ms ease-in-out"}},h={primary:"#EA4B4B",primaryHover:"#E43838",secondary:"#f3f4f6",background:"#ffffff",surface:"#f9fafb",surfaceHover:"#f3f4f6",border:"#e5e7eb",borderHover:"#d1d5db",text:"#111827",textSecondary:"#374151",textMuted:"#6b7280",success:"#10b981",error:"#ef4444",warning:"#f59e0b",info:"#3b82f6"},S={primary:"#EA4B4B",primaryHover:"#E43838",secondary:"#1f2937",background:"#111217",surface:"#161a22",surfaceHover:"#1f2937",border:"#374151",borderHover:"#4b5563",text:"#ffffff",textSecondary:"#d1d5db",textMuted:"#9ca3af",success:"#10b981",error:"#ef4444",warning:"#f59e0b",info:"#3b82f6"},a=(e="light")=>({mode:e,...y,colors:e==="light"?h:S}),v=a("light"),k=({variant:e="primary",size:i="md",loading:t=!1,fullWidth:l=!1,disabled:s,children:c,className:d="",style:f,theme:u,styles:o,...m})=>{const r=u||a("light"),p=()=>{switch(e){case"primary":return{backgroundColor:o?.button?.backgroundColor||r.colors.primary,color:o?.button?.color||"#ffffff",border:`1px solid ${o?.button?.backgroundColor||r.colors.primary}`,":hover":{backgroundColor:r.colors.primaryHover}};case"secondary":return{backgroundColor:r.colors.secondary,color:r.colors.text,border:`1px solid ${r.colors.border}`,":hover":{backgroundColor:r.colors.surfaceHover}};case"success":return{backgroundColor:r.colors.success,color:r.colors.text,border:`1px solid ${r.colors.success}`};case"error":return{backgroundColor:r.colors.error,color:r.colors.text,border:`1px solid ${r.colors.error}`};case"ghost":return{backgroundColor:"transparent",color:r.colors.textSecondary,border:`1px solid ${r.colors.border}`,":hover":{backgroundColor:r.colors.surface}};case"outline":return{backgroundColor:r.colors.primary,color:"#000000",border:"1px solid black",boxShadow:"3px 3px 0px white, 4px 4px 0px black",transition:"transform 0.1s ease, box-shadow 0.1s ease",":hover":{transform:"translate(-2px, -2px)",boxShadow:"6px 6px 0px #000000, 8px 8px 0px rgba(0, 0, 0, 0.2)"}};default:return{}}},b=()=>{switch(i){case"sm":return{padding:`${r.spacing.sm} ${r.spacing.md}`,fontSize:r.typography.fontSize.sm};case"md":return{padding:`${r.spacing.md} ${r.spacing.lg}`,fontSize:r.typography.fontSize.base};case"lg":return{padding:`${r.spacing.lg} ${r.spacing.xl}`,fontSize:r.typography.fontSize.lg};default:return{}}},g=p(),x={borderRadius:o?.button?.borderRadius||r.borderRadius.md,fontWeight:o?.button?.fontWeight||r.typography.fontWeight.medium,fontFamily:o?.button?.fontFamily||r.typography.fontFamily,fontSize:o?.button?.fontSize||void 0,transition:`all ${r.animation.normal}`,cursor:s||t?"not-allowed":"pointer",opacity:s||t?.6:1,width:l?"100%":"auto",display:"flex",alignItems:"center",justifyContent:"center",gap:r.spacing.sm,...g,...b(),...o?.button?.fontSize&&{fontSize:o.button.fontSize}};return n.jsxs("button",{style:{...x,...f},className:d,disabled:s||t,...m,children:[t&&n.jsx("div",{style:{width:"1rem",height:"1rem",border:"2px solid currentColor",borderTop:"2px solid transparent",borderRadius:"50%",animation:"spin 1s linear infinite"}}),c]})};exports.Button=k,exports.createTheme=a,exports.defaultTheme=v;