quirk-ui 0.1.102 → 0.1.104

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index57.css');const w=require("react/jsx-runtime"),j="_stack_p57w4_2",d="_vertical_p57w4_7",v="_horizontal_p57w4_11",C="_wrap_p57w4_16",m="_gapXs_p57w4_21",E="_gapSm_p57w4_25",h="_gapMd_p57w4_29",x="_gapLg_p57w4_33",B="_gapXl_p57w4_37",M="_gap2xl_p57w4_41",X="_alignStart_p57w4_46",k="_alignCenter_p57w4_50",b="_alignEnd_p57w4_54",z="_alignStretch_p57w4_58",A="_alignBaseline_p57w4_62",L="_justifyStart_p57w4_67",$="_justifyCenter_p57w4_71",q="_justifyEnd_p57w4_75",T="_justifySpaceBetween_p57w4_79",G="_justifySpaceAround_p57w4_83",N="_justifySpaceEvenly_p57w4_87",t={stack:j,vertical:d,horizontal:v,wrap:C,gapXs:m,gapSm:E,gapMd:h,gapLg:x,gapXl:B,gap2xl:M,alignStart:X,alignCenter:k,alignEnd:b,alignStretch:z,alignBaseline:A,justifyStart:L,justifyCenter:$,justifyEnd:q,justifySpaceBetween:T,justifySpaceAround:G,justifySpaceEvenly:N},O={vertical:t.vertical,horizontal:t.horizontal},s={xs:t.gapXs,sm:t.gapSm,md:t.gapMd,lg:t.gapLg,xl:t.gapXl,"2xl":t.gap2xl},P={start:t.alignStart,center:t.alignCenter,end:t.alignEnd,stretch:t.alignStretch,baseline:t.alignBaseline},D={start:t.justifyStart,center:t.justifyCenter,end:t.justifyEnd,"space-between":t.justifySpaceBetween,"space-around":t.justifySpaceAround,"space-evenly":t.justifySpaceEvenly};function F({direction:i="vertical",gap:a="md",align:c="stretch",justify:l="start",wrap:p=!1,as:_="div",className:r,style:o,children:g,...u}){const y=_,n={};let e="";if(typeof a=="string"&&a in s)e=s[a];else{const f=typeof a=="number"?`${a}px`:a;n.gap=f}const S=[t.stack,O[i],e,P[c],D[l],p?t.wrap:"",r??""].filter(Boolean).join(" ");return w.jsx(y,{className:S,style:{...n,...o},...u,children:g})}exports.Stack=F;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index57.css');const w=require("react/jsx-runtime"),j="_stack_bxyw0_2",x="_vertical_bxyw0_7",b="_horizontal_bxyw0_11",d="_wrap_bxyw0_16",v="_gapXs_bxyw0_21",C="_gapSm_bxyw0_25",m="_gapMd_bxyw0_29",E="_gapLg_bxyw0_33",h="_gapXl_bxyw0_37",B="_alignStart_bxyw0_42",M="_alignCenter_bxyw0_46",X="_alignEnd_bxyw0_50",k="_alignStretch_bxyw0_54",z="_alignBaseline_bxyw0_58",A="_justifyStart_bxyw0_63",L="_justifyCenter_bxyw0_67",$="_justifyEnd_bxyw0_71",q="_justifySpaceBetween_bxyw0_75",T="_justifySpaceAround_bxyw0_79",G="_justifySpaceEvenly_bxyw0_83",t={stack:j,vertical:x,horizontal:b,wrap:d,gapXs:v,gapSm:C,gapMd:m,gapLg:E,gapXl:h,alignStart:B,alignCenter:M,alignEnd:X,alignStretch:k,alignBaseline:z,justifyStart:A,justifyCenter:L,justifyEnd:$,justifySpaceBetween:q,justifySpaceAround:T,justifySpaceEvenly:G},N={vertical:t.vertical,horizontal:t.horizontal},s={xs:t.gapXs,sm:t.gapSm,md:t.gapMd,lg:t.gapLg,xl:t.gapXl,"2xl":t.gap2xl},O={start:t.alignStart,center:t.alignCenter,end:t.alignEnd,stretch:t.alignStretch,baseline:t.alignBaseline},P={start:t.justifyStart,center:t.justifyCenter,end:t.justifyEnd,"space-between":t.justifySpaceBetween,"space-around":t.justifySpaceAround,"space-evenly":t.justifySpaceEvenly};function D({direction:i="vertical",gap:a="md",align:c="stretch",justify:l="start",wrap:r=!1,as:_="div",className:o,style:y,children:g,...p}){const u=_,e={};let n="";if(typeof a=="string"&&a in s)n=s[a];else{const f=typeof a=="number"?`${a}px`:a;e.gap=f}const S=[t.stack,N[i],n,O[c],P[l],r?t.wrap:"",o??""].filter(Boolean).join(" ");return w.jsx(u,{className:S,style:{...e,...y},...p,children:g})}exports.Stack=D;
@@ -1,27 +1,26 @@
1
- import { jsx as S } from "react/jsx-runtime";
2
- import '../../../index57.css';const j = "_stack_p57w4_2", d = "_vertical_p57w4_7", m = "_horizontal_p57w4_11", C = "_wrap_p57w4_16", v = "_gapXs_p57w4_21", E = "_gapSm_p57w4_25", h = "_gapMd_p57w4_29", x = "_gapLg_p57w4_33", B = "_gapXl_p57w4_37", M = "_gap2xl_p57w4_41", X = "_alignStart_p57w4_46", k = "_alignCenter_p57w4_50", z = "_alignEnd_p57w4_54", A = "_alignStretch_p57w4_58", L = "_alignBaseline_p57w4_62", b = "_justifyStart_p57w4_67", G = "_justifyCenter_p57w4_71", N = "_justifyEnd_p57w4_75", T = "_justifySpaceBetween_p57w4_79", $ = "_justifySpaceAround_p57w4_83", q = "_justifySpaceEvenly_p57w4_87", t = {
1
+ import { jsx as w } from "react/jsx-runtime";
2
+ import '../../../index57.css';const j = "_stack_bxyw0_2", x = "_vertical_bxyw0_7", b = "_horizontal_bxyw0_11", d = "_wrap_bxyw0_16", m = "_gapXs_bxyw0_21", C = "_gapSm_bxyw0_25", v = "_gapMd_bxyw0_29", E = "_gapLg_bxyw0_33", h = "_gapXl_bxyw0_37", B = "_alignStart_bxyw0_42", M = "_alignCenter_bxyw0_46", X = "_alignEnd_bxyw0_50", k = "_alignStretch_bxyw0_54", z = "_alignBaseline_bxyw0_58", A = "_justifyStart_bxyw0_63", L = "_justifyCenter_bxyw0_67", G = "_justifyEnd_bxyw0_71", N = "_justifySpaceBetween_bxyw0_75", T = "_justifySpaceAround_bxyw0_79", $ = "_justifySpaceEvenly_bxyw0_83", t = {
3
3
  stack: j,
4
- vertical: d,
5
- horizontal: m,
6
- wrap: C,
7
- gapXs: v,
8
- gapSm: E,
9
- gapMd: h,
10
- gapLg: x,
11
- gapXl: B,
12
- gap2xl: M,
13
- alignStart: X,
14
- alignCenter: k,
15
- alignEnd: z,
16
- alignStretch: A,
17
- alignBaseline: L,
18
- justifyStart: b,
19
- justifyCenter: G,
20
- justifyEnd: N,
21
- justifySpaceBetween: T,
22
- justifySpaceAround: $,
23
- justifySpaceEvenly: q
24
- }, D = {
4
+ vertical: x,
5
+ horizontal: b,
6
+ wrap: d,
7
+ gapXs: m,
8
+ gapSm: C,
9
+ gapMd: v,
10
+ gapLg: E,
11
+ gapXl: h,
12
+ alignStart: B,
13
+ alignCenter: M,
14
+ alignEnd: X,
15
+ alignStretch: k,
16
+ alignBaseline: z,
17
+ justifyStart: A,
18
+ justifyCenter: L,
19
+ justifyEnd: G,
20
+ justifySpaceBetween: N,
21
+ justifySpaceAround: T,
22
+ justifySpaceEvenly: $
23
+ }, q = {
25
24
  vertical: t.vertical,
26
25
  horizontal: t.horizontal
27
26
  }, e = {
@@ -31,13 +30,13 @@ import '../../../index57.css';const j = "_stack_p57w4_2", d = "_vertical_p57w4_7
31
30
  lg: t.gapLg,
32
31
  xl: t.gapXl,
33
32
  "2xl": t.gap2xl
34
- }, F = {
33
+ }, D = {
35
34
  start: t.alignStart,
36
35
  center: t.alignCenter,
37
36
  end: t.alignEnd,
38
37
  stretch: t.alignStretch,
39
38
  baseline: t.alignBaseline
40
- }, H = {
39
+ }, F = {
41
40
  start: t.justifyStart,
42
41
  center: t.justifyCenter,
43
42
  end: t.justifyEnd,
@@ -45,45 +44,45 @@ import '../../../index57.css';const j = "_stack_p57w4_2", d = "_vertical_p57w4_7
45
44
  "space-around": t.justifySpaceAround,
46
45
  "space-evenly": t.justifySpaceEvenly
47
46
  };
48
- function J({
47
+ function I({
49
48
  direction: i = "vertical",
50
49
  gap: a = "md",
51
- align: p = "stretch",
52
- justify: c = "start",
53
- wrap: l = !1,
54
- as: _ = "div",
55
- className: o,
56
- style: r,
57
- children: g,
58
- ...u
50
+ align: c = "stretch",
51
+ justify: l = "start",
52
+ wrap: _ = !1,
53
+ as: o = "div",
54
+ className: r,
55
+ style: y,
56
+ children: p,
57
+ ...g
59
58
  }) {
60
- const y = _, n = {};
59
+ const u = o, n = {};
61
60
  let s = "";
62
61
  if (typeof a == "string" && a in e)
63
62
  s = e[a];
64
63
  else {
65
- const w = typeof a == "number" ? `${a}px` : a;
66
- n.gap = w;
64
+ const S = typeof a == "number" ? `${a}px` : a;
65
+ n.gap = S;
67
66
  }
68
67
  const f = [
69
68
  t.stack,
70
- D[i],
69
+ q[i],
71
70
  s,
72
- F[p],
73
- H[c],
74
- l ? t.wrap : "",
75
- o ?? ""
71
+ D[c],
72
+ F[l],
73
+ _ ? t.wrap : "",
74
+ r ?? ""
76
75
  ].filter(Boolean).join(" ");
77
- return /* @__PURE__ */ S(
78
- y,
76
+ return /* @__PURE__ */ w(
77
+ u,
79
78
  {
80
79
  className: f,
81
- style: { ...n, ...r },
82
- ...u,
83
- children: g
80
+ style: { ...n, ...y },
81
+ ...g,
82
+ children: p
84
83
  }
85
84
  );
86
85
  }
87
86
  export {
88
- J as Stack
87
+ I as Stack
89
88
  };
package/dist/core.d.ts CHANGED
@@ -512,7 +512,7 @@ declare const gapClassMap: {
512
512
  readonly md: string;
513
513
  readonly lg: string;
514
514
  readonly xl: string;
515
- readonly "2xl": string;
515
+ readonly "2xl": any;
516
516
  };
517
517
 
518
518
  export declare function Grid({ columns, rows, gap, rowGap, columnGap, areas, autoFit, autoFitMinMax, alignItems, justifyItems, justifyContent, alignContent, fullHeight, className, style, children, ...restProps }: GridProps): JSX.Element;
package/dist/index10.css CHANGED
@@ -1 +1 @@
1
- ._markdownBlock_bkpup_8{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._maxWidthSm_bkpup_16{max-width:640px}._maxWidthMd_bkpup_19{max-width:800px}._maxWidthLg_bkpup_22{max-width:1000px}._maxWidthFull_bkpup_25{max-width:100%}._container_bkpup_4{width:100%;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_bkpup_4>*+*{margin-top:var(--spacing-lg)}._container_bkpup_4 h1{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}._container_bkpup_4 h2{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em;margin-top:var(--spacing-2xl, 3rem);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}._container_bkpup_4 h3{font-size:var(--font-size-h3, 1.75rem);font-weight:var(--font-weight-semibold, 600);margin-top:var(--spacing-xl)}._container_bkpup_4 h4{font-size:var(--font-size-h4, 1.5rem);font-weight:var(--font-weight-semibold, 600);margin-top:var(--spacing-lg)}._container_bkpup_4 p{font-family:var(--font-family-primary, inherit);font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary);margin:0}._container_bkpup_4 ul,._container_bkpup_4 ol{display:flex;flex-direction:column;padding-left:var(--spacing-lg, 1.5rem);margin:0}._container_bkpup_4 ul{list-style:disc}._container_bkpup_4 ol{list-style:decimal}._container_bkpup_4 li{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-primary)}._container_bkpup_4 :not(pre)>code{font-family:var(--font-family-mono, "Fira Code", "Courier New", monospace);font-size:.875em;background-color:var(--color-secondary-10);color:var(--color-primary-100);padding:.1em .4em;border-radius:var(--radius-sm)}._container_bkpup_4 pre{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-secondary-10)}._container_bkpup_4 pre code{display:block;padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var( --font-family-mono, "Fira Code", "Courier New", monospace );font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre;background:none;border:none;border-radius:0;padding-top:var(--spacing-lg)}._container_bkpup_4 blockquote{border-left:4px solid var(--color-primary-100);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-10);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}._container_bkpup_4 blockquote p{margin:0;color:var(--color-text-primary)}._container_bkpup_4 table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);display:table;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);scrollbar-color:var(--color-secondary-50, #d0d0d0) var(--color-secondary-10, #f0f0f0);scrollbar-width:thin}@media (max-width: 767px){._container_bkpup_4 table{display:block}}._container_bkpup_4 table::-webkit-scrollbar{height:8px}._container_bkpup_4 table::-webkit-scrollbar-track{background:var(--color-secondary-10, #f0f0f0);border-radius:4px}._container_bkpup_4 table::-webkit-scrollbar-thumb{background:var(--color-secondary-50, #d0d0d0);border-radius:4px}._container_bkpup_4 table::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-75, #b0b0b0)}._container_bkpup_4 thead{background-color:var(--color-secondary-10)}@media (max-width: 767px){._container_bkpup_4 table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}._container_bkpup_4 thead,._container_bkpup_4 tbody{display:table;width:100%;table-layout:fixed}}._container_bkpup_4 th,._container_bkpup_4 td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap}._container_bkpup_4 th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-secondary-10);border-bottom:2px solid var(--color-border)}._container_bkpup_4 td{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top}._container_bkpup_4 tr:last-child td{border-bottom:none}._container_bkpup_4 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}._container_bkpup_4 a{color:var(--color-primary-100);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}._container_bkpup_4 a:hover{color:var(--color-primary-75)}._container_bkpup_4 img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}._container_bkpup_4 input[type=checkbox]{margin-right:var(--spacing-xs);accent-color:var(--color-primary-100)}
1
+ ._markdownBlock_1h9o1_8{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._maxWidthSm_1h9o1_16{max-width:640px}._maxWidthMd_1h9o1_19{max-width:800px}._maxWidthLg_1h9o1_22{max-width:1000px}._maxWidthFull_1h9o1_25{max-width:100%}._container_1h9o1_4{width:100%;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._container_1h9o1_4 h1{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em;margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}._container_1h9o1_4 h2{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em;margin-top:var(--spacing-xl, 3rem);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}._container_1h9o1_4 h3{font-size:var(--font-size-h4, 1.75rem);font-weight:var(--font-weight-semibold, 600);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}._container_1h9o1_4 h4{font-size:var(--font-size-h5, 1.5rem);font-weight:var(--font-weight-semibold, 600);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}._container_1h9o1_4 p{font-family:var(--font-family-primary, inherit);font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary);margin:0}._container_1h9o1_4 ul,._container_1h9o1_4 ol{display:flex;flex-direction:column;padding-left:var(--spacing-lg, 1.5rem);margin:0}._container_1h9o1_4 ul{list-style:disc}._container_1h9o1_4 ol{list-style:decimal}._container_1h9o1_4 li{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-primary)}._container_1h9o1_4 :not(pre)>code{font-family:var(--font-family-mono, "Fira Code", "Courier New", monospace);font-size:.875em;background-color:var(--color-secondary-10);color:var(--color-primary-100);padding:.1em .4em;border-radius:var(--radius-sm)}._container_1h9o1_4 pre{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-secondary-10);margin:var(--spacing-md) 0}._container_1h9o1_4 pre code{display:block;padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var( --font-family-mono, "Fira Code", "Courier New", monospace );font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre;background:none;border:none;border-radius:0;padding-top:var(--spacing-lg)}._container_1h9o1_4 blockquote{border-left:4px solid var(--color-primary-100);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-10);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}._container_1h9o1_4 blockquote p{margin:0;color:var(--color-text-primary)}._container_1h9o1_4 table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);display:table;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);scrollbar-color:var(--color-secondary-50, #d0d0d0) var(--color-secondary-10, #f0f0f0);scrollbar-width:thin}@media (max-width: 767px){._container_1h9o1_4 table{display:block}}._container_1h9o1_4 table::-webkit-scrollbar{height:8px}._container_1h9o1_4 table::-webkit-scrollbar-track{background:transparent;border-radius:4px}._container_1h9o1_4 table::-webkit-scrollbar-thumb{background:var(--color-secondary-50, #d0d0d0);border-radius:4px}._container_1h9o1_4 table::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-75, #b0b0b0)}._container_1h9o1_4 thead{background-color:var(--color-secondary-10)}@media (max-width: 767px){._container_1h9o1_4 table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}._container_1h9o1_4 th,._container_1h9o1_4 td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap}._container_1h9o1_4 th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-secondary-10);border-bottom:2px solid var(--color-border)}._container_1h9o1_4 td{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top}._container_1h9o1_4 tr:last-child td{border-bottom:none}._container_1h9o1_4 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}._container_1h9o1_4 a{color:var(--color-primary-100);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}._container_1h9o1_4 a:hover{color:var(--color-primary-75)}._container_1h9o1_4 img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}._container_1h9o1_4 input[type=checkbox]{margin-right:var(--spacing-xs);accent-color:var(--color-primary-100)}
@@ -1,10 +1,10 @@
1
1
  declare const styles: {
2
- readonly "_container_bkpup_4": string;
3
- readonly "_markdownBlock_bkpup_8": string;
4
- readonly "_maxWidthFull_bkpup_25": string;
5
- readonly "_maxWidthLg_bkpup_22": string;
6
- readonly "_maxWidthMd_bkpup_19": string;
7
- readonly "_maxWidthSm_bkpup_16": string;
2
+ readonly "_container_1h9o1_4": string;
3
+ readonly "_markdownBlock_1h9o1_8": string;
4
+ readonly "_maxWidthFull_1h9o1_25": string;
5
+ readonly "_maxWidthLg_1h9o1_22": string;
6
+ readonly "_maxWidthMd_1h9o1_19": string;
7
+ readonly "_maxWidthSm_1h9o1_16": string;
8
8
  };
9
9
  export = styles;
10
10
 
package/dist/index57.css CHANGED
@@ -1 +1 @@
1
- ._stack_p57w4_2{display:flex}._vertical_p57w4_7{flex-direction:column}._horizontal_p57w4_11{flex-direction:row}._wrap_p57w4_16{flex-wrap:wrap}._gapXs_p57w4_21{gap:var(--spacing-xs, .25rem)}._gapSm_p57w4_25{gap:var(--spacing-sm, .5rem)}._gapMd_p57w4_29{gap:var(--spacing-md, 1rem)}._gapLg_p57w4_33{gap:var(--spacing-lg, 1.5rem)}._gapXl_p57w4_37{gap:var(--spacing-xl, 2rem)}._gap2xl_p57w4_41{gap:var(--spacing-2xl, 3rem)}._alignStart_p57w4_46{align-items:flex-start}._alignCenter_p57w4_50{align-items:center}._alignEnd_p57w4_54{align-items:flex-end}._alignStretch_p57w4_58{align-items:stretch}._alignBaseline_p57w4_62{align-items:baseline}._justifyStart_p57w4_67{justify-content:flex-start}._justifyCenter_p57w4_71{justify-content:center}._justifyEnd_p57w4_75{justify-content:flex-end}._justifySpaceBetween_p57w4_79{justify-content:space-between}._justifySpaceAround_p57w4_83{justify-content:space-around}._justifySpaceEvenly_p57w4_87{justify-content:space-evenly}
1
+ ._stack_bxyw0_2{display:flex}._vertical_bxyw0_7{flex-direction:column}._horizontal_bxyw0_11{flex-direction:row}._wrap_bxyw0_16{flex-wrap:wrap}._gapXs_bxyw0_21{gap:var(--spacing-xs, .25rem)}._gapSm_bxyw0_25{gap:var(--spacing-sm, .5rem)}._gapMd_bxyw0_29{gap:var(--spacing-md, 1rem)}._gapLg_bxyw0_33{gap:var(--spacing-lg, 1.5rem)}._gapXl_bxyw0_37{gap:var(--spacing-xl, 2rem)}._alignStart_bxyw0_42{align-items:flex-start}._alignCenter_bxyw0_46{align-items:center}._alignEnd_bxyw0_50{align-items:flex-end}._alignStretch_bxyw0_54{align-items:stretch}._alignBaseline_bxyw0_58{align-items:baseline}._justifyStart_bxyw0_63{justify-content:flex-start}._justifyCenter_bxyw0_67{justify-content:center}._justifyEnd_bxyw0_71{justify-content:flex-end}._justifySpaceBetween_bxyw0_75{justify-content:space-between}._justifySpaceAround_bxyw0_79{justify-content:space-around}._justifySpaceEvenly_bxyw0_83{justify-content:space-evenly}
@@ -1,25 +1,24 @@
1
1
  declare const styles: {
2
- readonly "_alignBaseline_p57w4_62": string;
3
- readonly "_alignCenter_p57w4_50": string;
4
- readonly "_alignEnd_p57w4_54": string;
5
- readonly "_alignStart_p57w4_46": string;
6
- readonly "_alignStretch_p57w4_58": string;
7
- readonly "_gap2xl_p57w4_41": string;
8
- readonly "_gapLg_p57w4_33": string;
9
- readonly "_gapMd_p57w4_29": string;
10
- readonly "_gapSm_p57w4_25": string;
11
- readonly "_gapXl_p57w4_37": string;
12
- readonly "_gapXs_p57w4_21": string;
13
- readonly "_horizontal_p57w4_11": string;
14
- readonly "_justifyCenter_p57w4_71": string;
15
- readonly "_justifyEnd_p57w4_75": string;
16
- readonly "_justifySpaceAround_p57w4_83": string;
17
- readonly "_justifySpaceBetween_p57w4_79": string;
18
- readonly "_justifySpaceEvenly_p57w4_87": string;
19
- readonly "_justifyStart_p57w4_67": string;
20
- readonly "_stack_p57w4_2": string;
21
- readonly "_vertical_p57w4_7": string;
22
- readonly "_wrap_p57w4_16": string;
2
+ readonly "_alignBaseline_bxyw0_58": string;
3
+ readonly "_alignCenter_bxyw0_46": string;
4
+ readonly "_alignEnd_bxyw0_50": string;
5
+ readonly "_alignStart_bxyw0_42": string;
6
+ readonly "_alignStretch_bxyw0_54": string;
7
+ readonly "_gapLg_bxyw0_33": string;
8
+ readonly "_gapMd_bxyw0_29": string;
9
+ readonly "_gapSm_bxyw0_25": string;
10
+ readonly "_gapXl_bxyw0_37": string;
11
+ readonly "_gapXs_bxyw0_21": string;
12
+ readonly "_horizontal_bxyw0_11": string;
13
+ readonly "_justifyCenter_bxyw0_67": string;
14
+ readonly "_justifyEnd_bxyw0_71": string;
15
+ readonly "_justifySpaceAround_bxyw0_79": string;
16
+ readonly "_justifySpaceBetween_bxyw0_75": string;
17
+ readonly "_justifySpaceEvenly_bxyw0_83": string;
18
+ readonly "_justifyStart_bxyw0_63": string;
19
+ readonly "_stack_bxyw0_2": string;
20
+ readonly "_vertical_bxyw0_7": string;
21
+ readonly "_wrap_bxyw0_16": string;
23
22
  };
24
23
  export = styles;
25
24
 
package/dist/main.d.ts CHANGED
@@ -705,7 +705,7 @@ declare const gapClassMap: {
705
705
  readonly md: string;
706
706
  readonly lg: string;
707
707
  readonly xl: string;
708
- readonly "2xl": string;
708
+ readonly "2xl": any;
709
709
  };
710
710
 
711
711
  export declare function Grid({ columns, rows, gap, rowGap, columnGap, areas, autoFit, autoFitMinMax, alignItems, justifyItems, justifyContent, alignContent, fullHeight, className, style, children, ...restProps }: GridProps): JSX.Element;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index10.css');const r=require("react/jsx-runtime"),k="_markdownBlock_bkpup_8",h="_maxWidthSm_bkpup_16",x="_maxWidthMd_bkpup_19",_="_maxWidthLg_bkpup_22",W="_maxWidthFull_bkpup_25",l="_container_bkpup_4",d={markdownBlock:k,maxWidthSm:h,maxWidthMd:x,maxWidthLg:_,maxWidthFull:W,container:l};function g({processedHtml:c,styleOptions:a,id:n}){var m;if(!c)return null;const o={sm:d.maxWidthSm,md:d.maxWidthMd,lg:d.maxWidthLg,full:d.maxWidthFull}[(a==null?void 0:a.maxWidth)??"lg"]??d.maxWidthLg,u=((m=a==null?void 0:a.padding)==null?void 0:m.join(" "))??"",i=a!=null&&a.background?`background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}`:"";return r.jsx("section",{id:n,className:[d.markdownBlock,u,i].filter(Boolean).join(" "),children:r.jsx("div",{className:`${d.container} ${o}`,dangerouslySetInnerHTML:{__html:c}})})}exports.MarkdownBlock=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index10.css');const m=require("react/jsx-runtime"),x="_markdownBlock_1h9o1_8",u="_maxWidthSm_1h9o1_16",_="_maxWidthMd_1h9o1_19",W="_maxWidthLg_1h9o1_22",l="_maxWidthFull_1h9o1_25",g="_container_1h9o1_4",d={markdownBlock:x,maxWidthSm:u,maxWidthMd:_,maxWidthLg:W,maxWidthFull:l,container:g};function k({processedHtml:c,styleOptions:a,id:r}){var o;if(!c)return null;const n={sm:d.maxWidthSm,md:d.maxWidthMd,lg:d.maxWidthLg,full:d.maxWidthFull}[(a==null?void 0:a.maxWidth)??"lg"]??d.maxWidthLg,h=((o=a==null?void 0:a.padding)==null?void 0:o.join(" "))??"",i=a!=null&&a.background?`background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}`:"";return m.jsx("section",{id:r,className:[d.markdownBlock,h,i].filter(Boolean).join(" "),children:m.jsx("div",{className:`${d.container} ${n}`,dangerouslySetInnerHTML:{__html:c}})})}exports.MarkdownBlock=k;
@@ -1,34 +1,34 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import '../../../index10.css';const u = "_markdownBlock_bkpup_8", x = "_maxWidthSm_bkpup_16", _ = "_maxWidthMd_bkpup_19", i = "_maxWidthLg_bkpup_22", W = "_maxWidthFull_bkpup_25", g = "_container_bkpup_4", d = {
3
- markdownBlock: u,
4
- maxWidthSm: x,
5
- maxWidthMd: _,
6
- maxWidthLg: i,
7
- maxWidthFull: W,
8
- container: g
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import '../../../index10.css';const _ = "_markdownBlock_1h9o1_8", i = "_maxWidthSm_1h9o1_16", W = "_maxWidthMd_1h9o1_19", g = "_maxWidthLg_1h9o1_22", k = "_maxWidthFull_1h9o1_25", u = "_container_1h9o1_4", d = {
3
+ markdownBlock: _,
4
+ maxWidthSm: i,
5
+ maxWidthMd: W,
6
+ maxWidthLg: g,
7
+ maxWidthFull: k,
8
+ container: u
9
9
  };
10
10
  function t({
11
11
  processedHtml: m,
12
12
  styleOptions: a,
13
- id: r
13
+ id: h
14
14
  }) {
15
15
  var c;
16
16
  if (!m) return null;
17
- const o = {
17
+ const n = {
18
18
  sm: d.maxWidthSm,
19
19
  md: d.maxWidthMd,
20
20
  lg: d.maxWidthLg,
21
21
  full: d.maxWidthFull
22
- }[(a == null ? void 0 : a.maxWidth) ?? "lg"] ?? d.maxWidthLg, h = ((c = a == null ? void 0 : a.padding) == null ? void 0 : c.join(" ")) ?? "", k = a != null && a.background ? `background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}` : "";
23
- return /* @__PURE__ */ n(
22
+ }[(a == null ? void 0 : a.maxWidth) ?? "lg"] ?? d.maxWidthLg, r = ((c = a == null ? void 0 : a.padding) == null ? void 0 : c.join(" ")) ?? "", x = a != null && a.background ? `background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}` : "";
23
+ return /* @__PURE__ */ o(
24
24
  "section",
25
25
  {
26
- id: r,
27
- className: [d.markdownBlock, h, k].filter(Boolean).join(" "),
28
- children: /* @__PURE__ */ n(
26
+ id: h,
27
+ className: [d.markdownBlock, r, x].filter(Boolean).join(" "),
28
+ children: /* @__PURE__ */ o(
29
29
  "div",
30
30
  {
31
- className: `${d.container} ${o}`,
31
+ className: `${d.container} ${n}`,
32
32
  dangerouslySetInnerHTML: { __html: m }
33
33
  }
34
34
  )
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.1.102",
4
+ "version": "0.1.104",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {