@solostylist/ui-kit 1.0.0

package/README.md

@@ -0,0 +1,13 @@
+## Installation
+
+You can install it with npm:
+
+```bash
+npm i @solostylist/ui-kit
+```
+
+## Usage
+
+```javascript
+import { AppAvatar, AppButton } from '@solostylist/ui-kit';
+```

package/dist/AppAutocomplete/AppAutocomplete.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { AutocompleteProps } from '@mui/material';
+export interface AppAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T | any, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+    renderInput?: AutocompleteProps<T | string, Multiple, DisableClearable, FreeSolo>['renderInput'];
+    label?: string | React.ReactNode;
+    required?: boolean;
+    error?: string;
+}
+declare const AppAutocomplete: React.ForwardRefExoticComponent<Omit<AppAutocompleteProps<unknown, boolean | undefined, boolean | undefined, boolean | undefined>, "ref"> & React.RefAttributes<unknown>>;
+export default AppAutocomplete;

package/dist/AppAutocomplete/AppAutocomplete.js

@@ -0,0 +1,19 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { forwardRef as s } from "react";
+import { Autocomplete as f, TextField as i } from "@mui/material";
+import u from "../AppFormControl/AppFormControl.js";
+const j = s(
+  ({ label: t = "", required: o = !1, error: e, ...p }, m) => /* @__PURE__ */ r.jsx(u, { error: e, label: t, required: o, children: /* @__PURE__ */ r.jsx(
+    f,
+    {
+      disablePortal: !0,
+      fullWidth: !0,
+      renderInput: (l) => /* @__PURE__ */ r.jsx(i, { ...l }),
+      ...p,
+      ref: m
+    }
+  ) })
+);
+export {
+  j as default
+};

package/dist/AppAutocomplete/index.d.ts

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

package/dist/AppAutocomplete/index.js

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

package/dist/AppAutocomplete/package.json

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

package/dist/AppAvatar/AppAvatar.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { AvatarProps } from '@mui/material';
+interface AppAvatarProps extends AvatarProps {
+    icon?: string;
+}
+declare const AppAvatar: ({ icon, ...props }: AppAvatarProps) => React.JSX.Element;
+export default AppAvatar;

package/dist/AppAvatar/AppAvatar.js

@@ -0,0 +1,13 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { Avatar as s } from "@mui/material";
+import m from "../AppIcons/AppIcons.js";
+const x = ({ icon: t = "", ...o }) => {
+  if (t) {
+    const a = m[t];
+    return /* @__PURE__ */ r.jsx(s, { ...o, children: /* @__PURE__ */ r.jsx(a, {}) });
+  }
+  return /* @__PURE__ */ r.jsx(s, { ...o });
+};
+export {
+  x as default
+};

package/dist/AppAvatar/index.d.ts

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

package/dist/AppAvatar/index.js

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

package/dist/AppAvatar/package.json

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

package/dist/AppBox/AppBox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { BoxProps } from '@mui/material';
+type AnyType = any;
+interface AppBoxProps extends BoxProps, AnyType {
+}
+declare const AppBox: React.ForwardRefExoticComponent<Omit<AppBoxProps, "ref"> & React.RefAttributes<unknown>>;
+export default AppBox;

package/dist/AppBox/AppBox.js

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

package/dist/AppBox/index.d.ts

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

package/dist/AppBox/index.js

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

package/dist/AppBox/package.json

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

package/dist/AppBreadcrumbsSeparator/AppBreadcrumbsSeparator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const AppBreadcrumbsSeparator: () => React.JSX.Element;
+export default AppBreadcrumbsSeparator;

package/dist/AppBreadcrumbsSeparator/AppBreadcrumbsSeparator.js

@@ -0,0 +1,6 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { B as o } from "../Box-yxuKPTCX.js";
+const a = () => /* @__PURE__ */ r.jsx(o, { children: "/" });
+export {
+  a as default
+};

package/dist/AppBreadcrumbsSeparator/index.d.ts

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

package/dist/AppBreadcrumbsSeparator/index.js

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

package/dist/AppBreadcrumbsSeparator/package.json

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

package/dist/AppButton/AppButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ButtonProps } from '@mui/material';
+interface AppButtonProps extends Omit<ButtonProps, 'error'> {
+    useSystemVariant?: boolean;
+    systemVariant?: 'edit';
+    sxProps?: React.CSSProperties;
+}
+declare const AppButton: React.ForwardRefExoticComponent<Omit<AppButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default AppButton;

package/dist/AppButton/AppButton.js

@@ -0,0 +1,44 @@
+import { j as d } from "../jsx-runtime-B6kdoens.js";
+import s from "react";
+import { Button as n } from "@mui/material";
+const m = s.forwardRef(
+  ({ useSystemVariant: e, systemVariant: i, variant: r = "contained", sxProps: a, ...o }, t) => {
+    if (e)
+      switch (i) {
+        case "edit":
+          return /* @__PURE__ */ d.jsx(
+            n,
+            {
+              variant: "outlined",
+              sx: {
+                minWidth: "100px",
+                borderColor: "transparent",
+                backgroundColor: "#dcdddd",
+                color: "#000",
+                "&:hover": {
+                  borderColor: "transparent",
+                  backgroundColor: "#dcdddd",
+                  filter: "brightness(0.95)"
+                },
+                ...a
+              },
+              ...o,
+              ref: t
+            }
+          );
+      }
+    return /* @__PURE__ */ d.jsx(
+      n,
+      {
+        color: r === "outlined" ? "secondary" : "primary",
+        variant: r,
+        sx: { minWidth: "100px" },
+        ...o,
+        ref: t
+      }
+    );
+  }
+);
+export {
+  m as default
+};

package/dist/AppButton/index.d.ts

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

package/dist/AppButton/index.js

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

package/dist/AppButton/package.json

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

package/dist/AppButtonLink/AppButtonLink.d.ts

@@ -0,0 +1,16 @@
+interface AppButtonLinkProps {
+    beforeText?: string | React.ReactNode;
+    afterText?: string | React.ReactNode;
+    mainText?: string | React.ReactNode;
+    href?: string;
+    component?: any;
+    target?: string;
+    paragraph?: boolean;
+    color?: string;
+    linkColor?: string;
+    lineHeight?: string;
+    variant?: 'body1' | 'body2' | 'button' | 'caption' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'inherit' | 'overline' | 'subtitle1' | 'subtitle2' | string;
+    onClick?: () => void;
+}
+declare const AppButtonLink: ({ onClick, beforeText, afterText, mainText, href, component, target, paragraph, color, linkColor, variant, lineHeight, }: AppButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+export default AppButtonLink;

package/dist/AppButtonLink/AppButtonLink.js

@@ -0,0 +1,36 @@
+import { j as o } from "../jsx-runtime-B6kdoens.js";
+import { Typography as l, Link as m } from "@mui/material";
+const j = ({
+  onClick: r,
+  beforeText: t = "",
+  afterText: e = "",
+  mainText: i = "",
+  href: n = "#",
+  component: s,
+  target: p,
+  paragraph: x = !1,
+  color: a = "text.secondary",
+  linkColor: c = void 0,
+  variant: d = "body2",
+  lineHeight: f
+}) => /* @__PURE__ */ o.jsxs(l, { variant: d, lineHeight: f, paragraph: x, color: a, children: [
+  t,
+  " ",
+  /* @__PURE__ */ o.jsx(
+    m,
+    {
+      href: n,
+      onClick: r,
+      sx: { cursor: "pointer", fontSize: "inherit" },
+      component: s,
+      target: p,
+      color: c,
+      children: i
+    }
+  ),
+  " ",
+  e
+] });
+export {
+  j as default
+};

package/dist/AppButtonLink/index.d.ts

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

package/dist/AppButtonLink/index.js

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

package/dist/AppButtonLink/package.json

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

package/dist/AppCard/AppCard.d.ts

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

package/dist/AppCard/AppCard.js

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

package/dist/AppCard/index.d.ts

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

package/dist/AppCard/index.js

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

package/dist/AppCard/package.json

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

package/dist/AppCardActions/AppCardActions.d.ts

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

package/dist/AppCardActions/AppCardActions.js

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

package/dist/AppCardActions/index.d.ts

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

package/dist/AppCardActions/index.js

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

package/dist/AppCardActions/package.json

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

package/dist/AppCardContent/AppCardContent.d.ts

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

package/dist/AppCardContent/AppCardContent.js

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

package/dist/AppCardContent/index.d.ts

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

package/dist/AppCardContent/index.js

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

package/dist/AppCardContent/package.json

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

package/dist/AppCardHeader/AppCardHeader.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { CardProps } from '@mui/material';
+interface AppCardHeaderProps extends Omit<CardProps, 'title'> {
+    avatar?: React.ReactNode;
+    subheader?: React.ReactNode;
+    title?: React.ReactNode | string;
+    action?: React.ReactNode;
+}
+declare const AppCardHeader: ({ children, avatar, subheader, title, action, ...props }: AppCardHeaderProps) => React.JSX.Element;
+export default AppCardHeader;

package/dist/AppCardHeader/AppCardHeader.js

@@ -0,0 +1,13 @@
+import { j as s } from "../jsx-runtime-B6kdoens.js";
+import { CardHeader as d } from "@mui/material";
+const f = ({
+  children: r,
+  avatar: e,
+  subheader: t,
+  title: a,
+  action: o,
+  ...p
+}) => /* @__PURE__ */ s.jsx(d, { avatar: e, subheader: t, title: a, action: o, ...p, children: r });
+export {
+  f as default
+};

package/dist/AppCardHeader/index.d.ts

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

package/dist/AppCardHeader/index.js

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

package/dist/AppCardHeader/package.json

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

package/dist/AppCheckbox/AppCheckbox.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CheckboxProps } from '@mui/material';
+interface AppCheckboxProps extends Omit<CheckboxProps, 'content'> {
+    content?: string | React.ReactNode;
+}
+declare const AppCheckbox: React.ForwardRefExoticComponent<Omit<AppCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default AppCheckbox;

package/dist/AppCheckbox/AppCheckbox.js

@@ -0,0 +1,16 @@
+import { j as r } from "../jsx-runtime-B6kdoens.js";
+import { forwardRef as a } from "react";
+import { Stack as s, Checkbox as d, Typography as m } from "@mui/material";
+import { v4 as n } from "uuid";
+const p = a(
+  ({ content: i, ...t }, e) => {
+    const o = n();
+    return /* @__PURE__ */ r.jsxs(s, { alignItems: "center", direction: "row", display: "flex", gap: 1, justifyContent: "start", children: [
+      /* @__PURE__ */ r.jsx(d, { ref: e, ...t, id: t.id ?? o }),
+      i && /* @__PURE__ */ r.jsx("label", { htmlFor: t.id ?? o, children: /* @__PURE__ */ r.jsx(m, { variant: "body2", children: i }) })
+    ] });
+  }
+);
+export {
+  p as default
+};

package/dist/AppCheckbox/index.d.ts

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

package/dist/AppCheckbox/index.js

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

package/dist/AppCheckbox/package.json

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

package/dist/AppChip/AppChip.d.ts

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

package/dist/AppChip/AppChip.js

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

package/dist/AppChip/index.d.ts

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

package/dist/AppChip/index.js

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

package/dist/AppChip/package.json

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

package/dist/AppChips/AppChips.d.ts

@@ -0,0 +1,7 @@
+interface AppChipsProps {
+    chips: string[];
+    overflow?: boolean;
+    onClick?: (tag: string) => void;
+}
+declare const AppChips: ({ chips, overflow, onClick }: AppChipsProps) => import("react/jsx-runtime").JSX.Element;
+export default AppChips;

package/dist/AppChips/AppChips.js

@@ -0,0 +1,72 @@
+import { j as s } from "../jsx-runtime-B6kdoens.js";
+import { useRef as g, useState as m, useEffect as E } from "react";
+import { Box as r, Tooltip as R } from "@mui/material";
+import c from "../AppChip/AppChip.js";
+const L = ({ chips: n, overflow: l = !0, onClick: o }) => {
+  const h = g(null), [w, b] = m([]), [C, y] = m([]), [u, j] = m(0), p = () => {
+    var x;
+    const t = ((x = h.current) == null ? void 0 : x.offsetWidth) || 0;
+    let e = 0, i = 0;
+    for (let d = 0; d < n.length; d++) {
+      const f = a(n[d]);
+      if (e + f <= t)
+        e += f, i++;
+      else
+        break;
+    }
+    const v = a(`+${n.length - i} keywords`);
+    for (; e + v > t && i > 0; )
+      i--, e -= a(n[i]);
+    b(n.slice(0, i)), y(n.slice(i)), j(n.length - i);
+  }, a = (t) => {
+    const e = document.createElement("span");
+    e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
+    const i = e.offsetWidth;
+    return document.body.removeChild(e), i + 16;
+  }, W = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
+  return E(() => (p(), window.addEventListener("resize", p), () => {
+    window.removeEventListener("resize", p);
+  }), [n]), /* @__PURE__ */ s.jsxs(r, { ref: h, display: "flex", maxWidth: "100%", ...W, children: [
+    (l ? w : n).map((t) => /* @__PURE__ */ s.jsx(
+      r,
+      {
+        component: "span",
+        textTransform: "lowercase",
+        onClick: () => {
+          o == null || o(t);
+        },
+        children: /* @__PURE__ */ s.jsx(
+          c,
+          {
+            label: t.trim(),
+            sx: {
+              mr: 1,
+              mb: 1,
+              userSelect: "none",
+              cursor: o ? "pointer" : "default"
+            }
+          }
+        )
+      },
+      t
+    )),
+    l && u > 0 && /* @__PURE__ */ s.jsx(
+      R,
+      {
+        componentsProps: { tooltip: { style: { padding: "0.5rem" } } },
+        title: /* @__PURE__ */ s.jsx(r, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: C.map((t) => /* @__PURE__ */ s.jsx(c, { label: t.trim() }, t)) }),
+        children: /* @__PURE__ */ s.jsx(r, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
+          c,
+          {
+            label: `+${u} keywords`,
+            variant: "outlined",
+            sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
+          }
+        ) })
+      }
+    )
+  ] });
+};
+export {
+  L as default
+};

package/dist/AppChips/index.d.ts

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

package/dist/AppChips/index.js

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

package/dist/AppChips/package.json

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