@solibo/solibo-ui 0.2.11 → 0.2.13
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/assets/index.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/components/accordion/index.cjs +1 -1
- package/dist/components/accordion/index.cjs.map +1 -1
- package/dist/components/accordion/index.js +20 -19
- package/dist/components/accordion/index.js.map +1 -1
- package/dist/components/aside/index.cjs +1 -1
- package/dist/components/aside/index.cjs.map +1 -1
- package/dist/components/aside/index.js +15 -15
- package/dist/components/aside/index.js.map +1 -1
- package/dist/components/branding/index.cjs +1 -1
- package/dist/components/branding/index.cjs.map +1 -1
- package/dist/components/branding/index.js +21 -21
- package/dist/components/branding/index.js.map +1 -1
- package/dist/components/button/index.cjs.map +1 -1
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/card/index.cjs +1 -1
- package/dist/components/card/index.cjs.map +1 -1
- package/dist/components/card/index.js +4 -4
- package/dist/components/card/index.js.map +1 -1
- package/dist/components/figure/index.cjs +1 -1
- package/dist/components/figure/index.cjs.map +1 -1
- package/dist/components/figure/index.js +3 -3
- package/dist/components/figure/index.js.map +1 -1
- package/dist/components/header/index.cjs +1 -1
- package/dist/components/header/index.cjs.map +1 -1
- package/dist/components/header/index.js +12 -19
- package/dist/components/header/index.js.map +1 -1
- package/dist/components/nav/index.cjs +1 -1
- package/dist/components/nav/index.cjs.map +1 -1
- package/dist/components/nav/index.js +21 -10
- package/dist/components/nav/index.js.map +1 -1
- package/dist/index.d.ts +20 -11
- package/package.json +1 -1
package/dist/assets/index13.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._branding_gz63x_1{display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}._default_gz63x_7{background-color:var(--color-black)}._white_gz63x_11{background-color:var(--color-white)}._gradient_gz63x_15{background:var(--gradient-green)}
|
package/dist/assets/index16.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._aside_vp29g_1{padding:var(--unit)}._sticky_vp29g_5{position:-webkit-sticky;position:sticky;top:0}._site-wide_vp29g_10{background:var(--gradient-green);border-radius:var(--border-radius);margin:var(--unit);padding:var(--unit);transition:all var(--transition-duration)}._site-wide_vp29g_10 figure{display:flex;justify-self:center;margin-top:var(--unit-large)}._site-wide_vp29g_10 figure figcaption{display:none}._site-wide_vp29g_10 nav a,._site-wide_vp29g_10 nav summary{color:var(--color-white);padding:var(--unit-small) 0;text-decoration:none}._site-wide_vp29g_10 nav a span,._site-wide_vp29g_10 nav summary span{background-color:var(--color-white);margin-right:var(--unit-small);margin-bottom:var(--unit-tiny)}._site-wide_vp29g_10 nav details a{margin-left:var(--unit);padding-left:var(--unit);position:relative;width:100%}._site-wide_vp29g_10 nav details a:before{background-color:var(--color-white);border-radius:4px;content:"";display:inline-block;height:100%;left:calc(-1 * var(--unit-tiny) - 1px);position:absolute;top:0;transition:width var(--transition-duration);width:2px}._site-wide_vp29g_10 nav details a[aria-current=page]:before{left:calc(-1 * var(--unit-tiny) - 2px);width:4px}._site-wide_vp29g_10 nav details a:last-child{margin-bottom:var(--unit)}._site-wide_vp29g_10 nav[data-orientation=horizontal]{align-items:center;display:flex;justify-self:center;padding-bottom:var(--unit-large)}._site-wide_vp29g_10 nav[data-orientation=horizontal] a{font-size:var(--font-size-small);padding:var(--unit) var(--unit-small);transition:all}._site-wide_vp29g_10 nav[data-orientation=horizontal] a[data-active]{border-bottom:solid 2px var(--color-white);font-size:var(--font-size)}._site-wide_vp29g_10 nav[data-orientation=horizontal] a:hover{color:var(--color-white);text-decoration:none}@media all and (width <= 550px){._portal_vp29g_99{animation:calc(var(--transition-duration) * 2) ease-out 0ms 1 _portal-slide-in_vp29g_1;border-top-left-radius:0;border-bottom-left-radius:0;margin:0}}@keyframes _portal-slide-in_vp29g_1{0%{opacity:0;scale:.9;transform:translate(-100%)}to{opacity:1;scale:1;transform:translate(0)}}
|
package/dist/assets/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._nav_tvxly_1 a{display:block}._nav_tvxly_1 li{padding-left:0}._horizontal_tvxly_11 a,._horizontal_tvxly_11 li{display:inline-block}._tabs_tvxly_18{@extend .horizontal;display:flex;border-bottom:var(--border-width-normal) solid var(--color-border-primary);gap:var(--unit)}._tabs_tvxly_18 a,._tabs_tvxly_18 li{text-decoration:none;color:var(--color-electric-violet);font-weight:var(--font-weight-semi-bold);padding:var(--unit-tiny) var(--unit-micro) var(--unit-small) var(--unit-micro)}._tabs_tvxly_18 a[aria-current=page],._tabs_tvxly_18 li[aria-current=page]{border-bottom:var(--border-width-heavy) solid var(--color-electric-violet)}._pills_tvxly_38{@extend .horizontal;position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:var(--unit-large);border:var(--border-width-heavy) solid var(--color-white);background-color:var(--color-translucent);box-shadow:var(--shadow-box)}._pills_tvxly_38:before{content:"";position:absolute;z-index:0;inset-block:0;position-anchor:--current;left:anchor(left);width:anchor-size(width);border-radius:var(--unit-large);background:var(--color-electric-violet);transition:left var(--transition-duration) linear,width var(--transition-duration) linear}._pills_tvxly_38 a,._pills_tvxly_38 li{text-decoration:none;border-radius:var(--unit-large);color:var(--color-electric-violet);font-weight:var(--font-weight-bold);padding:var(--padding-vertical) var(--padding-horizontal);position:relative;z-index:10}._pills_tvxly_38 a[aria-current=page],._pills_tvxly_38 li[aria-current=page]{color:var(--color-white);anchor-name:--current}._pills_tvxly_38 a[aria-current=page]:hover,._pills_tvxly_38 li[aria-current=page]:hover{color:var(--color-white)}@supports not (position-anchor: --x){._pills_tvxly_38:before{content:""}._pills_tvxly_38 [aria-current=page]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--unit-large);background:var(--color-electric-violet);z-index:-1;transition:all var(--transition-duration) linear}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),l=require("../../classix-5H4IWnMA.cjs"),u=require("../icon/index.cjs"),d="_accordion_g1krd_1",x={accordion:d},m=({children:o,icon:r,label:t,open:n=!1})=>e.jsxRuntimeExports.jsxs("details",{className:x.accordion,open:n,children:[e.jsxRuntimeExports.jsxs("summary",{children:[r&&e.jsxRuntimeExports.jsx(u.Icon,{name:r}),t]}),o]});function f({animation:o,children:r,className:t}){const n=c=>{const s=c.target;if(!(s instanceof HTMLDetailsElement)||!s.open)return;const a=c.currentTarget.querySelectorAll("details[open]");for(const i of Array.from(a))i!==s&&(i.open=!1)};return e.jsxRuntimeExports.jsx("div",{className:l.t(o&&o,t),onToggle:n,children:r})}exports.Accordion=m;exports.AccordionGroup=f;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n icon?: IconName;\n label: string;\n open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n return (\n <details\n className={styles.accordion}\n open={open}\n >\n <summary>\n {icon && <Icon name={icon} />}\n {label}\n </summary>\n {children}\n </details>\n );\n};\n\nexport type AccordionGroupProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function AccordionGroup({ children, className }: AccordionGroupProps) {\n const onToggle = (e: React.SyntheticEvent) => {\n const target = e.target as HTMLElement;\n if (!(target instanceof HTMLDetailsElement)) return;\n if (!target.open) return;\n const root = e.currentTarget as HTMLElement;\n const all = root.querySelectorAll('details[open]');\n for (const d of Array.from(all)) {\n if (d !== target) (d as HTMLDetailsElement).open = false;\n }\n };\n\n return (\n <div\n className={className}\n onToggle={onToggle}\n >\n {children}\n </div>\n );\n}\n"],"names":["Accordion","children","icon","label","open","jsxs","styles","jsx","Icon","AccordionGroup","className","onToggle","e","target","all","d"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n icon?: IconName;\n label: string;\n open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n return (\n <details\n className={styles.accordion}\n open={open}\n >\n <summary>\n {icon && <Icon name={icon} />}\n {label}\n </summary>\n {children}\n </details>\n );\n};\n\nexport type AccordionGroupProps = {\n animation?: AnimationName;\n children: React.ReactNode;\n className?: string;\n};\n\nexport function AccordionGroup({ animation, children, className }: AccordionGroupProps) {\n const onToggle = (e: React.SyntheticEvent) => {\n const target = e.target as HTMLElement;\n if (!(target instanceof HTMLDetailsElement)) return;\n if (!target.open) return;\n const root = e.currentTarget as HTMLElement;\n const all = root.querySelectorAll('details[open]');\n for (const d of Array.from(all)) {\n if (d !== target) (d as HTMLDetailsElement).open = false;\n }\n };\n\n return (\n <div\n className={cx(animation && animation, className)}\n onToggle={onToggle}\n >\n {children}\n </div>\n );\n}\n"],"names":["Accordion","children","icon","label","open","jsxs","styles","jsx","Icon","AccordionGroup","animation","className","onToggle","e","target","all","d","cx"],"mappings":"gPAcaA,EAAY,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAO,MAEtDC,EAAAA,kBAAAA,KAAC,UAAA,CACC,UAAWC,EAAO,UAClB,KAAAF,EAEA,SAAA,CAAAC,yBAAC,UAAA,CACE,SAAA,CAAAH,GAAQK,EAAAA,kBAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMN,CAAA,CAAM,EAC1BC,CAAA,EACH,EACCF,CAAA,CAAA,CAAA,EAWA,SAASQ,EAAe,CAAE,UAAAC,EAAW,SAAAT,EAAU,UAAAU,GAAkC,CACtF,MAAMC,EAAYC,GAA4B,CAC5C,MAAMC,EAASD,EAAE,OAEjB,GADI,EAAEC,aAAkB,qBACpB,CAACA,EAAO,KAAM,OAElB,MAAMC,EADOF,EAAE,cACE,iBAAiB,eAAe,EACjD,UAAWG,KAAK,MAAM,KAAKD,CAAG,EACxBC,IAAMF,IAASE,EAAyB,KAAO,GAEvD,EAEA,OACET,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWU,EAAAA,EAAGP,GAAaA,EAAWC,CAAS,EAC/C,SAAAC,EAEC,SAAAX,CAAA,CAAA,CAGP"}
|
|
@@ -1,40 +1,41 @@
|
|
|
1
1
|
import { j as t } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
import { t as l } from "../../classix-DG18itHa.js";
|
|
3
|
+
import { Icon as d } from "../icon/index.js";
|
|
4
|
+
import '../../assets/index17.css';const f = "_accordion_g1krd_1", m = {
|
|
5
|
+
accordion: f
|
|
6
|
+
}, j = ({ children: o, icon: r, label: e, open: n = !1 }) => /* @__PURE__ */ t.jsxs(
|
|
6
7
|
"details",
|
|
7
8
|
{
|
|
8
|
-
className:
|
|
9
|
-
open:
|
|
9
|
+
className: m.accordion,
|
|
10
|
+
open: n,
|
|
10
11
|
children: [
|
|
11
12
|
/* @__PURE__ */ t.jsxs("summary", { children: [
|
|
12
|
-
|
|
13
|
+
r && /* @__PURE__ */ t.jsx(d, { name: r }),
|
|
13
14
|
e
|
|
14
15
|
] }),
|
|
15
|
-
|
|
16
|
+
o
|
|
16
17
|
]
|
|
17
18
|
}
|
|
18
19
|
);
|
|
19
|
-
function
|
|
20
|
-
const
|
|
21
|
-
const s =
|
|
20
|
+
function y({ animation: o, children: r, className: e }) {
|
|
21
|
+
const n = (c) => {
|
|
22
|
+
const s = c.target;
|
|
22
23
|
if (!(s instanceof HTMLDetailsElement) || !s.open) return;
|
|
23
|
-
const
|
|
24
|
-
for (const
|
|
25
|
-
|
|
24
|
+
const i = c.currentTarget.querySelectorAll("details[open]");
|
|
25
|
+
for (const a of Array.from(i))
|
|
26
|
+
a !== s && (a.open = !1);
|
|
26
27
|
};
|
|
27
28
|
return /* @__PURE__ */ t.jsx(
|
|
28
29
|
"div",
|
|
29
30
|
{
|
|
30
|
-
className: o,
|
|
31
|
-
onToggle:
|
|
32
|
-
children:
|
|
31
|
+
className: l(o && o, e),
|
|
32
|
+
onToggle: n,
|
|
33
|
+
children: r
|
|
33
34
|
}
|
|
34
35
|
);
|
|
35
36
|
}
|
|
36
37
|
export {
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
j as Accordion,
|
|
39
|
+
y as AccordionGroup
|
|
39
40
|
};
|
|
40
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n icon?: IconName;\n label: string;\n open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n return (\n <details\n className={styles.accordion}\n open={open}\n >\n <summary>\n {icon && <Icon name={icon} />}\n {label}\n </summary>\n {children}\n </details>\n );\n};\n\nexport type AccordionGroupProps = {\n children: React.ReactNode;\n className?: string;\n};\n\nexport function AccordionGroup({ children, className }: AccordionGroupProps) {\n const onToggle = (e: React.SyntheticEvent) => {\n const target = e.target as HTMLElement;\n if (!(target instanceof HTMLDetailsElement)) return;\n if (!target.open) return;\n const root = e.currentTarget as HTMLElement;\n const all = root.querySelectorAll('details[open]');\n for (const d of Array.from(all)) {\n if (d !== target) (d as HTMLDetailsElement).open = false;\n }\n };\n\n return (\n <div\n className={className}\n onToggle={onToggle}\n >\n {children}\n </div>\n );\n}\n"],"names":["Accordion","children","icon","label","open","jsxs","styles","jsx","Icon","AccordionGroup","className","onToggle","e","target","all","d"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n children: React.ReactNode;\n icon?: IconName;\n label: string;\n open?: boolean;\n};\n\nexport const Accordion = ({ children, icon, label, open = false }: AccordionProps) => {\n return (\n <details\n className={styles.accordion}\n open={open}\n >\n <summary>\n {icon && <Icon name={icon} />}\n {label}\n </summary>\n {children}\n </details>\n );\n};\n\nexport type AccordionGroupProps = {\n animation?: AnimationName;\n children: React.ReactNode;\n className?: string;\n};\n\nexport function AccordionGroup({ animation, children, className }: AccordionGroupProps) {\n const onToggle = (e: React.SyntheticEvent) => {\n const target = e.target as HTMLElement;\n if (!(target instanceof HTMLDetailsElement)) return;\n if (!target.open) return;\n const root = e.currentTarget as HTMLElement;\n const all = root.querySelectorAll('details[open]');\n for (const d of Array.from(all)) {\n if (d !== target) (d as HTMLDetailsElement).open = false;\n }\n };\n\n return (\n <div\n className={cx(animation && animation, className)}\n onToggle={onToggle}\n >\n {children}\n </div>\n );\n}\n"],"names":["Accordion","children","icon","label","open","jsxs","styles","jsx","Icon","AccordionGroup","animation","className","onToggle","e","target","all","d","cx"],"mappings":";;;;;GAcaA,IAAY,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,OAAAC,GAAO,MAAAC,IAAO,SAEtDC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAO;AAAA,IAClB,MAAAF;AAAA,IAEA,UAAA;AAAA,MAAAC,gBAAAA,OAAC,WAAA,EACE,UAAA;AAAA,QAAAH,KAAQK,gBAAAA,EAAAA,IAACC,GAAA,EAAK,MAAMN,EAAA,CAAM;AAAA,QAC1BC;AAAA,MAAA,GACH;AAAA,MACCF;AAAA,IAAA;AAAA,EAAA;AAAA;AAWA,SAASQ,EAAe,EAAE,WAAAC,GAAW,UAAAT,GAAU,WAAAU,KAAkC;AACtF,QAAMC,IAAW,CAACC,MAA4B;AAC5C,UAAMC,IAASD,EAAE;AAEjB,QADI,EAAEC,aAAkB,uBACpB,CAACA,EAAO,KAAM;AAElB,UAAMC,IADOF,EAAE,cACE,iBAAiB,eAAe;AACjD,eAAWG,KAAK,MAAM,KAAKD,CAAG;AAC5B,MAAIC,MAAMF,MAASE,EAAyB,OAAO;AAAA,EAEvD;AAEA,SACET,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWU,EAAGP,KAAaA,GAAWC,CAAS;AAAA,MAC/C,UAAAC;AAAA,MAEC,UAAAX;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const a=require("../../jsx-runtime-BJcCX4ED.cjs"),c=require("../../classix-5H4IWnMA.cjs"),n="_aside_vp29g_1",o="_sticky_vp29g_5",e={aside:n,sticky:o,"site-wide":"_site-wide_vp29g_10"},r={default:e.default,"site-wide":e["site-wide"]},u=({children:t,className:s,sticky:i=!1,variant:d="default"})=>a.jsxRuntimeExports.jsx("aside",{className:c.t(s&&s,e.aside,i&&e.sticky,r[d]),children:t});exports.Aside=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n 'site-wide': styles['site-wide'],\n};\n\nexport type AsideProps = {\n className?: string;\n children?: React.ReactNode;\n open?: boolean;\n sticky?: boolean;\n variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n return (\n <aside\n className={cx(\n className && className,\n styles.aside,\n sticky && styles.sticky,\n variants[variant]\n )}\n >\n {children}\n </aside>\n );\n};\n"],"names":["variants","styles","Aside","children","className","sticky","variant","jsx","cx"],"mappings":"wQAIMA,EAAW,CACf,QAASC,EAAO,QAChB,YAAaA,EAAO,WAAW,CACjC,EAUaC,EAAQ,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,OAAAC,EAAS,GAAO,QAAAC,EAAU,aAEnEC,EAAAA,kBAAAA,IAAC,QAAA,CACC,UAAWC,EAAAA,EACTJ,GAAaA,EACbH,EAAO,MACPI,GAAUJ,EAAO,OACjBD,EAASM,CAAO,CAAA,EAGjB,SAAAH,CAAA,CAAA"}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { t as
|
|
3
|
-
import '../../assets/index16.css';const c = "
|
|
1
|
+
import { j as a } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
|
+
import { t as o } from "../../classix-DG18itHa.js";
|
|
3
|
+
import '../../assets/index16.css';const c = "_aside_vp29g_1", r = "_sticky_vp29g_5", s = {
|
|
4
4
|
aside: c,
|
|
5
|
-
sticky:
|
|
6
|
-
|
|
7
|
-
},
|
|
8
|
-
default:
|
|
9
|
-
|
|
10
|
-
}, f = ({ children:
|
|
5
|
+
sticky: r,
|
|
6
|
+
"site-wide": "_site-wide_vp29g_10"
|
|
7
|
+
}, _ = {
|
|
8
|
+
default: s.default,
|
|
9
|
+
"site-wide": s["site-wide"]
|
|
10
|
+
}, f = ({ children: e, className: t, sticky: i = !1, variant: d = "default" }) => /* @__PURE__ */ a.jsx(
|
|
11
11
|
"aside",
|
|
12
12
|
{
|
|
13
|
-
className:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
className: o(
|
|
14
|
+
t && t,
|
|
15
|
+
s.aside,
|
|
16
|
+
i && s.sticky,
|
|
17
|
+
_[d]
|
|
18
18
|
),
|
|
19
|
-
children:
|
|
19
|
+
children: e
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/aside/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n 'site-wide': styles['site-wide'],\n};\n\nexport type AsideProps = {\n className?: string;\n children?: React.ReactNode;\n open?: boolean;\n sticky?: boolean;\n variant?: keyof typeof variants;\n};\n\nexport const Aside = ({ children, className, sticky = false, variant = 'default' }: AsideProps) => {\n return (\n <aside\n className={cx(\n className && className,\n styles.aside,\n sticky && styles.sticky,\n variants[variant]\n )}\n >\n {children}\n </aside>\n );\n};\n"],"names":["variants","styles","Aside","children","className","sticky","variant","jsx","cx"],"mappings":";;;;;;GAIMA,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,aAAaA,EAAO,WAAW;AACjC,GAUaC,IAAQ,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,QAAAC,IAAS,IAAO,SAAAC,IAAU,gBAEnEC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAAA,MACTJ,KAAaA;AAAA,MACbH,EAAO;AAAA,MACPI,KAAUJ,EAAO;AAAA,MACjBD,EAASM,CAAO;AAAA,IAAA;AAAA,IAGjB,UAAAH;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),h=require("../../classix-5H4IWnMA.cjs");function g(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const i={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},r="_branding_gz63x_1",l="_white_gz63x_11",v="_gradient_gz63x_15",t={branding:r,default:"_default_gz63x_7",white:l,gradient:v},d={default:t.default,gradient:t.gradient,white:t.white},o=({name:a="logo",size:s=128,variant:c="default"})=>{const n={height:s,maskImage:g(i[a].toString()),width:s};return e.jsxRuntimeExports.jsx("span",{className:h.t(t.branding,d[c]),style:n})};exports.Branding=o;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n gradient: styles.gradient,\n white: styles.white,\n};\n\nexport type BrandingProps = {\n name: keyof typeof brandingSVG;\n size?: number | string;\n variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n const brandingStyle = {\n height: size,\n maskImage: embedSVG(brandingSVG[name].toString()),\n width: size,\n } as React.CSSProperties;\n\n return (\n <span\n className={cx(styles.branding, variants[variant])}\n style={brandingStyle}\n />\n );\n};\n"],"names":["embedSVG","svg","brandingSVG","variants","styles","Branding","name","size","variant","brandingStyle","jsx","cx"],"mappings":"0KAAO,SAASA,EAASC,EAAa,CACpC,MAAO,4BAA4B,UAAUA,CAAG,CAAC,IACnD,CAEO,MAAMC,EAAc,CACzB,KAAM,swFACR,gICDMC,EAAW,CACf,QAASC,EAAO,QAChB,SAAUA,EAAO,SACjB,MAAOA,EAAO,KAChB,EAQaC,EAAW,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,IAAK,QAAAC,EAAU,aAA+B,CAC7F,MAAMC,EAAgB,CACpB,OAAQF,EACR,UAAWP,EAASE,EAAYI,CAAI,EAAE,UAAU,EAChD,MAAOC,CAAA,EAGT,OACEG,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,EAAGP,EAAO,SAAUD,EAASK,CAAO,CAAC,EAChD,MAAOC,CAAA,CAAA,CAGb"}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as h } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
2
|
import { t as e } from "../../classix-DG18itHa.js";
|
|
3
|
-
import '../../assets/index13.css';function
|
|
4
|
-
return `url("data:image/svg+xml, ${encodeURI(
|
|
3
|
+
import '../../assets/index13.css';function g(t) {
|
|
4
|
+
return `url("data:image/svg+xml, ${encodeURI(t)}")`;
|
|
5
5
|
}
|
|
6
6
|
const v = {
|
|
7
7
|
logo: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'
|
|
8
|
-
},
|
|
9
|
-
branding:
|
|
10
|
-
default: "
|
|
11
|
-
white:
|
|
12
|
-
|
|
13
|
-
},
|
|
14
|
-
default:
|
|
15
|
-
|
|
16
|
-
white:
|
|
17
|
-
},
|
|
18
|
-
const
|
|
19
|
-
height:
|
|
20
|
-
maskImage:
|
|
21
|
-
width:
|
|
8
|
+
}, i = "_branding_gz63x_1", r = "_white_gz63x_11", l = "_gradient_gz63x_15", a = {
|
|
9
|
+
branding: i,
|
|
10
|
+
default: "_default_gz63x_7",
|
|
11
|
+
white: r,
|
|
12
|
+
gradient: l
|
|
13
|
+
}, m = {
|
|
14
|
+
default: a.default,
|
|
15
|
+
gradient: a.gradient,
|
|
16
|
+
white: a.white
|
|
17
|
+
}, _ = ({ name: t = "logo", size: c = 128, variant: s = "default" }) => {
|
|
18
|
+
const n = {
|
|
19
|
+
height: c,
|
|
20
|
+
maskImage: g(v[t].toString()),
|
|
21
|
+
width: c
|
|
22
22
|
};
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ h.jsx(
|
|
24
24
|
"span",
|
|
25
25
|
{
|
|
26
|
-
className: e(
|
|
27
|
-
style:
|
|
26
|
+
className: e(a.branding, m[s]),
|
|
27
|
+
style: n
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
_ as Branding
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/branding/branding.ts","../../../src/components/branding/index.tsx"],"sourcesContent":["export function embedSVG(svg: string) {\n return `url(\"data:image/svg+xml, ${encodeURI(svg)}\")`;\n}\n\nexport const brandingSVG = {\n logo: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"212.84 265.6 645.02 573.4\"><g><path d=\"m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z\" class=\"cls-1\"/><path d=\"M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z\"/></g></svg>',\n};\n","import cx from 'classix';\n\nimport { brandingSVG, embedSVG } from './branding';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n gradient: styles.gradient,\n white: styles.white,\n};\n\nexport type BrandingProps = {\n name: keyof typeof brandingSVG;\n size?: number | string;\n variant?: keyof typeof variants;\n};\n\nexport const Branding = ({ name = 'logo', size = 128, variant = 'default' }: BrandingProps) => {\n const brandingStyle = {\n height: size,\n maskImage: embedSVG(brandingSVG[name].toString()),\n width: size,\n } as React.CSSProperties;\n\n return (\n <span\n className={cx(styles.branding, variants[variant])}\n style={brandingStyle}\n />\n );\n};\n"],"names":["embedSVG","svg","brandingSVG","variants","styles","Branding","name","size","variant","brandingStyle","jsx","cx"],"mappings":";;AAAO,SAASA,EAASC,GAAa;AACpC,SAAO,4BAA4B,UAAUA,CAAG,CAAC;AACnD;AAEO,MAAMC,IAAc;AAAA,EACzB,MAAM;AACR;;;;;GCDMC,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,UAAUA,EAAO;AAAA,EACjB,OAAOA,EAAO;AAChB,GAQaC,IAAW,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,KAAK,SAAAC,IAAU,gBAA+B;AAC7F,QAAMC,IAAgB;AAAA,IACpB,QAAQF;AAAA,IACR,WAAWP,EAASE,EAAYI,CAAI,EAAE,UAAU;AAAA,IAChD,OAAOC;AAAA,EAAA;AAGT,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGP,EAAO,UAAUD,EAASK,CAAO,CAAC;AAAA,MAChD,OAAOC;AAAA,IAAA;AAAA,EAAA;AAGb;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n destructive: styles.destructive,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n iconOnly?: boolean;\n icon?: IconName;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n icon,\n iconOnly = false,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant], iconOnly && styles.iconOnly)}\n disabled={disabled}\n title={title || label}\n type={type}\n aria-label={label}\n {...props}\n >\n {iconOnly ? icon && <Icon name={icon} /> : (children ?? label)}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","icon","iconOnly","type","variant","props","jsx","cx","Icon"],"mappings":"obAMMA,EAAW,CACf,QAASC,EAAO,QAChB,YAAaA,EAAO,YACpB,QAASA,EAAO,QAChB,QAASA,EAAO,QAChB,UAAWA,EAAO,UAClB,MAAOA,EAAO,KAChB,EAcaC,EAAS,CAAC,CACrB,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,MAAAC,EACA,MAAAC,EACA,KAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,SACP,QAAAC,EAAU,UACV,GAAGC,CACL,IAEIC,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWC,EAAAA,EAAGV,EAAWH,EAAO,OAAQD,EAASW,CAAO,EAAGF,GAAYR,EAAO,QAAQ,EACtF,SAAAI,EACA,MAAOE,GAASD,EAChB,KAAAI,EACA,aAAYJ,EACX,GAAGM,EAEH,WAAWJ,GAAQK,wBAACE,EAAAA,MAAK,KAAMP,EAAM,EAAML,GAAYG,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: styles.default,\n destructive: styles.destructive,\n minimal: styles.minimal,\n primary: styles.primary,\n secondary: styles.secondary,\n white: styles.white,\n};\n\nexport type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n children?: React.ReactNode;\n className?: string;\n disabled?: boolean;\n label?: string;\n title?: string;\n iconOnly?: boolean;\n icon?: IconName;\n variant?: keyof typeof variants;\n type?: 'button' | 'submit' | 'reset';\n};\n\nexport const Button = ({\n children,\n className,\n disabled = false,\n label,\n title,\n icon,\n iconOnly = false,\n type = 'button',\n variant = 'default',\n ...props\n}: ButtonProps) => {\n return (\n <button\n className={cx(className, styles.button, variants[variant], iconOnly && styles.iconOnly)}\n disabled={disabled}\n title={title || label}\n type={type}\n aria-label={label}\n {...props}\n >\n {iconOnly ? icon && <Icon name={icon} /> : (children ?? label)}\n </button>\n );\n};\n"],"names":["variants","styles","Button","children","className","disabled","label","title","icon","iconOnly","type","variant","props","jsx","cx","Icon"],"mappings":";;;;;;;;;;;GAMMA,IAAW;AAAA,EACf,SAASC,EAAO;AAAA,EAChB,aAAaA,EAAO;AAAA,EACpB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,WAAWA,EAAO;AAAA,EAClB,OAAOA,EAAO;AAChB,GAcaC,IAAS,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEIC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGV,GAAWH,EAAO,QAAQD,EAASW,CAAO,GAAGF,KAAYR,EAAO,QAAQ;AAAA,IACtF,UAAAI;AAAA,IACA,OAAOE,KAASD;AAAA,IAChB,MAAAI;AAAA,IACA,cAAYJ;AAAA,IACX,GAAGM;AAAA,IAEH,cAAWJ,KAAQK,gBAAAA,MAACE,KAAK,MAAMP,GAAM,IAAML,KAAYG;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),c=require("../header/index.cjs"),s="_card_y12bj_1",i="_image_y12bj_9",a="_content_y12bj_21",n={card:s,image:i,content:a},r=({...e})=>t.jsxRuntimeExports.jsxs("article",{onClick:e.onClick,className:n.card,children:[e.image&&t.jsxRuntimeExports.jsx("section",{className:n.image,children:e.image}),t.jsxRuntimeExports.jsxs("section",{className:n.content,children:[e.headerText&&t.jsxRuntimeExports.jsx(c.Header,{
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const t=require("../../jsx-runtime-BJcCX4ED.cjs"),c=require("../header/index.cjs"),s="_card_y12bj_1",i="_image_y12bj_9",a="_content_y12bj_21",n={card:s,image:i,content:a},r=({...e})=>t.jsxRuntimeExports.jsxs("article",{onClick:e.onClick,className:n.card,children:[e.image&&t.jsxRuntimeExports.jsx("section",{className:n.image,children:e.image}),t.jsxRuntimeExports.jsxs("section",{className:n.content,children:[e.headerText&&t.jsxRuntimeExports.jsx(c.Header,{label:e.headerText,size:1,subtitle:e.subHeaderText}),e.contentText&&t.jsxRuntimeExports.jsx("p",{children:e.contentText}),e.children]})]});exports.Card=r;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n image?: React.ReactNode;\n headerText?: string;\n subHeaderText?: string;\n contentText?: string;\n children: React.ReactNode;\n onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n return (\n <article\n onClick={props.onClick}\n className={styles.card}\n >\n {props.image && <section className={styles.image}>{props.image}</section>}\n <section className={styles.content}>\n {props.headerText && (\n <Header\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n image?: React.ReactNode;\n headerText?: string;\n subHeaderText?: string;\n contentText?: string;\n children: React.ReactNode;\n onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n return (\n <article\n onClick={props.onClick}\n className={styles.card}\n >\n {props.image && <section className={styles.image}>{props.image}</section>}\n <section className={styles.content}>\n {props.headerText && (\n <Header\n label={props.headerText}\n size={1}\n subtitle={props.subHeaderText}\n />\n )}\n {props.contentText && <p>{props.contentText}</p>}\n {props.children}\n </section>\n </article>\n );\n};\n"],"names":["Card","props","jsxs","styles","jsx","Header"],"mappings":"2PAaaA,EAAO,CAAC,CAAE,GAAGC,KAEtBC,EAAAA,kBAAAA,KAAC,UAAA,CACC,QAASD,EAAM,QACf,UAAWE,EAAO,KAEjB,SAAA,CAAAF,EAAM,OAASG,wBAAC,UAAA,CAAQ,UAAWD,EAAO,MAAQ,WAAM,KAAA,CAAM,EAC/DD,EAAAA,kBAAAA,KAAC,UAAA,CAAQ,UAAWC,EAAO,QACxB,SAAA,CAAAF,EAAM,YACLG,EAAAA,kBAAAA,IAACC,EAAAA,OAAA,CACC,MAAOJ,EAAM,WACb,KAAM,EACN,SAAUA,EAAM,aAAA,CAAA,EAGnBA,EAAM,aAAeG,wBAAC,IAAA,CAAG,WAAM,YAAY,EAC3CH,EAAM,QAAA,CAAA,CACT,CAAA,CAAA,CAAA"}
|
|
@@ -4,7 +4,7 @@ import '../../assets/index11.css';const a = "_card_y12bj_1", i = "_image_y12bj_9
|
|
|
4
4
|
card: a,
|
|
5
5
|
image: i,
|
|
6
6
|
content: s
|
|
7
|
-
},
|
|
7
|
+
}, d = ({ ...e }) => /* @__PURE__ */ t.jsxs(
|
|
8
8
|
"article",
|
|
9
9
|
{
|
|
10
10
|
onClick: e.onClick,
|
|
@@ -15,9 +15,9 @@ import '../../assets/index11.css';const a = "_card_y12bj_1", i = "_image_y12bj_9
|
|
|
15
15
|
e.headerText && /* @__PURE__ */ t.jsx(
|
|
16
16
|
n,
|
|
17
17
|
{
|
|
18
|
+
label: e.headerText,
|
|
18
19
|
size: 1,
|
|
19
|
-
|
|
20
|
-
subHeader: e.subHeaderText
|
|
20
|
+
subtitle: e.subHeaderText
|
|
21
21
|
}
|
|
22
22
|
),
|
|
23
23
|
e.contentText && /* @__PURE__ */ t.jsx("p", { children: e.contentText }),
|
|
@@ -27,6 +27,6 @@ import '../../assets/index11.css';const a = "_card_y12bj_1", i = "_image_y12bj_9
|
|
|
27
27
|
}
|
|
28
28
|
);
|
|
29
29
|
export {
|
|
30
|
-
|
|
30
|
+
d as Card
|
|
31
31
|
};
|
|
32
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n image?: React.ReactNode;\n headerText?: string;\n subHeaderText?: string;\n contentText?: string;\n children: React.ReactNode;\n onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n return (\n <article\n onClick={props.onClick}\n className={styles.card}\n >\n {props.image && <section className={styles.image}>{props.image}</section>}\n <section className={styles.content}>\n {props.headerText && (\n <Header\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/card/index.tsx"],"sourcesContent":["import { Header } from '@/components/header';\n\nimport styles from './styles.module.css';\n\nexport type CardProps = {\n image?: React.ReactNode;\n headerText?: string;\n subHeaderText?: string;\n contentText?: string;\n children: React.ReactNode;\n onClick?: () => void;\n};\n\nexport const Card = ({ ...props }: CardProps) => {\n return (\n <article\n onClick={props.onClick}\n className={styles.card}\n >\n {props.image && <section className={styles.image}>{props.image}</section>}\n <section className={styles.content}>\n {props.headerText && (\n <Header\n label={props.headerText}\n size={1}\n subtitle={props.subHeaderText}\n />\n )}\n {props.contentText && <p>{props.contentText}</p>}\n {props.children}\n </section>\n </article>\n );\n};\n"],"names":["Card","props","jsxs","styles","jsx","Header"],"mappings":";;;;;;GAaaA,IAAO,CAAC,EAAE,GAAGC,QAEtBC,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,SAASD,EAAM;AAAA,IACf,WAAWE,EAAO;AAAA,IAEjB,UAAA;AAAA,MAAAF,EAAM,SAASG,gBAAAA,MAAC,WAAA,EAAQ,WAAWD,EAAO,OAAQ,YAAM,MAAA,CAAM;AAAA,MAC/DD,gBAAAA,EAAAA,KAAC,WAAA,EAAQ,WAAWC,EAAO,SACxB,UAAA;AAAA,QAAAF,EAAM,cACLG,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAOJ,EAAM;AAAA,YACb,MAAM;AAAA,YACN,UAAUA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAGnBA,EAAM,eAAeG,gBAAAA,MAAC,KAAA,EAAG,YAAM,aAAY;AAAA,QAC3CH,EAAM;AAAA,MAAA,EAAA,CACT;AAAA,IAAA;AAAA,EAAA;AAAA;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const r=require("../../jsx-runtime-BJcCX4ED.cjs"),s="_figure_b0otf_1",i={figure:s},u=({children:e,label:t})=>r.jsxRuntimeExports.jsxs("figure",{className:i.figure,children:[e&&e,t&&r.jsxRuntimeExports.jsx("figcaption",{children:t})]});exports.Figure=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n children?: React.ReactNode;\n label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n return (\n <figure className={styles.figure}>\n {children && children}\n {label && <figcaption>{label}</figcaption>}\n </figure>\n );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":"mKAOaA,EAAS,CAAC,CAAE,SAAAC,EAAU,MAAAC,KAE/BC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACvB,SAAA,CAAAH,GAAYA,EACZC,GAASG,EAAAA,kBAAAA,IAAC,aAAA,CAAY,SAAAH,CAAA,CAAM,CAAA,EAC/B"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
2
|
import '../../assets/index5.css';const i = "_figure_b0otf_1", t = {
|
|
3
3
|
figure: i
|
|
4
|
-
}, f = ({
|
|
4
|
+
}, f = ({ children: r, label: s }) => /* @__PURE__ */ e.jsxs("figure", { className: t.figure, children: [
|
|
5
5
|
r && r,
|
|
6
|
-
|
|
6
|
+
s && /* @__PURE__ */ e.jsx("figcaption", { children: s })
|
|
7
7
|
] });
|
|
8
8
|
export {
|
|
9
9
|
f as Figure
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/figure/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type FigureProps = {\n children?: React.ReactNode;\n label?: string;\n};\n\nexport const Figure = ({ children, label }: FigureProps) => {\n return (\n <figure className={styles.figure}>\n {children && children}\n {label && <figcaption>{label}</figcaption>}\n </figure>\n );\n};\n"],"names":["Figure","children","label","jsxs","styles","jsx"],"mappings":";;;GAOaA,IAAS,CAAC,EAAE,UAAAC,GAAU,OAAAC,QAE/BC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACvB,UAAA;AAAA,EAAAH,KAAYA;AAAA,EACZC,KAASG,gBAAAA,EAAAA,IAAC,cAAA,EAAY,UAAAH,EAAA,CAAM;AAAA,GAC/B;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const e=require("../../jsx-runtime-BJcCX4ED.cjs"),n="_header_1xswd_1",o={header:n},x=({children:r,size:t=1,label:a="Header",subtitle:s})=>{const d=`h${t}`;return e.jsxRuntimeExports.jsxs("header",{className:o.header,children:[e.jsxRuntimeExports.jsx(d,{children:a}),s&&e.jsxRuntimeExports.jsx("p",{children:s}),r&&r]})};exports.Header=x;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type HeaderProps = {\n
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n children?: React.ReactNode;\n label: string;\n size?: 1 | 2 | 3;\n subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n return (\n <header className={styles.header}>\n <HeaderTag>{label}</HeaderTag>\n {subtitle && <p>{subtitle}</p>}\n {children && children}\n </header>\n );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":"mKAWaA,EAAS,CAAC,CAAE,SAAAC,EAAU,KAAAC,EAAO,EAAG,MAAAC,EAAQ,SAAU,SAAAC,KAA4B,CACzF,MAAMC,EAAY,IAAIH,CAAI,GAE1B,OACEI,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAWC,EAAO,OACxB,SAAA,CAAAC,EAAAA,kBAAAA,IAACH,GAAW,SAAAF,CAAA,CAAM,EACjBC,GAAYI,EAAAA,kBAAAA,IAAC,IAAA,CAAG,SAAAJ,CAAA,CAAS,EACzBH,GAAYA,CAAA,EACf,CAEJ"}
|
|
@@ -1,22 +1,15 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import '../../assets/index12.css';const
|
|
3
|
-
header:
|
|
4
|
-
}, c = (
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
default:
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
}, t = ({ size: s = 1, title: e = "Header", subHeader: n }) => /* @__PURE__ */ r.jsxs("header", { className: a.header, children: [
|
|
16
|
-
c(s, e),
|
|
17
|
-
n && /* @__PURE__ */ r.jsx("p", { children: n })
|
|
18
|
-
] });
|
|
1
|
+
import { j as e } from "../../jsx-runtime-CDbhiqmm.js";
|
|
2
|
+
import '../../assets/index12.css';const n = "_header_1xswd_1", o = {
|
|
3
|
+
header: n
|
|
4
|
+
}, c = ({ children: r, size: a = 1, label: d = "Header", subtitle: s }) => {
|
|
5
|
+
const h = `h${a}`;
|
|
6
|
+
return /* @__PURE__ */ e.jsxs("header", { className: o.header, children: [
|
|
7
|
+
/* @__PURE__ */ e.jsx(h, { children: d }),
|
|
8
|
+
s && /* @__PURE__ */ e.jsx("p", { children: s }),
|
|
9
|
+
r && r
|
|
10
|
+
] });
|
|
11
|
+
};
|
|
19
12
|
export {
|
|
20
|
-
|
|
13
|
+
c as Header
|
|
21
14
|
};
|
|
22
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import styles from './styles.module.css';\n\nexport type HeaderProps = {\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/header/index.tsx"],"sourcesContent":["import { JSX } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type HeaderProps = {\n children?: React.ReactNode;\n label: string;\n size?: 1 | 2 | 3;\n subtitle?: string;\n};\n\nexport const Header = ({ children, size = 1, label = 'Header', subtitle }: HeaderProps) => {\n const HeaderTag = `h${size}` as keyof JSX.IntrinsicElements;\n\n return (\n <header className={styles.header}>\n <HeaderTag>{label}</HeaderTag>\n {subtitle && <p>{subtitle}</p>}\n {children && children}\n </header>\n );\n};\n"],"names":["Header","children","size","label","subtitle","HeaderTag","jsxs","styles","jsx"],"mappings":";;;GAWaA,IAAS,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,GAAG,OAAAC,IAAQ,UAAU,UAAAC,QAA4B;AACzF,QAAMC,IAAY,IAAIH,CAAI;AAE1B,SACEI,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAWC,EAAO,QACxB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACH,KAAW,UAAAF,EAAA,CAAM;AAAA,IACjBC,KAAYI,gBAAAA,EAAAA,IAAC,KAAA,EAAG,UAAAJ,EAAA,CAAS;AAAA,IACzBH,KAAYA;AAAA,EAAA,GACf;AAEJ;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const o=require("../../jsx-runtime-BJcCX4ED.cjs"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_tvxly_1",r="_horizontal_tvxly_11",c="_tabs_tvxly_18",v="_pills_tvxly_38",t={nav:i,horizontal:r,tabs:c,pills:v},_={default:"",tabs:t.tabs,pills:t.pills},u=({animation:s,children:l,horizontal:a=!1,variant:n="default"})=>o.jsxRuntimeExports.jsx("nav",{className:e.t(s&&s,a&&t.horizontal,t.nav,_[n]),"data-orientation":a?"horizontal":"vertical",children:l});exports.Nav=u;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations';\nimport styles from './styles.module.css';\n\nexport type NavProps = {\n animation?: AnimationName;\n children?: React.ReactNode;\n horizontal?: boolean;\n};\n\nexport const Nav = ({ animation, children, horizontal = false }: NavProps) => {\n return (\n <nav\n className={cx(animation && animation
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport type { AnimationName } from '../../styles/animations.ts';\nimport styles from './styles.module.css';\n\nconst variants = {\n default: '',\n tabs: styles.tabs,\n pills: styles.pills,\n};\n\nexport type NavProps = {\n animation?: AnimationName;\n children?: React.ReactNode;\n horizontal?: boolean;\n variant?: keyof typeof variants;\n};\n\nexport const Nav = ({ animation, children, horizontal = false, variant = 'default' }: NavProps) => {\n return (\n <nav\n className={cx(\n animation && animation,\n horizontal && styles.horizontal,\n styles.nav,\n variants[variant]\n )}\n data-orientation={horizontal ? 'horizontal' : 'vertical'}\n >\n {children}\n </nav>\n );\n};\n"],"names":["variants","styles","Nav","animation","children","horizontal","variant","jsx","cx"],"mappings":"iSAKMA,EAAW,CACf,QAAS,GACT,KAAMC,EAAO,KACb,MAAOA,EAAO,KAChB,EASaC,EAAM,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAa,GAAO,QAAAC,EAAU,aAErEC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EACTL,GAAaA,EACbE,GAAcJ,EAAO,WACrBA,EAAO,IACPD,EAASM,CAAO,CAAA,EAElB,mBAAkBD,EAAa,aAAe,WAE7C,SAAAD,CAAA,CAAA"}
|