qaema-ui 0.0.1

package/dist/components/Table/components/CellComponents.d.ts

@@ -0,0 +1,117 @@
+import { Dispatch, SetStateAction } from 'react';
+import { BadgeProps } from '../../Badge';
+import { CheckboxProps } from '../../Checkbox';
+import { RadioButtonProps } from '../../Radio';
+import { AmountCellData, CellAlignment, CellData, CellType, RowAction, TableColumn, TransactionCellData } from '../Table.types';
+export interface BaseCellProps {
+    align?: CellAlignment;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    className?: string;
+}
+export interface UserCellProps extends BaseCellProps {
+    data: CellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface FlagCellProps extends BaseCellProps {
+    data: CellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface ProductCellProps extends BaseCellProps {
+    data: CellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface TextCellProps extends BaseCellProps {
+    data: CellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface AmountCellProps extends BaseCellProps {
+    data: AmountCellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface TransactionCellProps extends BaseCellProps {
+    data: TransactionCellData;
+    type: CellType;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface CheckboxCellProps extends BaseCellProps {
+    checkBoxOptions?: CheckboxProps;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    onClick?: () => void;
+}
+export interface RadioButtonCellProps extends BaseCellProps {
+    radioButtonOptions?: RadioButtonProps;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    onClick?: () => void;
+}
+export interface BadgeCellProps extends BaseCellProps {
+    badgeOptions?: BadgeProps;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface CustomCellProps<T = unknown> {
+    column: TableColumn<T>;
+    row: T;
+    rowIndex: number;
+    width?: string;
+    maxWidth?: string;
+    minWidth?: string;
+}
+export interface IconCellProps<T = unknown> {
+    row?: T;
+    keyField: string;
+    rowActions?: RowAction<T>[];
+    activeDropdown: number | null;
+    setActiveDropdown: Dispatch<SetStateAction<number | null>>;
+    setConfirmationPopupOpen?: Dispatch<SetStateAction<boolean>>;
+}
+export declare const ProductCell: React.FC<ProductCellProps>;
+export declare const UserCell: React.FC<UserCellProps>;
+export declare const FlagCell: React.FC<FlagCellProps>;
+export declare const TextCell: React.FC<TextCellProps>;
+export declare const AmountCell: React.FC<AmountCellProps>;
+export declare const TransactionCell: React.FC<TransactionCellProps>;
+export declare const CheckboxCell: React.FC<CheckboxCellProps>;
+export declare const RadioButtonCell: React.FC<RadioButtonCellProps>;
+export declare const BadgeCell: React.FC<BadgeCellProps>;
+export declare const CustomCell: <T>({ column, row, rowIndex }: CustomCellProps<T>) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const IconCell: <T>({ row, keyField, rowActions, activeDropdown, setActiveDropdown, setConfirmationPopupOpen, }: IconCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export interface CellFactoryProps<T = unknown> {
+    column?: TableColumn<T>;
+    row: unknown;
+    type: CellType;
+    render?: () => React.ReactNode;
+    align?: CellAlignment;
+    isDisabled?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+    iconOptions?: IconCellProps<T>;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+}
+declare const TableCellFactory: <T>(props: CellFactoryProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default TableCellFactory;
+//# sourceMappingURL=CellComponents.d.ts.map

package/dist/components/Table/components/CellComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellComponents.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/Table/components/CellComponents.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/components/CellComponents.js

@@ -0,0 +1,118 @@
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { FaEllipsisH as p, FaEdit as f } from "../../../node_modules/react-icons/fa/index.js";
+import { FaPrint as u, FaCopy as j, FaTrash as C, FaEye as h } from "../../../node_modules/react-icons/fa6/index.js";
+import g from "styled-components";
+import b from "../../AmountItem.js";
+import y from "../../Badge.js";
+import F from "../../Checkbox.js";
+import d from "../../InfoItem.js";
+import I from "../../Radio.js";
+import $ from "../../StatIndicator.js";
+import { DropdownContainer as v, DropdownButton as k, DropdownMenu as T, DropdownItem as B } from "../Table.styles.js";
+const i = g.div`
+  display: flex;
+  align-items: center;
+  direction: inherit;
+  gap: 8px;
+  width: ${({ width: e }) => e};
+  max-width: ${({ maxWidth: e }) => e};
+  min-width: ${({ minWidth: e }) => e};
+`, E = {
+  view: /* @__PURE__ */ r.jsx(h, {}),
+  edit: /* @__PURE__ */ r.jsx(f, {}),
+  delete: /* @__PURE__ */ r.jsx(C, {}),
+  copy: /* @__PURE__ */ r.jsx(j, {}),
+  duplicate: /* @__PURE__ */ r.jsx(j, {}),
+  approve: /* @__PURE__ */ r.jsx(u, {}),
+  print: /* @__PURE__ */ r.jsx(u, {})
+}, R = (e) => E[e.toLowerCase()] ?? null, D = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), L = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), M = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), S = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(d, { data: e, type: t, width: s }) }), V = ({ data: e, type: t, width: s, maxWidth: n, minWidth: o }) => /* @__PURE__ */ r.jsx(i, { width: s, maxWidth: n, minWidth: o, children: e && /* @__PURE__ */ r.jsx(b, { data: e, type: t, width: s }) }), H = ({ data: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx($, { value: e.value, direction: e.transactionType }) }), K = ({ checkBoxOptions: e, width: t, maxWidth: s, minWidth: n }) => {
+  const o = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(F, { ...o }) });
+}, P = ({ radioButtonOptions: e, width: t, maxWidth: s, minWidth: n }) => {
+  const o = e ? { ...e, name: e.name ?? "" } : void 0;
+  return /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(I, { ...o }) });
+}, U = ({ badgeOptions: e, width: t, maxWidth: s, minWidth: n }) => /* @__PURE__ */ r.jsx(i, { width: t, maxWidth: s, minWidth: n, children: /* @__PURE__ */ r.jsx(y, { ...e }) }), q = ({ column: e, row: t, rowIndex: s }) => {
+  if (e.renderCell) {
+    const n = typeof e.accessor == "function" ? e.accessor(t) : t[e.accessor];
+    return e.renderCell(n, t, s);
+  }
+  return /* @__PURE__ */ r.jsx(r.Fragment, {});
+}, z = ({
+  row: e,
+  keyField: t,
+  rowActions: s,
+  activeDropdown: n,
+  setActiveDropdown: o,
+  setConfirmationPopupOpen: c
+}) => {
+  const a = e ? e[t] : void 0;
+  return /* @__PURE__ */ r.jsxs(v, { onClick: (l) => l.stopPropagation(), children: [
+    /* @__PURE__ */ r.jsx(
+      k,
+      {
+        onClick: (l) => {
+          l.stopPropagation(), o(n === a ? null : a);
+        },
+        children: /* @__PURE__ */ r.jsx(p, {})
+      }
+    ),
+    /* @__PURE__ */ r.jsx(T, { $isOpen: n === a, children: s == null ? void 0 : s.filter((l) => typeof l.hidden == "function" ? !l.hidden(e) : !l.hidden).map((l) => {
+      if (!l) return null;
+      const x = typeof l.disabled == "function" ? l.disabled(e) : l.disabled;
+      return /* @__PURE__ */ r.jsxs(
+        B,
+        {
+          $disabled: x,
+          onClick: (m) => {
+            m.stopPropagation(), o(null), x || l.onClick(e), (l.action.toLowerCase() === "delete" || l.action.includes("delet")) && (c == null || c(!0));
+          },
+          children: [
+            R(l.action) ?? l.icon,
+            l.label
+          ]
+        },
+        `action-${String(e[t])}-${l.action}`
+      );
+    }) })
+  ] });
+}, w = (e) => {
+  const { type: t, column: s, row: n, iconOptions: o, ...c } = e, a = s ? n[s.accessor] : {};
+  switch (t) {
+    case "user":
+      return /* @__PURE__ */ r.jsx(L, { ...c, data: a, type: t });
+    case "flag":
+      return /* @__PURE__ */ r.jsx(M, { ...c, data: a, type: t });
+    case "product":
+      return /* @__PURE__ */ r.jsx(D, { ...c, data: a, type: t });
+    case "amount":
+      return /* @__PURE__ */ r.jsx(V, { ...c, data: a });
+    case "transaction":
+      return /* @__PURE__ */ r.jsx(H, { ...c, data: a });
+    case "checkbox":
+      return /* @__PURE__ */ r.jsx(K, { ...c });
+    case "radioButton":
+      return /* @__PURE__ */ r.jsx(P, { ...c });
+    case "badge":
+      return /* @__PURE__ */ r.jsx(U, { badgeOptions: a });
+    case "icon":
+      return /* @__PURE__ */ r.jsx(z, { row: n, ...o, ...c });
+    case "custom":
+      return /* @__PURE__ */ r.jsx(q, { column: s, row: n, ...c });
+    default:
+      return /* @__PURE__ */ r.jsx(S, { ...c, data: a });
+  }
+};
+export {
+  V as AmountCell,
+  U as BadgeCell,
+  K as CheckboxCell,
+  q as CustomCell,
+  M as FlagCell,
+  z as IconCell,
+  D as ProductCell,
+  P as RadioButtonCell,
+  S as TextCell,
+  H as TransactionCell,
+  L as UserCell,
+  w as default
+};

package/dist/components/Table/components/TableHead.d.ts

@@ -0,0 +1,15 @@
+import { ColumnAlignment, RowAction } from '../Table.types';
+export interface TableHeadProps {
+    data: any[];
+    handleSelectAll: () => void;
+    selectedRows: any[];
+    visibleColumns: any[];
+    alignHeader?: ColumnAlignment;
+    rowActions?: RowAction<any>[];
+    stickyHeader?: boolean;
+    selectable?: boolean;
+    loading?: boolean;
+}
+declare const TableHead: React.FC<TableHeadProps>;
+export default TableHead;
+//# sourceMappingURL=TableHead.d.ts.map

package/dist/components/Table/components/TableHead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/Table/components/TableHead.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAe,MAAM,gBAAgB,CAAC;AAI9E,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,cAAc,EAAE,GAAG,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqEvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Table/components/TableHead.js

@@ -0,0 +1,58 @@
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+import { useTranslation as j } from "react-i18next";
+import a from "../../Typography.js";
+import { StyledTableHead as g, TableHeaderRow as f, TableHeaderCell as r } from "../Table.styles.js";
+import { CheckboxCell as c } from "./CellComponents.js";
+const k = ({
+  data: d,
+  handleSelectAll: n,
+  selectedRows: l,
+  visibleColumns: h,
+  alignHeader: i,
+  rowActions: s,
+  stickyHeader: x,
+  selectable: m,
+  loading: o
+}) => {
+  const { t: $ } = j(), p = (e) => e.align === "right" ? "flex-end" : "flex-start";
+  return /* @__PURE__ */ t.jsx(g, { $sticky: x, children: /* @__PURE__ */ t.jsxs(f, { children: [
+    m && /* @__PURE__ */ t.jsx(r, { $align: i, $minWidth: "3.125rem", $maxWidth: "3.125rem", children: /* @__PURE__ */ t.jsx(
+      c,
+      {
+        checkBoxOptions: {
+          checked: l.length === d.length,
+          $variant: "primary",
+          $disabled: o,
+          $size: "sm",
+          onChange: n
+        }
+      }
+    ) }),
+    h.map((e) => /* @__PURE__ */ t.jsx(
+      r,
+      {
+        $align: i,
+        $width: e.width,
+        $minWidth: e.minWidth,
+        $maxWidth: e.maxWidth,
+        $isFirstColumn: !0,
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            style: {
+              display: "flex",
+              alignItems: "center",
+              justifyContent: e.align === "center" ? "center" : p(e)
+            },
+            children: e.renderHeader ? e.renderHeader(e) : /* @__PURE__ */ t.jsx(a, { variant: "smText", weight: "semiBold", children: e.header })
+          }
+        )
+      },
+      e.id
+    )),
+    s && s.length > 0 ? /* @__PURE__ */ t.jsx(r, { $align: i, $minWidth: "60px", $isLastColumn: !0, children: /* @__PURE__ */ t.jsx(a, { variant: "smText", weight: "semiBold", children: $("ACTIONS") }) }) : null
+  ] }) });
+};
+export {
+  k as default
+};

package/dist/components/Tabs.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+type TabItem = {
+    title: string;
+    code: string;
+    disabled?: boolean;
+    hidden?: boolean;
+};
+export type TabsProps = {
+    items: Array<TabItem>;
+    active: string;
+    setActive: (value: string) => void;
+};
+declare const Tabs: React.FC<TabsProps>;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/lib/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAkGF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+B7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/Tabs.js

@@ -0,0 +1,107 @@
+import { j as s } from "../_virtual/jsx-runtime.js";
+import g from "../node_modules/react-bootstrap/esm/Nav.js";
+import b from "../node_modules/react-bootstrap/esm/NavItem.js";
+import d, { css as a } from "styled-components";
+import { device as e } from "../constants/breakPoints.constant.js";
+import h from "./Typography.js";
+const y = (r) => r === "active" ? a`
+      background-color: ${({ theme: n }) => n.colors.grey.n50};
+      box-shadow: ${({ theme: n }) => n.boxShadow.s3};
+      p {
+        color: ${({ theme: n }) => n.colors.grey.n650};
+        font-weight: ${({ theme: n }) => n.typography.weights.bold};
+      }
+      &:hover {
+        border-color: transparent;
+      }
+    ` : r === "disabled" ? a`
+      &:hover {
+        box-shadow: none;
+        border-color: transparent;
+      }
+      &:active {
+        background-color: transparent;
+        box-shadow: none;
+        border-color: transparent;
+      }
+      p {
+        color: ${({ theme: n }) => n.colors.grey.n300};
+      }
+    ` : a`
+    p {
+      color: ${({ theme: n }) => n.colors.grey.n400};
+    }
+  `, u = d(g)`
+  list-style-type: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: ${({ theme: r }) => r.spacing.xxs};
+  margin: 0;
+  width: fit-content;
+  padding: ${({ theme: r }) => r.spacing.xxs};
+  border-radius: ${({ theme: r }) => r.borderRadius.lg};
+  background-color: ${({ theme: r }) => r.colors.grey.n100};
+`, f = d(b)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ theme: r }) => r.spacing.xxs};
+  border-radius: ${({ theme: r }) => r.borderRadius.md};
+  border: none;
+  text-align: center;
+  min-width: 7.8125rem;
+  height: 2.5rem;
+  padding: 0 ${({ theme: r }) => r.spacing.s};
+  @media ${e.tablet} {
+    min-width: 4.8125rem;
+  }
+  @media ${e.mobile} {
+    min-width: 1.8rem;
+  }
+  ${({ $mode: r }) => r !== "disabled" && a`
+      cursor: pointer;
+    `}
+  p {
+    margin: 0;
+  }
+
+  ${({ $mode: r }) => y(r)}
+
+  &:hover {
+    box-shadow: ${({ theme: r }) => r.boxShadow.s2};
+    border-color: transparent;
+  }
+
+  &:active {
+    background-color: ${({ theme: r }) => r.colors.grey.n150};
+    border-color: transparent;
+  }
+`, $ = d(h)`
+  @media ${e.tablet} {
+    font-size: ${({ theme: r }) => r.typography.sizes.s2};
+  }
+  @media ${e.mobile} {
+    font-size: ${({ theme: r }) => r.typography.sizes.s1};
+    line-height: ${({ theme: r }) => r.typography.lineHeights.s};
+  }
+`, S = (r) => {
+  var l;
+  const { items: n, active: c, setActive: t } = r, p = (o, i) => i === (o == null ? void 0 : o.code) ? "active" : o != null && o.disabled ? "disabled" : "neutral";
+  return (n == null ? void 0 : n.length) === 0 ? null : /* @__PURE__ */ s.jsx(u, { variant: "pills", defaultActiveKey: (l = n[0]) == null ? void 0 : l.code, children: n == null ? void 0 : n.map((o) => o != null && o.hidden ? null : /* @__PURE__ */ s.jsx(
+    f,
+    {
+      title: o == null ? void 0 : o.title,
+      $mode: p(o, c),
+      onClick: () => {
+        o != null && o.disabled || t(o == null ? void 0 : o.code);
+      },
+      disabled: (o == null ? void 0 : o.disabled) ?? !1,
+      children: /* @__PURE__ */ s.jsx($, { variant: "mdText", children: o == null ? void 0 : o.title })
+    },
+    o == null ? void 0 : o.code
+  )) });
+};
+export {
+  S as default
+};

package/dist/components/TextArea.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+type states = 'success' | 'error' | 'readonly' | 'idle';
+export type TextAreaProps = {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: string;
+    optional?: string;
+    disabled?: boolean;
+    state?: states;
+    helperText?: string | React.ReactNode;
+    helperTextLink?: {
+        text: string;
+        onClick: () => void;
+    };
+    identifier: string;
+};
+declare const TextArea: React.FC<TextAreaProps>;
+export default TextArea;
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/lib/components/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,cAAc,CAAC,EAAE;QACf,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAwKF,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8DrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/TextArea.js

@@ -0,0 +1,194 @@
+import { j as o } from "../_virtual/jsx-runtime.js";
+import "react";
+import d from "../node_modules/react-bootstrap/esm/Form.js";
+import e, { useTheme as h, css as i } from "styled-components";
+const m = {
+  success: i`
+    color: ${({ theme: r }) => r.colors.state.success.n450};
+    border: 0.063rem solid ${({ theme: r }) => r.colors.state.success.n450};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s1};
+    outline: 0;
+    &:focus,
+    &.focus {
+      box-shadow: ${({ theme: r }) => r.boxShadow.s1};
+      outline: 0;
+    }
+  `,
+  readonly: i`
+    background-color: ${({ theme: r }) => r.colors.grey.n150};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s3};
+    border: 0.063rem solid ${({ theme: r }) => r.colors.grey.n100};
+    cursor: not-allowed;
+  `,
+  error: i`
+    color: ${({ theme: r }) => r.colors.state.error.n450};
+    border: 0.063rem solid ${({ theme: r }) => r.colors.state.error.n450};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s1};
+    outline: 0;
+  `,
+  idle: i`
+    background-color: ${({ theme: r }) => r.colors.grey.n50};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s2};
+    border-color: ${({ theme: r }) => r.colors.grey.n100};
+    &:focus,
+    &.focus {
+      background-color: ${({ theme: r }) => r.colors.grey.n50};
+      border: 0.063rem solid ${({ theme: r }) => r.colors.grey.n100};
+      color: ${({ theme: r }) => r.colors.grey.n600};
+      box-shadow: ${({ theme: r }) => r.boxShadow.s1};
+      outline: 0;
+    }
+  `
+}, b = e.div`
+  position: relative;
+  width: 100%;
+  direction: ${({ theme: r }) => r.dir === "rtl" ? "rtl" : "ltr"};
+`, w = e(d.Control)`
+  ${({ $state: r }) => m[r]};
+
+  width: 100%;
+  height: 14.125rem;
+  overflow: auto;
+  border-radius: ${({ theme: r }) => r.borderRadius.lg};
+  padding-top: ${({ theme: r }) => r.spacing.s};
+  padding-bottom: ${({ theme: r }) => r.spacing.s};
+
+  ${({ theme: r, $hasStartIcon: s, $hasEndIcon: n }) => r.dir === "rtl" ? `
+            padding-left: ${r.spacing.sm};
+            padding-right: ${s ? r.spacing.xl : r.spacing.sm};
+            text-align: right;
+            direction: rtl;
+          ` : `
+            padding-left: ${s ? r.spacing.xl : r.spacing.sm};
+            padding-right: ${n ? r.spacing.xl : r.spacing.sm};
+            text-align: left;
+            direction: ltr;
+          `}
+
+  /* Ensure correct text alignment */
+    text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+  direction: ${({ theme: r }) => r.dir === "rtl" ? "rtl" : "ltr"};
+
+  &.form-control:focus {
+    box-shadow: none;
+  }
+
+  &.form-control:hover {
+    background-color: ${({ theme: r }) => r.colors.grey.n50};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s2};
+  }
+
+  &.form-control:active {
+    background-color: ${({ theme: r }) => r.colors.grey.n100};
+    box-shadow: ${({ theme: r }) => r.boxShadow.s1};
+  }
+
+  /* Fix placeholder alignment */
+  &::placeholder {
+    text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+  }
+`, j = e(d.Group)`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${({ theme: r }) => r.spacing.xs};
+  align-items: 'flex-start';
+  font-family: ${({ theme: r }) => r.dir === "rtl" ? r.fonts.arabic : r.fonts.english};
+`, S = e(d.Label)`
+  color: ${({ theme: r }) => r.colors.grey.n700};
+  display: flex;
+  align-items: flex-end;
+  column-gap: ${({ theme: r }) => r.spacing.xs};
+  font-size: ${({ theme: r }) => r.typography.sizes.s4};
+  font-weight: 400;
+  text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+`, v = e.div`
+  display: flex;
+  align-items: center;
+  gap: ${({ theme: r }) => r.spacing.xxs};
+  font-size: ${({ theme: r }) => r.typography.sizes.s3};
+  color: ${({ $state: r }) => {
+  switch (r) {
+    case "success":
+      return ({ theme: s }) => `${s.colors.state.success.n450}`;
+    case "error":
+      return ({ theme: s }) => `${s.colors.state.error.n450}`;
+    default:
+      return ({ theme: s }) => `${s.colors.grey.n400}`;
+  }
+}};
+  margin-top: ${({ theme: r }) => r.spacing.xxs};
+
+  flex-direction: ${({ theme: r }) => r.dir === "rtl" ? "row-reverse" : "row"};
+  justify-content: ${({ theme: r }) => r.dir === "rtl" ? "flex-end" : "flex-start"};
+  text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+`, $ = e.span`
+  color: ${({ theme: r }) => r.colors.primary.purple.n500};
+  text-decoration: underline;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: none;
+  }
+
+  /* Automatically switch alignment for RTL */
+  display: flex;
+  justify-content: ${({ theme: r }) => r.dir === "rtl" ? "flex-end" : "flex-start"};
+  text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+`, z = e.span`
+  color: ${({ theme: r }) => r.colors.grey.n300};
+  font-size: ${({ theme: r }) => r.typography.sizes.s2};
+
+  /* Automatically switch alignment for RTL */
+  display: flex;
+  justify-content: ${({ theme: r }) => r.dir === "rtl" ? "flex-end" : "flex-start"};
+  text-align: ${({ theme: r }) => r.dir === "rtl" ? "right" : "left"};
+`, H = ({
+  label: r,
+  placeholder: s,
+  value: n,
+  onChange: g,
+  type: f = "text",
+  disabled: p = !1,
+  state: l = "idle",
+  optional: x = "",
+  helperText: c,
+  helperTextLink: t,
+  identifier: u
+}) => {
+  const a = h().dir, y = () => !c && !t ? null : /* @__PURE__ */ o.jsx(v, { $state: l, children: a ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    t && /* @__PURE__ */ o.jsx($, { onClick: t.onClick, children: t.text }),
+    c
+  ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    c,
+    t && /* @__PURE__ */ o.jsx($, { onClick: t.onClick, children: t.text })
+  ] }) });
+  return /* @__PURE__ */ o.jsxs(j, { $dir: a, children: [
+    r && /* @__PURE__ */ o.jsxs(S, { children: [
+      r,
+      " ",
+      x && /* @__PURE__ */ o.jsx(z, { children: x })
+    ] }),
+    /* @__PURE__ */ o.jsx(b, { children: /* @__PURE__ */ o.jsx(
+      w,
+      {
+        htmlSize: 80,
+        style: { resize: "none" },
+        $state: l,
+        $dir: a,
+        type: f,
+        as: "textarea",
+        value: n,
+        id: u,
+        onChange: g,
+        placeholder: s,
+        disabled: p || l == "readonly",
+        isInvalid: l == "error",
+        isValid: l == "success"
+      }
+    ) }),
+    y()
+  ] });
+};
+export {
+  H as default
+};