qaema-ui 0.0.1

package/dist/components/AddOnCard.d.ts

@@ -0,0 +1,10 @@
+export type AddOnCardProps = {
+    imgSrc?: string;
+    title?: string;
+    description: string;
+    amount: string;
+    unit?: string;
+};
+declare const AddOnCard: React.FC<AddOnCardProps>;
+export default AddOnCard;
+//# sourceMappingURL=AddOnCard.d.ts.map

package/dist/components/AddOnCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddOnCard.d.ts","sourceRoot":"","sources":["../../src/lib/components/AddOnCard.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA2FF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0BvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/AddOnCard.js

@@ -0,0 +1,80 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import l from "../assets/images/cashier.png.js";
+import r, { useTheme as c } from "styled-components";
+import m from "../assets/svg/Riyal.svg.js";
+import { Card as x } from "./Card.js";
+import t from "./Typography.js";
+const h = r.div`
+  flex-shrink: 0;
+
+  img {
+    width: 10rem;
+    height: auto;
+
+    @media (max-width: 375px) {
+      width: 7rem;
+    }
+  }
+`, p = r.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: space-between;
+  gap: inherit;
+
+  @media (max-width: 375px) {
+    align-items: center;
+  }
+`, g = r.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 0.5rem;
+  margin-top: 10px;
+  width: 100%;
+
+  @media (max-width: 375px) {
+    align-items: center;
+  }
+`, f = r.div`
+  display: flex;
+  align-items: baseline;
+  color: ${({ theme: i }) => i.colors.grey.n650};
+
+  span {
+    color: ${({ theme: i }) => i.colors.grey.n650};
+  }
+
+  @media (max-width: 375px) {
+    text-align: center;
+  }
+`, j = r.img`
+  width: ${({ $width: i = "1rem" }) => i};
+  height: 1rem;
+  object-fit: contain;
+  flex-shrink: 0;
+  margin-right: 2px;
+`, y = r.div`
+  display: flex;
+  align-items: center;
+`, T = ({ imgSrc: i = l, title: a, description: o, amount: n, unit: d = "/ device" }) => {
+  const s = c();
+  return /* @__PURE__ */ e.jsxs(x, { border: "1px solid transparent", style: { display: "flex", borderRadius: s.borderRadius.md }, children: [
+    /* @__PURE__ */ e.jsx(h, { children: /* @__PURE__ */ e.jsx("img", { src: i, alt: "Cashier System" }) }),
+    /* @__PURE__ */ e.jsxs(p, { children: [
+      /* @__PURE__ */ e.jsx(t, { variant: "h6-lg", children: a }),
+      /* @__PURE__ */ e.jsx(t, { variant: "caption", color: s.colors.grey.n350, children: o }),
+      /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsxs(f, { children: [
+        /* @__PURE__ */ e.jsxs(y, { children: [
+          /* @__PURE__ */ e.jsx(j, { src: m, alt: n }),
+          /* @__PURE__ */ e.jsx(t, { variant: "h5", weight: "bold", children: n })
+        ] }),
+        /* @__PURE__ */ e.jsx(t, { variant: "caption", children: d })
+      ] }) })
+    ] })
+  ] });
+};
+export {
+  T as default
+};

package/dist/components/AddOnCardInput.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { AddOnCardProps } from './AddOnCard';
+type AddOnCardInputOption = {
+    data: AddOnCardProps;
+    value: string;
+};
+export type AddOnCardInputProps = {
+    options: Array<AddOnCardInputOption>;
+    name: string;
+    value: string | number;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+};
+declare const AddOnCardInput: React.FC<AddOnCardInputProps>;
+export default AddOnCardInput;
+//# sourceMappingURL=AddOnCardInput.d.ts.map

package/dist/components/AddOnCardInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddOnCardInput.d.ts","sourceRoot":"","sources":["../../src/lib/components/AddOnCardInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAG7D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAeF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/AddOnCardInput.js

@@ -0,0 +1,21 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import l from "styled-components";
+import s from "./AddOnCard.js";
+import x from "./Radio.js";
+const m = l.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: ${({ theme: e }) => e.spacing.xxs};
+`, f = l.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme: e }) => e.spacing.xs};
+`, v = ({ options: e, value: u, onChange: c, name: i }) => (e == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ t.jsx(f, { children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ t.jsxs(m, { children: [
+  /* @__PURE__ */ t.jsx(x, { value: r == null ? void 0 : r.value, $selected: u === (r == null ? void 0 : r.value), onChange: c, name: i }),
+  /* @__PURE__ */ t.jsx(s, { ...r == null ? void 0 : r.data })
+] }, r.value)) });
+export {
+  v as default
+};

package/dist/components/AddOnCounter.d.ts

@@ -0,0 +1,3 @@
+declare const AddOnCounter: () => import("react/jsx-runtime").JSX.Element;
+export default AddOnCounter;
+//# sourceMappingURL=AddOnCounter.d.ts.map

package/dist/components/AddOnCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddOnCounter.d.ts","sourceRoot":"","sources":["../../src/lib/components/AddOnCounter.tsx"],"names":[],"mappings":"AAwCA,QAAA,MAAM,YAAY,+CAejB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/Alert.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type AlertType = 'information' | 'error' | 'success' | 'warning' | 'default';
+type AlertProps = {
+    alertType?: AlertType;
+    title?: string;
+    description?: string;
+    primaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    showLeadIcon?: boolean;
+    onClose?: () => void;
+};
+export declare const Alert: React.FC<AlertProps>;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/lib/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpF,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE;QACd,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAqLF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqFtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Alert.js

@@ -0,0 +1,248 @@
+import { j as c } from "../_virtual/jsx-runtime.js";
+import { useState as f } from "react";
+import { AiOutlineClose as x } from "../node_modules/react-icons/ai/index.js";
+import { CiWarning as p } from "../node_modules/react-icons/ci/index.js";
+import { FaRegCircleCheck as b } from "../node_modules/react-icons/fa6/index.js";
+import { HiOutlineXCircle as j } from "../node_modules/react-icons/hi/index.js";
+import { IoIosInformationCircleOutline as k } from "../node_modules/react-icons/io/index.js";
+import l, { css as s } from "styled-components";
+import y from "../node_modules/react-bootstrap/esm/Alert.js";
+import w from "../node_modules/react-bootstrap/esm/Button.js";
+const C = l.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: o }) => o.spacing.xs};
+  padding: ${({ theme: o }) => `${o.spacing.s} ${o.spacing.sm}`};
+  margin-bottom: ${({ theme: o }) => o.spacing.l};
+  color: #000;
+  min-height: 4rem;
+  border-bottom: 2px solid transparent;
+
+  ${({ $alertType: o, theme: r }) => {
+  switch (o) {
+    case "information":
+      return s`
+          background-color: ${r.colors.primary.purple.n150};
+          border-color: ${r.colors.primary.purple.n450};
+        `;
+    case "error":
+      return s`
+          background-color: ${r.colors.state.error.n150};
+          border-color: ${r.colors.state.error.n450};
+        `;
+    case "success":
+      return s`
+          background-color: ${r.colors.state.success.n100};
+          border-color: ${r.colors.state.success.n450};
+        `;
+    case "warning":
+      return s`
+          background-color: ${r.colors.secondary.orange.n150};
+          border-color: ${r.colors.secondary.orange.n450};
+        `;
+    default:
+      return s`
+          background-color: ${r.colors.secondary.pink.n50};
+          border-color: ${r.colors.grey.n400};
+        `;
+  }
+}}
+`, v = l.div`
+  text-align: center;
+`, m = l.div`
+  flex: 1;
+  justify-content: center;
+
+  h5 {
+    margin: 0 0 0.2rem 0;
+  }
+  p {
+    margin: 0 0 0.2rem 0;
+  }
+`, I = l.div`
+  display: flex;
+  gap: ${({ theme: o }) => o.spacing.sm};
+  align-items: start;
+`, z = l(x)`
+  cursor: pointer;
+  width: ${({ theme: o }) => `${o.spacing.m}`};
+  height: ${({ theme: o }) => `${o.spacing.m}`};
+  margin: auto ${({ theme: o }) => o.spacing.sm};
+
+  ${({ $alertType: o, theme: r }) => {
+  switch (o) {
+    case "information":
+      return s`
+          color: ${r.colors.primary.purple.n450};
+        `;
+    case "error":
+      return s`
+          color: ${r.colors.state.error.n450};
+        `;
+    case "success":
+      return s`
+          color: ${r.colors.state.success.n450};
+        `;
+    case "warning":
+      return s`
+          color: ${r.colors.secondary.orange.n450};
+        `;
+    default:
+      return s`
+          color: ${r.colors.grey.n650};
+        `;
+  }
+}}
+`, A = l.div`
+  margin: auto ${({ theme: o }) => o.spacing.sm};
+
+  svg {
+    width: 20px;
+    height: 20px;
+
+    ${({ $alertType: o, theme: r }) => {
+  switch (o) {
+    case "information":
+      return s`
+            fill: ${r.colors.primary.purple.n450};
+          `;
+    case "error":
+      return s`
+            color: ${r.colors.state.error.n450};
+          `;
+    case "success":
+      return s`
+            fill: ${r.colors.state.success.n450};
+          `;
+    case "warning":
+      return s`
+            fill: ${r.colors.secondary.orange.n450};
+          `;
+    default:
+      return s`
+            fill: ${r.colors.grey.n650};
+          `;
+  }
+}}
+  }
+`, d = l(w)`
+  padding: ${({ theme: o }) => `${o.spacing.xxs} ${o.spacing.sm}`};
+  font-size: 14px;
+  border-radius: ${({ theme: o }) => o.borderRadius.sm};
+  height: 2rem;
+  border: 2px solid transparent;
+  &:hover {
+    cursor: pointer;
+  }
+
+  ${({ $alertType: o, $isPrimary: r, theme: n }) => {
+  switch (o) {
+    case "information":
+      return s`
+          background-color: ${r ? n.colors.primary.purple.n450 : "transparent"};
+          color: ${r ? n.colors.grey.n50 : n.colors.primary.purple.n450};
+          border-color: ${r ? n.colors.primary.purple.n450 : "none"};
+        `;
+    case "error":
+      return s`
+          background-color: ${r ? n.colors.state.error.n450 : "transparent"};
+          color: ${r ? n.colors.grey.n50 : n.colors.state.error.n450};
+          border-color: ${r ? n.colors.state.error.n450 : "none"};
+        `;
+    case "success":
+      return s`
+          background-color: ${r ? n.colors.state.success.n450 : "transparent"};
+          color: ${r ? n.colors.grey.n50 : n.colors.state.success.n450};
+          border-color: ${r ? n.colors.state.success.n450 : "none"};
+        `;
+    case "warning":
+      return s`
+          background-color: ${r ? n.colors.secondary.orange.n450 : "transparent"};
+          color: ${r ? n.colors.grey.n50 : n.colors.secondary.orange.n450};
+          border-color: ${r ? n.colors.secondary.orange.n450 : "none"};
+        `;
+    default:
+      return s`
+          background-color: ${r ? n.colors.primary.purple.n450 : "transparent"};
+          color: ${r ? n.colors.grey.n50 : n.colors.primary.purple.n450};
+          border-color: ${r ? n.colors.primary.purple.n450 : "none"};
+          &:hover {
+            background-color: ${r ? "#5a6268" : "transparent"};
+            border-color: #5a6268;
+          }
+        `;
+  }
+}}
+`, D = ({
+  alertType: o = "default",
+  title: r,
+  description: n,
+  primaryAction: e,
+  secondaryAction: a,
+  showLeadIcon: i = !0,
+  onClose: u
+}) => {
+  const [g, t] = f(!0), $ = () => {
+    if (!i) return null;
+    switch (o) {
+      case "information":
+        return /* @__PURE__ */ c.jsx(k, {});
+      case "error":
+        return /* @__PURE__ */ c.jsx(j, {});
+      case "success":
+        return /* @__PURE__ */ c.jsx(b, {});
+      case "warning":
+        return /* @__PURE__ */ c.jsx(p, {});
+      default:
+        return /* @__PURE__ */ c.jsx(p, {});
+    }
+  };
+  return /* @__PURE__ */ c.jsx(c.Fragment, { children: g && /* @__PURE__ */ c.jsx(y, { children: /* @__PURE__ */ c.jsxs(C, { $alertType: o, children: [
+    /* @__PURE__ */ c.jsx(v, { children: i && /* @__PURE__ */ c.jsx(A, { $alertType: o, children: $() }) }),
+    /* @__PURE__ */ c.jsxs(m, { children: [
+      r && /* @__PURE__ */ c.jsx("h5", { children: r }),
+      n && /* @__PURE__ */ c.jsx("p", { children: n })
+    ] }),
+    (e || a) && /* @__PURE__ */ c.jsxs(I, { children: [
+      e && /* @__PURE__ */ c.jsx(
+        d,
+        {
+          variant: "primary",
+          size: "sm",
+          onClick: () => {
+            e.onClick(), t(!1);
+          },
+          $alertType: o,
+          $isPrimary: !0,
+          children: e.label
+        }
+      ),
+      a && /* @__PURE__ */ c.jsx(
+        d,
+        {
+          variant: "outline-secondary",
+          size: "sm",
+          onClick: () => {
+            a.onClick(), t(!1);
+          },
+          $alertType: o,
+          $isPrimary: !1,
+          children: a.label
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ c.jsx(
+      z,
+      {
+        $alertType: o,
+        onClick: () => {
+          u(), t(!1);
+        }
+      }
+    )
+  ] }) }) });
+};
+export {
+  D as Alert,
+  D as default
+};

package/dist/components/AmountItem.d.ts

@@ -0,0 +1,12 @@
+import { AmountCellData, CellType } from './Table/Table.types';
+import { TypographyProps } from './Typography';
+type AmountItemProps = {
+    data: AmountCellData;
+    type?: CellType;
+    width?: string;
+    numberOptions?: TypographyProps;
+    decimalOptions?: TypographyProps;
+};
+declare const AmountItem: React.FC<AmountItemProps>;
+export default AmountItem;
+//# sourceMappingURL=AmountItem.d.ts.map

package/dist/components/AmountItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmountItem.d.ts","sourceRoot":"","sources":["../../src/lib/components/AmountItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAgB,MAAM,qBAAqB,CAAC;AAClF,OAAmB,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,cAAc,CAAC,EAAE,eAAe,CAAC;CAClC,CAAC;AAiDF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/AmountItem.js

@@ -0,0 +1,43 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import r from "styled-components";
+import l from "../assets/svg/Riyal.svg.js";
+import o from "./Typography.js";
+const b = r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  flex-direction: ${({ theme: e }) => e.dir == "rtl" && "row-reverse"};
+`, S = r.div`
+  width: ${({ $width: e = "12.18rem" }) => e};
+  height: 3.5rem;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  direction: inherit;
+`, s = {
+  textAlign: "start",
+  whiteSpace: "nowrap",
+  overflow: "hidden",
+  textOverflow: "ellipsis"
+}, A = r.img`
+  width: ${({ $width: e = ".75rem" }) => e};
+  height: 0.75rem;
+  object-fit: contain;
+  flex-shrink: 0;
+  margin-right: 2px;
+`, C = {
+  SAR: l
+}, T = ({ data: e, width: c, numberOptions: a, decimalOptions: m }) => {
+  var n;
+  const i = e.value ?? "", [h, d = "00"] = i.split("."), p = Number(h.replace(/,/g, "")).toLocaleString(), g = ((n = e.currencyCode) == null ? void 0 : n.trim()) ?? "SAR", u = C[g] || l, { variant: x = "smText", weight: y = "bold", ...f } = a || {}, { variant: v = "smText", weight: w, ...j } = m || {};
+  return /* @__PURE__ */ t.jsx(S, { $width: c, children: i.length > 0 && /* @__PURE__ */ t.jsxs(b, { children: [
+    /* @__PURE__ */ t.jsx(A, { src: u, alt: e.value }),
+    /* @__PURE__ */ t.jsx(o, { variant: x, weight: y, style: s, ...f, children: p }),
+    ".",
+    /* @__PURE__ */ t.jsx(o, { variant: v, weight: w, style: s, ...j, children: d })
+  ] }) });
+};
+export {
+  T as default
+};

package/dist/components/Badge.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { BadgeVariant } from '../hooks/useBadgeVariant';
+import { FontWeight } from '../theme/theme';
+export type BadgeProps = {
+    bgColor?: string;
+    color?: string;
+    label?: string;
+    weight?: FontWeight;
+    variant?: BadgeVariant;
+    children?: ReactNode;
+    onClose?: () => void;
+};
+declare const Badge: ({ bgColor, color, label, weight, variant, onClose, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default Badge;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/lib/components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAwB,EAAE,KAAK,YAAY,EAA4B,MAAM,wBAAwB,CAAC;AACtG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA4B/C,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,+DAA+D,UAAU,4CAkBvF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,36 @@
+import { j as t } from "../_virtual/jsx-runtime.js";
+import { IoClose as l } from "../node_modules/react-icons/io5/index.js";
+import i from "styled-components";
+import p from "../hooks/useBadgeVariant.js";
+import m from "./Typography.js";
+const g = i.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: ${({ theme: r }) => `0rem ${r.spacing.xs}`};
+  border-radius: 0.5rem;
+  background-color: ${({ bgColor: r, $variantStyles: o }) => r ?? o.backgroundColor};
+  gap: ${({ theme: r }) => r.spacing.xs};
+  height: 1.5rem;
+`, u = i.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: ${({ $variantStyles: r }) => r.closeBackgoundColor};
+  border-radius: ${({ theme: r }) => r.borderRadius.circle};
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`, b = ({ bgColor: r, color: o, label: s, weight: n, variant: c, onClose: a, children: d }) => {
+  const e = p(c ?? "default");
+  return /* @__PURE__ */ t.jsxs(g, { bgColor: r, $variantStyles: e, children: [
+    s && /* @__PURE__ */ t.jsx(m, { variant: "span", color: o ?? e.color, weight: n, children: s }),
+    d,
+    a && /* @__PURE__ */ t.jsx(u, { onClick: a, $variantStyles: e, children: /* @__PURE__ */ t.jsx(l, { color: o ?? e.color, size: "0.75rem" }) })
+  ] });
+};
+export {
+  b as default
+};

package/dist/components/BulletItem.d.ts

@@ -0,0 +1,7 @@
+export type InfoCardBulletItemProps = {
+    showBullet?: boolean;
+    title: string;
+};
+declare const BulletItem: React.FC<InfoCardBulletItemProps>;
+export default BulletItem;
+//# sourceMappingURL=BulletItem.d.ts.map

package/dist/components/BulletItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletItem.d.ts","sourceRoot":"","sources":["../../src/lib/components/BulletItem.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAoBF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/BulletItem.js

@@ -0,0 +1,29 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { SiListmonk as l } from "../node_modules/react-icons/si/index.js";
+import r from "styled-components";
+const o = r.div`
+  display: flex;
+  flex-direction: row;
+  gap: ${({ theme: t }) => t.spacing.xs};
+  align-items: center;
+  svg {
+    color: ${({ theme: t }) => t.colors.primary.purple.n450};
+    width: 0.563rem;
+    height: 0.5rem;
+  }
+  .bullet-title {
+    margin: 0;
+    font-size: ${({ theme: t }) => t.typography.sizes.s2};
+    font-weight: ${({ theme: t }) => t.typography.weights.regular};
+    line-height: ${({ theme: t }) => t.typography.lineHeights.xs};
+  }
+`, a = (t) => {
+  const { showBullet: i = !0, title: s } = t;
+  return /* @__PURE__ */ e.jsxs(o, { children: [
+    i && /* @__PURE__ */ e.jsx(l, {}),
+    /* @__PURE__ */ e.jsx("p", { className: "bullet-title", children: s })
+  ] });
+};
+export {
+  a as default
+};

package/dist/components/Button.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonVariant } from '../hooks/useButtonVariant';
+type ButtonSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+type ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonProps = {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    type?: ButtonType;
+    disabled?: boolean;
+    onClick?: () => void;
+    rightIcon?: ReactNode;
+    leftIcon?: ReactNode;
+    icon?: ReactNode;
+    onlyIcon?: boolean;
+    isLoading?: boolean;
+    style?: React.CSSProperties;
+    disableHoverEffect?: boolean;
+    width?: string;
+};
+declare const Button: React.FC<ButtonProps>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/lib/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAyB,EAAE,KAAK,aAAa,EAA6B,MAAM,yBAAyB,CAAC;AAE1G,KAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AA+BhD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA6DF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CjC,CAAC;AAEF,eAAe,MAAM,CAAC"}