@zapatran/paper-ember-theme 0.1.0

package/dist/index.cjs

@@ -0,0 +1,136 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  classes: () => classes
+});
+module.exports = __toCommonJS(index_exports);
+var classes = {
+  btn: {
+    root: (variant, size, modifiers = []) => {
+      const base = `btn btn--${variant} btn--${size}`;
+      const mods = modifiers.map((m) => `btn--${m}`).join(" ");
+      return mods ? `${base} ${mods}` : base;
+    },
+    elements: {
+      label: "btn__label",
+      spinner: "btn__spinner",
+      icon: "btn__icon",
+      kbd: "btn__kbd"
+    }
+  },
+  badge: {
+    root: (variant, appearance = "soft", size = "sm", modifiers = []) => {
+      const base = `badge badge--${appearance} badge--${variant} badge--${size}`;
+      const mods = modifiers.map((m) => `badge--${m}`).join(" ");
+      return mods ? `${base} ${mods}` : base;
+    },
+    elements: {
+      dot: "badge__dot",
+      icon: "badge__icon",
+      label: "badge__label",
+      count: "badge__count",
+      close: "badge__close"
+    }
+  },
+  alert: {
+    root: (variant) => `alert alert--${variant}`,
+    elements: {
+      icon: "alert__icon",
+      body: "alert__body",
+      title: "alert__title",
+      text: "alert__text",
+      close: "alert__close",
+      action: "alert__action"
+    }
+  },
+  card: {
+    root: "card",
+    elements: {
+      header: "card__header",
+      title: "card__title",
+      meta: "card__meta",
+      kpi: "card__kpi",
+      trend: (direction) => `card__trend card__trend--${direction}`,
+      chart: "card__chart",
+      avatar: "card__avatar"
+    }
+  },
+  table: {
+    wrap: "table-wrap",
+    root: (stripe) => stripe ? "table table--stripe" : "table",
+    elements: {
+      th: (align) => align === "right" ? "table__th table__th--right" : "table__th",
+      td: "table__td",
+      tdFoot: "table__td--foot",
+      tdNum: "table__td--num"
+    }
+  },
+  field: {
+    root: "field",
+    elements: {
+      label: "field__label",
+      helper: "field__helper",
+      error: "field__error",
+      inputWrap: "field__input-wrap",
+      inputIcon: "field__input-icon"
+    }
+  },
+  input: {
+    root: (error) => error ? "input input--error" : "input"
+  },
+  textarea: {
+    root: "textarea"
+  },
+  select: {
+    wrap: "select-wrap",
+    root: "select",
+    elements: {
+      arrow: "select-wrap__arrow"
+    }
+  },
+  checkbox: {
+    root: "checkbox",
+    elements: {
+      box: (checked) => checked ? "checkbox__box checkbox__box--checked" : "checkbox__box",
+      check: "checkbox__check",
+      label: "checkbox__label"
+    }
+  },
+  radio: {
+    root: "radio",
+    elements: {
+      circle: (selected) => selected ? "radio__circle radio__circle--selected" : "radio__circle",
+      label: "radio__label"
+    }
+  },
+  switch: {
+    root: (on) => on ? "switch switch--on" : "switch",
+    elements: {
+      thumb: "switch__thumb"
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  classes
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type BtnVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'info'\nexport type BtnSize = 'sm' | 'md' | 'lg' | 'xl'\nexport type BtnModifier = 'icon' | 'block' | 'loading'\n\nexport type BadgeVariant = 'neutral' | 'ember' | 'success' | 'warning' | 'danger' | 'info'\nexport type BadgeStyle = 'soft' | 'solid' | 'outline'\nexport type BadgeSize = 'xs' | 'sm' | 'md'\nexport type BadgeShape = 'pill' | 'square'\nexport type BadgeModifier = 'pill' | 'square' | 'removable' | 'count'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'banner'\n\nexport type CardTrendDirection = 'up' | 'down'\n\nexport type ThAlign = 'left' | 'right'\n\nexport const classes = {\n  btn: {\n    root: (variant: BtnVariant, size: BtnSize, modifiers: BtnModifier[] = []) => {\n      const base = `btn btn--${variant} btn--${size}`\n      const mods = modifiers.map((m) => `btn--${m}`).join(' ')\n      return mods ? `${base} ${mods}` : base\n    },\n    elements: {\n      label: 'btn__label',\n      spinner: 'btn__spinner',\n      icon: 'btn__icon',\n      kbd: 'btn__kbd',\n    },\n  },\n\n  badge: {\n    root: (\n      variant: BadgeVariant,\n      appearance: BadgeStyle = 'soft',\n      size: BadgeSize = 'sm',\n      modifiers: BadgeModifier[] = [],\n    ) => {\n      const base = `badge badge--${appearance} badge--${variant} badge--${size}`\n      const mods = modifiers.map((m) => `badge--${m}`).join(' ')\n      return mods ? `${base} ${mods}` : base\n    },\n    elements: {\n      dot: 'badge__dot',\n      icon: 'badge__icon',\n      label: 'badge__label',\n      count: 'badge__count',\n      close: 'badge__close',\n    },\n  },\n\n  alert: {\n    root: (variant: AlertVariant) => `alert alert--${variant}`,\n    elements: {\n      icon: 'alert__icon',\n      body: 'alert__body',\n      title: 'alert__title',\n      text: 'alert__text',\n      close: 'alert__close',\n      action: 'alert__action',\n    },\n  },\n\n  card: {\n    root: 'card',\n    elements: {\n      header: 'card__header',\n      title: 'card__title',\n      meta: 'card__meta',\n      kpi: 'card__kpi',\n      trend: (direction: CardTrendDirection) => `card__trend card__trend--${direction}`,\n      chart: 'card__chart',\n      avatar: 'card__avatar',\n    },\n  },\n\n  table: {\n    wrap: 'table-wrap',\n    root: (stripe?: boolean) => (stripe ? 'table table--stripe' : 'table'),\n    elements: {\n      th: (align?: ThAlign) => (align === 'right' ? 'table__th table__th--right' : 'table__th'),\n      td: 'table__td',\n      tdFoot: 'table__td--foot',\n      tdNum: 'table__td--num',\n    },\n  },\n\n  field: {\n    root: 'field',\n    elements: {\n      label: 'field__label',\n      helper: 'field__helper',\n      error: 'field__error',\n      inputWrap: 'field__input-wrap',\n      inputIcon: 'field__input-icon',\n    },\n  },\n\n  input: {\n    root: (error?: boolean) => (error ? 'input input--error' : 'input'),\n  },\n\n  textarea: {\n    root: 'textarea',\n  },\n\n  select: {\n    wrap: 'select-wrap',\n    root: 'select',\n    elements: {\n      arrow: 'select-wrap__arrow',\n    },\n  },\n\n  checkbox: {\n    root: 'checkbox',\n    elements: {\n      box: (checked?: boolean) =>\n        checked ? 'checkbox__box checkbox__box--checked' : 'checkbox__box',\n      check: 'checkbox__check',\n      label: 'checkbox__label',\n    },\n  },\n\n  radio: {\n    root: 'radio',\n    elements: {\n      circle: (selected?: boolean) =>\n        selected ? 'radio__circle radio__circle--selected' : 'radio__circle',\n      label: 'radio__label',\n    },\n  },\n\n  switch: {\n    root: (on?: boolean) => (on ? 'switch switch--on' : 'switch'),\n    elements: {\n      thumb: 'switch__thumb',\n    },\n  },\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,IAAM,UAAU;AAAA,EACrB,KAAK;AAAA,IACH,MAAM,CAAC,SAAqB,MAAe,YAA2B,CAAC,MAAM;AAC3E,YAAM,OAAO,YAAY,OAAO,SAAS,IAAI;AAC7C,YAAM,OAAO,UAAU,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE,EAAE,KAAK,GAAG;AACvD,aAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,IACpC;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CACJ,SACA,aAAyB,QACzB,OAAkB,MAClB,YAA6B,CAAC,MAC3B;AACH,YAAM,OAAO,gBAAgB,UAAU,WAAW,OAAO,WAAW,IAAI;AACxE,YAAM,OAAO,UAAU,IAAI,CAAC,MAAM,UAAU,CAAC,EAAE,EAAE,KAAK,GAAG;AACzD,aAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,IACpC;AAAA,IACA,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CAAC,YAA0B,gBAAgB,OAAO;AAAA,IACxD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO,CAAC,cAAkC,4BAA4B,SAAS;AAAA,MAC/E,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,CAAC,WAAsB,SAAS,wBAAwB;AAAA,IAC9D,UAAU;AAAA,MACR,IAAI,CAAC,UAAqB,UAAU,UAAU,+BAA+B;AAAA,MAC7E,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CAAC,UAAqB,QAAQ,uBAAuB;AAAA,EAC7D;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,MACR,KAAK,CAAC,YACJ,UAAU,yCAAyC;AAAA,MACrD,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,MACR,QAAQ,CAAC,aACP,WAAW,0CAA0C;AAAA,MACvD,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM,CAAC,OAAkB,KAAK,sBAAsB;AAAA,IACpD,UAAU;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,111 @@
+type BtnVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'info';
+type BtnSize = 'sm' | 'md' | 'lg' | 'xl';
+type BtnModifier = 'icon' | 'block' | 'loading';
+type BadgeVariant = 'neutral' | 'ember' | 'success' | 'warning' | 'danger' | 'info';
+type BadgeStyle = 'soft' | 'solid' | 'outline';
+type BadgeSize = 'xs' | 'sm' | 'md';
+type BadgeShape = 'pill' | 'square';
+type BadgeModifier = 'pill' | 'square' | 'removable' | 'count';
+type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'banner';
+type CardTrendDirection = 'up' | 'down';
+type ThAlign = 'left' | 'right';
+declare const classes: {
+    btn: {
+        root: (variant: BtnVariant, size: BtnSize, modifiers?: BtnModifier[]) => string;
+        elements: {
+            label: string;
+            spinner: string;
+            icon: string;
+            kbd: string;
+        };
+    };
+    badge: {
+        root: (variant: BadgeVariant, appearance?: BadgeStyle, size?: BadgeSize, modifiers?: BadgeModifier[]) => string;
+        elements: {
+            dot: string;
+            icon: string;
+            label: string;
+            count: string;
+            close: string;
+        };
+    };
+    alert: {
+        root: (variant: AlertVariant) => string;
+        elements: {
+            icon: string;
+            body: string;
+            title: string;
+            text: string;
+            close: string;
+            action: string;
+        };
+    };
+    card: {
+        root: string;
+        elements: {
+            header: string;
+            title: string;
+            meta: string;
+            kpi: string;
+            trend: (direction: CardTrendDirection) => string;
+            chart: string;
+            avatar: string;
+        };
+    };
+    table: {
+        wrap: string;
+        root: (stripe?: boolean) => "table table--stripe" | "table";
+        elements: {
+            th: (align?: ThAlign) => "table__th table__th--right" | "table__th";
+            td: string;
+            tdFoot: string;
+            tdNum: string;
+        };
+    };
+    field: {
+        root: string;
+        elements: {
+            label: string;
+            helper: string;
+            error: string;
+            inputWrap: string;
+            inputIcon: string;
+        };
+    };
+    input: {
+        root: (error?: boolean) => "input input--error" | "input";
+    };
+    textarea: {
+        root: string;
+    };
+    select: {
+        wrap: string;
+        root: string;
+        elements: {
+            arrow: string;
+        };
+    };
+    checkbox: {
+        root: string;
+        elements: {
+            box: (checked?: boolean) => "checkbox__box checkbox__box--checked" | "checkbox__box";
+            check: string;
+            label: string;
+        };
+    };
+    radio: {
+        root: string;
+        elements: {
+            circle: (selected?: boolean) => "radio__circle radio__circle--selected" | "radio__circle";
+            label: string;
+        };
+    };
+    switch: {
+        root: (on?: boolean) => "switch switch--on" | "switch";
+        elements: {
+            thumb: string;
+        };
+    };
+};
+
+export { type AlertVariant, type BadgeModifier, type BadgeShape, type BadgeSize, type BadgeStyle, type BadgeVariant, type BtnModifier, type BtnSize, type BtnVariant, type CardTrendDirection, type ThAlign, classes };

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+type BtnVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'info';
+type BtnSize = 'sm' | 'md' | 'lg' | 'xl';
+type BtnModifier = 'icon' | 'block' | 'loading';
+type BadgeVariant = 'neutral' | 'ember' | 'success' | 'warning' | 'danger' | 'info';
+type BadgeStyle = 'soft' | 'solid' | 'outline';
+type BadgeSize = 'xs' | 'sm' | 'md';
+type BadgeShape = 'pill' | 'square';
+type BadgeModifier = 'pill' | 'square' | 'removable' | 'count';
+type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'banner';
+type CardTrendDirection = 'up' | 'down';
+type ThAlign = 'left' | 'right';
+declare const classes: {
+    btn: {
+        root: (variant: BtnVariant, size: BtnSize, modifiers?: BtnModifier[]) => string;
+        elements: {
+            label: string;
+            spinner: string;
+            icon: string;
+            kbd: string;
+        };
+    };
+    badge: {
+        root: (variant: BadgeVariant, appearance?: BadgeStyle, size?: BadgeSize, modifiers?: BadgeModifier[]) => string;
+        elements: {
+            dot: string;
+            icon: string;
+            label: string;
+            count: string;
+            close: string;
+        };
+    };
+    alert: {
+        root: (variant: AlertVariant) => string;
+        elements: {
+            icon: string;
+            body: string;
+            title: string;
+            text: string;
+            close: string;
+            action: string;
+        };
+    };
+    card: {
+        root: string;
+        elements: {
+            header: string;
+            title: string;
+            meta: string;
+            kpi: string;
+            trend: (direction: CardTrendDirection) => string;
+            chart: string;
+            avatar: string;
+        };
+    };
+    table: {
+        wrap: string;
+        root: (stripe?: boolean) => "table table--stripe" | "table";
+        elements: {
+            th: (align?: ThAlign) => "table__th table__th--right" | "table__th";
+            td: string;
+            tdFoot: string;
+            tdNum: string;
+        };
+    };
+    field: {
+        root: string;
+        elements: {
+            label: string;
+            helper: string;
+            error: string;
+            inputWrap: string;
+            inputIcon: string;
+        };
+    };
+    input: {
+        root: (error?: boolean) => "input input--error" | "input";
+    };
+    textarea: {
+        root: string;
+    };
+    select: {
+        wrap: string;
+        root: string;
+        elements: {
+            arrow: string;
+        };
+    };
+    checkbox: {
+        root: string;
+        elements: {
+            box: (checked?: boolean) => "checkbox__box checkbox__box--checked" | "checkbox__box";
+            check: string;
+            label: string;
+        };
+    };
+    radio: {
+        root: string;
+        elements: {
+            circle: (selected?: boolean) => "radio__circle radio__circle--selected" | "radio__circle";
+            label: string;
+        };
+    };
+    switch: {
+        root: (on?: boolean) => "switch switch--on" | "switch";
+        elements: {
+            thumb: string;
+        };
+    };
+};
+
+export { type AlertVariant, type BadgeModifier, type BadgeShape, type BadgeSize, type BadgeStyle, type BadgeVariant, type BtnModifier, type BtnSize, type BtnVariant, type CardTrendDirection, type ThAlign, classes };

package/dist/index.js

@@ -0,0 +1,111 @@
+// src/index.ts
+var classes = {
+  btn: {
+    root: (variant, size, modifiers = []) => {
+      const base = `btn btn--${variant} btn--${size}`;
+      const mods = modifiers.map((m) => `btn--${m}`).join(" ");
+      return mods ? `${base} ${mods}` : base;
+    },
+    elements: {
+      label: "btn__label",
+      spinner: "btn__spinner",
+      icon: "btn__icon",
+      kbd: "btn__kbd"
+    }
+  },
+  badge: {
+    root: (variant, appearance = "soft", size = "sm", modifiers = []) => {
+      const base = `badge badge--${appearance} badge--${variant} badge--${size}`;
+      const mods = modifiers.map((m) => `badge--${m}`).join(" ");
+      return mods ? `${base} ${mods}` : base;
+    },
+    elements: {
+      dot: "badge__dot",
+      icon: "badge__icon",
+      label: "badge__label",
+      count: "badge__count",
+      close: "badge__close"
+    }
+  },
+  alert: {
+    root: (variant) => `alert alert--${variant}`,
+    elements: {
+      icon: "alert__icon",
+      body: "alert__body",
+      title: "alert__title",
+      text: "alert__text",
+      close: "alert__close",
+      action: "alert__action"
+    }
+  },
+  card: {
+    root: "card",
+    elements: {
+      header: "card__header",
+      title: "card__title",
+      meta: "card__meta",
+      kpi: "card__kpi",
+      trend: (direction) => `card__trend card__trend--${direction}`,
+      chart: "card__chart",
+      avatar: "card__avatar"
+    }
+  },
+  table: {
+    wrap: "table-wrap",
+    root: (stripe) => stripe ? "table table--stripe" : "table",
+    elements: {
+      th: (align) => align === "right" ? "table__th table__th--right" : "table__th",
+      td: "table__td",
+      tdFoot: "table__td--foot",
+      tdNum: "table__td--num"
+    }
+  },
+  field: {
+    root: "field",
+    elements: {
+      label: "field__label",
+      helper: "field__helper",
+      error: "field__error",
+      inputWrap: "field__input-wrap",
+      inputIcon: "field__input-icon"
+    }
+  },
+  input: {
+    root: (error) => error ? "input input--error" : "input"
+  },
+  textarea: {
+    root: "textarea"
+  },
+  select: {
+    wrap: "select-wrap",
+    root: "select",
+    elements: {
+      arrow: "select-wrap__arrow"
+    }
+  },
+  checkbox: {
+    root: "checkbox",
+    elements: {
+      box: (checked) => checked ? "checkbox__box checkbox__box--checked" : "checkbox__box",
+      check: "checkbox__check",
+      label: "checkbox__label"
+    }
+  },
+  radio: {
+    root: "radio",
+    elements: {
+      circle: (selected) => selected ? "radio__circle radio__circle--selected" : "radio__circle",
+      label: "radio__label"
+    }
+  },
+  switch: {
+    root: (on) => on ? "switch switch--on" : "switch",
+    elements: {
+      thumb: "switch__thumb"
+    }
+  }
+};
+export {
+  classes
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export type BtnVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'info'\nexport type BtnSize = 'sm' | 'md' | 'lg' | 'xl'\nexport type BtnModifier = 'icon' | 'block' | 'loading'\n\nexport type BadgeVariant = 'neutral' | 'ember' | 'success' | 'warning' | 'danger' | 'info'\nexport type BadgeStyle = 'soft' | 'solid' | 'outline'\nexport type BadgeSize = 'xs' | 'sm' | 'md'\nexport type BadgeShape = 'pill' | 'square'\nexport type BadgeModifier = 'pill' | 'square' | 'removable' | 'count'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'banner'\n\nexport type CardTrendDirection = 'up' | 'down'\n\nexport type ThAlign = 'left' | 'right'\n\nexport const classes = {\n  btn: {\n    root: (variant: BtnVariant, size: BtnSize, modifiers: BtnModifier[] = []) => {\n      const base = `btn btn--${variant} btn--${size}`\n      const mods = modifiers.map((m) => `btn--${m}`).join(' ')\n      return mods ? `${base} ${mods}` : base\n    },\n    elements: {\n      label: 'btn__label',\n      spinner: 'btn__spinner',\n      icon: 'btn__icon',\n      kbd: 'btn__kbd',\n    },\n  },\n\n  badge: {\n    root: (\n      variant: BadgeVariant,\n      appearance: BadgeStyle = 'soft',\n      size: BadgeSize = 'sm',\n      modifiers: BadgeModifier[] = [],\n    ) => {\n      const base = `badge badge--${appearance} badge--${variant} badge--${size}`\n      const mods = modifiers.map((m) => `badge--${m}`).join(' ')\n      return mods ? `${base} ${mods}` : base\n    },\n    elements: {\n      dot: 'badge__dot',\n      icon: 'badge__icon',\n      label: 'badge__label',\n      count: 'badge__count',\n      close: 'badge__close',\n    },\n  },\n\n  alert: {\n    root: (variant: AlertVariant) => `alert alert--${variant}`,\n    elements: {\n      icon: 'alert__icon',\n      body: 'alert__body',\n      title: 'alert__title',\n      text: 'alert__text',\n      close: 'alert__close',\n      action: 'alert__action',\n    },\n  },\n\n  card: {\n    root: 'card',\n    elements: {\n      header: 'card__header',\n      title: 'card__title',\n      meta: 'card__meta',\n      kpi: 'card__kpi',\n      trend: (direction: CardTrendDirection) => `card__trend card__trend--${direction}`,\n      chart: 'card__chart',\n      avatar: 'card__avatar',\n    },\n  },\n\n  table: {\n    wrap: 'table-wrap',\n    root: (stripe?: boolean) => (stripe ? 'table table--stripe' : 'table'),\n    elements: {\n      th: (align?: ThAlign) => (align === 'right' ? 'table__th table__th--right' : 'table__th'),\n      td: 'table__td',\n      tdFoot: 'table__td--foot',\n      tdNum: 'table__td--num',\n    },\n  },\n\n  field: {\n    root: 'field',\n    elements: {\n      label: 'field__label',\n      helper: 'field__helper',\n      error: 'field__error',\n      inputWrap: 'field__input-wrap',\n      inputIcon: 'field__input-icon',\n    },\n  },\n\n  input: {\n    root: (error?: boolean) => (error ? 'input input--error' : 'input'),\n  },\n\n  textarea: {\n    root: 'textarea',\n  },\n\n  select: {\n    wrap: 'select-wrap',\n    root: 'select',\n    elements: {\n      arrow: 'select-wrap__arrow',\n    },\n  },\n\n  checkbox: {\n    root: 'checkbox',\n    elements: {\n      box: (checked?: boolean) =>\n        checked ? 'checkbox__box checkbox__box--checked' : 'checkbox__box',\n      check: 'checkbox__check',\n      label: 'checkbox__label',\n    },\n  },\n\n  radio: {\n    root: 'radio',\n    elements: {\n      circle: (selected?: boolean) =>\n        selected ? 'radio__circle radio__circle--selected' : 'radio__circle',\n      label: 'radio__label',\n    },\n  },\n\n  switch: {\n    root: (on?: boolean) => (on ? 'switch switch--on' : 'switch'),\n    elements: {\n      thumb: 'switch__thumb',\n    },\n  },\n}\n"],"mappings":";AAgBO,IAAM,UAAU;AAAA,EACrB,KAAK;AAAA,IACH,MAAM,CAAC,SAAqB,MAAe,YAA2B,CAAC,MAAM;AAC3E,YAAM,OAAO,YAAY,OAAO,SAAS,IAAI;AAC7C,YAAM,OAAO,UAAU,IAAI,CAAC,MAAM,QAAQ,CAAC,EAAE,EAAE,KAAK,GAAG;AACvD,aAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,IACpC;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CACJ,SACA,aAAyB,QACzB,OAAkB,MAClB,YAA6B,CAAC,MAC3B;AACH,YAAM,OAAO,gBAAgB,UAAU,WAAW,OAAO,WAAW,IAAI;AACxE,YAAM,OAAO,UAAU,IAAI,CAAC,MAAM,UAAU,CAAC,EAAE,EAAE,KAAK,GAAG;AACzD,aAAO,OAAO,GAAG,IAAI,IAAI,IAAI,KAAK;AAAA,IACpC;AAAA,IACA,UAAU;AAAA,MACR,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CAAC,YAA0B,gBAAgB,OAAO;AAAA,IACxD,UAAU;AAAA,MACR,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO,CAAC,cAAkC,4BAA4B,SAAS;AAAA,MAC/E,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM,CAAC,WAAsB,SAAS,wBAAwB;AAAA,IAC9D,UAAU;AAAA,MACR,IAAI,CAAC,UAAqB,UAAU,UAAU,+BAA+B;AAAA,MAC7E,IAAI;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,MACR,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM,CAAC,UAAqB,QAAQ,uBAAuB;AAAA,EAC7D;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA,MACR,KAAK,CAAC,YACJ,UAAU,yCAAyC;AAAA,MACrD,OAAO;AAAA,MACP,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,MACR,QAAQ,CAAC,aACP,WAAW,0CAA0C;AAAA,MACvD,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN,MAAM,CAAC,OAAkB,KAAK,sBAAsB;AAAA,IACpD,UAAU;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AACF;","names":[]}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@zapatran/paper-ember-theme",
+  "version": "0.1.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./src/index.css",
+    "./vars.css": "./src/vars.css",
+    "./tokens.css": "./src/tokens.css",
+    "./components.css": "./src/components.css",
+    "./buttons.css": "./src/buttons.css",
+    "./badges.css": "./src/badges.css",
+    "./forms.css": "./src/forms.css",
+    "./cards.css": "./src/cards.css",
+    "./alerts.css": "./src/alerts.css",
+    "./tables.css": "./src/tables.css"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "peerDependencies": {
+    "tailwindcss": "^4"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.5",
+    "typescript": "^5.4.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  }
+}