@solostylist/ui-kit 1.0.0

package/dist/AppIcons/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppIcons';

package/dist/AppIcons/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppIcons.js";
+export {
+  o as default
+};

package/dist/AppIcons/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppLabel/AppLabel.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+import { Theme } from '../styles/theme/types';
+interface AppLabelProps {
+    label?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    children?: React.ReactNode;
+    sx?: SxProps<Theme> | undefined;
+}
+declare const AppLabel: ({ label, content, children, sx }: AppLabelProps) => React.JSX.Element;
+export default AppLabel;

package/dist/AppLabel/AppLabel.js

@@ -0,0 +1,21 @@
+import { j as e } from "../jsx-runtime-B6kdoens.js";
+import { Stack as n } from "@mui/material";
+const a = ({ label: t, content: i, children: r, sx: o }) => /* @__PURE__ */ e.jsxs(n, { width: "100%", sx: o, children: [
+  /* @__PURE__ */ e.jsx("div", { style: { fontSize: "1rem", fontWeight: 500, lineHeight: 1.57 }, children: t }),
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      style: {
+        fontSize: "0.875rem",
+        fontWeight: 400,
+        lineHeight: 1.57,
+        color: "var(--mui-palette-text-secondary)"
+      },
+      children: i
+    }
+  ),
+  r
+] });
+export {
+  a as default
+};

package/dist/AppLabel/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppLabel';

package/dist/AppLabel/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppLabel.js";
+export {
+  o as default
+};

package/dist/AppLabel/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppLink/AppLink.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { LinkProps } from '@mui/material';
+interface AppLinkProps extends LinkProps {
+}
+declare const AppLink: ({ children, ...props }: AppLinkProps) => React.JSX.Element;
+export default AppLink;

package/dist/AppLink/AppLink.js

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-B6kdoens.js";
+import { Link as p } from "@mui/material";
+const m = ({ children: r, ...t }) => /* @__PURE__ */ o.jsx(p, { ...t, children: r });
+export {
+  m as default
+};

package/dist/AppLink/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppLink';

package/dist/AppLink/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppLink.js";
+export {
+  o as default
+};

package/dist/AppLink/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppMultiSelect/AppMultiSelect.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface AppMultiSelectProps<T = string> {
+    label: string;
+    onChange?: (value: T[]) => void;
+    options: readonly {
+        label: string;
+        value: T;
+    }[];
+    value: T[];
+}
+declare function AppMultiSelect<T = string>({ label, onChange, options, value, }: AppMultiSelectProps<T>): React.JSX.Element;
+export default AppMultiSelect;

package/dist/AppMultiSelect/AppMultiSelect.js

@@ -0,0 +1,61 @@
+import { j as o } from "../jsx-runtime-B6kdoens.js";
+import * as p from "react";
+import { C as u } from "../CaretDown-CgrRY9__.js";
+import f from "../AppButton/AppButton.js";
+import { usePopover as d } from "../hooks/use-popover.js";
+import { M as x } from "../Menu-B0R91i07.js";
+import { M as h } from "../MenuItem-BjjYkRmW.js";
+function R({
+  label: c,
+  onChange: t,
+  options: i,
+  value: n = []
+}) {
+  const r = d(), a = p.useCallback(
+    (e, s) => {
+      let l = [...n];
+      s ? l.push(e) : l = l.filter((m) => m !== e), t == null || t(l);
+    },
+    [t, n]
+  );
+  return /* @__PURE__ */ o.jsxs(p.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(
+      f,
+      {
+        endIcon: /* @__PURE__ */ o.jsx(u, {}),
+        onClick: r.handleOpen,
+        ref: r.anchorRef,
+        sx: {
+          "& .MuiButton-endIcon svg": { fontSize: "var(--icon-fontSize-sm)" }
+        },
+        children: c
+      }
+    ),
+    /* @__PURE__ */ o.jsx(
+      x,
+      {
+        anchorEl: r.anchorRef.current,
+        onClose: r.handleClose,
+        open: r.open,
+        slotProps: { paper: { sx: { width: "250px" } } },
+        children: i.map((e) => {
+          const s = n.includes(e.value);
+          return /* @__PURE__ */ o.jsx(
+            h,
+            {
+              onClick: () => {
+                a(e.value, !s);
+              },
+              selected: s,
+              children: e.label
+            },
+            e.label
+          );
+        })
+      }
+    )
+  ] });
+}
+export {
+  R as default
+};

package/dist/AppMultiSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppMultiSelect';

package/dist/AppMultiSelect/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppMultiSelect.js";
+export {
+  o as default
+};

package/dist/AppMultiSelect/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppNoData/AppNoData.d.ts

@@ -0,0 +1,5 @@
+interface NoDataProps {
+    title?: string;
+}
+declare const AppNoData: ({ title }: NoDataProps) => import("react/jsx-runtime").JSX.Element;
+export default AppNoData;

package/dist/AppNoData/AppNoData.js

@@ -0,0 +1,6 @@
+import { j as o } from "../jsx-runtime-B6kdoens.js";
+import { Typography as r } from "@mui/material";
+const p = ({ title: a }) => /* @__PURE__ */ o.jsx(r, { variant: "body2", color: "text.secondary", my: 3, children: a || "No data available." });
+export {
+  p as default
+};

package/dist/AppNoData/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppNoData';

package/dist/AppNoData/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppNoData.js";
+export {
+  o as default
+};

package/dist/AppNoData/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppNoSsr/AppNoSsr.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface NoSsrProps {
+    children?: React.ReactNode;
+    defer?: boolean;
+    fallback?: React.ReactNode;
+}
+declare const AppNoSsr: (props: NoSsrProps) => React.JSX.Element;
+export default AppNoSsr;

package/dist/AppNoSsr/AppNoSsr.js

@@ -0,0 +1,14 @@
+import { j as n } from "../jsx-runtime-B6kdoens.js";
+import * as t from "react";
+import { u } from "../useEnhancedEffect-CJGo-L3B.js";
+const m = (s) => {
+  const { children: a, defer: e = !1, fallback: f = null } = s, [o, r] = t.useState(!1);
+  return u(() => {
+    e || r(!0);
+  }, [e]), t.useEffect(() => {
+    e && r(!0);
+  }, [e]), /* @__PURE__ */ n.jsx(t.Fragment, { children: o ? a : f });
+};
+export {
+  m as default
+};

package/dist/AppNoSsr/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppNoSsr';

package/dist/AppNoSsr/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppNoSsr.js";
+export {
+  o as default
+};

package/dist/AppNoSsr/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppOption/AppOption.d.ts

@@ -0,0 +1,9 @@
+import { MenuItemProps } from '@mui/material/MenuItem';
+import * as React from 'react';
+export interface AppOptionProps extends MenuItemProps {
+    children: React.ReactNode;
+    disabled?: boolean;
+    value: string | number;
+}
+declare const AppOption: ({ children, ...props }: AppOptionProps) => React.JSX.Element;
+export default AppOption;

package/dist/AppOption/AppOption.js

@@ -0,0 +1,6 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { M as e } from "../MenuItem-BjjYkRmW.js";
+const p = ({ children: t, ...o }) => /* @__PURE__ */ r.jsx(e, { sx: { fontSize: "0.875rem" }, ...o, children: t });
+export {
+  p as default
+};

package/dist/AppOption/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppOption';

package/dist/AppOption/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppOption.js";
+export {
+  o as default
+};

package/dist/AppOption/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppOutlinedInput/AppOutlinedInput.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { OutlinedInputProps } from '@mui/material';
+interface AppOutlinedInputProps extends Omit<OutlinedInputProps, 'error'> {
+    label?: string;
+    required?: boolean;
+    error?: string;
+    type?: string;
+}
+declare const AppOutlinedInput: React.ForwardRefExoticComponent<Omit<AppOutlinedInputProps, "ref"> & React.RefAttributes<unknown>>;
+export default AppOutlinedInput;

package/dist/AppOutlinedInput/AppOutlinedInput.js

@@ -0,0 +1,40 @@
+import { j as t } from "../jsx-runtime-B6kdoens.js";
+import { forwardRef as d, useState as f, useEffect as v } from "react";
+import { OutlinedInput as x, IconButton as c } from "@mui/material";
+import { S as s } from "../X-DETrowOy.js";
+import j from "../AppFormControl/AppFormControl.js";
+const E = d(
+  ({ label: n = "", required: a = !1, error: i, type: m = "text", ...e }, o) => {
+    const [r, l] = f(e.value ?? "");
+    return v(() => {
+      l(e.value ?? "");
+    }, [e.value]), /* @__PURE__ */ t.jsx(j, { label: n, error: i, required: a, children: /* @__PURE__ */ t.jsx(
+      x,
+      {
+        fullWidth: !0,
+        type: m,
+        ref: o,
+        ...e,
+        value: r ?? "",
+        endAdornment: e.value && !e.disabled ? /* @__PURE__ */ t.jsx(
+          c,
+          {
+            size: "small",
+            onClick: () => {
+              var u;
+              l(""), (u = e.onChange) == null || u.call(e, {
+                target: {
+                  value: ""
+                }
+              });
+            },
+            children: /* @__PURE__ */ t.jsx(s, {})
+          }
+        ) : void 0
+      }
+    ) });
+  }
+);
+export {
+  E as default
+};

package/dist/AppOutlinedInput/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppOutlinedInput';

package/dist/AppOutlinedInput/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppOutlinedInput.js";
+export {
+  o as default
+};

package/dist/AppOutlinedInput/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppPagination/AppPagination.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PaginationProps } from '@mui/material';
+interface AppPaginationProps extends PaginationProps {
+    loading?: boolean;
+}
+declare const AppPagination: ({ loading, ...props }: AppPaginationProps) => React.JSX.Element;
+export default AppPagination;

package/dist/AppPagination/AppPagination.js

@@ -0,0 +1,17 @@
+import { j as n } from "../jsx-runtime-B6kdoens.js";
+import { Box as i, Pagination as o, Stack as r } from "@mui/material";
+import s from "../AppSkeleton/AppSkeleton.js";
+const a = ({ style: t }) => /* @__PURE__ */ n.jsxs(r, { direction: "row", flexWrap: "wrap", gap: 1, justifyContent: "center", style: t, children: [
+  /* @__PURE__ */ n.jsx(s, { component: "icon-button" }),
+  /* @__PURE__ */ n.jsx(s, { variant: "rounded", width: 120 }),
+  /* @__PURE__ */ n.jsx(s, { component: "icon-button" })
+] }), j = ({ loading: t, ...e }) => e.count === 0 ? /* @__PURE__ */ n.jsx(n.Fragment, {}) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  !t && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    /* @__PURE__ */ n.jsx(i, { display: { xs: "unset", sm: "none" }, width: "100%", children: /* @__PURE__ */ n.jsx(o, { size: "small", ...e }) }),
+    /* @__PURE__ */ n.jsx(i, { display: { xs: "none", sm: "unset" }, width: "100%", children: /* @__PURE__ */ n.jsx(o, { ...e }) })
+  ] }),
+  t ? /* @__PURE__ */ n.jsx(a, { style: e.style }) : null
+] });
+export {
+  j as default
+};

package/dist/AppPagination/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppPagination';

package/dist/AppPagination/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppPagination.js";
+export {
+  o as default
+};

package/dist/AppPagination/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppRating/AppRating.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { RatingProps } from '@mui/material';
+interface AppRatingProps extends Omit<RatingProps, 'value'> {
+    value?: number | string | null;
+}
+declare const AppRating: React.ForwardRefExoticComponent<Omit<AppRatingProps, "ref"> & React.RefAttributes<unknown>>;
+export default AppRating;

package/dist/AppRating/AppRating.js

@@ -0,0 +1,7 @@
+import { j as s } from "../jsx-runtime-B6kdoens.js";
+import { forwardRef as m } from "react";
+import { Rating as a } from "@mui/material";
+const e = m(({ value: r, size: t = "small", ...o }, p) => /* @__PURE__ */ s.jsx(a, { value: typeof r == "string" ? parseInt(r) : r, size: t, ref: p, ...o }));
+export {
+  e as default
+};

package/dist/AppRating/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppRating';

package/dist/AppRating/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppRating.js";
+export {
+  o as default
+};

package/dist/AppRating/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppSelect/AppSelect.d.ts

@@ -0,0 +1,14 @@
+import { SelectProps } from '@mui/material';
+type AppSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
+    options?: any[];
+    optionLabel?: string;
+    optionValue?: any;
+    placeholder?: string;
+    variant?: 'outlined' | 'filled' | 'standard';
+    label?: string;
+    error?: string;
+    required?: boolean;
+    simple?: boolean;
+};
+declare const AppSelect: import('react').ForwardRefExoticComponent<Omit<AppSelectProps, "ref"> & import('react').RefAttributes<unknown>>;
+export default AppSelect;

package/dist/AppSelect/AppSelect.js

@@ -0,0 +1,82 @@
+import { j as u } from "../jsx-runtime-B6kdoens.js";
+import { forwardRef as w, useState as E, useEffect as O } from "react";
+import { Select as S, IconButton as P } from "@mui/material";
+import { S as A } from "../X-DETrowOy.js";
+import { v4 as h } from "uuid";
+import C from "../AppFormControl/AppFormControl.js";
+import R from "../AppOption/AppOption.js";
+const T = w(
+  ({
+    options: n = [],
+    optionLabel: i = "name",
+    optionValue: d = "id",
+    placeholder: j,
+    label: y = "",
+    error: g,
+    required: x = !1,
+    variant: V = "outlined",
+    simple: a = !1,
+    ...r
+  }, v) => {
+    const [c, o] = E(r.value ?? null), m = h();
+    function b(e, l) {
+      const { set: t } = Object.getOwnPropertyDescriptor(e, "value") || {}, f = Object.getPrototypeOf(e), { set: s } = Object.getOwnPropertyDescriptor(f, "value") || {};
+      if (s && t !== s)
+        s.call(e, l);
+      else if (t)
+        t.call(e, l);
+      else
+        throw new Error("The given element does not have a value setter");
+    }
+    return O(() => {
+      o(r.value ?? null);
+    }, [r.value]), /* @__PURE__ */ u.jsx(C, { error: g, label: y, required: x, children: /* @__PURE__ */ u.jsx(
+      S,
+      {
+        displayEmpty: !0,
+        fullWidth: !0,
+        defaultValue: "",
+        ref: v,
+        inputProps: {
+          id: m
+        },
+        renderValue: r.multiple ? (e) => {
+          var l;
+          return (l = n.filter((t) => e == null ? void 0 : e.includes(t[d]))) == null ? void 0 : l.map((t) => t[i]).join(", ");
+        } : (e) => {
+          var l;
+          return e !== null && typeof e < "u" && e !== "" ? a ? n.find((t) => t == e) : (l = n.find((t) => t[d] == e)) == null ? void 0 : l[i] : /* @__PURE__ */ u.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: j });
+        },
+        ...r,
+        value: n.length ? c ?? "" : "",
+        endAdornment: (!r.multiple && c || r.multiple && (c == null ? void 0 : c.length) > 0) && !r.disabled ? /* @__PURE__ */ u.jsx(
+          P,
+          {
+            sx: { marginRight: "1.5rem" },
+            size: "small",
+            onClick: () => {
+              var f;
+              const e = r.multiple ? [] : typeof r.value == "string" ? "" : null;
+              o(e);
+              const l = new PointerEvent("click", { bubbles: !0 }), t = document.getElementById(m);
+              t == null || t.dispatchEvent(l), b(t, ""), (f = r.onChange) == null || f.call(r, l, null);
+            },
+            children: /* @__PURE__ */ u.jsx(A, {})
+          }
+        ) : void 0,
+        children: n == null ? void 0 : n.map((e) => /* @__PURE__ */ u.jsx(
+          R,
+          {
+            disabled: (e == null ? void 0 : e.disabled) ?? !1,
+            value: a ? e : e[d],
+            children: a ? e : e[i]
+          },
+          (a ? e : e[d]) + h()
+        ))
+      }
+    ) });
+  }
+);
+export {
+  T as default
+};

package/dist/AppSelect/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppSelect';

package/dist/AppSelect/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppSelect.js";
+export {
+  o as default
+};

package/dist/AppSelect/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

package/dist/AppSkeleton/AppSkeleton.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { SkeletonProps } from '@mui/material';
+interface AppSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height' | 'width' | 'component'> {
+    variant?: 'circular' | 'rectangular' | 'rounded' | 'text';
+    height?: number | string;
+    width?: number | string;
+    fontSize?: number | string;
+    component?: string;
+}
+declare const AppSkeleton: ({ variant, width, height, fontSize, component, ...props }: AppSkeletonProps) => React.JSX.Element;
+export default AppSkeleton;

package/dist/AppSkeleton/AppSkeleton.js

@@ -0,0 +1,34 @@
+import { j as e } from "../jsx-runtime-B6kdoens.js";
+import { Skeleton as a } from "@mui/material";
+const s = ({
+  variant: r = "text",
+  width: i = "100%",
+  height: u = 32,
+  fontSize: n = "16px",
+  component: x,
+  ...t
+}) => {
+  switch (x) {
+    case "button":
+      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "rounded", width: i, ...t });
+    case "checkbox":
+      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "rounded", width: 24, ...t });
+    case "radio-button":
+      return /* @__PURE__ */ e.jsx(a, { height: 24, variant: "circular", width: 24, ...t });
+    case "avatar":
+      return /* @__PURE__ */ e.jsx(a, { height: 54, variant: "rectangular", width: 54, ...t });
+    case "rounded-avatar":
+      return /* @__PURE__ */ e.jsx(a, { height: 48, variant: "circular", width: 48, ...t });
+    case "icon-button":
+      return /* @__PURE__ */ e.jsx(a, { height: 32, variant: "circular", width: 32, ...t });
+    case "typography":
+      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: "100%", ...t });
+    case "title-typography":
+      return /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: "text", width: 200, ...t });
+    default:
+      return r === "text" ? /* @__PURE__ */ e.jsx(a, { sx: { fontSize: n }, variant: r, width: i, ...t }) : /* @__PURE__ */ e.jsx(a, { height: u, variant: r, width: i, ...t });
+  }
+};
+export {
+  s as default
+};

package/dist/AppSkeleton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AppSkeleton';

package/dist/AppSkeleton/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./AppSkeleton.js";
+export {
+  o as default
+};

package/dist/AppSkeleton/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}