@pequity/squirrel 1.0.20 → 1.0.21

package/dist/cjs/chunks/p-pagination.js

@@ -0,0 +1,122 @@
+"use strict";
+const vue = require("vue");
+const pSkeletonLoader = require("../p-skeleton-loader.js");
+const pagination = require("../pagination.js");
+const _imports_0 = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _imports_1 = "data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.75695%206.98136C7.75695%207.33136%207.60695%207.63136%207.35695%207.83136L1.75695%2012.7814C1.35695%2013.1314%200.756947%2013.0814%200.456947%2012.6814C0.156947%2012.2814%200.156947%2011.7314%200.556947%2011.3814L5.45695%207.08136C5.50695%207.03136%205.50695%206.98136%205.45695%206.88136L0.556947%202.58136C0.156947%202.23136%200.156947%201.63136%200.506947%201.28136C0.856947%200.931361%201.40695%200.881361%201.80695%201.18136L7.40695%206.08136C7.60695%206.33136%207.75695%206.63136%207.75695%206.98136Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _hoisted_1 = {
+  key: 1,
+  class: "flex text-p-gray-40"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "flex" };
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_1 }, null, -1);
+const _hoisted_8 = [
+  _hoisted_7
+];
+const DOTS = "...";
+const BTN_CLASS = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none";
+const BTN_ACTIVE_CLASS = "text-p-purple-60 bg-p-gray-30 rounded-lg";
+const BTN_INACTIVE_CLASS = "cursor-pointer";
+const ARROW_ACTIVE_CLASS = "cursor-pointer";
+const ARROW_INACTIVE_CLASS = "opacity-50";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PPagination" },
+  __name: "p-pagination",
+  props: {
+    /**
+     * The current page.
+     */
+    modelValue: {
+      type: Number,
+      default: null
+    },
+    /**
+     * The amount of data pagination should iterate through.
+     */
+    count: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The amount of data to be displayed at 1 page. Used to calculate the length of pagination.
+     */
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    /**
+     * The amount of pages to be displayed before and after the current page.
+     */
+    pageOffset: {
+      type: Number,
+      default: 2
+    },
+    /**
+     * Whether the pagination is loading.
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const pageCount = vue.computed(() => {
+      return props.count && Math.ceil(props.count / props.pageSize);
+    });
+    const pages = vue.computed(() => {
+      return pagination.createPagingRange(Number(props.modelValue), pageCount.value, props.pageOffset, DOTS);
+    });
+    const setPage = (page) => {
+      if (page >= 1 && page <= pageCount.value) {
+        emit("update:modelValue", page);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(pSkeletonLoader, {
+          key: 0,
+          class: "h-6 w-56"
+        })) : vue.createCommentVNode("", true),
+        !__props.loading && pages.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([BTN_CLASS, Number(__props.modelValue) <= 1 ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the previous page",
+            onClick: _cache[0] || (_cache[0] = ($event) => setPage(Number(__props.modelValue) - 1))
+          }, _hoisted_3, 2),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              onClick: ($event) => setPage(Number(page))
+            }, [
+              vue.createElementVNode("div", _hoisted_5, [
+                page !== DOTS ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass([BTN_CLASS, page === __props.modelValue ? BTN_ACTIVE_CLASS : BTN_INACTIVE_CLASS]),
+                  "aria-label": `go to page ${page}`
+                }, vue.toDisplayString(page), 11, _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 1,
+                  class: vue.normalizeClass(BTN_CLASS)
+                }, vue.toDisplayString(DOTS)))
+              ])
+            ], 8, _hoisted_4);
+          }), 128)),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([BTN_CLASS, __props.modelValue === pageCount.value ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the next page",
+            onClick: _cache[1] || (_cache[1] = ($event) => setPage(Number(__props.modelValue) + 1))
+          }, _hoisted_8, 2)
+        ])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-ring-loader.js

@@ -0,0 +1,81 @@
+"use strict";
+const vue = require("vue");
+const tailwind = require("../tailwind.js");
+const INNER_DIV_CLASS = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PRingLoader"
+  },
+  __name: "p-ring-loader",
+  props: {
+    size: {
+      type: Number,
+      default: 80
+    },
+    color: {
+      type: String,
+      default: tailwind.getColor("primary")
+    },
+    duration: {
+      type: String,
+      default: "1.2s",
+      validator(value) {
+        const res = /^\d*\.?\d+(s|ms)$/;
+        return res.test(value);
+      }
+    }
+  },
+  setup(__props) {
+    const calcPropertyValue = (propName, originalValue, modificator) => {
+      var _a, _b;
+      const computedStyle = {};
+      const timeQuantityOuter = (_a = originalValue.match(/^\d*\.?\d+/)) == null ? void 0 : _a[0];
+      const timeUnit = ((_b = originalValue.match(/s|(ms)$/)) == null ? void 0 : _b[0]) || "s";
+      const timeQuantityInner = Math.round(Number(timeQuantityOuter) * 1e3 * modificator) / 1e3;
+      computedStyle[propName] = timeQuantityInner + timeUnit;
+      return computedStyle;
+    };
+    const props = __props;
+    const spinnerStyle = vue.computed(() => {
+      return {
+        borderWidth: `${props.size * 0.1}px`,
+        borderColor: `${props.color} transparent transparent transparent`,
+        animationDuration: props.duration,
+        animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
+      };
+    });
+    const animDiv1 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.375);
+    });
+    const animDiv2 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.25);
+    });
+    const animDiv3 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.125);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "relative inline-block",
+        style: vue.normalizeStyle({ width: `${__props.size}px`, height: `${__props.size}px` })
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv1.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv2.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv3.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value])
+        }, null, 4)
+      ], 4);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-select-btn.js

@@ -0,0 +1,97 @@
+"use strict";
+const vue = require("vue");
+const pBtn = require("../p-btn.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PBtnGroup"
+  },
+  __name: "p-select-btn",
+  props: {
+    modelValue: { default: null },
+    items: { default: () => [] },
+    itemValue: { default: "value" },
+    itemText: { default: "text" },
+    itemTooltipText: { default: "text" },
+    size: { default: "md" },
+    showTooltip: { type: Boolean, default: false },
+    highlightSelected: { type: Boolean, default: true },
+    grow: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    noPadding: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const tooltipText = (item) => {
+      return props.showTooltip ? item[props.itemTooltipText] : "";
+    };
+    const select = (item) => {
+      if (!props.multiple) {
+        emit("update:modelValue", item[props.itemValue]);
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const val = item[props.itemValue];
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === val);
+          if (index !== -1) {
+            emit(
+              "update:modelValue",
+              props.modelValue.filter((i) => i[props.itemValue] !== val)
+            );
+          } else {
+            emit("update:modelValue", [...props.modelValue, item]);
+          }
+        } else {
+          emit("update:modelValue", [item]);
+        }
+      }
+    };
+    const isSelected = (item) => {
+      if (!props.multiple) {
+        return props.modelValue === item[props.itemValue];
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === item[props.itemValue]);
+          return index !== -1;
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _directive_tooltip = vue.resolveDirective("tooltip");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass({ flex: _ctx.grow, "*:px-0 *:py-0": _ctx.noPadding })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
+          return vue.withDirectives((vue.openBlock(), vue.createBlock(pBtn, {
+            key: item[_ctx.itemValue],
+            size: _ctx.size,
+            type: "secondary-outline-blue",
+            disabled: item.disabled,
+            class: vue.normalizeClass({
+              "rounded-none": index !== 0 && index !== _ctx.items.length - 1,
+              "rounded-br-none rounded-tr-none": index === 0,
+              "rounded-bl-none rounded-tl-none": index === _ctx.items.length - 1,
+              "-mr-0.5": index !== _ctx.items.length - 1,
+              "flex-1": _ctx.grow
+            }),
+            selected: isSelected(item) && _ctx.highlightSelected,
+            onClick: ($event) => select(item)
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, `btn-${index}`, {
+                item,
+                isSelected: isSelected(item)
+              }, () => [
+                vue.createTextVNode(vue.toDisplayString(item[_ctx.itemText]), 1)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["size", "disabled", "class", "selected", "onClick"])), [
+            [_directive_tooltip, { content: tooltipText(item) }]
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-select.js

@@ -0,0 +1,123 @@
+"use strict";
+const vue = require("vue");
+const inputClassesShared = require("../inputClassesShared.js");
+const useInputClasses = require("../useInputClasses.js");
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _hoisted_3 = ["value"];
+const nullValue = "___null_value___";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PSelect",
+    inheritAttrs: false
+  },
+  __name: "p-select",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      default: ""
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(inputClassesShared.INPUT_SIZES).includes(value);
+      }
+    },
+    itemText: {
+      type: String,
+      default: "text"
+    },
+    itemValue: {
+      type: [String, Number, Boolean, null],
+      default: "value"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const $attrs = vue.useAttrs();
+    const { labelClasses, selectClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const innerValue = vue.computed({
+      get: () => {
+        if (props.modelValue === null) {
+          return nullValue;
+        }
+        return props.modelValue;
+      },
+      set: (v) => emit("update:modelValue", v)
+    });
+    const attrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = $attrs;
+      return rest;
+    });
+    const style = vue.computed(() => $attrs.style);
+    const innerOptions = vue.computed(() => {
+      return props.items.map((item) => {
+        return {
+          value: item[props.itemValue] === null ? nullValue : item[props.itemValue],
+          text: item[props.itemText]
+        };
+      });
+    });
+    const onChange = (e) => {
+      const value = e.target.value;
+      if (value === nullValue) {
+        emit("update:modelValue", null);
+        return;
+      }
+      emit("update:modelValue", ["true", "false"].includes(value) ? value === "true" : value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: vue.unref($attrs).hidden }, vue.unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("select", vue.mergeProps({ class: vue.unref(selectClasses) }, attrs.value, {
+          value: innerValue.value,
+          onChange
+        }), [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(innerOptions.value, (o) => {
+            return vue.openBlock(), vue.createElementBlock("option", {
+              key: String(o.value),
+              value: o.value
+            }, vue.toDisplayString(o.text), 9, _hoisted_3);
+          }), 128))
+        ], 16, _hoisted_2),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-table-loader.js

@@ -0,0 +1,70 @@
+"use strict";
+const vue = require("vue");
+const pSkeletonLoader = require("../p-skeleton-loader.js");
+const _hoisted_1 = { class: "block overflow-hidden border border-p-gray-30" };
+const _hoisted_2 = { class: "mb-0 w-full bg-surface" };
+const _hoisted_3 = { class: "relative border-b border-p-gray-30 px-4 py-2" };
+const _hoisted_4 = { class: "skeleton-fade" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PTableLoader"
+  },
+  __name: "p-table-loader",
+  props: {
+    rows: {
+      type: [Number, String],
+      default: 4
+    },
+    columns: {
+      type: [Number, String],
+      default: 6
+    },
+    tdClasses: {
+      type: String,
+      default: "px-4 py-5"
+    },
+    tdSkeletonClasses: {
+      type: String,
+      default: "h-5"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("table", _hoisted_2, [
+          vue.createElementVNode("thead", null, [
+            vue.createElementVNode("tr", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.columns), (col) => {
+                return vue.openBlock(), vue.createElementBlock("th", {
+                  key: col,
+                  class: "bg-surface p-0"
+                }, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createVNode(pSkeletonLoader, { class: "h-5" })
+                  ])
+                ]);
+              }), 128))
+            ])
+          ]),
+          vue.createElementVNode("tbody", _hoisted_4, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.rows), (i) => {
+              return vue.openBlock(), vue.createElementBlock("tr", { key: i }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.columns), (col) => {
+                  return vue.openBlock(), vue.createElementBlock("td", {
+                    key: col,
+                    class: vue.normalizeClass([__props.tdClasses, "border-b border-p-blue-15"])
+                  }, [
+                    vue.createVNode(pSkeletonLoader, {
+                      class: vue.normalizeClass(__props.tdSkeletonClasses)
+                    }, null, 8, ["class"])
+                  ], 2);
+                }), 128))
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-tabs.js

@@ -0,0 +1,52 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "p-tabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true
+    },
+    activeTab: {
+      type: String,
+      required: true
+    },
+    tabsLeftPadding: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["click:tab"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "flex gap-4 border-b border-p-gray-30 text-base font-semibold",
+        style: vue.normalizeStyle({ paddingLeft: `${__props.tabsLeftPadding}px` })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabs, (tabData) => {
+          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabData.to ? "RouterLink" : "div"), vue.mergeProps({
+            key: `tab-${tabData.name}`
+          }, tabData.to ? { to: tabData.to } : {}, {
+            class: [[__props.activeTab === tabData.name ? "border-primary text-primary" : "border-transparent text-p-gray-40"], "group cursor-pointer border-b-2 pb-3 hover:border-primary hover:text-primary"],
+            onClick: ($event) => _ctx.$emit("click:tab", tabData.name)
+          }), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                tabData.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabData.icon), {
+                    class: vue.normalizeClass(["group-hover:fill-primary", [__props.activeTab === tabData.name ? "fill-primary" : "fill-p-gray-40"]])
+                  }, null, 8, ["class"]))
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", null, vue.toDisplayString(tabData.title), 1)
+              ])
+            ]),
+            _: 2
+          }, 1040, ["class", "onClick"]);
+        }), 128))
+      ], 4);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/config.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const config = {
+  content: ["./index.html", "./squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}", "./src/**/*.{vue,js,ts,jsx,tsx,mdx}"],
+  theme: {
+    colors: {
+      transparent: "transparent",
+      current: "currentColor",
+      /* Design system colors */
+      white: "#fff",
+      black: "#000",
+      night: "var(--color-night)",
+      "barley-white": "var(--color-barley-white)",
+      "horses-neck": "var(--color-horses-neck)",
+      "active-blue": "var(--color-active-blue)",
+      /* Pequity colors */
+      "p-gray": {
+        10: "var(--color-p-gray-10)",
+        20: "var(--color-p-gray-20)",
+        30: "var(--color-p-gray-30)",
+        40: "var(--color-p-gray-40)",
+        50: "var(--color-p-gray-50)",
+        60: "var(--color-p-gray-60)",
+        70: "var(--color-p-gray-70)",
+        80: "var(--color-p-gray-80)",
+        90: "var(--color-p-gray-90)",
+        100: "var(--color-p-gray-100)"
+      },
+      "p-blue": {
+        10: "var(--color-p-blue-10)",
+        15: "var(--color-p-blue-15)",
+        20: "var(--color-p-blue-20)",
+        30: "var(--color-p-blue-30)",
+        40: "var(--color-p-blue-40)",
+        50: "var(--color-p-blue-50)",
+        60: "var(--color-p-blue-60)",
+        70: "var(--color-p-blue-70)",
+        80: "var(--color-p-blue-80)"
+      },
+      "p-purple": {
+        10: "var(--color-p-purple-10)",
+        20: "var(--color-p-purple-20)",
+        30: "var(--color-p-purple-30)",
+        40: "var(--color-p-purple-40)",
+        50: "var(--color-p-purple-50)",
+        60: "var(--color-p-purple-60)"
+      },
+      "p-green": {
+        10: "var(--color-p-green-10)",
+        20: "var(--color-p-green-20)",
+        30: "var(--color-p-green-30)",
+        40: "var(--color-p-green-40)",
+        50: "var(--color-p-green-50)"
+      },
+      "p-red": {
+        10: "var(--color-p-red-10)",
+        20: "var(--color-p-red-20)",
+        30: "var(--color-p-red-30)",
+        40: "var(--color-p-red-40)",
+        50: "var(--color-p-red-50)"
+      },
+      /* Aliases */
+      primary: "var(--color-primary)",
+      accent: "var(--color-accent)",
+      surface: "var(--color-surface)",
+      "on-surface": "var(--color-on-surface)",
+      error: "var(--color-error)",
+      "on-error": "var(--color-on-error)",
+      info: "var(--color-info)",
+      "on-info": "var(--color-on-info)",
+      success: "var(--color-success)",
+      "on-success": "var(--color-on-success)",
+      warning: "var(--color-warning)",
+      "on-warning": "var(--color-on-warning)"
+    },
+    fontFamily: {
+      sans: ["Inter", "Helvetica", "Arial", "sans-serif"]
+    },
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      base: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+      "4xl": "2.25rem",
+      "5xl": "3rem",
+      "6xl": "4rem"
+    },
+    extend: {
+      borderColor: {
+        DEFAULT: "var(--color-p-gray-30)"
+      },
+      spacing: {
+        7.5: "1.875rem"
+      },
+      zIndex: {
+        110: "110"
+      },
+      screens: {}
+    }
+  }
+};
+exports.config = config;

package/dist/cjs/currency.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const CURRENCY_INPUT_DEFAULTS = Object.freeze({
+  currency: null,
+  precision: 0,
+  locale: "en-US",
+  allowNegative: false
+});
+exports.CURRENCY_INPUT_DEFAULTS = CURRENCY_INPUT_DEFAULTS;