@solostylist/ui-kit 1.0.0

package/dist/useControlled-CYUofcJ9.js

@@ -0,0 +1,287 @@
+import * as i from "react";
+import { j as C } from "./jsx-runtime-B6kdoens.js";
+import { c as x, P as e } from "./createTheme-C97xvI-s.js";
+import { c as I } from "./clsx-C-FXfxyk.js";
+import { s as N, m as w, c as E } from "./memoTheme-B2qvAi64.js";
+import { a as O, g as $ } from "./generateUtilityClasses-CuEy5gtx.js";
+import { u as T } from "./DefaultPropsProvider-BV4t9fEW.js";
+const b = /* @__PURE__ */ i.createContext(void 0);
+process.env.NODE_ENV !== "production" && (b.displayName = "FormControlContext");
+function _() {
+  return i.useContext(b);
+}
+function j(o) {
+  return O("MuiSvgIcon", o);
+}
+$("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+const R = (o) => {
+  const {
+    color: t,
+    fontSize: n,
+    classes: s
+  } = o, r = {
+    root: ["root", t !== "inherit" && `color${x(t)}`, `fontSize${x(n)}`]
+  };
+  return E(r, j, s);
+}, V = N("svg", {
+  name: "MuiSvgIcon",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: n
+    } = o;
+    return [t.root, n.color !== "inherit" && t[`color${x(n.color)}`], t[`fontSize${x(n.fontSize)}`]];
+  }
+})(w(({
+  theme: o
+}) => {
+  var t, n, s, r, f, u, a, d, l, g, p, S, y, m;
+  return {
+    userSelect: "none",
+    width: "1em",
+    height: "1em",
+    display: "inline-block",
+    flexShrink: 0,
+    transition: (r = (t = o.transitions) == null ? void 0 : t.create) == null ? void 0 : r.call(t, "fill", {
+      duration: (s = (n = (o.vars ?? o).transitions) == null ? void 0 : n.duration) == null ? void 0 : s.shorter
+    }),
+    variants: [
+      {
+        props: (c) => !c.hasSvgAsChild,
+        style: {
+          // the <svg> will define the property that has `currentColor`
+          // for example heroicons uses fill="none" and stroke="currentColor"
+          fill: "currentColor"
+        }
+      },
+      {
+        props: {
+          fontSize: "inherit"
+        },
+        style: {
+          fontSize: "inherit"
+        }
+      },
+      {
+        props: {
+          fontSize: "small"
+        },
+        style: {
+          fontSize: ((u = (f = o.typography) == null ? void 0 : f.pxToRem) == null ? void 0 : u.call(f, 20)) || "1.25rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "medium"
+        },
+        style: {
+          fontSize: ((d = (a = o.typography) == null ? void 0 : a.pxToRem) == null ? void 0 : d.call(a, 24)) || "1.5rem"
+        }
+      },
+      {
+        props: {
+          fontSize: "large"
+        },
+        style: {
+          fontSize: ((g = (l = o.typography) == null ? void 0 : l.pxToRem) == null ? void 0 : g.call(l, 35)) || "2.1875rem"
+        }
+      },
+      // TODO v5 deprecate color prop, v6 remove for sx
+      ...Object.entries((o.vars ?? o).palette).filter(([, c]) => c && c.main).map(([c]) => {
+        var v, z;
+        return {
+          props: {
+            color: c
+          },
+          style: {
+            color: (z = (v = (o.vars ?? o).palette) == null ? void 0 : v[c]) == null ? void 0 : z.main
+          }
+        };
+      }),
+      {
+        props: {
+          color: "action"
+        },
+        style: {
+          color: (S = (p = (o.vars ?? o).palette) == null ? void 0 : p.action) == null ? void 0 : S.active
+        }
+      },
+      {
+        props: {
+          color: "disabled"
+        },
+        style: {
+          color: (m = (y = (o.vars ?? o).palette) == null ? void 0 : y.action) == null ? void 0 : m.disabled
+        }
+      },
+      {
+        props: {
+          color: "inherit"
+        },
+        style: {
+          color: void 0
+        }
+      }
+    ]
+  };
+})), h = /* @__PURE__ */ i.forwardRef(function(t, n) {
+  const s = T({
+    props: t,
+    name: "MuiSvgIcon"
+  }), {
+    children: r,
+    className: f,
+    color: u = "inherit",
+    component: a = "svg",
+    fontSize: d = "medium",
+    htmlColor: l,
+    inheritViewBox: g = !1,
+    titleAccess: p,
+    viewBox: S = "0 0 24 24",
+    ...y
+  } = s, m = /* @__PURE__ */ i.isValidElement(r) && r.type === "svg", c = {
+    ...s,
+    color: u,
+    component: a,
+    fontSize: d,
+    instanceFontSize: t.fontSize,
+    inheritViewBox: g,
+    viewBox: S,
+    hasSvgAsChild: m
+  }, v = {};
+  g || (v.viewBox = S);
+  const z = R(c);
+  return /* @__PURE__ */ C.jsxs(V, {
+    as: a,
+    className: I(z.root, f),
+    focusable: "false",
+    color: l,
+    "aria-hidden": p ? void 0 : !0,
+    role: p ? "img" : void 0,
+    ref: n,
+    ...v,
+    ...y,
+    ...m && r.props,
+    ownerState: c,
+    children: [m ? r.props.children : r, p ? /* @__PURE__ */ C.jsx("title", {
+      children: p
+    }) : null]
+  });
+});
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Node passed into the SVG element.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * You can use the `htmlColor` prop to apply a color attribute to the SVG element.
+   * @default 'inherit'
+   */
+  color: e.oneOfType([e.oneOf(["inherit", "action", "disabled", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
+   * @default 'medium'
+   */
+  fontSize: e.oneOfType([e.oneOf(["inherit", "large", "medium", "small"]), e.string]),
+  /**
+   * Applies a color attribute to the SVG element.
+   */
+  htmlColor: e.string,
+  /**
+   * If `true`, the root node will inherit the custom `component`'s viewBox and the `viewBox`
+   * prop will be ignored.
+   * Useful when you want to reference a custom `component` and have `SvgIcon` pass that
+   * `component`'s viewBox to the root node.
+   * @default false
+   */
+  inheritViewBox: e.bool,
+  /**
+   * The shape-rendering attribute. The behavior of the different options is described on the
+   * [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering).
+   * If you are having issues with blurry icons you should investigate this prop.
+   */
+  shapeRendering: e.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Provides a human-readable title for the element that contains it.
+   * https://www.w3.org/TR/SVG-access/#Equivalent
+   */
+  titleAccess: e.string,
+  /**
+   * Allows you to redefine what the coordinates without units mean inside an SVG element.
+   * For example, if the SVG element is 500 (width) by 200 (height),
+   * and you pass viewBox="0 0 50 20",
+   * this means that the coordinates inside the SVG will go from the top left corner (0,0)
+   * to bottom right (50,20) and each unit will be worth 10px.
+   * @default '0 0 24 24'
+   */
+  viewBox: e.string
+});
+h && (h.muiName = "SvgIcon");
+function k(o, t) {
+  function n(s, r) {
+    return /* @__PURE__ */ C.jsx(h, {
+      "data-testid": `${t}Icon`,
+      ref: r,
+      ...s,
+      children: o
+    });
+  }
+  return process.env.NODE_ENV !== "production" && (n.displayName = `${t}Icon`), n.muiName = h.muiName, /* @__PURE__ */ i.memo(/* @__PURE__ */ i.forwardRef(n));
+}
+function J({
+  controlled: o,
+  default: t,
+  name: n,
+  state: s = "value"
+}) {
+  const {
+    current: r
+  } = i.useRef(o !== void 0), [f, u] = i.useState(t), a = r ? o : f;
+  if (process.env.NODE_ENV !== "production") {
+    i.useEffect(() => {
+      r !== (o !== void 0) && console.error([`MUI: A component is changing the ${r ? "" : "un"}controlled ${s} state of ${n} to be ${r ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} 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, n, o]);
+    const {
+      current: l
+    } = i.useRef(t);
+    i.useEffect(() => {
+      !r && !Object.is(l, t) && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(t)]);
+  }
+  const d = i.useCallback((l) => {
+    r || u(l);
+  }, []);
+  return [a, d];
+}
+export {
+  b as F,
+  _ as a,
+  k as c,
+  J as u
+};

package/dist/useEnhancedEffect-CJGo-L3B.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const f = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  f as u
+};

package/dist/useTheme-DYc4rgBb.js

@@ -0,0 +1,17 @@
+import { a as n } from "./createTheme-C97xvI-s.js";
+import * as o from "react";
+import { ThemeContext as m } from "@emotion/react";
+function r(e) {
+  return Object.keys(e).length === 0;
+}
+function s(e = null) {
+  const t = o.useContext(m);
+  return !t || r(t) ? e : t;
+}
+const u = n();
+function f(e = u) {
+  return s(e);
+}
+export {
+  f as u
+};

package/dist/utils/bytes-to-size.d.ts

@@ -0,0 +1 @@
+export declare function bytesToSize(bytes: number, decimals?: number): string;

package/dist/utils/bytes-to-size.js

@@ -0,0 +1,9 @@
+function s(t, o = 2) {
+  if (t === 0)
+    return "0 Bytes";
+  const B = 1024, e = o < 0 ? 0 : o, r = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], n = Math.floor(Math.log(t) / Math.log(B));
+  return `${parseFloat((t / Math.pow(B, n)).toFixed(e))} ${r[n]}`;
+}
+export {
+  s as bytesToSize
+};

package/dist/utils/dayjs.d.ts

@@ -0,0 +1,3 @@
+import { default as dayjs } from 'dayjs';
+declare const formatDatePosted: (dateString: string) => string;
+export { dayjs, formatDatePosted };

package/dist/utils/dayjs.js

@@ -0,0 +1,108 @@
+import h, { extend as E } from "dayjs";
+import { default as J } from "dayjs";
+import { c as L, g as $ } from "../_commonjsHelpers-DaMA6jEr.js";
+var b = { exports: {} };
+(function(d, u) {
+  (function(e, t) {
+    d.exports = t();
+  })(L, function() {
+    return function(e, t, n) {
+      t.prototype.isToday = function() {
+        var o = "YYYY-MM-DD", a = n();
+        return this.format(o) === a.format(o);
+      };
+    };
+  });
+})(b);
+var C = b.exports;
+const F = /* @__PURE__ */ $(C);
+var Y = { exports: {} };
+(function(d, u) {
+  (function(e, t) {
+    d.exports = t();
+  })(L, function() {
+    return function(e, t, n) {
+      e = e || {};
+      var o = t.prototype, a = { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" };
+      function f(r, s, l, x) {
+        return o.fromToBase(r, s, l, x);
+      }
+      n.en.relativeTime = a, o.fromToBase = function(r, s, l, x, j) {
+        for (var v, y, M, T = l.$locale().relativeTime || a, g = e.thresholds || [{ l: "s", r: 44, d: "second" }, { l: "m", r: 89 }, { l: "mm", r: 44, d: "minute" }, { l: "h", r: 89 }, { l: "hh", r: 21, d: "hour" }, { l: "d", r: 35 }, { l: "dd", r: 25, d: "day" }, { l: "M", r: 45 }, { l: "MM", r: 10, d: "month" }, { l: "y", r: 17 }, { l: "yy", d: "year" }], N = g.length, p = 0; p < N; p += 1) {
+          var i = g[p];
+          i.d && (v = x ? n(r).diff(l, i.d, !0) : l.diff(r, i.d, !0));
+          var c = (e.rounding || Math.round)(Math.abs(v));
+          if (M = v > 0, c <= i.r || !i.r) {
+            c <= 1 && p > 0 && (i = g[p - 1]);
+            var D = T[i.l];
+            j && (c = j("" + c)), y = typeof D == "string" ? D.replace("%d", c) : D(c, s, i.l, M);
+            break;
+          }
+        }
+        if (s) return y;
+        var w = M ? T.future : T.past;
+        return typeof w == "function" ? w(y) : w.replace("%s", y);
+      }, o.to = function(r, s) {
+        return f(r, s, this, !0);
+      }, o.from = function(r, s) {
+        return f(r, s, this);
+      };
+      var m = function(r) {
+        return r.$u ? n.utc() : n();
+      };
+      o.toNow = function(r) {
+        return this.to(m(this), r);
+      }, o.fromNow = function(r) {
+        return this.from(m(this), r);
+      };
+    };
+  });
+})(Y);
+var G = Y.exports;
+const k = /* @__PURE__ */ $(G);
+var B = { exports: {} };
+(function(d, u) {
+  (function(e, t) {
+    d.exports = t();
+  })(L, function() {
+    return function(e, t, n) {
+      n.updateLocale = function(o, a) {
+        var f = n.Ls[o];
+        if (f) return (a ? Object.keys(a) : []).forEach(function(m) {
+          f[m] = a[m];
+        }), f;
+      };
+    };
+  });
+})(B);
+var O = B.exports;
+const P = /* @__PURE__ */ $(O);
+E(k);
+E(P);
+h.extend(k);
+h.extend(F);
+h.updateLocale("en", {
+  relativeTime: {
+    future: "in %s",
+    past: "%s ago",
+    s: "a few sec",
+    m: "a min",
+    mm: "%d min",
+    h: "an hour",
+    hh: "%d hours",
+    d: "a day",
+    dd: "%d days",
+    M: "a month",
+    MM: "%d months",
+    y: "a year",
+    yy: "%d years"
+  }
+});
+const A = (d) => {
+  const u = h(d), t = h().diff(u, "day");
+  return u.isToday() || t === 0 ? "Today" : t < 6 && t > 0 ? `${t}d ago` : u.format("MMM-DD");
+};
+export {
+  J as dayjs,
+  A as formatDatePosted
+};

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dayjs';
+export * from './bytes-to-size';
+export * from './logger';

package/dist/utils/index.js

@@ -0,0 +1,13 @@
+import { formatDatePosted as r } from "./dayjs.js";
+import { bytesToSize as g } from "./bytes-to-size.js";
+import { LogLevel as f, Logger as m, createLogger as p, logger as s } from "./logger.js";
+import { default as L } from "dayjs";
+export {
+  f as LogLevel,
+  m as Logger,
+  g as bytesToSize,
+  p as createLogger,
+  L as dayjs,
+  r as formatDatePosted,
+  s as logger
+};

package/dist/utils/logger.d.ts

@@ -0,0 +1,26 @@
+export declare const LogLevel: {
+    readonly NONE: "NONE";
+    readonly ERROR: "ERROR";
+    readonly WARN: "WARN";
+    readonly DEBUG: "DEBUG";
+    readonly ALL: "ALL";
+};
+export interface LoggerOptions {
+    prefix?: string;
+    level?: keyof typeof LogLevel;
+    showLevel?: boolean;
+}
+export declare class Logger {
+    protected prefix: string;
+    protected level: keyof typeof LogLevel;
+    protected showLevel: boolean;
+    private levelNumber;
+    constructor({ prefix, level, showLevel }: LoggerOptions);
+    debug: (...args: unknown[]) => void;
+    warn: (...args: unknown[]) => void;
+    error: (...args: unknown[]) => void;
+    private canWrite;
+    private write;
+}
+export declare function createLogger({ prefix, level }?: LoggerOptions): Logger;
+export declare const logger: Logger;

package/dist/utils/logger.js

@@ -0,0 +1,51 @@
+var o = Object.defineProperty;
+var L = (i, e, r) => e in i ? o(i, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[e] = r;
+var s = (i, e, r) => L(i, typeof e != "symbol" ? e + "" : e, r);
+const t = {
+  NONE: "NONE",
+  ERROR: "ERROR",
+  WARN: "WARN",
+  DEBUG: "DEBUG",
+  ALL: "ALL"
+}, R = {
+  NONE: 0,
+  ERROR: 1,
+  WARN: 2,
+  DEBUG: 3,
+  ALL: 4
+};
+class h {
+  constructor({ prefix: e = "", level: r = t.ALL, showLevel: l = !0 }) {
+    s(this, "prefix");
+    s(this, "level");
+    s(this, "showLevel");
+    s(this, "levelNumber");
+    s(this, "debug", (...e) => {
+      this.canWrite(t.DEBUG) && this.write(t.DEBUG, ...e);
+    });
+    s(this, "warn", (...e) => {
+      this.canWrite(t.WARN) && this.write(t.WARN, ...e);
+    });
+    s(this, "error", (...e) => {
+      this.canWrite(t.ERROR) && this.write(t.ERROR, ...e);
+    });
+    this.prefix = e, this.level = r, this.levelNumber = R[this.level], this.showLevel = l;
+  }
+  canWrite(e) {
+    return this.levelNumber >= R[e];
+  }
+  write(e, ...r) {
+    let l = this.prefix;
+    this.showLevel && (l = `- ${e} ${l}`), e === t.ERROR ? console.error(l, ...r) : console.log(l, ...r);
+  }
+}
+function n({ prefix: i, level: e } = {}) {
+  return new h({ prefix: i, level: e });
+}
+const c = n({ level: t.ALL });
+export {
+  t as LogLevel,
+  h as Logger,
+  n as createLogger,
+  c as logger
+};

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@solostylist/ui-kit",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "version": "1.0.0",
+  "description": "advanced ui kit for solostylist",
+  "private": false,
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "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",
+    "format:write": "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+    "format:check": "prettier --check \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+    "prepare": "husky"
+  },
+  "peerDependencies": {
+    "@emotion/cache": "^11.13.1",
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/lab": "6.0.0-beta.12",
+    "@mui/material": "^6.1.4",
+    "@mui/utils": "^6.1.4",
+    "@phosphor-icons/react": "^2.1.7",
+    "@tiptap/extension-link": "^2.6.6",
+    "@tiptap/extension-placeholder": "^2.6.6",
+    "@tiptap/react": "^2.6.6",
+    "@tiptap/starter-kit": "^2.6.6",
+    "dayjs": "^1.11.13",
+    "i18next": "^23.14.0",
+    "i18next-http-backend": "^2.6.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-dropzone": "^14.3.2",
+    "react-i18next": "^15.0.1",
+    "uuid": "^11.0.2"
+  },
+  "devDependencies": {
+    "@fontsource/inter": "^5.0.20",
+    "@fontsource/plus-jakarta-sans": "^5.0.21",
+    "@fontsource/roboto-mono": "^5.0.19",
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
+    "@types/node": "^22.7.5",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.2.22",
+    "@types/react-image-gallery": "^1.2.4",
+    "@types/uuid": "^10.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.12.2",
+    "@typescript-eslint/parser": "^8.12.2",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^9.14.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "glob": "^11.0.0",
+    "husky": "^9.1.5",
+    "lint-staged": "^15.2.10",
+    "prettier": "^3.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.0.1",
+    "vite-plugin-static-copy": "^2.0.0"
+  },
+  "lint-staged": {
+    "*.js": [
+      "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+      "git add"
+    ],
+    "*.jsx": [
+      "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+      "git add"
+    ],
+    "*.ts": [
+      "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+      "git add"
+    ],
+    "*.tsx": [
+      "prettier --write \"**/*.{js,jsx,mjs,ts,tsx,mdx}\" --cache",
+      "git add"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "dependencies": {
+    "react-image-gallery": "^1.3.0"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "keywords": [],
+  "author": "Lê Đặng Trường Đạt",
+  "license": "ISC"
+}