@solostylist/ui-kit 1.0.8 → 1.0.10

package/dist/useControlled-Bvu9pDu8.js

@@ -0,0 +1,38 @@
+import * as e from "react";
+const c = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (c.displayName = "FormControlContext");
+function a() {
+  return e.useContext(c);
+}
+function h({
+  controlled: n,
+  default: r,
+  name: o,
+  state: s = "value"
+}) {
+  const {
+    current: t
+  } = e.useRef(n !== void 0), [l, u] = e.useState(r), f = t ? n : l;
+  if (process.env.NODE_ENV !== "production") {
+    e.useEffect(() => {
+      t !== (n !== void 0) && console.error([`MUI: A component is changing the ${t ? "" : "un"}controlled ${s} state of ${o} to be ${t ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${o} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [s, o, n]);
+    const {
+      current: i
+    } = e.useRef(r);
+    e.useEffect(() => {
+      !t && !Object.is(i, r) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${o} after being initialized. To suppress this warning opt to use a controlled ${o}.`].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  const d = e.useCallback((i) => {
+    t || u(i);
+  }, []);
+  return [f, d];
+}
+export {
+  c as F,
+  a,
+  h as u
+};

package/dist/{useSlot-Tj9CW-Xc.js → useSlot-CtsS_jy6.js}

@@ -1,5 +1,5 @@
-import { c as v } from "./clsx-DfguY6FT.js";
-import { u as j } from "./ButtonBase-D7WZejV5.js";
+import { c as v } from "./identifier-CHPjnqaz.js";
+import { u as j } from "./ButtonBase-BFsNsbc9.js";
 function L(s, f) {
   const c = s.charCodeAt(2);
   return s[0] === "o" && s[1] === "n" && c >= 65 && c <= 90 && typeof f == "function";

package/dist/{useTheme-CNZ6Hnpo.js → useTheme-DrS6mww6.js}

@@ -1,4 +1,4 @@
-import { a as n } from "./createTheme-dX0MILsf.js";
+import { e as n } from "./createTheme-BZxWCiBm.js";
 import * as o from "react";
 import { ThemeContext as m } from "@emotion/react";
 function r(e) {
@@ -9,9 +9,9 @@ function s(e = null) {
   return !t || r(t) ? e : t;
 }
 const u = n();
-function f(e = u) {
+function h(e = u) {
   return s(e);
 }
 export {
-  f as u
+  h as u
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",
@@ -19,7 +19,7 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint --fix . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "app:publish": "npm run build & npm publish --access public",
+    "app:publish": "npm run build && npm publish --access public",
     "format:write": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
     "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
     "prepare": "husky"
@@ -48,9 +48,6 @@
     "uuid": "^11.1.0"
   },
   "devDependencies": {
-    "@fontsource/inter": "^5.2.5",
-    "@fontsource/plus-jakarta-sans": "^5.2.5",
-    "@fontsource/roboto-mono": "^5.2.5",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
     "@types/node": "^22.15.3",
     "@types/react": "^19.1.2",

package/dist/AppAutocomplete/AppAutocomplete.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,19 +0,0 @@
-import { j as r } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppAutocomplete/index.js

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

package/dist/AppAvatar/AppAvatar.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,13 +0,0 @@
-import { j as r } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppAvatar/index.js

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

package/dist/AppBox/AppBox.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-import { j as f } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppBox/index.js

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

package/dist/AppBreadcrumbsSeparator/AppBreadcrumbsSeparator.d.ts

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

package/dist/AppBreadcrumbsSeparator/index.d.ts

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

package/dist/AppBreadcrumbsSeparator/index.js

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

package/dist/AppButton/AppButton.d.ts

@@ -1,9 +0,0 @@
-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

@@ -1,44 +0,0 @@
-import { j as d } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppButton/index.js

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

package/dist/AppButtonLink/index.d.ts

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

package/dist/AppButtonLink/index.js

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

package/dist/AppCard/AppCard.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,6 +0,0 @@
-import { j as o } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppCard/index.js

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

package/dist/AppCardActions/AppCardActions.d.ts

@@ -1,6 +0,0 @@
-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/index.d.ts

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

package/dist/AppCardActions/index.js

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

package/dist/AppCardContent/AppCardContent.d.ts

@@ -1,6 +0,0 @@
-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/index.d.ts

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

package/dist/AppCardContent/index.js

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

package/dist/AppCardHeader/AppCardHeader.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,13 +0,0 @@
-import { j as s } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppCardHeader/index.js

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

package/dist/AppCheckbox/AppCheckbox.d.ts

@@ -1,7 +0,0 @@
-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/index.d.ts

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

package/dist/AppCheckbox/index.js

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

package/dist/AppChip/AppChip.d.ts

@@ -1,6 +0,0 @@
-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

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

package/dist/AppChip/index.d.ts

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

package/dist/AppChip/index.js

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

package/dist/AppChips/AppChips.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,72 +0,0 @@
-import { j as s } from "../jsx-runtime-C5mzlN2N.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

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

package/dist/AppChips/index.js

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

package/dist/AppDataTable/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './AppDataTable';
-export type { ColumnDef, AppDataTableProps } from './AppDataTable';

package/dist/AppDataTable/index.js

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

package/dist/AppDialog/index.d.ts

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

package/dist/AppDialog/index.js

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

package/dist/AppEmpty/AppEmpty.d.ts

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

package/dist/AppEmpty/index.d.ts

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

package/dist/AppEmpty/index.js

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

package/dist/AppError/AppError.d.ts

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

package/dist/AppError/index.d.ts

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

package/dist/AppError/index.js

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

package/dist/AppFileDropzone/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './AppFileDropzone';
-export type { CustomFile } from './AppFileDropzone';

package/dist/AppFileDropzone/index.js

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

package/dist/AppFileIcon/AppFileIcon.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-export interface AppFileIconProps {
-    extension?: string;
-}
-declare const AppFileIcon: ({ extension }: AppFileIconProps) => React.JSX.Element;
-export default AppFileIcon;

package/dist/AppFileIcon/index.d.ts

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

package/dist/AppFileIcon/index.js

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

package/dist/AppFormControl/AppFormControl.d.ts

@@ -1,8 +0,0 @@
-interface AppFormControlProps {
-    label: string | React.ReactNode;
-    error?: string;
-    required: boolean;
-    children: React.ReactNode;
-}
-declare const AppFormControl: ({ label, error, required, children }: AppFormControlProps) => import("react/jsx-runtime").JSX.Element;
-export default AppFormControl;

package/dist/AppFormControl/AppFormControl.js

@@ -1,10 +0,0 @@
-import { j as r } from "../jsx-runtime-C5mzlN2N.js";
-import { FormControl as e, InputLabel as s, FormHelperText as m } from "@mui/material";
-const i = ({ label: t, error: o, required: l, children: n }) => /* @__PURE__ */ r.jsxs(e, { error: !!o, fullWidth: !0, children: [
-  t ? /* @__PURE__ */ r.jsx(s, { required: l, children: t }) : null,
-  n,
-  o ? /* @__PURE__ */ r.jsx(m, { children: o }) : null
-] });
-export {
-  i as default
-};

package/dist/AppFormControl/index.d.ts

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

package/dist/AppFormControl/index.js

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

package/dist/AppGallery/AppGallery.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { ReactImageGalleryProps } from 'react-image-gallery';
-interface AppGalleryProps extends ReactImageGalleryProps {
-}
-declare const AppGallery: ({ ...props }: AppGalleryProps) => React.JSX.Element;
-export default AppGallery;