qaema-ui 0.0.65 → 0.0.68

package/dist/_virtual/index.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
+var a = t();
+const m = /* @__PURE__ */ r(a);
 export {
-  t as default
+  m as default
 };

package/dist/_virtual/index2.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as o } from "../node_modules/shallowequal/index.js";
+var a = o();
+const t = /* @__PURE__ */ r(a);
 export {
-  s as default
+  t as default
 };

package/dist/_virtual/index3.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/react-helmet-async/node_modules/react-fast-compare/index.js";
-var a = t();
-const m = /* @__PURE__ */ r(a);
+import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/classnames/index.js";
+var a = r();
+const t = /* @__PURE__ */ s(a);
 export {
-  m as default
+  t as default
 };

package/dist/_virtual/index4.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/shallowequal/index.js";
-var a = o();
-const t = /* @__PURE__ */ r(a);
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  t as default
+  s as default
 };

package/dist/components/FeaturesList.d.ts

@@ -0,0 +1,6 @@
+import type { PriceCardFeature } from './PriceCard';
+export type FeaturesListProps = {
+    features: PriceCardFeature[];
+};
+declare const FeaturesList: (props: FeaturesListProps) => import("react/jsx-runtime").JSX.Element;
+export default FeaturesList;

package/dist/components/FeaturesList.js

@@ -0,0 +1,58 @@
+import { j as n } from "../_virtual/jsx-runtime.js";
+import { FiCheck as a, FiX as c } from "../node_modules/react-icons/fi/index.js";
+import s, { css as t } from "styled-components";
+import d from "./Typography.js";
+const p = s.ul`
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: e }) => e.spacing.s};
+`, g = s.li`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: e }) => e.spacing.xs};
+`, m = s.span`
+  width: 1rem;
+  height: 1rem;
+  border-radius: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+
+  svg {
+    width: 0.7rem;
+    height: 0.7rem;
+  }
+
+  ${({ theme: e, $variant: r }) => r === "included" ? t`
+          border: 1px solid ${e.colors.secondary.green.n450};
+          color: ${e.colors.secondary.green.n450};
+        ` : t`
+          border: 1px solid ${e.colors.secondary.pink.n450};
+          color: ${e.colors.secondary.pink.n450};
+        `}
+`, x = s(d)`
+  font-family: ${({ theme: e }) => e.fonts.arabic};
+  font-weight: 400;
+  font-size: ${({ theme: e }) => {
+  var r;
+  return (r = e.typography.sizes) == null ? void 0 : r.s2;
+}};
+  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
+  color: ${({ theme: e }) => e.colors.grey.n400};
+`, $ = (e) => {
+  const { features: r } = e;
+  return /* @__PURE__ */ n.jsx(p, { children: r.map((i, l) => {
+    const o = i.variant ?? "included";
+    return /* @__PURE__ */ n.jsxs(g, { children: [
+      /* @__PURE__ */ n.jsx(m, { $variant: o, children: o === "included" ? /* @__PURE__ */ n.jsx(a, {}) : /* @__PURE__ */ n.jsx(c, {}) }),
+      /* @__PURE__ */ n.jsx(x, { children: i.label })
+    ] }, `${i.label}-${l}`);
+  }) });
+};
+export {
+  $ as default
+};

package/dist/components/PriceCard.d.ts

@@ -8,6 +8,7 @@ export type PriceCardBadge = {
     label: string;
     bgColor: string;
     color: string;
+    ribbon?: boolean;
     weight?: FontWeight;
     variant?: BadgeVariant;
     children?: ReactNode;
@@ -21,6 +22,11 @@ export type PriceCardFeature = {
 export type SecondaryPrice = {
     amount: string;
     label: string;
+    originalAmount?: string;
+};
+export type PriceCardDiscount = {
+    label: string;
+    amount: string;
 };
 export type PriceCardPrice = {
     amount: string;
@@ -38,6 +44,8 @@ export type PriceCardProps = {
     title: string;
     price: PriceCardPrice;
     secondaryPrice?: SecondaryPrice;
+    discount?: PriceCardDiscount;
+    discountLabel?: string;
     description: string;
     hintComponent?: React.ReactNode;
     features: PriceCardFeature[];
@@ -65,6 +73,7 @@ export type PriceCardProps = {
     addonsTitle?: string;
     addonsOptionalLabel?: string;
     addonsMonthlyLabel?: string;
+    mobileHintComponent?: React.ReactNode;
 };
 declare const PriceCard: React.FC<PriceCardProps>;
 export default PriceCard;