@sckyzo/cosmos-react 0.5.0 → 0.6.0

package/dist/qr/index.cjs

@@ -0,0 +1,62 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var react = require('react');
+var qr = require('qr');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/qr/QrCode.tsx
+var QUIET_ZONE = 4;
+var qrMatrix = (value, ecc) => {
+  try {
+    return qr.encodeQR(value, "raw", { ecc, border: QUIET_ZONE });
+  } catch (cause) {
+    const reason = cause instanceof Error ? cause.message : String(cause);
+    throw new Error(`QrCode: cannot encode the value at ecc="${ecc}" (${reason}).`, { cause });
+  }
+};
+var matrixPath = (matrix) => {
+  let path = "";
+  matrix.forEach((row, y) => {
+    for (let x = 0; x < row.length; x++) {
+      if (!row[x]) continue;
+      const start = x;
+      while (row[x + 1]) x++;
+      const run = x - start + 1;
+      path += `M${start} ${y}h${run}v1h-${run}z`;
+    }
+  });
+  return path;
+};
+var QrCode = ({
+  value,
+  label,
+  size = 192,
+  ecc = "medium",
+  className,
+  ref
+}) => {
+  const { side, path } = react.useMemo(() => {
+    const matrix = qrMatrix(value, ecc);
+    return { side: matrix.length, path: matrixPath(matrix) };
+  }, [value, ecc]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      ref,
+      role: "img",
+      "aria-label": label,
+      viewBox: `0 0 ${side} ${side}`,
+      width: size,
+      height: size,
+      shapeRendering: "crispEdges",
+      className: clsx.clsx("h-auto max-w-full rounded-sm bg-white text-black", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: path, fill: "currentColor" })
+    }
+  );
+};
+
+exports.QrCode = QrCode;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/qr/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/qr/qrMatrix.ts","../../src/qr/QrCode.tsx"],"names":["encodeQR","useMemo","jsx","clsx"],"mappings":";;;;;;;;;AAMO,IAAM,UAAA,GAAa,CAAA;AAQnB,IAAM,QAAA,GAAW,CAAC,KAAA,EAAe,GAAA,KAA4B;AAClE,EAAA,IAAI;AACF,IAAA,OAAOA,YAAS,KAAA,EAAO,KAAA,EAAO,EAAE,GAAA,EAAK,MAAA,EAAQ,YAAY,CAAA;AAAA,EAC3D,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,SAAS,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AACpE,IAAA,MAAM,IAAI,MAAM,CAAA,wCAAA,EAA2C,GAAG,MAAM,MAAM,CAAA,EAAA,CAAA,EAAM,EAAE,KAAA,EAAO,CAAA;AAAA,EAC3F;AACF,CAAA;AAMO,IAAM,UAAA,GAAa,CAAC,MAAA,KAAgC;AACzD,EAAA,IAAI,IAAA,GAAO,EAAA;AACX,EAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,GAAA,EAAK,CAAA,KAAM;AACzB,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,GAAA,CAAI,QAAQ,CAAA,EAAA,EAAK;AACnC,MAAA,IAAI,CAAC,GAAA,CAAI,CAAC,CAAA,EAAG;AACb,MAAA,MAAM,KAAA,GAAQ,CAAA;AACd,MAAA,OAAO,GAAA,CAAI,CAAA,GAAI,CAAC,CAAA,EAAG,CAAA,EAAA;AACnB,MAAA,MAAM,GAAA,GAAM,IAAI,KAAA,GAAQ,CAAA;AACxB,MAAA,IAAA,IAAQ,IAAI,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,GAAG,OAAO,GAAG,CAAA,CAAA,CAAA;AAAA,IACzC;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,IAAA;AACT,CAAA;ACDO,IAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,GAAA;AAAA,EACP,GAAA,GAAM,QAAA;AAAA,EACN,SAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAIC,cAAQ,MAAM;AACnC,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,KAAA,EAAO,GAAG,CAAA;AAClC,IAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,QAAQ,IAAA,EAAM,UAAA,CAAW,MAAM,CAAA,EAAE;AAAA,EACzD,CAAA,EAAG,CAAC,KAAA,EAAO,GAAG,CAAC,CAAA;AACf,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACZ,OAAA,EAAS,CAAA,IAAA,EAAO,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,MAC5B,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,cAAA,EAAe,YAAA;AAAA,MACf,SAAA,EAAWC,SAAA,CAAK,kDAAA,EAAoD,SAAS,CAAA;AAAA,MAE7E,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,IAAA,EAAM,MAAK,cAAA,EAAe;AAAA;AAAA,GACrC;AAEJ","file":"index.cjs","sourcesContent":["import { encodeQR } from 'qr';\n\n/** How much of the symbol the error correction can lose: 7%, 15%, 25% and 30%. */\nexport type QrEcc = 'low' | 'medium' | 'quartile' | 'high';\n\n/** Light modules around the symbol on every side: the 4 the QR standard (ISO/IEC 18004) asks for. */\nexport const QUIET_ZONE = 4;\n\n/**\n * The modules of the QR code for `value`, the quiet zone included, `true` for a dark one. Only the\n * encoding can fail (a text that does not fit), so only it is wrapped: the library's own message\n * (\"Capacity overflow\") says nothing of the component or of the level that was asked for, and is\n * kept in the new one.\n */\nexport const qrMatrix = (value: string, ecc: QrEcc): boolean[][] => {\n  try {\n    return encodeQR(value, 'raw', { ecc, border: QUIET_ZONE });\n  } catch (cause) {\n    const reason = cause instanceof Error ? cause.message : String(cause);\n    throw new Error(`QrCode: cannot encode the value at ecc=\"${ecc}\" (${reason}).`, { cause });\n  }\n};\n\n/**\n * One SVG path for the dark modules of `matrix`, on a grid of unit squares: a run of dark modules\n * along a row is one rectangle, which keeps the path short.\n */\nexport const matrixPath = (matrix: boolean[][]): string => {\n  let path = '';\n  matrix.forEach((row, y) => {\n    for (let x = 0; x < row.length; x++) {\n      if (!row[x]) continue;\n      const start = x;\n      while (row[x + 1]) x++;\n      const run = x - start + 1;\n      path += `M${start} ${y}h${run}v1h-${run}z`;\n    }\n  });\n  return path;\n};\n","import { clsx } from 'clsx';\nimport { useMemo, type Ref } from 'react';\nimport { matrixPath, qrMatrix, type QrEcc } from './qrMatrix';\n\nexport type QrCodeProps = {\n  /**\n   * The text to encode: a link, an `otpauth://` URI, a pairing code. A value too long for the\n   * level (about 2.3 KB at `medium`) throws an error that names the level.\n   */\n  value: string;\n  /**\n   * Accessible name: what the code is for (\"Authenticator setup code\"). A screen reader cannot\n   * read a code, so give the same data as text next to it.\n   */\n  label: string;\n  /** Side of the square in pixels, quiet zone included. It shrinks in a narrower parent. Default `192`. */\n  size?: number;\n  /**\n   * How much of the code can be lost and still scan: `low` 7%, `medium` 15%, `quartile` 25%,\n   * `high` 30%. A higher level draws more modules for the same text. Default `medium`.\n   */\n  ecc?: QrEcc;\n  className?: string;\n  /** Ref to the `<svg>`. */\n  ref?: Ref<SVGSVGElement>;\n};\n\n/**\n * QrCode — a QR code drawn as one SVG path, from the `qr` package (an optional peer dependency of\n * the `/qr` entry).\n *\n * The tile is white and the modules black in every theme, with the four-module quiet zone the\n * standard asks for inside it. A dark theme keeps the light tile instead of flipping the colors:\n * readers handle an inverted code unevenly. No semantic color variable fits (they all turn dark\n * with the theme), so the tile takes the two ends of the palette, `white` and `black`: the sand\n * theme tints the white slightly, and nothing else redefines either. Right to left does not\n * mirror it.\n */\nexport const QrCode = ({\n  value,\n  label,\n  size = 192,\n  ecc = 'medium',\n  className,\n  ref,\n}: QrCodeProps) => {\n  const { side, path } = useMemo(() => {\n    const matrix = qrMatrix(value, ecc);\n    return { side: matrix.length, path: matrixPath(matrix) };\n  }, [value, ecc]);\n  return (\n    <svg\n      ref={ref}\n      role=\"img\"\n      aria-label={label}\n      viewBox={`0 0 ${side} ${side}`}\n      width={size}\n      height={size}\n      shapeRendering=\"crispEdges\"\n      className={clsx('h-auto max-w-full rounded-sm bg-white text-black', className)}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}

package/dist/qr/index.d.cts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { Ref } from 'react';
+
+/** How much of the symbol the error correction can lose: 7%, 15%, 25% and 30%. */
+type QrEcc = 'low' | 'medium' | 'quartile' | 'high';
+
+type QrCodeProps = {
+    /**
+     * The text to encode: a link, an `otpauth://` URI, a pairing code. A value too long for the
+     * level (about 2.3 KB at `medium`) throws an error that names the level.
+     */
+    value: string;
+    /**
+     * Accessible name: what the code is for ("Authenticator setup code"). A screen reader cannot
+     * read a code, so give the same data as text next to it.
+     */
+    label: string;
+    /** Side of the square in pixels, quiet zone included. It shrinks in a narrower parent. Default `192`. */
+    size?: number;
+    /**
+     * How much of the code can be lost and still scan: `low` 7%, `medium` 15%, `quartile` 25%,
+     * `high` 30%. A higher level draws more modules for the same text. Default `medium`.
+     */
+    ecc?: QrEcc;
+    className?: string;
+    /** Ref to the `<svg>`. */
+    ref?: Ref<SVGSVGElement>;
+};
+/**
+ * QrCode — a QR code drawn as one SVG path, from the `qr` package (an optional peer dependency of
+ * the `/qr` entry).
+ *
+ * The tile is white and the modules black in every theme, with the four-module quiet zone the
+ * standard asks for inside it. A dark theme keeps the light tile instead of flipping the colors:
+ * readers handle an inverted code unevenly. No semantic color variable fits (they all turn dark
+ * with the theme), so the tile takes the two ends of the palette, `white` and `black`: the sand
+ * theme tints the white slightly, and nothing else redefines either. Right to left does not
+ * mirror it.
+ */
+declare const QrCode: ({ value, label, size, ecc, className, ref, }: QrCodeProps) => react.JSX.Element;
+
+export { QrCode };
+export type { QrCodeProps, QrEcc };

package/dist/qr/index.d.ts

@@ -0,0 +1,43 @@
+import * as react from 'react';
+import { Ref } from 'react';
+
+/** How much of the symbol the error correction can lose: 7%, 15%, 25% and 30%. */
+type QrEcc = 'low' | 'medium' | 'quartile' | 'high';
+
+type QrCodeProps = {
+    /**
+     * The text to encode: a link, an `otpauth://` URI, a pairing code. A value too long for the
+     * level (about 2.3 KB at `medium`) throws an error that names the level.
+     */
+    value: string;
+    /**
+     * Accessible name: what the code is for ("Authenticator setup code"). A screen reader cannot
+     * read a code, so give the same data as text next to it.
+     */
+    label: string;
+    /** Side of the square in pixels, quiet zone included. It shrinks in a narrower parent. Default `192`. */
+    size?: number;
+    /**
+     * How much of the code can be lost and still scan: `low` 7%, `medium` 15%, `quartile` 25%,
+     * `high` 30%. A higher level draws more modules for the same text. Default `medium`.
+     */
+    ecc?: QrEcc;
+    className?: string;
+    /** Ref to the `<svg>`. */
+    ref?: Ref<SVGSVGElement>;
+};
+/**
+ * QrCode — a QR code drawn as one SVG path, from the `qr` package (an optional peer dependency of
+ * the `/qr` entry).
+ *
+ * The tile is white and the modules black in every theme, with the four-module quiet zone the
+ * standard asks for inside it. A dark theme keeps the light tile instead of flipping the colors:
+ * readers handle an inverted code unevenly. No semantic color variable fits (they all turn dark
+ * with the theme), so the tile takes the two ends of the palette, `white` and `black`: the sand
+ * theme tints the white slightly, and nothing else redefines either. Right to left does not
+ * mirror it.
+ */
+declare const QrCode: ({ value, label, size, ecc, className, ref, }: QrCodeProps) => react.JSX.Element;
+
+export { QrCode };
+export type { QrCodeProps, QrEcc };

package/dist/qr/index.js

@@ -0,0 +1,60 @@
+"use client";
+import { clsx } from 'clsx';
+import { useMemo } from 'react';
+import { encodeQR } from 'qr';
+import { jsx } from 'react/jsx-runtime';
+
+// src/qr/QrCode.tsx
+var QUIET_ZONE = 4;
+var qrMatrix = (value, ecc) => {
+  try {
+    return encodeQR(value, "raw", { ecc, border: QUIET_ZONE });
+  } catch (cause) {
+    const reason = cause instanceof Error ? cause.message : String(cause);
+    throw new Error(`QrCode: cannot encode the value at ecc="${ecc}" (${reason}).`, { cause });
+  }
+};
+var matrixPath = (matrix) => {
+  let path = "";
+  matrix.forEach((row, y) => {
+    for (let x = 0; x < row.length; x++) {
+      if (!row[x]) continue;
+      const start = x;
+      while (row[x + 1]) x++;
+      const run = x - start + 1;
+      path += `M${start} ${y}h${run}v1h-${run}z`;
+    }
+  });
+  return path;
+};
+var QrCode = ({
+  value,
+  label,
+  size = 192,
+  ecc = "medium",
+  className,
+  ref
+}) => {
+  const { side, path } = useMemo(() => {
+    const matrix = qrMatrix(value, ecc);
+    return { side: matrix.length, path: matrixPath(matrix) };
+  }, [value, ecc]);
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      ref,
+      role: "img",
+      "aria-label": label,
+      viewBox: `0 0 ${side} ${side}`,
+      width: size,
+      height: size,
+      shapeRendering: "crispEdges",
+      className: clsx("h-auto max-w-full rounded-sm bg-white text-black", className),
+      children: /* @__PURE__ */ jsx("path", { d: path, fill: "currentColor" })
+    }
+  );
+};
+
+export { QrCode };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/qr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/qr/qrMatrix.ts","../../src/qr/QrCode.tsx"],"names":[],"mappings":";;;;;;;AAMO,IAAM,UAAA,GAAa,CAAA;AAQnB,IAAM,QAAA,GAAW,CAAC,KAAA,EAAe,GAAA,KAA4B;AAClE,EAAA,IAAI;AACF,IAAA,OAAO,SAAS,KAAA,EAAO,KAAA,EAAO,EAAE,GAAA,EAAK,MAAA,EAAQ,YAAY,CAAA;AAAA,EAC3D,SAAS,KAAA,EAAO;AACd,IAAA,MAAM,SAAS,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,OAAO,KAAK,CAAA;AACpE,IAAA,MAAM,IAAI,MAAM,CAAA,wCAAA,EAA2C,GAAG,MAAM,MAAM,CAAA,EAAA,CAAA,EAAM,EAAE,KAAA,EAAO,CAAA;AAAA,EAC3F;AACF,CAAA;AAMO,IAAM,UAAA,GAAa,CAAC,MAAA,KAAgC;AACzD,EAAA,IAAI,IAAA,GAAO,EAAA;AACX,EAAA,MAAA,CAAO,OAAA,CAAQ,CAAC,GAAA,EAAK,CAAA,KAAM;AACzB,IAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,GAAA,CAAI,QAAQ,CAAA,EAAA,EAAK;AACnC,MAAA,IAAI,CAAC,GAAA,CAAI,CAAC,CAAA,EAAG;AACb,MAAA,MAAM,KAAA,GAAQ,CAAA;AACd,MAAA,OAAO,GAAA,CAAI,CAAA,GAAI,CAAC,CAAA,EAAG,CAAA,EAAA;AACnB,MAAA,MAAM,GAAA,GAAM,IAAI,KAAA,GAAQ,CAAA;AACxB,MAAA,IAAA,IAAQ,IAAI,KAAK,CAAA,CAAA,EAAI,CAAC,CAAA,CAAA,EAAI,GAAG,OAAO,GAAG,CAAA,CAAA,CAAA;AAAA,IACzC;AAAA,EACF,CAAC,CAAA;AACD,EAAA,OAAO,IAAA;AACT,CAAA;ACDO,IAAM,SAAS,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,GAAA;AAAA,EACP,GAAA,GAAM,QAAA;AAAA,EACN,SAAA;AAAA,EACA;AACF,CAAA,KAAmB;AACjB,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,QAAQ,MAAM;AACnC,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,KAAA,EAAO,GAAG,CAAA;AAClC,IAAA,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,QAAQ,IAAA,EAAM,UAAA,CAAW,MAAM,CAAA,EAAE;AAAA,EACzD,CAAA,EAAG,CAAC,KAAA,EAAO,GAAG,CAAC,CAAA;AACf,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,YAAA,EAAY,KAAA;AAAA,MACZ,OAAA,EAAS,CAAA,IAAA,EAAO,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAAA,MAC5B,KAAA,EAAO,IAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,cAAA,EAAe,YAAA;AAAA,MACf,SAAA,EAAW,IAAA,CAAK,kDAAA,EAAoD,SAAS,CAAA;AAAA,MAE7E,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,IAAA,EAAM,MAAK,cAAA,EAAe;AAAA;AAAA,GACrC;AAEJ","file":"index.js","sourcesContent":["import { encodeQR } from 'qr';\n\n/** How much of the symbol the error correction can lose: 7%, 15%, 25% and 30%. */\nexport type QrEcc = 'low' | 'medium' | 'quartile' | 'high';\n\n/** Light modules around the symbol on every side: the 4 the QR standard (ISO/IEC 18004) asks for. */\nexport const QUIET_ZONE = 4;\n\n/**\n * The modules of the QR code for `value`, the quiet zone included, `true` for a dark one. Only the\n * encoding can fail (a text that does not fit), so only it is wrapped: the library's own message\n * (\"Capacity overflow\") says nothing of the component or of the level that was asked for, and is\n * kept in the new one.\n */\nexport const qrMatrix = (value: string, ecc: QrEcc): boolean[][] => {\n  try {\n    return encodeQR(value, 'raw', { ecc, border: QUIET_ZONE });\n  } catch (cause) {\n    const reason = cause instanceof Error ? cause.message : String(cause);\n    throw new Error(`QrCode: cannot encode the value at ecc=\"${ecc}\" (${reason}).`, { cause });\n  }\n};\n\n/**\n * One SVG path for the dark modules of `matrix`, on a grid of unit squares: a run of dark modules\n * along a row is one rectangle, which keeps the path short.\n */\nexport const matrixPath = (matrix: boolean[][]): string => {\n  let path = '';\n  matrix.forEach((row, y) => {\n    for (let x = 0; x < row.length; x++) {\n      if (!row[x]) continue;\n      const start = x;\n      while (row[x + 1]) x++;\n      const run = x - start + 1;\n      path += `M${start} ${y}h${run}v1h-${run}z`;\n    }\n  });\n  return path;\n};\n","import { clsx } from 'clsx';\nimport { useMemo, type Ref } from 'react';\nimport { matrixPath, qrMatrix, type QrEcc } from './qrMatrix';\n\nexport type QrCodeProps = {\n  /**\n   * The text to encode: a link, an `otpauth://` URI, a pairing code. A value too long for the\n   * level (about 2.3 KB at `medium`) throws an error that names the level.\n   */\n  value: string;\n  /**\n   * Accessible name: what the code is for (\"Authenticator setup code\"). A screen reader cannot\n   * read a code, so give the same data as text next to it.\n   */\n  label: string;\n  /** Side of the square in pixels, quiet zone included. It shrinks in a narrower parent. Default `192`. */\n  size?: number;\n  /**\n   * How much of the code can be lost and still scan: `low` 7%, `medium` 15%, `quartile` 25%,\n   * `high` 30%. A higher level draws more modules for the same text. Default `medium`.\n   */\n  ecc?: QrEcc;\n  className?: string;\n  /** Ref to the `<svg>`. */\n  ref?: Ref<SVGSVGElement>;\n};\n\n/**\n * QrCode — a QR code drawn as one SVG path, from the `qr` package (an optional peer dependency of\n * the `/qr` entry).\n *\n * The tile is white and the modules black in every theme, with the four-module quiet zone the\n * standard asks for inside it. A dark theme keeps the light tile instead of flipping the colors:\n * readers handle an inverted code unevenly. No semantic color variable fits (they all turn dark\n * with the theme), so the tile takes the two ends of the palette, `white` and `black`: the sand\n * theme tints the white slightly, and nothing else redefines either. Right to left does not\n * mirror it.\n */\nexport const QrCode = ({\n  value,\n  label,\n  size = 192,\n  ecc = 'medium',\n  className,\n  ref,\n}: QrCodeProps) => {\n  const { side, path } = useMemo(() => {\n    const matrix = qrMatrix(value, ecc);\n    return { side: matrix.length, path: matrixPath(matrix) };\n  }, [value, ecc]);\n  return (\n    <svg\n      ref={ref}\n      role=\"img\"\n      aria-label={label}\n      viewBox={`0 0 ${side} ${side}`}\n      width={size}\n      height={size}\n      shapeRendering=\"crispEdges\"\n      className={clsx('h-auto max-w-full rounded-sm bg-white text-black', className)}\n    >\n      <path d={path} fill=\"currentColor\" />\n    </svg>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sckyzo/cosmos-react",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "React 19 + Tailwind 4 UI component library — 135+ themeable, accessible components (forms, overlays, navigation, tables, data display) with built-in light/dark mode.",
   "license": "MIT",
   "author": "SckyzO",
@@ -56,6 +56,16 @@
         "default": "./dist/map/index.cjs"
       }
     },
+    "./qr": {
+      "import": {
+        "types": "./dist/qr/index.d.ts",
+        "default": "./dist/qr/index.js"
+      },
+      "require": {
+        "types": "./dist/qr/index.d.cts",
+        "default": "./dist/qr/index.cjs"
+      }
+    },
     "./calendar.css": "./calendar.css",
     "./package.json": "./package.json"
   },
@@ -69,6 +79,9 @@
       ],
       "map": [
         "./dist/map/index.d.ts"
+      ],
+      "qr": [
+        "./dist/qr/index.d.ts"
       ]
     }
   },
@@ -92,11 +105,14 @@
   },
   "peerDependencies": {
     "@tiptap/core": "^3.32.0",
+    "@tiptap/extension-image": "^3.32.0",
+    "@tiptap/extension-text-align": "^3.32.0",
     "@tiptap/extensions": "^3.32.0",
     "@tiptap/pm": "^3.32.0",
     "@tiptap/react": "^3.32.0",
     "@tiptap/starter-kit": "^3.32.0",
     "maplibre-gl": "^5.24.0 || ^6.4.1",
+    "qr": "~0.7.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "shiki": "^4.5.0"
@@ -105,6 +121,12 @@
     "@tiptap/core": {
       "optional": true
     },
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-text-align": {
+      "optional": true
+    },
     "@tiptap/extensions": {
       "optional": true
     },
@@ -120,6 +142,9 @@
     "maplibre-gl": {
       "optional": true
     },
+    "qr": {
+      "optional": true
+    },
     "shiki": {
       "optional": true
     }
@@ -131,30 +156,33 @@
     "@dnd-kit/react": "0.5.1",
     "@radix-ui/react-accordion": "^1.3.1",
     "@radix-ui/react-slider": "^1.6.1",
-    "@sckyzo/cosmos-theme": "^0.5.0",
+    "@sckyzo/cosmos-theme": "^0.6.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "lucide-react": "^1.61.0",
+    "lucide-react": "^1.64.0",
     "react-day-picker": "^10.0.2",
     "sonner": "^2.0.8"
   },
   "devDependencies": {
-    "@storybook/react-vite": "^10.6.3",
-    "@tiptap/core": "3.32.0",
-    "@tiptap/extensions": "3.32.0",
-    "@tiptap/pm": "3.32.0",
-    "@tiptap/react": "3.32.0",
-    "@tiptap/starter-kit": "3.32.0",
+    "@storybook/react-vite": "^10.6.5",
+    "@tiptap/core": "3.32.1",
+    "@tiptap/extension-image": "3.32.1",
+    "@tiptap/extension-text-align": "3.32.1",
+    "@tiptap/extensions": "3.32.1",
+    "@tiptap/pm": "3.32.1",
+    "@tiptap/react": "3.32.1",
+    "@tiptap/starter-kit": "3.32.1",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "hast-util-to-jsx-runtime": "2.3.6",
-    "maplibre-gl": "6.4.1",
+    "maplibre-gl": "6.16.0",
+    "qr": "0.7.2",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "shiki": "4.5.0",
-    "storybook": "^10.6.3",
+    "storybook": "^10.6.5",
     "tsup": "^9.0.0",
     "typescript": "^6.0.3"
   },