@peculiar/certificates-viewer 3.10.1 → 4.0.1

package/components/peculiar-text-hider.js

@@ -0,0 +1,42 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { B as Button } from './button.js';
+import { A as ArrowTopIcon, a as ArrowBottomIcon } from './arrow_top.js';
+
+const textHiderCss = ".sc-peculiar-text-hider-h{display:-ms-flexbox;display:flex;width:100%;gap:var(--pv-size-base-4)}[aria-expanded=true].sc-peculiar-text-hider-h .content.sc-peculiar-text-hider{white-space:initial}.content.sc-peculiar-text-hider{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.action.sc-peculiar-text-hider{-ms-flex-negative:0;flex-shrink:0;margin-top:calc(var(--pv-size-base) * -1)}";
+
+const TextHider = /*@__PURE__*/ proxyCustomElement(class TextHider extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.opened = false;
+  }
+  render() {
+    return (h(Host, { "aria-expanded": String(this.opened) }, h("div", { class: "content" }, h("slot", null)), h(Button, { class: "action", onClick: () => { this.opened = !this.opened; }, startIcon: this.opened ? h(ArrowTopIcon, { color: "secondary" }) : h(ArrowBottomIcon, { color: "secondary" }) })));
+  }
+  static get style() { return textHiderCss; }
+}, [6, "peculiar-text-hider", {
+    "opened": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["peculiar-text-hider"];
+  components.forEach(tagName => { switch (tagName) {
+    case "peculiar-text-hider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, TextHider);
+      }
+      break;
+  } });
+}
+
+const PeculiarTextHider = TextHider;
+const defineCustomElement = defineCustomElement$1;
+
+export { PeculiarTextHider, defineCustomElement };
+
+//# sourceMappingURL=peculiar-text-hider.js.map

package/components/peculiar-text-hider.js.map

@@ -0,0 +1 @@
+{"file":"peculiar-text-hider.js","mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,oZAAoZ;;MCsB5Z,SAAS;;;;kBACO,KAAK;;EAEhC,MAAM;IACJ,QACE,EAAC,IAAI,qBACY,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAElC,WAAK,KAAK,EAAC,SAAS,IAClB,eAAQ,CACJ,EACN,EAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,QAAQ,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,EAC9C,SAAS,EAAE,IAAI,CAAC,MAAM,GAAG,EAAC,YAAY,IAAC,KAAK,EAAC,WAAW,GAAG,GAAG,EAAC,eAAe,IAAC,KAAK,EAAC,WAAW,GAAG,GACnG,CACG,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/text-hider/text-hider.scss?tag=peculiar-text-hider&encapsulation=scoped","src/components/text-hider/text-hider.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  gap: var(--pv-size-base-4);\n\n  &[aria-expanded=\"true\"] {\n    .content {\n      white-space: initial;\n    }\n  }\n}\n\n.content {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n\n.action {\n  flex-shrink: 0;\n  margin-top: calc(var(--pv-size-base) * -1);\n}\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Host,\n  h,\n  State,\n} from '@stencil/core';\nimport { Button } from '../button';\nimport { ArrowBottomIcon, ArrowTopIcon } from '../icons';\n\n@Component({\n  tag: 'peculiar-text-hider',\n  styleUrl: 'text-hider.scss',\n  scoped: true,\n})\nexport class TextHider {\n  @State() opened: boolean = false;\n\n  render() {\n    return (\n      <Host\n        aria-expanded={String(this.opened)}\n      >\n        <div class=\"content\">\n          <slot />\n        </div>\n        <Button\n          class=\"action\"\n          onClick={() => { this.opened = !this.opened; }}\n          startIcon={this.opened ? <ArrowTopIcon color=\"secondary\" /> : <ArrowBottomIcon color=\"secondary\" />}\n        />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/components/subject_name.js

@@ -0,0 +1,71 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+import { h } from '@stencil/core/internal/client';
+import { b as build } from './download.js';
+import { R as RowTitle, l as l10n, f as RowValue, i as getStringByOID, af as TableRowTable } from './miscellaneous.js';
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function getPublicKeyModulus(publicKey) {
+  if (publicKey.params && 'modulus' in publicKey.params) {
+    let length = publicKey.params.modulus.byteLength;
+    if (length % 2) {
+      length -= 1;
+    }
+    return length * 8;
+  }
+  return null;
+}
+function getPublicKeyExponent(publicKey) {
+  if (publicKey.params && 'publicExponent' in publicKey.params) {
+    return publicKey.params.publicExponent.byteLength === 3
+      ? 65537
+      : 3;
+  }
+  return null;
+}
+const PublicKey = (props) => {
+  const { publicKey } = props;
+  if (!publicKey) {
+    return null;
+  }
+  function renderKeyDetails(key) {
+    return [
+      h(RowValue, { name: l10n.getString('algorithm'), value: getStringByOID(key.algorithm) }),
+      h(RowValue, { name: l10n.getString('namedCurve'), value: getStringByOID((key.params && 'namedCurve' in key.params) ? key.params.namedCurve : undefined) }),
+      h(RowValue, { name: l10n.getString('exponent'), value: getPublicKeyExponent(key) }),
+      h(RowValue, { name: l10n.getString('modulus'), value: getPublicKeyModulus(key) }),
+      h(RowValue, { name: l10n.getString('value'), value: build.Convert.ToHex(key.value), monospace: true, collapse: true }),
+    ];
+  }
+  return [
+    h(RowTitle, { value: l10n.getString('publicKeyInfo') }),
+    renderKeyDetails(publicKey),
+    (Array.isArray(publicKey.params) && publicKey.params.length && publicKey.params.map((param) => (h(TableRowTable, null, renderKeyDetails(param))))),
+  ];
+};
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const SubjectName = (props) => {
+  const { name } = props;
+  return [
+    h(RowTitle, { value: l10n.getString('subjectName') }),
+    name.map((n) => (h(RowValue, { name: n.name || n.type, value: n.value }))),
+  ];
+};
+
+export { PublicKey as P, SubjectName as S };
+
+//# sourceMappingURL=subject_name.js.map

package/components/subject_name.js.map

@@ -0,0 +1 @@
+{"file":"subject_name.js","mappings":";;;;;;;AAAA;;;;;;;AAgBA,SAAS,mBAAmB,CAAC,SAAqB;EAChD,IAAI,SAAS,CAAC,MAAM,IAAI,SAAS,IAAI,SAAS,CAAC,MAAM,EAAE;IACrD,IAAI,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC;IAEjD,IAAI,MAAM,GAAG,CAAC,EAAE;MACd,MAAM,IAAI,CAAC,CAAC;KACb;IAED,OAAO,MAAM,GAAG,CAAC,CAAC;GACnB;EAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,oBAAoB,CAAC,SAAqB;EACjD,IAAI,SAAS,CAAC,MAAM,IAAI,gBAAgB,IAAI,SAAS,CAAC,MAAM,EAAE;IAC5D,OAAO,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,UAAU,KAAK,CAAC;QACnD,KAAK;QACL,CAAC,CAAC;GACP;EAED,OAAO,IAAI,CAAC;AACd,CAAC;MAMY,SAAS,GAAyC,CAAC,KAAK;EACnE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;EAE5B,IAAI,CAAC,SAAS,EAAE;IACd,OAAO,IAAI,CAAC;GACb;EAED,SAAS,gBAAgB,CAAC,GAAe;IACvC,OAAO;MACL,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EACjC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,GACpC;MACF,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAClC,KAAK,EAAE,cAAc,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,YAAY,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,UAAU,GAAG,SAAS,CAAC,GACrG;MACF,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAChC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,GAChC;MACF,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,mBAAmB,CAAC,GAAG,CAAC,GAC/B;MACF,EAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAC7B,KAAK,EAAEA,aAAO,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,EAC/B,SAAS,QACT,QAAQ,SACR;KACH,CAAC;GACH;EAED,OAAO;IACL,EAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,GACtC;IACF,gBAAgB,CAAC,SAAS,CAAC;KAC1B,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MACxF,EAAC,aAAa,QACX,gBAAgB,CAAC,KAAK,CAAC,CACV,CACjB,CAAC;GACH,CAAC;AACJ;;ACzFA;;;;;;;MAmBa,WAAW,GAA2C,CAAC,KAAK;EACvE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;EAEvB,OAAO;IACL,EAAC,QAAQ,IACP,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,GACpC;IACF,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,MACT,EAAC,QAAQ,IACP,IAAI,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,EACtB,KAAK,EAAE,CAAC,CAAC,KAAK,GACd,CACH,CAAC;GACH,CAAC;AACJ;;;;","names":["Convert"],"sources":["src/components/certificate-details-parts/public_key.tsx","src/components/certificate-details-parts/subject_name.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\nimport { Convert } from 'pvtsutils';\n\nimport { IPublicKey } from '../../crypto';\nimport { l10n, getStringByOID } from '../../utils';\n\nimport { RowTitle, RowValue, TableRowTable } from './row';\n\nfunction getPublicKeyModulus(publicKey: IPublicKey) {\n  if (publicKey.params && 'modulus' in publicKey.params) {\n    let length = publicKey.params.modulus.byteLength;\n\n    if (length % 2) {\n      length -= 1;\n    }\n\n    return length * 8;\n  }\n\n  return null;\n}\n\nfunction getPublicKeyExponent(publicKey: IPublicKey) {\n  if (publicKey.params && 'publicExponent' in publicKey.params) {\n    return publicKey.params.publicExponent.byteLength === 3\n      ? 65537\n      : 3;\n  }\n\n  return null;\n}\n\ninterface IPublicKeyProps {\n  publicKey: IPublicKey;\n}\n\nexport const PublicKey: FunctionalComponent<IPublicKeyProps> = (props) => {\n  const { publicKey } = props;\n\n  if (!publicKey) {\n    return null;\n  }\n\n  function renderKeyDetails(key: IPublicKey) {\n    return [\n      <RowValue\n        name={l10n.getString('algorithm')}\n        value={getStringByOID(key.algorithm)}\n      />,\n      <RowValue\n        name={l10n.getString('namedCurve')}\n        value={getStringByOID((key.params && 'namedCurve' in key.params) ? key.params.namedCurve : undefined)}\n      />,\n      <RowValue\n        name={l10n.getString('exponent')}\n        value={getPublicKeyExponent(key)}\n      />,\n      <RowValue\n        name={l10n.getString('modulus')}\n        value={getPublicKeyModulus(key)}\n      />,\n      <RowValue\n        name={l10n.getString('value')}\n        value={Convert.ToHex(key.value)}\n        monospace\n        collapse\n      />,\n    ];\n  }\n\n  return [\n    <RowTitle\n      value={l10n.getString('publicKeyInfo')}\n    />,\n    renderKeyDetails(publicKey),\n    (Array.isArray(publicKey.params) && publicKey.params.length && publicKey.params.map((param) => (\n      <TableRowTable>\n        {renderKeyDetails(param)}\n      </TableRowTable>\n    ))),\n  ];\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { h, FunctionalComponent } from '@stencil/core';\n\nimport type { INameJSON } from '../../crypto/name';\nimport { l10n } from '../../utils';\n\nimport { RowTitle, RowValue } from './row';\n\ninterface ISubjectNameProps {\n  name: INameJSON[];\n}\n\nexport const SubjectName: FunctionalComponent<ISubjectNameProps> = (props) => {\n  const { name } = props;\n\n  return [\n    <RowTitle\n      value={l10n.getString('subjectName')}\n    />,\n    name.map((n) => (\n      <RowValue\n        name={n.name || n.type}\n        value={n.value}\n      />\n    )),\n  ];\n};\n"],"version":3}

package/dist/cjs/arrow_top-834fb7ec.js

@@ -0,0 +1,37 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+const index = require('./index-efd561e9.js');
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const ArrowBottomIcon = (props) => {
+  const { color = 'gray-10' } = props;
+  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
+    index.h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28" })));
+};
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const ArrowTopIcon = (props) => {
+  const { color = 'gray-10' } = props;
+  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "30", height: "30", fill: "none" },
+    index.h("path", { stroke: `var(--pv-color-${color})`, "stroke-linecap": "round", "stroke-width": "1.5", d: "m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28" })));
+};
+
+exports.ArrowBottomIcon = ArrowBottomIcon;
+exports.ArrowTopIcon = ArrowTopIcon;
+
+//# sourceMappingURL=arrow_top-834fb7ec.js.map

package/dist/cjs/arrow_top-834fb7ec.js.map

@@ -0,0 +1 @@
+{"file":"arrow_top-834fb7ec.js","mappings":";;;;;;;AAAA;;;;;;;MAWa,eAAe,GAA+C,CAAC,KAAK;EAC/E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEXA,kBACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,0DAA0D,GAC5D,CACE,EACN;AACJ;;AC9BA;;;;;;;MAWa,YAAY,GAA+C,CAAC,KAAK;EAC5E,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;EAEpC,QACEA,iBACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM;IAEXA,kBACE,MAAM,EAAE,kBAAkB,KAAK,GAAG,oBAEnB,OAAO,kBACT,KAAK,EAClB,CAAC,EAAC,wDAAwD,GAC1D,CACE,EACN;AACJ;;;;;","names":["h"],"sources":["src/components/icons/arrow_bottom.tsx","src/components/icons/arrow_top.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowBottomIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m19.222 12.778-3.851 4.279a.2.2 0 0 1-.297 0l-3.852-4.28\"\n      />\n    </svg>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { ColorType } from '../../interface';\n\nexport const ArrowTopIcon: FunctionalComponent<{ color?: ColorType }> = (props) => {\n  const { color = 'gray-10' } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"30\"\n      height=\"30\"\n      fill=\"none\"\n    >\n      <path\n        stroke={`var(--pv-color-${color})`}\n        // eslint-disable-next-line react/no-unknown-property\n        stroke-linecap=\"round\"\n        stroke-width=\"1.5\"\n        d=\"m11.222 17.722 3.852-4.28a.2.2 0 0 1 .297 0l3.851 4.28\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/cjs/button-14e2b73f.js

@@ -0,0 +1,77 @@
+/*!
+ * © Peculiar Ventures https://peculiarventures.com/ - MIT License
+ */
+'use strict';
+
+const index = require('./index-efd561e9.js');
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+const variantMapping = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  s1: 'h6',
+  s2: 'h6',
+  b1: 'p',
+  b2: 'p',
+  b3: 'p',
+  btn1: 'span',
+  btn2: 'span',
+  c1: 'p',
+  c2: 'p',
+};
+const Typography = (props, children) => {
+  const { component: componentProp, variant = 'b2', color = 'black', class: classProp } = props, other = __rest(props, ["component", "variant", "color", "class"]);
+  const Component = componentProp || variantMapping[variant] || 'p';
+  return (index.h(Component, Object.assign({}, other, { class: {
+      typography: true,
+      [`t-${variant}`]: true,
+      [`c-${color}`]: true,
+      [classProp]: Boolean(classProp),
+    } }), children));
+};
+
+/**
+ * @license
+ * Copyright (c) Peculiar Ventures, LLC.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const Button = (props, children) => {
+  const { href, class: classProp, startIcon, onClick, } = props;
+  const isLink = !!href;
+  const TagType = isLink ? 'a' : 'button';
+  return (index.h(TagType, { type: !isLink && 'button', href: isLink && href, target: isLink && '_blank', rel: isLink && 'noreferrer noopener', onClick: onClick, class: {
+      button: true,
+      // eslint-disable-next-line react/destructuring-assignment
+      m_no_padding: children.length === 0,
+      [classProp]: Boolean(classProp),
+    } },
+    startIcon,
+    children.length > 0 && (index.h(Typography, { variant: "b3", color: "black", component: "span" }, children))));
+};
+
+exports.Button = Button;
+exports.Typography = Typography;
+
+//# sourceMappingURL=button-14e2b73f.js.map

package/dist/cjs/button-14e2b73f.js.map

@@ -0,0 +1 @@
+{"file":"button-14e2b73f.js","mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA,MAAM,cAAc,GAAmF;EACrG,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;EACP,IAAI,EAAE,MAAM;EACZ,IAAI,EAAE,MAAM;EACZ,EAAE,EAAE,GAAG;EACP,EAAE,EAAE,GAAG;CACR,CAAC;MAEW,UAAU,GAAyC,CAAC,KAAK,EAAE,QAAQ;EAC9E,MAAM,EACJ,SAAS,EAAE,aAAa,EACxB,OAAO,GAAG,IAAI,EACd,KAAK,GAAG,OAAO,EACf,KAAK,EAAE,SAAS,KAEd,KAAK,EADJ,KAAK,UACN,KAAK,EANH,0CAML,CAAQ,CAAC;EAEV,MAAM,SAAS,GAAG,aAAa,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;EAElE,QACEA,QAAC,SAAS,oBACJ,KAAK,IACT,KAAK,EAAE;MACL,UAAU,EAAE,IAAI;MAChB,CAAC,KAAK,OAAO,EAAE,GAAG,IAAI;MACtB,CAAC,KAAK,KAAK,EAAE,GAAG,IAAI;MACpB,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;KAChC,KAEA,QAAQ,CACC,EACZ;AACJ;;AC3DA;;;;;;;MAkBa,MAAM,GAAqC,CAAC,KAAK,EAAE,QAAQ;EACtE,MAAM,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,OAAO,GACR,GAAG,KAAK,CAAC;EAEV,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC;EACtB,MAAM,OAAO,GAAG,MAAM,GAAG,GAAG,GAAG,QAAQ,CAAC;EAExC,QACEA,QAAC,OAAO,IACN,IAAI,EAAE,CAAC,MAAM,IAAI,QAAQ,EACzB,IAAI,EAAE,MAAM,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,QAAQ,EAC1B,GAAG,EAAE,MAAM,IAAI,qBAAqB,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;MACL,MAAM,EAAE,IAAI;;MAEZ,YAAY,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC;MACnC,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;KAChC;IAEA,SAAS;IAET,QAAQ,CAAC,MAAM,GAAG,CAAC,KAClBA,QAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,MAAM,IAEf,QAAQ,CACE,CACd,CACO,EACV;AACJ;;;;;","names":["h"],"sources":["src/components/typography/typography.tsx","src/components/button/button.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h } from '@stencil/core';\nimport type { TypographyType, ColorType } from '../../interface';\n\ninterface TypographyProps {\n  component?: keyof JSX.IntrinsicElements;\n  variant?: TypographyType;\n  color?: ColorType;\n  class?: string;\n}\n\nconst variantMapping: Record<TypographyType, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  s1: 'h6',\n  s2: 'h6',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  btn1: 'span',\n  btn2: 'span',\n  c1: 'p',\n  c2: 'p',\n};\n\nexport const Typography: FunctionalComponent<TypographyProps> = (props, children) => {\n  const {\n    component: componentProp,\n    variant = 'b2',\n    color = 'black',\n    class: classProp,\n    ...other\n  } = props;\n\n  const Component = componentProp || variantMapping[variant] || 'p';\n\n  return (\n    <Component\n      {...other}\n      class={{\n        typography: true,\n        [`t-${variant}`]: true,\n        [`c-${color}`]: true,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {children}\n    </Component>\n  );\n};\n","/**\n * @license\n * Copyright (c) Peculiar Ventures, LLC.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { Typography } from '../typography';\n\nexport interface ButtonProps {\n  href?: string;\n  class?: string;\n  startIcon?: VNode;\n  onClick?: (event: MouseEvent) => void;\n}\n\nexport const Button: FunctionalComponent<ButtonProps> = (props, children) => {\n  const {\n    href,\n    class: classProp,\n    startIcon,\n    onClick,\n  } = props;\n\n  const isLink = !!href;\n  const TagType = isLink ? 'a' : 'button';\n\n  return (\n    <TagType\n      type={!isLink && 'button'}\n      href={isLink && href}\n      target={isLink && '_blank'}\n      rel={isLink && 'noreferrer noopener'}\n      onClick={onClick}\n      class={{\n        button: true,\n        // eslint-disable-next-line react/destructuring-assignment\n        m_no_padding: children.length === 0,\n        [classProp]: Boolean(classProp),\n      }}\n    >\n      {startIcon}\n      {/* eslint-disable-next-line react/destructuring-assignment */}\n      {children.length > 0 && (\n        <Typography\n          variant=\"b3\"\n          color=\"black\"\n          component=\"span\"\n        >\n          {children}\n        </Typography>\n      )}\n    </TagType>\n  );\n};\n"],"version":3}