ics-ui-kit 0.1.0-alpha.9 → 0.1.1

package/dist/theme.css

@@ -0,0 +1,329 @@
+:root, .light {
+	--radius: 0.5rem;
+
+	/**
+	* @tokens Light Theme
+	* @presenter Color
+	*/
+
+	--background: var(--secondary-bg);
+	--foreground: 0 0% 3.9%;
+
+	--primary: 222 47% 11%;
+	--primary-hover: 217 33% 17%;
+	--primary-foreground: 0 0% 98%;
+
+	--secondary: 0 0% 96.1%;
+	--secondary-foreground: 0 0% 9%;
+
+	--card: 0 0% 100%;
+
+	--card-foreground: 0 0% 3.9%;
+
+	--popover: 0 0% 100%;
+
+	--popover-foreground: 0 0% 3.9%;
+
+	--muted-foreground: 0 0% 45.1%;
+
+	--accent: 222 47% 11%;
+
+	--accent-foreground: 0 0% 9%;
+
+	--destructive: 0 84.2% 60.2%;
+
+	--destructive-foreground: 0 0% 98%;
+
+	--border: 0 0% 89.8%;
+
+	--input: 0 0% 89.8%;
+
+	--ring: 0 0% 3.9%;
+
+	--chart-1: 173 58% 39%;
+	--chart-2: 12 76% 61%;
+	--chart-3: 197 37% 24%;
+	--chart-4: 43 74% 66%;
+	--chart-5: 27 87% 67%;
+
+	/** Base **/
+	--primary-accent: 222 47% 11%;
+	--primary-accent-hover: 217 33% 17%;
+	--primary-fg: 222 47% 11%;
+	--primary-bg: 210 40% 98%;
+	--primary-bg-hover: 214 32% 91%;
+	--primary-border: 213 27% 84%;
+	--secondary-accent: 222 47% 11%;
+	--secondary-fg: 215 25% 27%;
+	--secondary-bg: 0 0% 100%;
+	--secondary-bg-hover: 210 40% 96%;
+	--secondary-border: 214 32% 91%;
+	--tertiary-accent: 215 16% 47%;
+	--muted: 215 16% 47%;
+	--sidebar-bg: 210 40% 98%;
+
+	/** Inverse **/
+	--inverse-primary-bg: 222 47% 11%;
+	--inverse-secondary-bg: 217 33% 17%;
+	--inverse-hover: 215 25% 27%;
+	--inverse-active: 215 19% 35%;
+	--inverse-border: 215 25% 27%;
+	--inverse-muted: 215 20% 65%;
+	--inverse-secondary-fg: 214 32% 91%;
+	--inverse-primary-fg: 210 40% 98%;
+
+	/** Status **/
+	--status-default: 222 47% 11%;
+	--status-default-hover: 217 33% 17%;
+	--status-default-border: 215 25% 27%;
+	--status-default-muted: 215 20% 65%;
+	--status-default-bg-hover: 214 32% 91%;
+	--status-default-bg: 210 40% 96%;
+	--status-default-fg: 210 40% 98%;
+	--status-info: 201 96% 32%;
+	--status-info-fg: 201 96% 32%;
+	--status-info-hover: 200 98% 39%;
+	--status-info-bg: 204 100% 97%;
+	--status-info-primary-bg: 204 94% 94%;
+	--status-info-bg-hover: 204 94% 94%;
+	--status-info-primary-border: 199 95% 74%;
+	--status-info-secondary-border: 201 94% 86%;
+	--status-success: 142 72% 29%;
+	--status-success-fg: 142 72% 29%;
+	--status-success-hover: 142 76% 36%;
+	--status-success-bg: 138 76% 97%;
+	--status-success-primary-bg: 141 84% 93%;
+	--status-success-bg-hover: 141 84% 93%;
+	--status-success-primary-border: 142 77% 73%;
+	--status-success-secondary-border: 141 79% 85%;
+	--status-warning: 26 90% 37%;
+	--status-warning-fg: 26 90% 37%;
+	--status-warning-hover: 32 95% 44%;
+	--status-warning-bg: 33 100% 96%;
+	--status-warning-primary-bg: 34 100% 92%;
+	--status-warning-bg-hover: 34 100% 92%;
+	--status-warning-primary-border: 31 97% 72%;
+	--status-warning-secondary-border: 32 98% 83%;
+	--status-error: 0 74% 42%;
+	--status-error-fg: 0 74% 42%;
+	--status-error-hover: 0 72% 51%;
+	--status-error-bg: 0 86% 97%;
+	--status-error-primary-bg: 0 93% 94%;
+	--status-error-bg-hover: 0 93% 94%;
+	--status-error-primary-border: 0 94% 82%;
+	--status-error-secondary-border: 0 96% 89%;
+
+	/** Alpha **/
+	--alpha-03: 210 40% 96% / 3%;
+	--alpha-05: 210 40% 96% / 5%;
+	--alpha-08: 210 40% 96% / 8%;
+	--alpha-10: 210 40% 96% / 10%;
+	--alpha-20: 210 40% 96% / 20%;
+	--alpha-30: 210 40% 96% / 30%;
+	--alpha-40: 210 40% 96% / 40%;
+	--alpha-50: 210 40% 96% / 50%;
+	--alpha-60: 210 40% 96% / 60%;
+	--alpha-70: 210 40% 96% / 70%;
+	--alpha-80: 210 40% 96% / 80%;
+	--alpha-90: 210 40% 96% / 90%;
+
+	--alpha-high-03: 222 47% 11% / 3%;
+	--alpha-high-05: 222 47% 11% / 5%;
+	--alpha-high-08: 222 47% 11% / 8%;
+	--alpha-high-10: 222 47% 11% / 10%;
+	--alpha-high-20: 222 47% 11% / 20%;
+	--alpha-high-30: 222 47% 11% / 30%;
+	--alpha-high-40: 222 47% 11% / 40%;
+	--alpha-high-50: 222 47% 11% / 50%;
+	--alpha-high-60: 222 47% 11% / 60%;
+	--alpha-high-70: 222 47% 11% / 70%;
+	--alpha-high-80: 222 47% 11% / 80%;
+	--alpha-high-90: 222 47% 11% / 90%;
+
+	--alpha-accent-primary: 210 40% 96% / 12%;
+	--alpha-accent-secondary: 210 40% 96% / 8%;
+
+	/** Autofill **/
+	--autofill-bg: 213 100% 96%;
+
+	/** Palette **/
+	--peony: 351 100% 81%;
+	--garnet: 0 100% 91%;
+	--cinnamon: 16 100% 89%;
+	--caramel: 28 100% 86%;
+	--hazel: 37 100% 84%;
+	--honey: 44 98% 82%;
+	--lemon: 54 100% 81%;
+	--olive: 66 67% 78%;
+	--sage: 87 71% 81%;
+	--mint: 120 71% 85%;
+	--bazil: 149 81% 81%;
+	--spruce: 165 84% 77%;
+	--aqua: 174 86% 75%;
+	--azure: 180 84% 73%;
+	--tiffany: 186 100% 75%;
+	--marine: 189 100% 77%;
+	--turquoise: 194 100% 80%;
+	--frost: 202 100% 85%;
+	--bosphorus: 216 100% 89%;
+	--lavender: 247 100% 92%;
+	--orchid: 276 100% 90%;
+	--lilac: 296 100% 89%;
+	--plume: 305 100% 88%;
+	--velvet: 320 100% 87%;
+}
+
+.dark {
+	/**
+	* @tokens Dark Theme
+	* @presenter Color
+	*/
+
+	--foreground: 0 0% 98%;
+	--card: 0 0% 3.9%;
+	--card-foreground: 0 0% 98%;
+	--popover: 0 0% 3.9%;
+	--popover-foreground: 0 0% 98%;
+	--primary: 210 40% 98%;
+	--primary-hover: 214 32% 91%;
+	--primary-foreground: 0 0% 9%;
+	--secondary: 0 0% 14.9%;
+	--secondary-foreground: 0 0% 98%;
+	--muted-foreground: 0 0% 63.9%;
+	--accent: 210 40% 98%;
+	--accent-foreground: 0 0% 98%;
+	--destructive: 0 62.8% 30.6%;
+	--destructive-foreground: 0 0% 98%;
+	--border: 0 0% 14.9%;
+	--input: 0 0% 14.9%;
+	--ring: 0 0% 83.1%;
+
+	--chart-1: 220 70% 50%;
+	--chart-2: 340 75% 55%;
+	--chart-3: 30 80% 55%;
+	--chart-4: 280 65% 60%;
+	--chart-5: 160 60% 45%;
+
+	/** Base **/
+	--primary-accent: 210 40% 98%;
+	--primary-accent-hover: 214 32% 91%;
+	--primary-fg: 210 40% 98%;
+	--primary-border: 215 19% 35%;
+	--primary-bg: 229 84% 5%;
+	--primary-bg-hover: 215 25% 27%;
+	--secondary-accent: 210 40% 98%;
+	--secondary-fg: 214 32% 91%;
+	--secondary-border: 215 25% 27%;
+	--secondary-bg: 222 47% 11%;
+	--secondary-bg-hover: 217 33% 17%;
+	--tertiary-accent: 215 20% 65%;
+	--muted: 215 20% 65%;
+	--sidebar-bg: 229 84% 5%;
+
+	/** Inverse **/
+	--inverse-primary-bg: 210 40% 98%;
+	--inverse-secondary-bg: 210 40% 96%;
+	--inverse-hover: 214 32% 91%;
+	--inverse-active: 213 27% 84%;
+	--inverse-border: 214 32% 91%;
+	--inverse-muted: 215 16% 47%;
+	--inverse-secondary-fg: 215 25% 27%;
+	--inverse-primary-fg: 222 47% 11%;
+
+	/** Status **/
+	--status-default: 210 40% 98%;
+	--status-default-hover: 210 40% 96%;
+	--status-default-border: 214 32% 91%;
+	--status-default-muted: 215 16% 47%;
+	--status-default-bg-hover: 215 25% 27%;
+	--status-default-bg: 217 33% 17%;
+	--status-default-fg: 222 47% 11%;
+	--status-info: 200 98% 39%;
+	--status-info-fg: 199 89% 48%;
+	--status-info-hover: 199 89% 48%;
+	--status-info-bg: var(--status-default-bg);
+	--status-info-primary-bg: 204 80% 16%;
+	--status-info-bg-hover: var(--status-default-bg-hover);
+	--status-info-primary-border: 201 90% 27%;
+	--status-info-secondary-border: 202 80% 24%;
+	--status-success: 142 76% 36%;
+	--status-success-fg: 142 71% 45%;
+	--status-success-hover: 142 71% 45%;
+	--status-success-bg: var(--status-default-bg);
+	--status-success-primary-bg: 145 80% 10%;
+	--status-success-bg-hover: var(--status-default-bg-hover);
+	--status-success-primary-border: 143 64% 24%;
+	--status-success-secondary-border: 144 61% 20%;
+	--status-warning: 32 95% 44%;
+	--status-warning-fg: 38 92% 50%;
+	--status-warning-hover: 38 92% 50%;
+	--status-warning-bg: var(--status-default-bg);
+	--status-warning-primary-bg: 26 83% 14%;
+	--status-warning-bg-hover: var(--status-default-bg-hover);
+	--status-warning-primary-border: 32 81% 29%;
+	--status-warning-secondary-border: 28 73% 26%;
+	--status-error: 0 74% 42%;
+	--status-error-fg: 0 84% 60%;
+	--status-error-hover: 0 84% 60%;
+	--status-error-bg: var(--status-default-bg);
+	--status-error-primary-bg: 0 75% 15%;
+	--status-error-bg-hover: var(--status-default-bg-hover);
+	--status-error-primary-border: 0 70% 35%;
+	--status-error-secondary-border: 0 63% 31%;
+
+	/** Alpha **/
+	--alpha-03: 222 47% 11% / 3%;
+	--alpha-05: 222 47% 11% / 5%;
+	--alpha-08: 222 47% 11% / 8%;
+	--alpha-10: 222 47% 11% / 10%;
+	--alpha-20: 222 47% 11% / 20%;
+	--alpha-30: 222 47% 11% / 30%;
+	--alpha-40: 222 47% 11% / 40%;
+	--alpha-50: 222 47% 11% / 50%;
+	--alpha-60: 222 47% 11% / 60%;
+	--alpha-70: 222 47% 11% / 70%;
+	--alpha-80: 222 47% 11% / 80%;
+	--alpha-90: 222 47% 11% / 90%;
+
+	--alpha-high-03: 210 40% 96% / 3%;
+	--alpha-high-05: 210 40% 96% / 5%;
+	--alpha-high-08: 210 40% 96% / 8%;
+	--alpha-high-10: 210 40% 96% / 10%;
+	--alpha-high-20: 210 40% 96% / 20%;
+	--alpha-high-30: 210 40% 96% / 30%;
+	--alpha-high-40: 210 40% 96% / 40%;
+	--alpha-high-50: 210 40% 96% / 50%;
+	--alpha-high-60: 210 40% 96% / 60%;
+	--alpha-high-70: 210 40% 96% / 70%;
+	--alpha-high-80: 210 40% 96% / 80%;
+	--alpha-high-90: 210 40% 96% / 90%;
+
+	--alpha-accent-primary: 222 47% 11% / 8%;
+	--alpha-accent-secondary: 222 47% 11% / 5%;
+
+	/** Palette **/
+	--peony: 340 35% 47%;
+	--garnet: 0 35% 48%;
+	--cinnamon: 15 35% 43%;
+	--caramel: 29 35% 39%;
+	--hazel: 38 35% 36%;
+	--honey: 44 35% 35%;
+	--lemon: 49 52% 36%;
+	--olive: 67 35% 32%;
+	--sage: 87 35% 33%;
+	--mint: 120 34% 34%;
+	--bazil: 149 35% 34%;
+	--spruce: 165 35% 34%;
+	--aqua: 174 35% 33%;
+	--azure: 180 35% 33%;
+	--tiffany: 187 35% 35%;
+	--marine: 190 35% 35%;
+	--turquoise: 195 35% 37%;
+	--frost: 201 35% 39%;
+	--bosphorus: 217 35% 45%;
+	--lavender: 247 35% 53%;
+	--orchid: 275 35% 49%;
+	--lilac: 296 35% 45%;
+	--plume: 305 35% 45%;
+	--velvet: 320 35% 46%;
+}

package/dist/theme.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/types/css.d.ts

@@ -1,4 +1,4 @@
-declare module "*.css" {
-	const content: { [className: string]: string };
-	export default content;
-}
+declare module "*.css" {
+	const content: { [className: string]: string };
+	export default content;
+}

package/dist/useBreakpoints-D8wKOvil.js

@@ -0,0 +1,103 @@
+import * as f from "react";
+function v(e, s) {
+  if (s === e) return !1;
+  const t = Object.values(s), n = Object.values(e);
+  if (t.length !== n.length || t.some((d, r) => d !== n[r])) return !0;
+  const i = Object.keys(e);
+  return Object.keys(s).some((d, r) => d !== i[r]);
+}
+function w(e, s) {
+  return e.matches[s] = !1, e.mediaQueries[s] = {}, e;
+}
+function b(e) {
+  const s = Object.keys(e);
+  return typeof window > "u" ? s.reduce(w, {
+    mediaQueries: {},
+    matches: {}
+  }) : s.reduce((t, n) => {
+    const i = window.matchMedia(e[n]);
+    return t.mediaQueries[n] = i, t.matches[n] = i.matches, t;
+  }, {
+    mediaQueries: {},
+    matches: {}
+  });
+}
+function x(e, s) {
+  function t(n, i) {
+    return n[i] = e.mediaQueries[i].matches, n;
+  }
+  switch (s.type) {
+    case "updateMatches":
+      return {
+        matches: Object.keys(e.mediaQueries).reduce(t, {}),
+        mediaQueries: e.mediaQueries
+      };
+    case "setQueries":
+      return b(s.queries);
+  }
+}
+function j(e) {
+  const s = f.useRef(e), [t, n] = f.useReducer(x, e, b);
+  f.useEffect(() => {
+    v(e, s.current) && (n({
+      type: "setQueries",
+      queries: e
+    }), s.current = e);
+  }, [e]);
+  function i() {
+    return n({
+      type: "updateMatches"
+    });
+  }
+  function d(c) {
+    const u = i;
+    return typeof c.addListener < "u" ? c.addListener(u) : c.addEventListener("change", u), u;
+  }
+  f.useEffect(() => {
+    const c = Object.values(t.mediaQueries), u = c.map(d);
+    function Q(l, p) {
+      typeof l.addListener < "u" ? l.removeListener(u[p]) : l.removeEventListener("change", u[p]);
+    }
+    return () => {
+      c.forEach(Q);
+    };
+  }, [t.mediaQueries]);
+  const {
+    matches: r
+  } = t, m = f.useMemo(() => Object.values(r), [r]);
+  return {
+    matches: r,
+    matchesAny: m.some(Boolean),
+    matchesAll: m.length > 0 && m.every(Boolean)
+  };
+}
+function o(e) {
+  return j(O(e)).matchesAll;
+}
+const h = {};
+function O(e) {
+  return h[e] === void 0 && (h[e] = {
+    default: e
+  }), h[e];
+}
+const a = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1536px"
+}, L = () => o(`(min-width: ${a.sm})`), k = () => o(`(min-width: ${a.md})`), g = () => o(`(min-width: ${a.lg})`), y = () => o(`(min-width: ${a.xl})`), A = () => o(`(min-width: ${a["2xl"]})`), I = () => !g(), $ = (e) => o(`(min-width: ${a[e]})`), E = () => {
+  const e = A(), s = y(), t = g(), n = k(), i = L();
+  return e ? "2xl" : s ? "xl" : t ? "lg" : n ? "md" : i ? "sm" : null;
+};
+export {
+  k as a,
+  g as b,
+  y as c,
+  A as d,
+  I as e,
+  $ as f,
+  E as g,
+  L as u
+};
+//# sourceMappingURL=useBreakpoints-D8wKOvil.js.map

package/dist/useBreakpoints-D8wKOvil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints-D8wKOvil.js","sources":["../node_modules/.pnpm/@react-hook+media-query@1.1.1_react@18.3.1/node_modules/@react-hook/media-query/dist/module/index.js","../src/hooks/useBreakpoints.ts"],"sourcesContent":["import * as React from 'react';\n\nfunction queriesDidChange(prevQueries, nextQueries) {\n  if (nextQueries === prevQueries) return false;\n  const nextQueriesArr = Object.values(nextQueries);\n  const prevQueriesArr = Object.values(prevQueries);\n  if (nextQueriesArr.length !== prevQueriesArr.length) return true;\n  if (nextQueriesArr.some((q, i) => q !== prevQueriesArr[i])) return true;\n  const prevKeys = Object.keys(prevQueries);\n  return Object.keys(nextQueries).some((n, i) => n !== prevKeys[i]);\n}\n\nfunction _ref(curr, key) {\n  curr.matches[key] = false;\n  curr.mediaQueries[key] = {};\n  return curr;\n}\n\nfunction init(queries) {\n  const queryKeys = Object.keys(queries);\n  /* istanbul ignore next */\n\n  if (typeof window === 'undefined') return queryKeys.reduce(_ref, {\n    mediaQueries: {},\n    matches: {}\n  });\n  return queryKeys.reduce((state, name) => {\n    const mql = window.matchMedia(queries[name]);\n    state.mediaQueries[name] = mql;\n    state.matches[name] = mql.matches;\n    return state;\n  }, {\n    mediaQueries: {},\n    matches: {}\n  });\n}\n\nfunction reducer(state, action) {\n  function _ref2(prev, key) {\n    prev[key] = state.mediaQueries[key].matches;\n    return prev;\n  }\n\n  switch (action.type) {\n    case 'updateMatches':\n      return {\n        matches: Object.keys(state.mediaQueries).reduce(_ref2, {}),\n        mediaQueries: state.mediaQueries\n      };\n\n    case 'setQueries':\n      return init(action.queries);\n  }\n}\n/**\n * A hook that returns a [`MediaQueryMatches`](#mediaquerymatches) object which will\n * tell you if specific media queries matched, all media queries matched, or\n * any media queries matched. Matches in this hook will always return `false` when\n * rendering on the server.\n *\n * @param queryMap The media queries you want to match against e.g. `{screen: \"screen\", width: \"(min-width: 12em)\"}`\n */\n\n\nexport function useMediaQueries(queryMap) {\n  const prevQueries = React.useRef(queryMap);\n  const [state, dispatch] = React.useReducer(reducer, queryMap, init);\n  React.useEffect(() => {\n    if (queriesDidChange(queryMap, prevQueries.current)) {\n      dispatch({\n        type: 'setQueries',\n        queries: queryMap\n      });\n      prevQueries.current = queryMap;\n    }\n  }, [queryMap]);\n\n  function _ref3() {\n    return dispatch({\n      type: 'updateMatches'\n    });\n  }\n\n  function _ref4(mq) {\n    const callback = _ref3;\n    if (typeof mq.addListener !== 'undefined') mq.addListener(callback);else mq.addEventListener('change', callback);\n    return callback;\n  }\n\n  React.useEffect(() => {\n    const queries = Object.values(state.mediaQueries);\n    const callbacks = queries.map(_ref4);\n\n    function _ref5(mq, i) {\n      if (typeof mq.addListener !== 'undefined') mq.removeListener(callbacks[i]);else mq.removeEventListener('change', callbacks[i]);\n    }\n\n    return () => {\n      queries.forEach(_ref5);\n    };\n  }, [state.mediaQueries]);\n  const {\n    matches\n  } = state;\n  const matchValues = React.useMemo(() => Object.values(matches), [matches]);\n  return {\n    matches,\n    matchesAny: matchValues.some(Boolean),\n    matchesAll: matchValues.length > 0 && matchValues.every(Boolean)\n  };\n}\n/**\n * A hook that returns `true` if the media query matched and `false` if not. This\n * hook will always return `false` when rendering on the server.\n *\n * @param query The media query you want to match against e.g. `\"only screen and (min-width: 12em)\"`\n */\n\nexport function useMediaQuery(query) {\n  return useMediaQueries(getObj(query)).matchesAll;\n}\nconst cache = {};\n\nfunction getObj(query) {\n  if (cache[query] === void 0) cache[query] = {\n    default: query\n  };\n  return cache[query];\n}","import { useMediaQuery } from \"@react-hook/media-query\";\n\n// Брейкпоинты Tailwind CSS\nconst breakpoints = {\n\tsm: \"640px\",\n\tmd: \"768px\",\n\tlg: \"1024px\",\n\txl: \"1280px\",\n\t\"2xl\": \"1536px\"\n} as const;\n\ntype Breakpoint = keyof typeof breakpoints;\n\n/** min-width: 640px */\nexport const useIsSm = () => useMediaQuery(`(min-width: ${breakpoints.sm})`);\n/** min-width: 768px */\nexport const useIsMd = () => useMediaQuery(`(min-width: ${breakpoints.md})`);\n/** min-width: 1024px */\nexport const useIsLg = () => useMediaQuery(`(min-width: ${breakpoints.lg})`);\n/** min-width: 1280px */\nexport const useIsXl = () => useMediaQuery(`(min-width: ${breakpoints.xl})`);\n/** min-width: 1536px */\nexport const useIs2Xl = () => useMediaQuery(`(min-width: ${breakpoints[\"2xl\"]})`);\n\n/** max-width: 1024px */\nexport const useIsMobile = () => !useIsLg();\n\nexport const useBreakpoint = (breakpoint: Breakpoint) => {\n\treturn useMediaQuery(`(min-width: ${breakpoints[breakpoint]})`);\n};\n\nexport const useActiveBreakpoint = (): Breakpoint | null => {\n\tconst is2Xl = useIs2Xl();\n\tconst isXl = useIsXl();\n\tconst isLg = useIsLg();\n\tconst isMd = useIsMd();\n\tconst isSm = useIsSm();\n\n\tif (is2Xl) return \"2xl\";\n\tif (isXl) return \"xl\";\n\tif (isLg) return \"lg\";\n\tif (isMd) return \"md\";\n\tif (isSm) return \"sm\";\n\treturn null;\n};\n"],"names":["queriesDidChange","prevQueries","nextQueries","nextQueriesArr","prevQueriesArr","q","i","prevKeys","n","_ref","curr","key","init","queries","queryKeys","state","name","mql","reducer","action","_ref2","prev","useMediaQueries","queryMap","React","dispatch","_ref3","_ref4","mq","callback","callbacks","_ref5","matches","matchValues","useMediaQuery","query","getObj","cache","breakpoints","useIsSm","useIsMd","useIsLg","useIsXl","useIs2Xl","useIsMobile","useBreakpoint","breakpoint","useActiveBreakpoint","is2Xl","isXl","isLg","isMd","isSm"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/useDebounce-BRah78CF.js

@@ -0,0 +1,16 @@
+import { useState as r, useEffect as c } from "react";
+function i(e, t) {
+  const [u, o] = r(e);
+  return c(() => {
+    const n = setTimeout(() => {
+      o(e);
+    }, t);
+    return () => {
+      clearTimeout(n);
+    };
+  }, [e, t]), u;
+}
+export {
+  i as u
+};
+//# sourceMappingURL=useDebounce-BRah78CF.js.map

package/dist/useDebounce-BRah78CF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce-BRah78CF.js","sources":["../src/hooks/useDebounce.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/**\n * Хук для дебаунса значения\n * @param value - значение для дебаунса\n * @param delay - задержка в миллисекундах\n * @returns дебаунсированное значение\n */\nexport function useDebounce<T>(value: T, delay: number): T {\n\tconst [debouncedValue, setDebouncedValue] = useState<T>(value);\n\n\tuseEffect(() => {\n\t\tconst timer = setTimeout(() => {\n\t\t\tsetDebouncedValue(value);\n\t\t}, delay);\n\n\t\treturn () => {\n\t\t\tclearTimeout(timer);\n\t\t};\n\t}, [value, delay]);\n\n\treturn debouncedValue;\n}\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAQgB,SAAAA,EAAeC,GAAUC,GAAkB;AAC1D,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAYJ,CAAK;AAE7D,SAAAK,EAAU,MAAM;AACT,UAAAC,IAAQ,WAAW,MAAM;AAC9B,MAAAH,EAAkBH,CAAK;AAAA,OACrBC,CAAK;AAER,WAAO,MAAM;AACZ,mBAAaK,CAAK;AAAA,IACnB;AAAA,EAAA,GACE,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACR;"}

package/dist/useFileUpload-iDag0iqM.js

@@ -0,0 +1,197 @@
+import { useMemo as A, useState as I, useRef as W, useCallback as n } from "react";
+const T = (t, o = 2) => {
+  if (t === 0) return "0 Bytes";
+  const c = 1024, p = o < 0 ? 0 : o, a = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], v = Math.floor(Math.log(t) / Math.log(c));
+  return Number.parseFloat((t / Math.pow(c, v)).toFixed(p)) + a[v];
+}, O = {
+  fileTooLarge: (t, o) => `File "${t}" exceeds the maximum size of ${T(o)}.`,
+  invalidFileType: (t) => `File "${t}" is not an accepted file type.`,
+  tooManyFiles: (t) => `You can only upload a maximum of ${t} files.`,
+  someFilesTooLarge: (t) => `Some files exceed the maximum size of ${T(t)}.`,
+  singleFileTooLarge: (t) => `File exceeds the maximum size of ${T(t)}.`
+}, N = {
+  fileTooLarge: (t, o) => `Файл "${t}" превышает максимальный размер ${T(o)}`,
+  invalidFileType: (t) => `Файл "${t}" имеет недопустимый тип`,
+  tooManyFiles: (t) => `Можно загрузить максимум ${t} файлов`,
+  someFilesTooLarge: (t) => `Некоторые файлы превышают максимальный размер ${T(t)}`,
+  singleFileTooLarge: (t) => `Файл превышает максимальный размер ${T(t)}`
+}, Y = (t = {}) => {
+  const {
+    maxFiles: o = 1 / 0,
+    maxSize: c = 1 / 0,
+    accept: p = "*",
+    multiple: a = !1,
+    initialFiles: v = [],
+    onFilesChange: m,
+    onFilesAdded: M,
+    errorMessages: w
+  } = t, d = A(() => ({ ...O, ...w }), [w]), [y, f] = I({
+    files: v.map((e) => ({
+      file: e,
+      id: e.id,
+      preview: e.url
+    })),
+    isDragging: !1,
+    errors: []
+  }), u = W(null), x = n(
+    (e) => {
+      const r = (e instanceof File, e.name);
+      if (e.size > c)
+        return d.fileTooLarge(r, c);
+      if (p !== "*") {
+        const i = p.split(",").map((g) => g.trim()), l = e instanceof File ? e.type || "" : e.type, s = `.${r.split(".").pop()}`;
+        if (!i.some((g) => {
+          if (g.startsWith("."))
+            return s.toLowerCase() === g.toLowerCase();
+          if (g.endsWith("/*")) {
+            const L = g.split("/")[0];
+            return l.startsWith(`${L}/`);
+          }
+          return l === g;
+        }))
+          return d.invalidFileType(r);
+      }
+      return null;
+    },
+    [p, c, d]
+  ), B = n((e) => e instanceof File ? URL.createObjectURL(e) : e.url, []), R = n((e) => e instanceof File ? `${e.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}` : e.id, []), $ = n(() => {
+    f((e) => {
+      e.files.forEach((i) => {
+        i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
+      }), u.current && (u.current.value = "");
+      const r = {
+        ...e,
+        files: [],
+        errors: []
+      };
+      return m?.(r.files), r;
+    });
+  }, [m]), F = n(
+    (e) => {
+      if (!e || e.length === 0) return;
+      const r = Array.from(e), i = [];
+      if (f((s) => ({ ...s, errors: [] })), a || $(), a && o !== 1 / 0 && y.files.length + r.length > o) {
+        i.push(d.tooManyFiles(o)), f((s) => ({ ...s, errors: i }));
+        return;
+      }
+      const l = [];
+      r.forEach((s) => {
+        if (a && y.files.some(
+          (L) => L.file.name === s.name && L.file.size === s.size
+        ))
+          return;
+        if (s.size > c) {
+          i.push(
+            a ? d.someFilesTooLarge(c) : d.singleFileTooLarge(c)
+          );
+          return;
+        }
+        const h = x(s);
+        h ? i.push(h) : l.push({
+          file: s,
+          id: R(s),
+          preview: B(s)
+        });
+      }), l.length > 0 ? (M?.(l), f((s) => {
+        const h = a ? [...s.files, ...l] : l;
+        return m?.(h), {
+          ...s,
+          files: h,
+          errors: i
+        };
+      })) : i.length > 0 && f((s) => ({
+        ...s,
+        errors: i
+      })), u.current && (u.current.value = "");
+    },
+    [
+      y.files,
+      o,
+      a,
+      c,
+      x,
+      B,
+      R,
+      $,
+      m,
+      M,
+      d
+    ]
+  ), z = n(
+    (e) => {
+      f((r) => {
+        const i = r.files.find((s) => s.id === e);
+        i && i.preview && i.file instanceof File && i.file.type.startsWith("image/") && URL.revokeObjectURL(i.preview);
+        const l = r.files.filter((s) => s.id !== e);
+        return m?.(l), {
+          ...r,
+          files: l,
+          errors: []
+        };
+      });
+    },
+    [m]
+  ), E = n(() => {
+    f((e) => ({
+      ...e,
+      errors: []
+    }));
+  }, []), U = n((e) => {
+    e.preventDefault(), e.stopPropagation(), f((r) => ({ ...r, isDragging: !0 }));
+  }, []), P = n((e) => {
+    e.preventDefault(), e.stopPropagation(), !e.currentTarget.contains(e.relatedTarget) && f((r) => ({ ...r, isDragging: !1 }));
+  }, []), b = n((e) => {
+    e.preventDefault(), e.stopPropagation();
+  }, []), C = n(
+    (e) => {
+      if (e.preventDefault(), e.stopPropagation(), f((r) => ({ ...r, isDragging: !1 })), !u.current?.disabled && e.dataTransfer.files && e.dataTransfer.files.length > 0)
+        if (a)
+          F(e.dataTransfer.files);
+        else {
+          const r = e.dataTransfer.files[0];
+          F([r]);
+        }
+    },
+    [F, a]
+  ), D = n(
+    (e) => {
+      e.target.files && e.target.files.length > 0 && F(e.target.files);
+    },
+    [F]
+  ), S = n(() => {
+    u.current && u.current.click();
+  }, []), k = n(
+    (e = {}) => ({
+      ...e,
+      type: "file",
+      onChange: D,
+      accept: e.accept || p,
+      multiple: e.multiple !== void 0 ? e.multiple : a,
+      ref: u
+    }),
+    [p, a, D]
+  );
+  return [
+    y,
+    {
+      addFiles: F,
+      removeFile: z,
+      clearFiles: $,
+      clearErrors: E,
+      handleDragEnter: U,
+      handleDragLeave: P,
+      handleDragOver: b,
+      handleDrop: C,
+      handleFileChange: D,
+      openFileDialog: S,
+      getInputProps: k
+    }
+  ];
+};
+export {
+  N as a,
+  O as d,
+  T as f,
+  Y as u
+};
+//# sourceMappingURL=useFileUpload-iDag0iqM.js.map