@snurls/react 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/core/styles.css.d.ts +1 -1
- package/dist/components/input/Input.d.ts +6 -0
- package/dist/components/input/index.d.ts +2 -0
- package/dist/components/input/style.css.d.ts +6 -0
- package/dist/components/input/types.d.ts +7 -0
- package/dist/components/layout/types.d.ts +10 -2
- package/dist/components/typography/types.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +4 -4
- package/dist/index.css +1 -1
- package/dist/index.css.map +3 -3
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +4 -4
- package/package.json +3 -3
|
@@ -19,5 +19,5 @@ export declare const StyleSprinkles: ((props: {
|
|
|
19
19
|
} & {
|
|
20
20
|
boxShadow?: "outline" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "xs" | "inner" | "darkLg" | undefined;
|
|
21
21
|
}) => string) & {
|
|
22
|
-
properties: Set<"
|
|
22
|
+
properties: Set<"boxShadow" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "margin" | "padding" | "marginX" | "marginY" | "paddingX" | "paddingY">;
|
|
23
23
|
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { InputProps } from "./types";
|
|
2
|
+
interface Props extends InputProps {
|
|
3
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
4
|
+
}
|
|
5
|
+
declare const Input: ({ value: propValue, error, disabled, onChange, placeholder, ref, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default Input;
|
|
@@ -23,7 +23,11 @@ export type FlexProps = {
|
|
|
23
23
|
wrap?: CSSProperties["flexWrap"];
|
|
24
24
|
gap?: CSSProperties["gap"];
|
|
25
25
|
display?: CSSProperties["display"];
|
|
26
|
-
|
|
26
|
+
width?: CSSProperties["width"];
|
|
27
|
+
backgroundColor?: CSSProperties["backgroundColor"];
|
|
28
|
+
margin?: CSSProperties["margin"];
|
|
29
|
+
padding?: CSSProperties["padding"];
|
|
30
|
+
} & AsElementProps;
|
|
27
31
|
export type GridProps = {
|
|
28
32
|
autoColumns?: CSSProperties["gridAutoColumns"];
|
|
29
33
|
autoFlow?: CSSProperties["gridAutoFlow"];
|
|
@@ -36,7 +40,11 @@ export type GridProps = {
|
|
|
36
40
|
templateAreas?: CSSProperties["gridTemplateAreas"];
|
|
37
41
|
templateColumns?: CSSProperties["gridTemplateColumns"];
|
|
38
42
|
templateRows?: CSSProperties["gridTemplateRows"];
|
|
39
|
-
|
|
43
|
+
width?: CSSProperties["width"];
|
|
44
|
+
backgroundColor?: CSSProperties["backgroundColor"];
|
|
45
|
+
margin?: CSSProperties["margin"];
|
|
46
|
+
padding?: CSSProperties["padding"];
|
|
47
|
+
} & AsElementProps;
|
|
40
48
|
export type GridItemProps = {
|
|
41
49
|
area?: CSSProperties["gridArea"];
|
|
42
50
|
colEnd?: CSSProperties["gridColumnEnd"];
|
|
@@ -2,7 +2,7 @@ import { classes } from "@snurls/themes";
|
|
|
2
2
|
import { AsElementProps, StyleProps } from "../core/types";
|
|
3
3
|
import { CSSProperties } from "@vanilla-extract/css";
|
|
4
4
|
export type TextProps = AsElementProps & StyleProps & {
|
|
5
|
-
variant
|
|
5
|
+
variant?: keyof typeof classes.typography.text;
|
|
6
6
|
align?: CSSProperties["textAlign"];
|
|
7
7
|
casing?: CSSProperties["textTransform"];
|
|
8
8
|
decoration?: CSSProperties["textDecoration"];
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var V=Object.defineProperty;var Ve=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var Be=Object.prototype.hasOwnProperty;var _e=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},Ne=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of qe(t))!Be.call(e,i)&&i!==r&&V(e,i,{get:()=>t[i],enumerable:!(a=Ve(t,i))||a.enumerable});return e};var ze=e=>Ne(V({},"__esModule",{value:!0}),e);var rt={};_e(rt,{Box:()=>K,Button:()=>ye,Divider:()=>Y,Flex:()=>re,Grid:()=>oe,GridItem:()=>me,Spacing:()=>J,Text:()=>Ee,useButton:()=>P,useToggle:()=>O,useToggleButton:()=>xe});module.exports=ze(rt);var Fr=require("@snurls/themes/themes.css");var H=require("react"),M=require("clsx");function Ae(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function De(e){var t=Ae(e,"string");return typeof t=="symbol"?t:String(t)}function Le(e,t,r){return t=De(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function I(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function q(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?I(Object(r),!0).forEach(function(a){Le(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):I(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var U=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var i=Object.assign({},...r.map(n=>n.styles)),l=Object.keys(i),o=l.filter(n=>"mappings"in i[n]),s=n=>{var d=[],f={},v=q({},n),m=!1;for(var w of o){var u=n[w];if(u!=null){var g=i[w];m=!0;for(var b of g.mappings)f[b]=u,v[b]==null&&delete v[b]}}var h=m?q(q({},f),v):n,x=function(){var C=h[A],E=i[A];try{if(E.mappings)return 1;if(typeof C=="string"||typeof C=="number")d.push(E.values[C].defaultClass);else if(Array.isArray(C))for(var T=0;T<C.length;T++){var D=C[T];if(D!=null){var Te=E.responsiveArray[T];d.push(E.values[D].conditions[Te])}}else for(var L in C){var F=C[L];F!=null&&d.push(E.values[F].conditions[L])}}catch(Re){if(0){var it,lt;if(typeof C=="object")if(Array.isArray(C)){var ot;for(var st of C);}else for(var nt in C)var dt}throw Re}};for(var A in h)x();return e(d.join(" "))};return Object.assign(s,{properties:new Set(l)})};var Fe=e=>e,$=function(){return U(Fe)(...arguments)};var k="iw0v6k0",p=$({conditions:void 0,styles:{margin:{mappings:["marginTop","marginRight","marginBottom","marginLeft"]},padding:{mappings:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},marginX:{mappings:["marginLeft","marginRight"]},marginY:{mappings:["marginTop","marginBottom"]},paddingX:{mappings:["paddingLeft","paddingRight"]},paddingY:{mappings:["paddingTop","paddingBottom"]},marginTop:{values:{0:{defaultClass:"iw0v6k1"},1:{defaultClass:"iw0v6k2"},2:{defaultClass:"iw0v6k3"},3:{defaultClass:"iw0v6k4"},4:{defaultClass:"iw0v6k5"},5:{defaultClass:"iw0v6k6"},6:{defaultClass:"iw0v6k7"},7:{defaultClass:"iw0v6k8"},8:{defaultClass:"iw0v6k9"},9:{defaultClass:"iw0v6ka"},10:{defaultClass:"iw0v6kb"},11:{defaultClass:"iw0v6kc"},12:{defaultClass:"iw0v6kd"},14:{defaultClass:"iw0v6ke"},16:{defaultClass:"iw0v6kf"},20:{defaultClass:"iw0v6kg"},24:{defaultClass:"iw0v6kh"},28:{defaultClass:"iw0v6ki"},32:{defaultClass:"iw0v6kj"},36:{defaultClass:"iw0v6kk"},40:{defaultClass:"iw0v6kl"},44:{defaultClass:"iw0v6km"},48:{defaultClass:"iw0v6kn"},52:{defaultClass:"iw0v6ko"},56:{defaultClass:"iw0v6kp"},60:{defaultClass:"iw0v6kq"},64:{defaultClass:"iw0v6kr"},72:{defaultClass:"iw0v6ks"},80:{defaultClass:"iw0v6kt"},96:{defaultClass:"iw0v6ku"}}},marginRight:{values:{0:{defaultClass:"iw0v6kv"},1:{defaultClass:"iw0v6kw"},2:{defaultClass:"iw0v6kx"},3:{defaultClass:"iw0v6ky"},4:{defaultClass:"iw0v6kz"},5:{defaultClass:"iw0v6k10"},6:{defaultClass:"iw0v6k11"},7:{defaultClass:"iw0v6k12"},8:{defaultClass:"iw0v6k13"},9:{defaultClass:"iw0v6k14"},10:{defaultClass:"iw0v6k15"},11:{defaultClass:"iw0v6k16"},12:{defaultClass:"iw0v6k17"},14:{defaultClass:"iw0v6k18"},16:{defaultClass:"iw0v6k19"},20:{defaultClass:"iw0v6k1a"},24:{defaultClass:"iw0v6k1b"},28:{defaultClass:"iw0v6k1c"},32:{defaultClass:"iw0v6k1d"},36:{defaultClass:"iw0v6k1e"},40:{defaultClass:"iw0v6k1f"},44:{defaultClass:"iw0v6k1g"},48:{defaultClass:"iw0v6k1h"},52:{defaultClass:"iw0v6k1i"},56:{defaultClass:"iw0v6k1j"},60:{defaultClass:"iw0v6k1k"},64:{defaultClass:"iw0v6k1l"},72:{defaultClass:"iw0v6k1m"},80:{defaultClass:"iw0v6k1n"},96:{defaultClass:"iw0v6k1o"}}},marginBottom:{values:{0:{defaultClass:"iw0v6k1p"},1:{defaultClass:"iw0v6k1q"},2:{defaultClass:"iw0v6k1r"},3:{defaultClass:"iw0v6k1s"},4:{defaultClass:"iw0v6k1t"},5:{defaultClass:"iw0v6k1u"},6:{defaultClass:"iw0v6k1v"},7:{defaultClass:"iw0v6k1w"},8:{defaultClass:"iw0v6k1x"},9:{defaultClass:"iw0v6k1y"},10:{defaultClass:"iw0v6k1z"},11:{defaultClass:"iw0v6k20"},12:{defaultClass:"iw0v6k21"},14:{defaultClass:"iw0v6k22"},16:{defaultClass:"iw0v6k23"},20:{defaultClass:"iw0v6k24"},24:{defaultClass:"iw0v6k25"},28:{defaultClass:"iw0v6k26"},32:{defaultClass:"iw0v6k27"},36:{defaultClass:"iw0v6k28"},40:{defaultClass:"iw0v6k29"},44:{defaultClass:"iw0v6k2a"},48:{defaultClass:"iw0v6k2b"},52:{defaultClass:"iw0v6k2c"},56:{defaultClass:"iw0v6k2d"},60:{defaultClass:"iw0v6k2e"},64:{defaultClass:"iw0v6k2f"},72:{defaultClass:"iw0v6k2g"},80:{defaultClass:"iw0v6k2h"},96:{defaultClass:"iw0v6k2i"}}},marginLeft:{values:{0:{defaultClass:"iw0v6k2j"},1:{defaultClass:"iw0v6k2k"},2:{defaultClass:"iw0v6k2l"},3:{defaultClass:"iw0v6k2m"},4:{defaultClass:"iw0v6k2n"},5:{defaultClass:"iw0v6k2o"},6:{defaultClass:"iw0v6k2p"},7:{defaultClass:"iw0v6k2q"},8:{defaultClass:"iw0v6k2r"},9:{defaultClass:"iw0v6k2s"},10:{defaultClass:"iw0v6k2t"},11:{defaultClass:"iw0v6k2u"},12:{defaultClass:"iw0v6k2v"},14:{defaultClass:"iw0v6k2w"},16:{defaultClass:"iw0v6k2x"},20:{defaultClass:"iw0v6k2y"},24:{defaultClass:"iw0v6k2z"},28:{defaultClass:"iw0v6k30"},32:{defaultClass:"iw0v6k31"},36:{defaultClass:"iw0v6k32"},40:{defaultClass:"iw0v6k33"},44:{defaultClass:"iw0v6k34"},48:{defaultClass:"iw0v6k35"},52:{defaultClass:"iw0v6k36"},56:{defaultClass:"iw0v6k37"},60:{defaultClass:"iw0v6k38"},64:{defaultClass:"iw0v6k39"},72:{defaultClass:"iw0v6k3a"},80:{defaultClass:"iw0v6k3b"},96:{defaultClass:"iw0v6k3c"}}},paddingTop:{values:{0:{defaultClass:"iw0v6k3d"},1:{defaultClass:"iw0v6k3e"},2:{defaultClass:"iw0v6k3f"},3:{defaultClass:"iw0v6k3g"},4:{defaultClass:"iw0v6k3h"},5:{defaultClass:"iw0v6k3i"},6:{defaultClass:"iw0v6k3j"},7:{defaultClass:"iw0v6k3k"},8:{defaultClass:"iw0v6k3l"},9:{defaultClass:"iw0v6k3m"},10:{defaultClass:"iw0v6k3n"},11:{defaultClass:"iw0v6k3o"},12:{defaultClass:"iw0v6k3p"},14:{defaultClass:"iw0v6k3q"},16:{defaultClass:"iw0v6k3r"},20:{defaultClass:"iw0v6k3s"},24:{defaultClass:"iw0v6k3t"},28:{defaultClass:"iw0v6k3u"},32:{defaultClass:"iw0v6k3v"},36:{defaultClass:"iw0v6k3w"},40:{defaultClass:"iw0v6k3x"},44:{defaultClass:"iw0v6k3y"},48:{defaultClass:"iw0v6k3z"},52:{defaultClass:"iw0v6k40"},56:{defaultClass:"iw0v6k41"},60:{defaultClass:"iw0v6k42"},64:{defaultClass:"iw0v6k43"},72:{defaultClass:"iw0v6k44"},80:{defaultClass:"iw0v6k45"},96:{defaultClass:"iw0v6k46"}}},paddingRight:{values:{0:{defaultClass:"iw0v6k47"},1:{defaultClass:"iw0v6k48"},2:{defaultClass:"iw0v6k49"},3:{defaultClass:"iw0v6k4a"},4:{defaultClass:"iw0v6k4b"},5:{defaultClass:"iw0v6k4c"},6:{defaultClass:"iw0v6k4d"},7:{defaultClass:"iw0v6k4e"},8:{defaultClass:"iw0v6k4f"},9:{defaultClass:"iw0v6k4g"},10:{defaultClass:"iw0v6k4h"},11:{defaultClass:"iw0v6k4i"},12:{defaultClass:"iw0v6k4j"},14:{defaultClass:"iw0v6k4k"},16:{defaultClass:"iw0v6k4l"},20:{defaultClass:"iw0v6k4m"},24:{defaultClass:"iw0v6k4n"},28:{defaultClass:"iw0v6k4o"},32:{defaultClass:"iw0v6k4p"},36:{defaultClass:"iw0v6k4q"},40:{defaultClass:"iw0v6k4r"},44:{defaultClass:"iw0v6k4s"},48:{defaultClass:"iw0v6k4t"},52:{defaultClass:"iw0v6k4u"},56:{defaultClass:"iw0v6k4v"},60:{defaultClass:"iw0v6k4w"},64:{defaultClass:"iw0v6k4x"},72:{defaultClass:"iw0v6k4y"},80:{defaultClass:"iw0v6k4z"},96:{defaultClass:"iw0v6k50"}}},paddingBottom:{values:{0:{defaultClass:"iw0v6k51"},1:{defaultClass:"iw0v6k52"},2:{defaultClass:"iw0v6k53"},3:{defaultClass:"iw0v6k54"},4:{defaultClass:"iw0v6k55"},5:{defaultClass:"iw0v6k56"},6:{defaultClass:"iw0v6k57"},7:{defaultClass:"iw0v6k58"},8:{defaultClass:"iw0v6k59"},9:{defaultClass:"iw0v6k5a"},10:{defaultClass:"iw0v6k5b"},11:{defaultClass:"iw0v6k5c"},12:{defaultClass:"iw0v6k5d"},14:{defaultClass:"iw0v6k5e"},16:{defaultClass:"iw0v6k5f"},20:{defaultClass:"iw0v6k5g"},24:{defaultClass:"iw0v6k5h"},28:{defaultClass:"iw0v6k5i"},32:{defaultClass:"iw0v6k5j"},36:{defaultClass:"iw0v6k5k"},40:{defaultClass:"iw0v6k5l"},44:{defaultClass:"iw0v6k5m"},48:{defaultClass:"iw0v6k5n"},52:{defaultClass:"iw0v6k5o"},56:{defaultClass:"iw0v6k5p"},60:{defaultClass:"iw0v6k5q"},64:{defaultClass:"iw0v6k5r"},72:{defaultClass:"iw0v6k5s"},80:{defaultClass:"iw0v6k5t"},96:{defaultClass:"iw0v6k5u"}}},paddingLeft:{values:{0:{defaultClass:"iw0v6k5v"},1:{defaultClass:"iw0v6k5w"},2:{defaultClass:"iw0v6k5x"},3:{defaultClass:"iw0v6k5y"},4:{defaultClass:"iw0v6k5z"},5:{defaultClass:"iw0v6k60"},6:{defaultClass:"iw0v6k61"},7:{defaultClass:"iw0v6k62"},8:{defaultClass:"iw0v6k63"},9:{defaultClass:"iw0v6k64"},10:{defaultClass:"iw0v6k65"},11:{defaultClass:"iw0v6k66"},12:{defaultClass:"iw0v6k67"},14:{defaultClass:"iw0v6k68"},16:{defaultClass:"iw0v6k69"},20:{defaultClass:"iw0v6k6a"},24:{defaultClass:"iw0v6k6b"},28:{defaultClass:"iw0v6k6c"},32:{defaultClass:"iw0v6k6d"},36:{defaultClass:"iw0v6k6e"},40:{defaultClass:"iw0v6k6f"},44:{defaultClass:"iw0v6k6g"},48:{defaultClass:"iw0v6k6h"},52:{defaultClass:"iw0v6k6i"},56:{defaultClass:"iw0v6k6j"},60:{defaultClass:"iw0v6k6k"},64:{defaultClass:"iw0v6k6l"},72:{defaultClass:"iw0v6k6m"},80:{defaultClass:"iw0v6k6n"},96:{defaultClass:"iw0v6k6o"}}}}},{conditions:void 0,styles:{borderRadius:{values:{none:{defaultClass:"iw0v6k6p"},sm:{defaultClass:"iw0v6k6q"},base:{defaultClass:"iw0v6k6r"},md:{defaultClass:"iw0v6k6s"},lg:{defaultClass:"iw0v6k6t"},xl:{defaultClass:"iw0v6k6u"},"2xl":{defaultClass:"iw0v6k6v"},"3xl":{defaultClass:"iw0v6k6w"},full:{defaultClass:"iw0v6k6x"}}}}},{conditions:void 0,styles:{boxShadow:{values:{xs:{defaultClass:"iw0v6k6y"},sm:{defaultClass:"iw0v6k6z"},base:{defaultClass:"iw0v6k70"},md:{defaultClass:"iw0v6k71"},lg:{defaultClass:"iw0v6k72"},xl:{defaultClass:"iw0v6k73"},"2xl":{defaultClass:"iw0v6k74"},inner:{defaultClass:"iw0v6k75"},darkLg:{defaultClass:"iw0v6k76"},outline:{defaultClass:"iw0v6k77"}}}}});var c=(e,t)=>{let r={};return t.forEach(a=>{e!=null&&e[a]&&(r[a]=e[a])}),r};var W=require("@snurls/themes"),Ge=e=>{var n,d;let{as:t="div",color:r,background:a,ref:i,className:l,style:o,children:s}=e;return(0,H.createElement)(t,{...e,ref:i,className:(0,M.clsx)([k,p(c(e,Array.from(p.properties))),l]),style:{color:r&&((d=(n=W.vars.colors.$scale)==null?void 0:n.gray)==null?void 0:d[800]),background:a,...o}},s)},K=Ge;var B=require("@snurls/themes"),X=require("react/jsx-runtime"),Ie=({ref:e,color:t="gray",variant:r="solid",size:a=1,orientation:i="horizontal",...l})=>{var s,n,d,f;let o=i==="horizontal"?{width:"100%",borderBottomWidth:a,borderBottomStyle:r,borderBottomColor:t?(n=(s=B.vars.colors.$scale)==null?void 0:s[t])==null?void 0:n[200]:void 0,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0}:{height:"100%",borderLeftWidth:a,borderLeftStyle:r,borderLeftColor:t?(f=(d=B.vars.colors.$scale)==null?void 0:d[t])==null?void 0:f[200]:void 0,borderTopWidth:0,borderBottomWidth:0,borderRightWidth:0};return(0,X.jsx)("hr",{...l,ref:e,style:{...o,...l.style}})},Y=Ie;var Q=require("react/jsx-runtime"),Ue=({ref:e,orientation:t="vertical",size:r=4,...a})=>(0,Q.jsx)("div",{...a,ref:e,style:{...t==="vertical"?{height:r,width:1}:{width:r,height:1},...a.style}}),J=Ue;var Z=require("react"),ee=require("clsx");var te=require("@snurls/themes"),$e=e=>{var h,x;let{as:t="div",color:r,background:a,ref:i,className:l,style:o,children:s,align:n,basis:d,direction:f,grow:v,justify:m,wrap:w,gap:u,shrink:g,display:b="flex"}=e;return(0,Z.createElement)(t,{...e,ref:i,className:(0,ee.clsx)([k,p(c(e,Array.from(p.properties))),l]),style:{display:b,alignItems:n,justifyContent:m,flexDirection:f,flexWrap:w,flexGrow:v,flexShrink:g,flexBasis:d,gap:u,color:r&&((x=(h=te.vars.colors.$scale)==null?void 0:h.gray)==null?void 0:x[800]),background:a,...o}},s)},re=$e;var ae=require("react"),ie=require("clsx");var le=require("@snurls/themes"),He=e=>{var h,x;let{ref:t,as:r="div",color:a,background:i,children:l,autoColumns:o,autoFlow:s,autoRows:n,columnGap:d,column:f,gap:v,row:m,rowGap:w,templateColumns:u,templateRows:g,templateAreas:b}=e;return(0,ae.createElement)(r,{...e,ref:t,className:(0,ie.clsx)([k,p(c(e,Array.from(p.properties))),e.className]),style:{display:"grid",gridAutoColumns:o,gridAutoFlow:s,gridAutoRows:n,gridColumnGap:d,gridGap:v,gridRowGap:w,gridTemplateColumns:u,gridTemplateRows:g,gridTemplateAreas:b,gridColumn:f,gridRow:m,color:a&&((x=(h=le.vars.colors.$scale)==null?void 0:h.gray)==null?void 0:x[800]),background:i,...e.style}},l)},oe=He;var se=require("react"),ne=require("clsx");var de=require("@snurls/themes"),Me=e=>{var u,g;let{ref:t,as:r="div",color:a,background:i,children:l,area:o,colEnd:s,colStart:n,colSpan:d,rowEnd:f,rowStart:v,rowSpan:m}=e,w={gridArea:o,...n!==void 0&&s!==void 0?{gridColumnStart:n,gridColumnEnd:s}:d!==void 0?{gridColumn:`span ${d}`}:{},...v!==void 0&&f!==void 0?{gridRowStart:v,gridRowEnd:f}:m!==void 0?{gridRow:`span ${m}`}:{},color:a&&((g=(u=de.vars.colors.$scale)==null?void 0:u.gray)==null?void 0:g[800]),background:i,...e.style};return(0,se.createElement)(r,{...e,ref:t,className:(0,ne.clsx)([k,p(c(e,Array.from(p.properties))),e.className]),style:w},l)},me=Me;function _(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function fe(e,t){var r=e;for(var a of t){if(!(a in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[a]}return r}function N(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],a={};for(var i in e){var l=e[i],o=[...r,i];typeof l=="string"||typeof l=="number"||l==null?a[i]=t(l,o):typeof l=="object"&&!Array.isArray(l)?a[i]=N(l,t,o):console.warn('Skipping invalid key "'.concat(o.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(l)?"Array":typeof l,'"'))}return a}function ve(e,t){var r={};if(typeof t=="object"){var a=e;N(t,(s,n)=>{if(s!=null){var d=fe(a,n);r[_(d)]=String(s)}})}else{var i=e;for(var l in i){var o=i[l];o!=null&&(r[_(l)]=o)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map(n=>"".concat(n,":").concat(this[n])).join(";")},writable:!1}),r}function We(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ke(e){var t=We(e,"string");return typeof t=="symbol"?t:String(t)}function Ye(e,t,r){return t=Ke(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function pe(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function ue(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pe(Object(r),!0).forEach(function(a){Ye(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pe(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function we(e,t){var r={};for(var a in e)r[a]=t(e[a],a);return r}var Xe=(e,t,r)=>{for(var a of Object.keys(e)){var i;if(e[a]!==((i=t[a])!==null&&i!==void 0?i:r[a]))return!1}return!0},y=e=>{var t=r=>{var a=e.defaultClassName,i=ue(ue({},e.defaultVariants),r);for(var l in i){var o,s=(o=i[l])!==null&&o!==void 0?o:e.defaultVariants[l];if(s!=null){var n=s;typeof n=="boolean"&&(n=n===!0?"true":"false");var d=e.variantClassNames[l][n];d&&(a+=" "+d)}}for(var[f,v]of e.compoundVariants)Xe(f,i,e.defaultVariants)&&(a+=" "+v);return a};return t.variants=()=>Object.keys(e.variantClassNames),t.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return we(e.variantClassNames,r=>we(r,a=>a.split(" ")[0]))}},t};var ge="var(--lthqn72)",ke="var(--lthqn73)",ce=y({defaultClassName:"lthqn74",variantClassNames:{size:{40:"lthqn75",48:"lthqn76",56:"lthqn77"},variant:{solid:"lthqn78",outline:"lthqn79",ghost:"lthqn7a"}},defaultVariants:{},compoundVariants:[]}),he="var(--lthqn70)",Ce="var(--lthqn71)",z=y({defaultClassName:"lthqn7b",variantClassNames:{size:{40:"lthqn7c",48:"lthqn7d",56:"lthqn7e"}},defaultVariants:{},compoundVariants:[]}),be=y({defaultClassName:"lthqn7g",variantClassNames:{size:{40:"lthqn7h",48:"lthqn7i",56:"lthqn7j"}},defaultVariants:{},compoundVariants:[]});var j=require("@snurls/themes");var Je=e=>{let{elementType:t="button",isDisabled:r,isLoading:a,tabIndex:i,onKeyDown:l,type:o="button"}=e,s=r||a,n=m=>{if(l==null||l(m),m.key===" "||m.key==="Spacebar"||m.key==="32"){if(s||m.defaultPrevented||t==="button")return;m.preventDefault(),m.currentTarget.click();return}if(m.key==="Enter"||m.key==="13"){if(s||m.defaultPrevented||t==="input"&&o!=="button")return;m.preventDefault(),m.currentTarget.click();return}},d={...e,"data-loading":a,tabIndex:s?void 0:i!=null?i:0,onKeyDown:n},f={};switch(t){case"button":{f={type:o!=null?o:"button",disabled:s};break}case"a":{let{href:m,target:w,rel:u}=e;f={role:"button",href:s?void 0:m,target:s?void 0:w,rel:s?void 0:u,"area-disabled":r};break}case"input":{f={role:"button",type:e.type,disabled:s,"area-disabled":void 0};break}default:{f={role:"button",type:o!=null?o:"button","area-disabled":r};break}}return{buttonProps:{...d,...f}}},P=Je;var R=require("react"),Qe=({isSelected:e=!1})=>{let[t,r]=(0,R.useState)(e),a=(0,R.useCallback)(()=>{r(i=>!i)},[]);return{isSelected:t,setSelected:r,toggle:a}},O=Qe;var Ze=(e,t)=>{let{isSelected:r,toggle:a}=O({isSelected:t}),i=o=>{var s;a(),(s=e==null?void 0:e.onClick)==null||s.call(e,o)},{buttonProps:l}=P({...e,onClick:i});return{buttonProps:l,isSelected:r}},xe=Ze;var S=require("react/jsx-runtime"),et=e=>{let{buttonProps:t}=P(e),{variant:r="solid",size:a="56",color:i="",width:l,leftIcon:o,rightIcon:s,isLoading:n,children:d,style:f,ref:v}=e,m=j.vars.colors.$scale.primary[400],w=r==="solid"?j.vars.colors.$scale.primary[300]:j.vars.colors.$scale.gray[100],u=r==="solid"?j.vars.colors.$scale.primary[500]:j.vars.colors.$scale.gray[200],g=r==="outline"?j.vars.colors.$scale.gray[400]:"";return(0,S.jsxs)("button",{...t,ref:v,className:ce({size:a,variant:r}),style:{...ve({[he]:m,[Ce]:w,[ge]:u,[ke]:g}),background:i,width:l,...f},children:[n&&(0,S.jsx)("div",{className:be({size:a})}),o&&(0,S.jsx)("span",{className:z({size:a}),children:o}),(0,S.jsx)("span",{children:d}),s&&(0,S.jsx)("span",{className:z({size:a}),children:s})]})},ye=et;var Se=require("react");var Pe=require("clsx");var je=y({defaultClassName:"_12xh8aj0",variantClassNames:{variant:{display1:"_12xh8aj1",display2:"_12xh8aj2",title1:"_12xh8aj3",title2:"_12xh8aj4",title3:"_12xh8aj5",heading1:"_12xh8aj6",heading2:"_12xh8aj7",headline1:"_12xh8aj8",headline2:"_12xh8aj9",body1:"_12xh8aja",body1Reading:"_12xh8ajb",body2:"_12xh8ajc",body2Reading:"_12xh8ajd",label1:"_12xh8aje",label2:"_12xh8ajf",caption1:"_12xh8ajg",caption2:"_12xh8ajh"},defaultVariants:{variant:"body1"}},defaultVariants:{},compoundVariants:[]});var tt=e=>{let{as:t="span",color:r,background:a,ref:i,className:l,style:o,children:s,variant:n="body1"}=e;return(0,Se.createElement)(t,{...e,ref:i,className:(0,Pe.clsx)([k,p(c(e,Array.from(p.properties))),je({variant:n}),l]),style:{color:r,background:a,...o}},s)},Ee=tt;
|
|
1
|
+
"use strict";var q=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Ge=Object.prototype.hasOwnProperty;var Ue=(e,t)=>{for(var r in t)q(e,r,{get:t[r],enumerable:!0})},He=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of $e(t))!Ge.call(e,i)&&i!==r&&q(e,i,{get:()=>t[i],enumerable:!(a=Ie(t,i))||a.enumerable});return e};var Me=e=>He(q({},"__esModule",{value:!0}),e);var ut={};Ue(ut,{Box:()=>J,Button:()=>je,Divider:()=>Q,Flex:()=>oe,Grid:()=>de,GridItem:()=>ve,Input:()=>De,Spacing:()=>ee,Text:()=>Oe,useButton:()=>E,useToggle:()=>_,useToggleButton:()=>Se});module.exports=Me(ut);var aa=require("@snurls/themes/themes.css");var K=require("react"),Y=require("clsx");function We(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ke(e){var t=We(e,"string");return typeof t=="symbol"?t:String(t)}function Ye(e,t,r){return t=Ke(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function H(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?H(Object(r),!0).forEach(function(a){Ye(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):H(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}var M=e=>function(){for(var t=arguments.length,r=new Array(t),a=0;a<t;a++)r[a]=arguments[a];var i=Object.assign({},...r.map(o=>o.styles)),l=Object.keys(i),s=l.filter(o=>"mappings"in i[o]),n=o=>{var d=[],p={},m=N({},o),v=!1;for(var f of s){var w=o[f];if(w!=null){var k=i[f];v=!0;for(var c of k.mappings)p[c]=w,m[c]==null&&delete m[c]}}var P=v?N(N({},p),m):o,T=function(){var u=P[S],g=i[S];try{if(g.mappings)return 1;if(typeof u=="string"||typeof u=="number")d.push(g.values[u].defaultClass);else if(Array.isArray(u))for(var V=0;V<u.length;V++){var I=u[V];if(I!=null){var Fe=g.responsiveArray[V];d.push(g.values[I].conditions[Fe])}}else for(var $ in u){var G=u[$];G!=null&&d.push(g.values[G].conditions[$])}}catch(Ae){if(0){var wt,kt;if(typeof u=="object")if(Array.isArray(u)){var gt;for(var ct of u);}else for(var ht in u)var bt}throw Ae}};for(var S in P)T();return e(d.join(" "))};return Object.assign(n,{properties:new Set(l)})};var Xe=e=>e,W=function(){return M(Xe)(...arguments)};var h="iw0v6k0",b=W({conditions:void 0,styles:{margin:{mappings:["marginTop","marginRight","marginBottom","marginLeft"]},padding:{mappings:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},marginX:{mappings:["marginLeft","marginRight"]},marginY:{mappings:["marginTop","marginBottom"]},paddingX:{mappings:["paddingLeft","paddingRight"]},paddingY:{mappings:["paddingTop","paddingBottom"]},marginTop:{values:{0:{defaultClass:"iw0v6k1"},1:{defaultClass:"iw0v6k2"},2:{defaultClass:"iw0v6k3"},3:{defaultClass:"iw0v6k4"},4:{defaultClass:"iw0v6k5"},5:{defaultClass:"iw0v6k6"},6:{defaultClass:"iw0v6k7"},7:{defaultClass:"iw0v6k8"},8:{defaultClass:"iw0v6k9"},9:{defaultClass:"iw0v6ka"},10:{defaultClass:"iw0v6kb"},11:{defaultClass:"iw0v6kc"},12:{defaultClass:"iw0v6kd"},14:{defaultClass:"iw0v6ke"},16:{defaultClass:"iw0v6kf"},20:{defaultClass:"iw0v6kg"},24:{defaultClass:"iw0v6kh"},28:{defaultClass:"iw0v6ki"},32:{defaultClass:"iw0v6kj"},36:{defaultClass:"iw0v6kk"},40:{defaultClass:"iw0v6kl"},44:{defaultClass:"iw0v6km"},48:{defaultClass:"iw0v6kn"},52:{defaultClass:"iw0v6ko"},56:{defaultClass:"iw0v6kp"},60:{defaultClass:"iw0v6kq"},64:{defaultClass:"iw0v6kr"},72:{defaultClass:"iw0v6ks"},80:{defaultClass:"iw0v6kt"},96:{defaultClass:"iw0v6ku"}}},marginRight:{values:{0:{defaultClass:"iw0v6kv"},1:{defaultClass:"iw0v6kw"},2:{defaultClass:"iw0v6kx"},3:{defaultClass:"iw0v6ky"},4:{defaultClass:"iw0v6kz"},5:{defaultClass:"iw0v6k10"},6:{defaultClass:"iw0v6k11"},7:{defaultClass:"iw0v6k12"},8:{defaultClass:"iw0v6k13"},9:{defaultClass:"iw0v6k14"},10:{defaultClass:"iw0v6k15"},11:{defaultClass:"iw0v6k16"},12:{defaultClass:"iw0v6k17"},14:{defaultClass:"iw0v6k18"},16:{defaultClass:"iw0v6k19"},20:{defaultClass:"iw0v6k1a"},24:{defaultClass:"iw0v6k1b"},28:{defaultClass:"iw0v6k1c"},32:{defaultClass:"iw0v6k1d"},36:{defaultClass:"iw0v6k1e"},40:{defaultClass:"iw0v6k1f"},44:{defaultClass:"iw0v6k1g"},48:{defaultClass:"iw0v6k1h"},52:{defaultClass:"iw0v6k1i"},56:{defaultClass:"iw0v6k1j"},60:{defaultClass:"iw0v6k1k"},64:{defaultClass:"iw0v6k1l"},72:{defaultClass:"iw0v6k1m"},80:{defaultClass:"iw0v6k1n"},96:{defaultClass:"iw0v6k1o"}}},marginBottom:{values:{0:{defaultClass:"iw0v6k1p"},1:{defaultClass:"iw0v6k1q"},2:{defaultClass:"iw0v6k1r"},3:{defaultClass:"iw0v6k1s"},4:{defaultClass:"iw0v6k1t"},5:{defaultClass:"iw0v6k1u"},6:{defaultClass:"iw0v6k1v"},7:{defaultClass:"iw0v6k1w"},8:{defaultClass:"iw0v6k1x"},9:{defaultClass:"iw0v6k1y"},10:{defaultClass:"iw0v6k1z"},11:{defaultClass:"iw0v6k20"},12:{defaultClass:"iw0v6k21"},14:{defaultClass:"iw0v6k22"},16:{defaultClass:"iw0v6k23"},20:{defaultClass:"iw0v6k24"},24:{defaultClass:"iw0v6k25"},28:{defaultClass:"iw0v6k26"},32:{defaultClass:"iw0v6k27"},36:{defaultClass:"iw0v6k28"},40:{defaultClass:"iw0v6k29"},44:{defaultClass:"iw0v6k2a"},48:{defaultClass:"iw0v6k2b"},52:{defaultClass:"iw0v6k2c"},56:{defaultClass:"iw0v6k2d"},60:{defaultClass:"iw0v6k2e"},64:{defaultClass:"iw0v6k2f"},72:{defaultClass:"iw0v6k2g"},80:{defaultClass:"iw0v6k2h"},96:{defaultClass:"iw0v6k2i"}}},marginLeft:{values:{0:{defaultClass:"iw0v6k2j"},1:{defaultClass:"iw0v6k2k"},2:{defaultClass:"iw0v6k2l"},3:{defaultClass:"iw0v6k2m"},4:{defaultClass:"iw0v6k2n"},5:{defaultClass:"iw0v6k2o"},6:{defaultClass:"iw0v6k2p"},7:{defaultClass:"iw0v6k2q"},8:{defaultClass:"iw0v6k2r"},9:{defaultClass:"iw0v6k2s"},10:{defaultClass:"iw0v6k2t"},11:{defaultClass:"iw0v6k2u"},12:{defaultClass:"iw0v6k2v"},14:{defaultClass:"iw0v6k2w"},16:{defaultClass:"iw0v6k2x"},20:{defaultClass:"iw0v6k2y"},24:{defaultClass:"iw0v6k2z"},28:{defaultClass:"iw0v6k30"},32:{defaultClass:"iw0v6k31"},36:{defaultClass:"iw0v6k32"},40:{defaultClass:"iw0v6k33"},44:{defaultClass:"iw0v6k34"},48:{defaultClass:"iw0v6k35"},52:{defaultClass:"iw0v6k36"},56:{defaultClass:"iw0v6k37"},60:{defaultClass:"iw0v6k38"},64:{defaultClass:"iw0v6k39"},72:{defaultClass:"iw0v6k3a"},80:{defaultClass:"iw0v6k3b"},96:{defaultClass:"iw0v6k3c"}}},paddingTop:{values:{0:{defaultClass:"iw0v6k3d"},1:{defaultClass:"iw0v6k3e"},2:{defaultClass:"iw0v6k3f"},3:{defaultClass:"iw0v6k3g"},4:{defaultClass:"iw0v6k3h"},5:{defaultClass:"iw0v6k3i"},6:{defaultClass:"iw0v6k3j"},7:{defaultClass:"iw0v6k3k"},8:{defaultClass:"iw0v6k3l"},9:{defaultClass:"iw0v6k3m"},10:{defaultClass:"iw0v6k3n"},11:{defaultClass:"iw0v6k3o"},12:{defaultClass:"iw0v6k3p"},14:{defaultClass:"iw0v6k3q"},16:{defaultClass:"iw0v6k3r"},20:{defaultClass:"iw0v6k3s"},24:{defaultClass:"iw0v6k3t"},28:{defaultClass:"iw0v6k3u"},32:{defaultClass:"iw0v6k3v"},36:{defaultClass:"iw0v6k3w"},40:{defaultClass:"iw0v6k3x"},44:{defaultClass:"iw0v6k3y"},48:{defaultClass:"iw0v6k3z"},52:{defaultClass:"iw0v6k40"},56:{defaultClass:"iw0v6k41"},60:{defaultClass:"iw0v6k42"},64:{defaultClass:"iw0v6k43"},72:{defaultClass:"iw0v6k44"},80:{defaultClass:"iw0v6k45"},96:{defaultClass:"iw0v6k46"}}},paddingRight:{values:{0:{defaultClass:"iw0v6k47"},1:{defaultClass:"iw0v6k48"},2:{defaultClass:"iw0v6k49"},3:{defaultClass:"iw0v6k4a"},4:{defaultClass:"iw0v6k4b"},5:{defaultClass:"iw0v6k4c"},6:{defaultClass:"iw0v6k4d"},7:{defaultClass:"iw0v6k4e"},8:{defaultClass:"iw0v6k4f"},9:{defaultClass:"iw0v6k4g"},10:{defaultClass:"iw0v6k4h"},11:{defaultClass:"iw0v6k4i"},12:{defaultClass:"iw0v6k4j"},14:{defaultClass:"iw0v6k4k"},16:{defaultClass:"iw0v6k4l"},20:{defaultClass:"iw0v6k4m"},24:{defaultClass:"iw0v6k4n"},28:{defaultClass:"iw0v6k4o"},32:{defaultClass:"iw0v6k4p"},36:{defaultClass:"iw0v6k4q"},40:{defaultClass:"iw0v6k4r"},44:{defaultClass:"iw0v6k4s"},48:{defaultClass:"iw0v6k4t"},52:{defaultClass:"iw0v6k4u"},56:{defaultClass:"iw0v6k4v"},60:{defaultClass:"iw0v6k4w"},64:{defaultClass:"iw0v6k4x"},72:{defaultClass:"iw0v6k4y"},80:{defaultClass:"iw0v6k4z"},96:{defaultClass:"iw0v6k50"}}},paddingBottom:{values:{0:{defaultClass:"iw0v6k51"},1:{defaultClass:"iw0v6k52"},2:{defaultClass:"iw0v6k53"},3:{defaultClass:"iw0v6k54"},4:{defaultClass:"iw0v6k55"},5:{defaultClass:"iw0v6k56"},6:{defaultClass:"iw0v6k57"},7:{defaultClass:"iw0v6k58"},8:{defaultClass:"iw0v6k59"},9:{defaultClass:"iw0v6k5a"},10:{defaultClass:"iw0v6k5b"},11:{defaultClass:"iw0v6k5c"},12:{defaultClass:"iw0v6k5d"},14:{defaultClass:"iw0v6k5e"},16:{defaultClass:"iw0v6k5f"},20:{defaultClass:"iw0v6k5g"},24:{defaultClass:"iw0v6k5h"},28:{defaultClass:"iw0v6k5i"},32:{defaultClass:"iw0v6k5j"},36:{defaultClass:"iw0v6k5k"},40:{defaultClass:"iw0v6k5l"},44:{defaultClass:"iw0v6k5m"},48:{defaultClass:"iw0v6k5n"},52:{defaultClass:"iw0v6k5o"},56:{defaultClass:"iw0v6k5p"},60:{defaultClass:"iw0v6k5q"},64:{defaultClass:"iw0v6k5r"},72:{defaultClass:"iw0v6k5s"},80:{defaultClass:"iw0v6k5t"},96:{defaultClass:"iw0v6k5u"}}},paddingLeft:{values:{0:{defaultClass:"iw0v6k5v"},1:{defaultClass:"iw0v6k5w"},2:{defaultClass:"iw0v6k5x"},3:{defaultClass:"iw0v6k5y"},4:{defaultClass:"iw0v6k5z"},5:{defaultClass:"iw0v6k60"},6:{defaultClass:"iw0v6k61"},7:{defaultClass:"iw0v6k62"},8:{defaultClass:"iw0v6k63"},9:{defaultClass:"iw0v6k64"},10:{defaultClass:"iw0v6k65"},11:{defaultClass:"iw0v6k66"},12:{defaultClass:"iw0v6k67"},14:{defaultClass:"iw0v6k68"},16:{defaultClass:"iw0v6k69"},20:{defaultClass:"iw0v6k6a"},24:{defaultClass:"iw0v6k6b"},28:{defaultClass:"iw0v6k6c"},32:{defaultClass:"iw0v6k6d"},36:{defaultClass:"iw0v6k6e"},40:{defaultClass:"iw0v6k6f"},44:{defaultClass:"iw0v6k6g"},48:{defaultClass:"iw0v6k6h"},52:{defaultClass:"iw0v6k6i"},56:{defaultClass:"iw0v6k6j"},60:{defaultClass:"iw0v6k6k"},64:{defaultClass:"iw0v6k6l"},72:{defaultClass:"iw0v6k6m"},80:{defaultClass:"iw0v6k6n"},96:{defaultClass:"iw0v6k6o"}}}}},{conditions:void 0,styles:{borderRadius:{values:{none:{defaultClass:"iw0v6k6p"},sm:{defaultClass:"iw0v6k6q"},base:{defaultClass:"iw0v6k6r"},md:{defaultClass:"iw0v6k6s"},lg:{defaultClass:"iw0v6k6t"},xl:{defaultClass:"iw0v6k6u"},"2xl":{defaultClass:"iw0v6k6v"},"3xl":{defaultClass:"iw0v6k6w"},full:{defaultClass:"iw0v6k6x"}}}}},{conditions:void 0,styles:{boxShadow:{values:{xs:{defaultClass:"iw0v6k6y"},sm:{defaultClass:"iw0v6k6z"},base:{defaultClass:"iw0v6k70"},md:{defaultClass:"iw0v6k71"},lg:{defaultClass:"iw0v6k72"},xl:{defaultClass:"iw0v6k73"},"2xl":{defaultClass:"iw0v6k74"},inner:{defaultClass:"iw0v6k75"},darkLg:{defaultClass:"iw0v6k76"},outline:{defaultClass:"iw0v6k77"}}}}});var j=(e,t)=>{let r={};return t.forEach(a=>{e!=null&&e[a]&&(r[a]=e[a])}),r};var X=require("@snurls/themes"),Je=e=>{var o,d;let{as:t="div",color:r,background:a,ref:i,className:l,style:s,children:n}=e;return(0,K.createElement)(t,{...e,ref:i,className:(0,Y.clsx)([h,b(j(e,Array.from(b.properties))),l]),style:{color:r&&((d=(o=X.vars.colors.$scale)==null?void 0:o.gray)==null?void 0:d[800]),background:a,...s}},n)},J=Je;var z=require("@snurls/themes"),Z=require("react/jsx-runtime"),Qe=({ref:e,color:t="gray",variant:r="solid",size:a=1,orientation:i="horizontal",...l})=>{var n,o,d,p;let s=i==="horizontal"?{width:"100%",borderBottomWidth:a,borderBottomStyle:r,borderBottomColor:t?(o=(n=z.vars.colors.$scale)==null?void 0:n[t])==null?void 0:o[200]:void 0,borderTopWidth:0,borderLeftWidth:0,borderRightWidth:0}:{height:"100%",borderLeftWidth:a,borderLeftStyle:r,borderLeftColor:t?(p=(d=z.vars.colors.$scale)==null?void 0:d[t])==null?void 0:p[200]:void 0,borderTopWidth:0,borderBottomWidth:0,borderRightWidth:0};return(0,Z.jsx)("hr",{...l,ref:e,style:{...s,...l.style}})},Q=Qe;var te=require("react/jsx-runtime"),Ze=({ref:e,orientation:t="vertical",size:r=4,...a})=>(0,te.jsx)("div",{...a,ref:e,style:{...t==="vertical"?{height:r,width:1}:{width:r,height:1},...a.style}}),ee=Ze;var re=require("react"),ae=require("clsx");var ie=require("@snurls/themes"),et=e=>{var u,g;let{as:t="div",color:r,ref:a,className:i,style:l,children:s,align:n,basis:o,direction:d,grow:p,justify:m,wrap:v,gap:f,shrink:w,display:k="flex",width:c,backgroundColor:P,margin:T,padding:S,...O}=e;return(0,re.createElement)(t,{...O,ref:a,className:(0,ae.clsx)([h,i]),style:{display:k,alignItems:n,justifyContent:m,flexDirection:d,flexWrap:v,flexGrow:p,flexShrink:w,flexBasis:o,gap:f,color:r&&((g=(u=ie.vars.colors.$scale)==null?void 0:u.gray)==null?void 0:g[800]),backgroundColor:P,width:c,margin:T,padding:S,...l}},s)},oe=et;var le=require("react"),se=require("clsx");var ne=require("@snurls/themes"),tt=e=>{var u,g;let{ref:t,as:r="div",color:a,children:i,autoColumns:l,autoFlow:s,autoRows:n,columnGap:o,column:d,gap:p,row:m,rowGap:v,templateColumns:f,templateRows:w,templateAreas:k,width:c,backgroundColor:P,margin:T,padding:S,...O}=e;return(0,le.createElement)(r,{...O,ref:t,className:(0,se.clsx)([h,e.className]),style:{display:"grid",gridAutoColumns:l,gridAutoFlow:s,gridAutoRows:n,gridColumnGap:o,gridGap:p,gridRowGap:v,gridTemplateColumns:f,gridTemplateRows:w,gridTemplateAreas:k,gridColumn:d,gridRow:m,color:a&&((g=(u=ne.vars.colors.$scale)==null?void 0:u.gray)==null?void 0:g[800]),backgroundColor:P,width:c,margin:T,padding:S,...e.style}},i)},de=tt;var fe=require("react"),me=require("clsx");var pe=require("@snurls/themes"),rt=e=>{var k,c;let{ref:t,as:r="div",color:a,background:i,children:l,area:s,colEnd:n,colStart:o,colSpan:d,rowEnd:p,rowStart:m,rowSpan:v,...f}=e,w={gridArea:s,...o!==void 0&&n!==void 0?{gridColumnStart:o,gridColumnEnd:n}:d!==void 0?{gridColumn:`span ${d}`}:{},...m!==void 0&&p!==void 0?{gridRowStart:m,gridRowEnd:p}:v!==void 0?{gridRow:`span ${v}`}:{},color:a&&((c=(k=pe.vars.colors.$scale)==null?void 0:k.gray)==null?void 0:c[800]),background:i,...e.style};return(0,fe.createElement)(r,{...f,ref:t,className:(0,me.clsx)([h,b(j(e,Array.from(b.properties))),e.className]),style:w},l)},ve=rt;function D(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function ue(e,t){var r=e;for(var a of t){if(!(a in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[a]}return r}function F(e,t){var r=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],a={};for(var i in e){var l=e[i],s=[...r,i];typeof l=="string"||typeof l=="number"||l==null?a[i]=t(l,s):typeof l=="object"&&!Array.isArray(l)?a[i]=F(l,t,s):console.warn('Skipping invalid key "'.concat(s.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(l)?"Array":typeof l,'"'))}return a}function we(e,t){var r={};if(typeof t=="object"){var a=e;F(t,(n,o)=>{if(n!=null){var d=ue(a,o);r[D(d)]=String(n)}})}else{var i=e;for(var l in i){var s=i[l];s!=null&&(r[D(l)]=s)}}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map(o=>"".concat(o,":").concat(this[o])).join(";")},writable:!1}),r}function at(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var a=r.call(e,t||"default");if(typeof a!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function it(e){var t=at(e,"string");return typeof t=="symbol"?t:String(t)}function ot(e,t,r){return t=it(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ke(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,a)}return r}function ge(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ke(Object(r),!0).forEach(function(a){ot(e,a,r[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ke(Object(r)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})}return e}function ce(e,t){var r={};for(var a in e)r[a]=t(e[a],a);return r}var lt=(e,t,r)=>{for(var a of Object.keys(e)){var i;if(e[a]!==((i=t[a])!==null&&i!==void 0?i:r[a]))return!1}return!0},C=e=>{var t=r=>{var a=e.defaultClassName,i=ge(ge({},e.defaultVariants),r);for(var l in i){var s,n=(s=i[l])!==null&&s!==void 0?s:e.defaultVariants[l];if(n!=null){var o=n;typeof o=="boolean"&&(o=o===!0?"true":"false");var d=e.variantClassNames[l][o];d&&(a+=" "+d)}}for(var[p,m]of e.compoundVariants)lt(p,i,e.defaultVariants)&&(a+=" "+m);return a};return t.variants=()=>Object.keys(e.variantClassNames),t.classNames={get base(){return e.defaultClassName.split(" ")[0]},get variants(){return ce(e.variantClassNames,r=>ce(r,a=>a.split(" ")[0]))}},t};var he="var(--lthqn72)",be="var(--lthqn73)",Ce=C({defaultClassName:"lthqn74",variantClassNames:{size:{40:"lthqn75",48:"lthqn76",56:"lthqn77"},variant:{solid:"lthqn78",outline:"lthqn79",ghost:"lthqn7a"}},defaultVariants:{},compoundVariants:[]}),xe="var(--lthqn70)",ye="var(--lthqn71)",A=C({defaultClassName:"lthqn7b",variantClassNames:{size:{40:"lthqn7c",48:"lthqn7d",56:"lthqn7e"}},defaultVariants:{},compoundVariants:[]}),Pe=C({defaultClassName:"lthqn7g",variantClassNames:{size:{40:"lthqn7h",48:"lthqn7i",56:"lthqn7j"}},defaultVariants:{},compoundVariants:[]});var x=require("@snurls/themes");var st=e=>{let{elementType:t="button",isDisabled:r,isLoading:a,tabIndex:i,onKeyDown:l,type:s="button",...n}=e,o=r||a,d=f=>{if(l==null||l(f),f.key===" "||f.key==="Spacebar"||f.key==="32"){if(o||f.defaultPrevented||t==="button")return;f.preventDefault(),f.currentTarget.click();return}if(f.key==="Enter"||f.key==="13"){if(o||f.defaultPrevented||t==="input"&&s!=="button")return;f.preventDefault(),f.currentTarget.click();return}},p={...n,"data-loading":a,tabIndex:o?void 0:i!=null?i:0,onKeyDown:d},m={};switch(t){case"button":{m={type:s!=null?s:"button",disabled:o};break}case"a":{let{href:f,target:w,rel:k}=e;m={role:"button",href:o?void 0:f,target:o?void 0:w,rel:o?void 0:k,"area-disabled":r};break}case"input":{m={role:"button",type:e.type,disabled:o,"area-disabled":void 0};break}default:{m={role:"button",type:s!=null?s:"button","area-disabled":r};break}}return{buttonProps:{...p,...m}}},E=st;var B=require("react"),nt=({isSelected:e=!1})=>{let[t,r]=(0,B.useState)(e),a=(0,B.useCallback)(()=>{r(i=>!i)},[]);return{isSelected:t,setSelected:r,toggle:a}},_=nt;var dt=(e,t)=>{let{isSelected:r,toggle:a}=_({isSelected:t}),i=s=>{var n;a(),(n=e==null?void 0:e.onClick)==null||n.call(e,s)},{buttonProps:l}=E({...e,onClick:i});return{buttonProps:l,isSelected:r}},Se=dt;var y=require("react/jsx-runtime"),ft=e=>{let{buttonProps:t}=E(e),{variant:r="solid",size:a="56",color:i="",width:l,leftIcon:s,rightIcon:n,isLoading:o,children:d,style:p,ref:m}=e,v=x.vars.colors.$scale.primary[400],f=r==="solid"?x.vars.colors.$scale.primary[300]:x.vars.colors.$scale.gray[100],w=r==="solid"?x.vars.colors.$scale.primary[500]:x.vars.colors.$scale.gray[200],k=r==="outline"?x.vars.colors.$scale.gray[400]:"";return(0,y.jsxs)("button",{...t,ref:m,className:Ce({size:a,variant:r}),style:{...we({[xe]:v,[ye]:f,[he]:w,[be]:k}),background:i,width:l,...p},children:[o&&(0,y.jsx)("div",{className:Pe({size:a})}),s&&(0,y.jsx)("span",{className:A({size:a}),children:s}),(0,y.jsx)("span",{children:d}),n&&(0,y.jsx)("span",{className:A({size:a}),children:n})]})},je=ft;var Te=require("react");var Re=require("clsx");var Ee=C({defaultClassName:"_12xh8aj0",variantClassNames:{variant:{display1:"_12xh8aj1",display2:"_12xh8aj2",title1:"_12xh8aj3",title2:"_12xh8aj4",title3:"_12xh8aj5",heading1:"_12xh8aj6",heading2:"_12xh8aj7",headline1:"_12xh8aj8",headline2:"_12xh8aj9",body1:"_12xh8aja",body1Reading:"_12xh8ajb",body2:"_12xh8ajc",body2Reading:"_12xh8ajd",label1:"_12xh8aje",label2:"_12xh8ajf",caption1:"_12xh8ajg",caption2:"_12xh8ajh"},defaultVariants:{variant:"body1"}},defaultVariants:{},compoundVariants:[]});var mt=e=>{let{as:t="span",color:r,background:a,ref:i,className:l,style:s,children:n,variant:o="body1"}=e;return(0,Te.createElement)(t,{...e,ref:i,className:(0,Re.clsx)([h,b(j(e,Array.from(b.properties))),Ee({variant:o}),l]),style:{color:r,background:a,...s}},n)},Oe=mt;var L=require("react");var Ve="_5v4ykp5",Be="_5v4ykp1",_e="_5v4ykp4",qe="_5v4ykp3",Ne="_5v4ykp2",ze="_5v4ykp0";var R=require("react/jsx-runtime"),vt=({value:e="",error:t=!1,disabled:r=!1,onChange:a,placeholder:i,ref:l})=>{let[s,n]=(0,L.useState)(!1),[o,d]=(0,L.useState)(e),p=()=>{d(""),a==null||a("")},m=f=>{d(f.target.value),a==null||a(f.target.value)},v=Be;return t?v=`${v} ${qe}`:r?v=`${v} ${_e}`:s&&(v=`${v} ${Ne}`),(0,R.jsxs)("div",{className:ze,children:[(0,R.jsx)("input",{ref:l,className:v,value:o,onChange:m,placeholder:i,disabled:r,onFocus:()=>n(!0),onBlur:()=>n(!1)}),o&&!r&&(0,R.jsx)("button",{className:Ve,onClick:p,tabIndex:-1,type:"button",children:"\xD7"})]})},De=vt;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|