@adminide-stack/yantra-mobile 12.0.129-alpha.0 → 12.0.129

package/lib/features/design/doc/shapes.js

@@ -0,0 +1,366 @@
+const SHAPE_CATEGORIES = [{
+  id: "basic",
+  label: "Basic shapes"
+}, {
+  id: "polygon",
+  label: "Polygons"
+}, {
+  id: "star",
+  label: "Stars"
+}, {
+  id: "arrow",
+  label: "Arrows"
+}, {
+  id: "flow",
+  label: "Flowchart shapes"
+}, {
+  id: "bubble",
+  label: "Speech bubbles"
+}, {
+  id: "cloud",
+  label: "Clouds"
+}];
+const f = (n) => Number(n.toFixed(4));
+const polyD = (pts) => `M${pts.map(([x, y]) => `${f(x)} ${f(y)}`).join("L")}Z`;
+function ngonD(n, rot = -Math.PI / 2) {
+  return polyD(Array.from({
+    length: n
+  }, (_, i) => {
+    const a = rot + i * 2 * Math.PI / n;
+    return [0.5 + Math.cos(a) * 0.5, 0.5 + Math.sin(a) * 0.5];
+  }));
+}
+function starD(points, inner) {
+  const step = Math.PI / points;
+  return polyD(Array.from({
+    length: points * 2
+  }, (_, i) => {
+    const r = i % 2 === 0 ? 0.5 : 0.5 * inner;
+    const a = -Math.PI / 2 + i * step;
+    return [0.5 + Math.cos(a) * r, 0.5 + Math.sin(a) * r];
+  }));
+}
+const circleD = (cx, cy, r) => `M${f(cx - r)} ${f(cy)}A${f(r)} ${f(r)} 0 1 1 ${f(cx + r)} ${f(cy)}A${f(r)} ${f(r)} 0 1 1 ${f(cx - r)} ${f(cy)}Z`;
+const boxD = (x, y, w, h) => `M${f(x)} ${f(y)}H${f(x + w)}V${f(y + h)}H${f(x)}Z`;
+const SHAPES = {
+  // ── Basic ────────────────────────────────────────────────────────────────
+  rect: {
+    label: "Square",
+    cat: "basic",
+    d: "M0 0H1V1H0Z"
+  },
+  ellipse: {
+    label: "Circle",
+    cat: "basic",
+    d: "M0 .5A.5 .5 0 1 1 1 .5A.5 .5 0 1 1 0 .5Z"
+  },
+  triangle: {
+    label: "Triangle",
+    cat: "basic",
+    d: "M.5 0L1 1H0Z"
+  },
+  "triangle-right": {
+    label: "Right triangle",
+    cat: "basic",
+    d: "M0 0V1H1Z"
+  },
+  "triangle-down": {
+    label: "Triangle down",
+    cat: "basic",
+    d: "M0 0H1L.5 1Z"
+  },
+  diamond: {
+    label: "Diamond",
+    cat: "basic",
+    d: "M.5 0L1 .5L.5 1L0 .5Z"
+  },
+  parallelogram: {
+    label: "Parallelogram",
+    cat: "basic",
+    d: "M.25 0H1L.75 1H0Z"
+  },
+  trapezoid: {
+    label: "Trapezoid",
+    cat: "basic",
+    d: "M.25 0H.75L1 1H0Z"
+  },
+  pill: {
+    label: "Pill",
+    cat: "basic",
+    d: "M.25 0H.75A.25 .5 0 0 1 .75 1H.25A.25 .5 0 0 1 .25 0Z"
+  },
+  semicircle: {
+    label: "Semicircle",
+    cat: "basic",
+    d: "M0 1A.5 .5 0 0 1 1 1Z"
+  },
+  arch: {
+    label: "Arch",
+    cat: "basic",
+    d: "M0 1V.5A.5 .5 0 0 1 1 .5V1Z"
+  },
+  "quarter-circle": {
+    label: "Quarter circle",
+    cat: "basic",
+    d: "M0 1V0A1 1 0 0 1 1 1Z"
+  },
+  cross: {
+    label: "Cross",
+    cat: "basic",
+    d: "M.35 0H.65V.35H1V.65H.65V1H.35V.65H0V.35H.35Z"
+  },
+  heart: {
+    label: "Heart",
+    cat: "basic",
+    d: "M.5 .96C.13 .68 0 .46 0 .29C0 .12 .13 .02 .28 .02C.38 .02 .45 .07 .5 .15C.55 .07 .62 .02 .72 .02C.87 .02 1 .12 1 .29C1 .46 .87 .68 .5 .96Z"
+  },
+  line: {
+    label: "Line",
+    cat: "basic",
+    d: "M0 .45H1V.55H0Z",
+    stroke: true
+  },
+  arrow: {
+    label: "Line arrow",
+    cat: "basic",
+    d: "M0 .42H.62V.24L1 .5L.62 .76V.58H0Z",
+    stroke: true
+  },
+  // ── Polygons ─────────────────────────────────────────────────────────────
+  pentagon: {
+    label: "Pentagon",
+    cat: "polygon",
+    d: ngonD(5)
+  },
+  hexagon: {
+    label: "Hexagon",
+    cat: "polygon",
+    d: ngonD(6)
+  },
+  "hexagon-flat": {
+    label: "Hexagon (flat top)",
+    cat: "polygon",
+    d: ngonD(6, 0)
+  },
+  heptagon: {
+    label: "Heptagon",
+    cat: "polygon",
+    d: ngonD(7)
+  },
+  octagon: {
+    label: "Octagon",
+    cat: "polygon",
+    d: ngonD(8)
+  },
+  nonagon: {
+    label: "Nonagon",
+    cat: "polygon",
+    d: ngonD(9)
+  },
+  decagon: {
+    label: "Decagon",
+    cat: "polygon",
+    d: ngonD(10)
+  },
+  // ── Stars ────────────────────────────────────────────────────────────────
+  star: {
+    label: "Star",
+    cat: "star",
+    d: starD(5, 0.44)
+  },
+  "star-4": {
+    label: "4-point star",
+    cat: "star",
+    d: starD(4, 0.38)
+  },
+  "star-6": {
+    label: "6-point star",
+    cat: "star",
+    d: starD(6, 0.5)
+  },
+  "star-8": {
+    label: "8-point star",
+    cat: "star",
+    d: starD(8, 0.55)
+  },
+  "star-12": {
+    label: "12-point star",
+    cat: "star",
+    d: starD(12, 0.72)
+  },
+  sparkle: {
+    label: "Sparkle",
+    cat: "star",
+    d: starD(4, 0.16)
+  },
+  burst: {
+    label: "Burst",
+    cat: "star",
+    d: starD(16, 0.78)
+  },
+  // ── Arrows ───────────────────────────────────────────────────────────────
+  "arrow-right": {
+    label: "Arrow right",
+    cat: "arrow",
+    d: "M0 .3H.6V0L1 .5L.6 1V.7H0Z"
+  },
+  "arrow-left": {
+    label: "Arrow left",
+    cat: "arrow",
+    d: "M1 .3H.4V0L0 .5L.4 1V.7H1Z"
+  },
+  "arrow-up": {
+    label: "Arrow up",
+    cat: "arrow",
+    d: "M.3 1V.4H0L.5 0L1 .4H.7V1Z"
+  },
+  "arrow-down": {
+    label: "Arrow down",
+    cat: "arrow",
+    d: "M.3 0V.6H0L.5 1L1 .6H.7V0Z"
+  },
+  "arrow-double-h": {
+    label: "Double arrow",
+    cat: "arrow",
+    d: "M0 .5L.25 0V.3H.75V0L1 .5L.75 1V.7H.25V1Z"
+  },
+  "arrow-double-v": {
+    label: "Double arrow up",
+    cat: "arrow",
+    d: "M.5 0L1 .25H.7V.75H1L.5 1L0 .75H.3V.25H0Z"
+  },
+  chevron: {
+    label: "Chevron",
+    cat: "arrow",
+    d: "M0 0H.5L1 .5L.5 1H0L.5 .5Z"
+  },
+  "arrow-banner": {
+    label: "Banner arrow",
+    cat: "arrow",
+    d: "M0 0H.7L1 .5L.7 1H0Z"
+  },
+  "arrow-bent": {
+    label: "Bent arrow",
+    cat: "arrow",
+    d: "M0 .72H.55V.42H.38L.7 0L1 .42H.85V1H0Z"
+  },
+  // ── Flowchart ────────────────────────────────────────────────────────────
+  "flow-process": {
+    label: "Process",
+    cat: "flow",
+    d: "M0 0H1V1H0Z"
+  },
+  "flow-terminator": {
+    label: "Terminator",
+    cat: "flow",
+    d: "M.2 0H.8A.2 .5 0 0 1 .8 1H.2A.2 .5 0 0 1 .2 0Z"
+  },
+  "flow-decision": {
+    label: "Decision",
+    cat: "flow",
+    d: "M.5 0L1 .5L.5 1L0 .5Z"
+  },
+  "flow-data": {
+    label: "Data",
+    cat: "flow",
+    d: "M.25 0H1L.75 1H0Z"
+  },
+  "flow-document": {
+    label: "Document",
+    cat: "flow",
+    d: "M0 0H1V.82C.75 1 .25 .64 0 .82Z"
+  },
+  "flow-database": {
+    label: "Database",
+    cat: "flow",
+    d: "M0 .12C0 .05 .22 0 .5 0S1 .05 1 .12V.88C1 .95 .78 1 .5 1S0 .95 0 .88Z"
+  },
+  "flow-manual-input": {
+    label: "Manual input",
+    cat: "flow",
+    d: "M0 .22L1 0V1H0Z"
+  },
+  "flow-preparation": {
+    label: "Preparation",
+    cat: "flow",
+    d: "M.2 0H.8L1 .5L.8 1H.2L0 .5Z"
+  },
+  "flow-off-page": {
+    label: "Off-page",
+    cat: "flow",
+    d: "M0 0H1V.7L.5 1L0 .7Z"
+  },
+  "flow-display": {
+    label: "Display",
+    cat: "flow",
+    d: "M.15 0H.85L1 .5L.85 1H.15C.05 .8 .05 .2 .15 0Z"
+  },
+  // ── Speech bubbles ───────────────────────────────────────────────────────
+  "bubble-rect": {
+    label: "Square bubble",
+    cat: "bubble",
+    d: "M0 0H1V.75H.35L.15 1V.75H0Z"
+  },
+  "bubble-round": {
+    label: "Rounded bubble",
+    cat: "bubble",
+    d: "M.1 0H.9A.1 .12 0 0 1 1 .12V.62A.1 .12 0 0 1 .9 .74H.4L.16 1L.24 .74H.1A.1 .12 0 0 1 0 .62V.12A.1 .12 0 0 1 .1 0Z"
+  },
+  "bubble-oval": {
+    label: "Oval bubble",
+    cat: "bubble",
+    d: "M.5 0C.78 0 1 .17 1 .37C1 .58 .78 .74 .5 .74H.42L.16 1L.24 .73C.09 .67 0 .53 0 .37C0 .17 .22 0 .5 0Z"
+  },
+  "bubble-thought": {
+    label: "Thought bubble",
+    cat: "bubble",
+    d: circleD(0.3, 0.3, 0.2) + circleD(0.55, 0.22, 0.22) + circleD(0.75, 0.34, 0.18) + circleD(0.5, 0.42, 0.2) + circleD(0.22, 0.72, 0.09) + circleD(0.1, 0.9, 0.06)
+  },
+  "bubble-burst": {
+    label: "Burst bubble",
+    cat: "bubble",
+    d: starD(12, 0.74)
+  },
+  // ── Clouds ───────────────────────────────────────────────────────────────
+  cloud: {
+    label: "Cloud",
+    cat: "cloud",
+    d: circleD(0.24, 0.62, 0.18) + circleD(0.42, 0.44, 0.24) + circleD(0.66, 0.46, 0.22) + circleD(0.82, 0.64, 0.16) + boxD(0.24, 0.6, 0.58, 0.2)
+  },
+  "cloud-round": {
+    label: "Puffy cloud",
+    cat: "cloud",
+    d: circleD(0.28, 0.6, 0.22) + circleD(0.5, 0.38, 0.28) + circleD(0.75, 0.58, 0.24) + circleD(0.5, 0.68, 0.26)
+  },
+  "cloud-wide": {
+    label: "Wide cloud",
+    cat: "cloud",
+    d: circleD(0.15, 0.65, 0.15) + circleD(0.35, 0.5, 0.22) + circleD(0.6, 0.48, 0.24) + circleD(0.85, 0.66, 0.14) + boxD(0.15, 0.62, 0.7, 0.18)
+  }
+};
+const SHAPE_KINDS = Object.keys(SHAPES);
+function shapesInCategory(cat) {
+  return SHAPE_KINDS.filter((k) => SHAPES[k].cat === cat);
+}
+function isStrokeShape(shape) {
+  var _a;
+  return ((_a = SHAPES[shape]) == null ? void 0 : _a.stroke) === true;
+}
+function shapeSpec(shape) {
+  var _a;
+  return (_a = SHAPES[shape]) != null ? _a : SHAPES.rect;
+}
+function gradientLine(x, y, w, h, angle) {
+  const t = angle * Math.PI / 180;
+  const dx = Math.sin(t);
+  const dy = -Math.cos(t);
+  const half = Math.abs(w / 2 * dx) + Math.abs(h / 2 * dy);
+  const cx = x + w / 2;
+  const cy = y + h / 2;
+  return [cx - dx * half, cy - dy * half, cx + dx * half, cy + dy * half];
+}
+function roundRectD(w, h, radiusFrac) {
+  const r = Math.max(0, Math.min(Math.min(w, h) / 2, Math.min(w, h) * Math.min(0.5, Math.max(0, radiusFrac))));
+  if (r === 0) return `M0 0H${f(w)}V${f(h)}H0Z`;
+  return `M${f(r)} 0H${f(w - r)}A${f(r)} ${f(r)} 0 0 1 ${f(w)} ${f(r)}V${f(h - r)}A${f(r)} ${f(r)} 0 0 1 ${f(w - r)} ${f(h)}H${f(r)}A${f(r)} ${f(r)} 0 0 1 0 ${f(h - r)}V${f(r)}A${f(r)} ${f(r)} 0 0 1 ${f(r)} 0Z`;
+}export{SHAPES,SHAPE_CATEGORIES,SHAPE_KINDS,gradientLine,isStrokeShape,roundRectD,shapeSpec,shapesInCategory};//# sourceMappingURL=shapes.js.map

package/lib/features/design/doc/shapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapes.js","sources":["../../../../src/features/design/doc/shapes.ts"],"sourcesContent":["/**\n * Shape geometry - native twin of canvas-surface `editors/shared/shapes.ts`.\n *\n * The catalog (keys, labels, families, unit-box outlines) is copied verbatim:\n * saved designs and catalog templates reference the keys, and the outlines are\n * what the web draws, so a heart here is the web's heart. The Canvas2D drawing\n * half stays on the web; native draws the same `d` through react-native-svg\n * (render/ShapeLayerView.tsx).\n *\n * Pure: runs under jest as-is.\n */\n\n// ============= Shape Catalog =============\n\n/** Shape families, in the order the Elements panel lists them. */\nexport const SHAPE_CATEGORIES = [\n    { id: 'basic', label: 'Basic shapes' },\n    { id: 'polygon', label: 'Polygons' },\n    { id: 'star', label: 'Stars' },\n    { id: 'arrow', label: 'Arrows' },\n    { id: 'flow', label: 'Flowchart shapes' },\n    { id: 'bubble', label: 'Speech bubbles' },\n    { id: 'cloud', label: 'Clouds' },\n] as const;\n\nexport type ShapeCategory = (typeof SHAPE_CATEGORIES)[number]['id'];\n\nexport interface ShapeSpec {\n    label: string;\n    cat: ShapeCategory;\n    /** Outline in a 0..1 unit box, scaled into the layer's box at draw time. */\n    d: string;\n    /** Drawn as a stroked run along the box's long axis instead of a filled path. */\n    stroke?: true;\n}\n\nconst f = (n: number) => Number(n.toFixed(4));\n\nconst polyD = (pts: [number, number][]) => `M${pts.map(([x, y]) => `${f(x)} ${f(y)}`).join('L')}Z`;\n\n/** Regular n-gon inscribed in the unit box; `rot` turns it (radians, 0 = flat-left vertex). */\nfunction ngonD(n: number, rot = -Math.PI / 2): string {\n    return polyD(\n        Array.from({ length: n }, (_, i) => {\n            const a = rot + (i * 2 * Math.PI) / n;\n            return [0.5 + Math.cos(a) * 0.5, 0.5 + Math.sin(a) * 0.5] as [number, number];\n        }),\n    );\n}\n\n/** `points`-pointed star; `inner` is the valley radius as a fraction of the outer. */\nfunction starD(points: number, inner: number): string {\n    const step = Math.PI / points;\n    return polyD(\n        Array.from({ length: points * 2 }, (_, i) => {\n            const r = i % 2 === 0 ? 0.5 : 0.5 * inner;\n            const a = -Math.PI / 2 + i * step;\n            return [0.5 + Math.cos(a) * r, 0.5 + Math.sin(a) * r] as [number, number];\n        }),\n    );\n}\n\n/** A full circle as one subpath. Overlapping circles union under nonzero fill — how the clouds are built. */\nconst circleD = (cx: number, cy: number, r: number) =>\n    `M${f(cx - r)} ${f(cy)}A${f(r)} ${f(r)} 0 1 1 ${f(cx + r)} ${f(cy)}A${f(r)} ${f(r)} 0 1 1 ${f(cx - r)} ${f(cy)}Z`;\n\nconst boxD = (x: number, y: number, w: number, h: number) => `M${f(x)} ${f(y)}H${f(x + w)}V${f(y + h)}H${f(x)}Z`;\n\n/**\n * Every shape the Elements panel offers, keyed by the value persisted on a layer.\n * The first nine keys are the original set and must keep their names — saved decks\n * and `carouselRpc` payloads reference them.\n */\nexport const SHAPES = {\n    // ── Basic ────────────────────────────────────────────────────────────────\n    rect: { label: 'Square', cat: 'basic', d: 'M0 0H1V1H0Z' },\n    ellipse: { label: 'Circle', cat: 'basic', d: 'M0 .5A.5 .5 0 1 1 1 .5A.5 .5 0 1 1 0 .5Z' },\n    triangle: { label: 'Triangle', cat: 'basic', d: 'M.5 0L1 1H0Z' },\n    'triangle-right': { label: 'Right triangle', cat: 'basic', d: 'M0 0V1H1Z' },\n    'triangle-down': { label: 'Triangle down', cat: 'basic', d: 'M0 0H1L.5 1Z' },\n    diamond: { label: 'Diamond', cat: 'basic', d: 'M.5 0L1 .5L.5 1L0 .5Z' },\n    parallelogram: { label: 'Parallelogram', cat: 'basic', d: 'M.25 0H1L.75 1H0Z' },\n    trapezoid: { label: 'Trapezoid', cat: 'basic', d: 'M.25 0H.75L1 1H0Z' },\n    pill: { label: 'Pill', cat: 'basic', d: 'M.25 0H.75A.25 .5 0 0 1 .75 1H.25A.25 .5 0 0 1 .25 0Z' },\n    semicircle: { label: 'Semicircle', cat: 'basic', d: 'M0 1A.5 .5 0 0 1 1 1Z' },\n    arch: { label: 'Arch', cat: 'basic', d: 'M0 1V.5A.5 .5 0 0 1 1 .5V1Z' },\n    'quarter-circle': { label: 'Quarter circle', cat: 'basic', d: 'M0 1V0A1 1 0 0 1 1 1Z' },\n    cross: { label: 'Cross', cat: 'basic', d: 'M.35 0H.65V.35H1V.65H.65V1H.35V.65H0V.35H.35Z' },\n    heart: {\n        label: 'Heart',\n        cat: 'basic',\n        d: 'M.5 .96C.13 .68 0 .46 0 .29C0 .12 .13 .02 .28 .02C.38 .02 .45 .07 .5 .15C.55 .07 .62 .02 .72 .02C.87 .02 1 .12 1 .29C1 .46 .87 .68 .5 .96Z',\n    },\n    line: { label: 'Line', cat: 'basic', d: 'M0 .45H1V.55H0Z', stroke: true },\n    arrow: { label: 'Line arrow', cat: 'basic', d: 'M0 .42H.62V.24L1 .5L.62 .76V.58H0Z', stroke: true },\n\n    // ── Polygons ─────────────────────────────────────────────────────────────\n    pentagon: { label: 'Pentagon', cat: 'polygon', d: ngonD(5) },\n    hexagon: { label: 'Hexagon', cat: 'polygon', d: ngonD(6) },\n    'hexagon-flat': { label: 'Hexagon (flat top)', cat: 'polygon', d: ngonD(6, 0) },\n    heptagon: { label: 'Heptagon', cat: 'polygon', d: ngonD(7) },\n    octagon: { label: 'Octagon', cat: 'polygon', d: ngonD(8) },\n    nonagon: { label: 'Nonagon', cat: 'polygon', d: ngonD(9) },\n    decagon: { label: 'Decagon', cat: 'polygon', d: ngonD(10) },\n\n    // ── Stars ────────────────────────────────────────────────────────────────\n    star: { label: 'Star', cat: 'star', d: starD(5, 0.44) },\n    'star-4': { label: '4-point star', cat: 'star', d: starD(4, 0.38) },\n    'star-6': { label: '6-point star', cat: 'star', d: starD(6, 0.5) },\n    'star-8': { label: '8-point star', cat: 'star', d: starD(8, 0.55) },\n    'star-12': { label: '12-point star', cat: 'star', d: starD(12, 0.72) },\n    sparkle: { label: 'Sparkle', cat: 'star', d: starD(4, 0.16) },\n    burst: { label: 'Burst', cat: 'star', d: starD(16, 0.78) },\n\n    // ── Arrows ───────────────────────────────────────────────────────────────\n    'arrow-right': { label: 'Arrow right', cat: 'arrow', d: 'M0 .3H.6V0L1 .5L.6 1V.7H0Z' },\n    'arrow-left': { label: 'Arrow left', cat: 'arrow', d: 'M1 .3H.4V0L0 .5L.4 1V.7H1Z' },\n    'arrow-up': { label: 'Arrow up', cat: 'arrow', d: 'M.3 1V.4H0L.5 0L1 .4H.7V1Z' },\n    'arrow-down': { label: 'Arrow down', cat: 'arrow', d: 'M.3 0V.6H0L.5 1L1 .6H.7V0Z' },\n    'arrow-double-h': { label: 'Double arrow', cat: 'arrow', d: 'M0 .5L.25 0V.3H.75V0L1 .5L.75 1V.7H.25V1Z' },\n    'arrow-double-v': { label: 'Double arrow up', cat: 'arrow', d: 'M.5 0L1 .25H.7V.75H1L.5 1L0 .75H.3V.25H0Z' },\n    chevron: { label: 'Chevron', cat: 'arrow', d: 'M0 0H.5L1 .5L.5 1H0L.5 .5Z' },\n    'arrow-banner': { label: 'Banner arrow', cat: 'arrow', d: 'M0 0H.7L1 .5L.7 1H0Z' },\n    'arrow-bent': { label: 'Bent arrow', cat: 'arrow', d: 'M0 .72H.55V.42H.38L.7 0L1 .42H.85V1H0Z' },\n\n    // ── Flowchart ────────────────────────────────────────────────────────────\n    'flow-process': { label: 'Process', cat: 'flow', d: 'M0 0H1V1H0Z' },\n    'flow-terminator': { label: 'Terminator', cat: 'flow', d: 'M.2 0H.8A.2 .5 0 0 1 .8 1H.2A.2 .5 0 0 1 .2 0Z' },\n    'flow-decision': { label: 'Decision', cat: 'flow', d: 'M.5 0L1 .5L.5 1L0 .5Z' },\n    'flow-data': { label: 'Data', cat: 'flow', d: 'M.25 0H1L.75 1H0Z' },\n    'flow-document': { label: 'Document', cat: 'flow', d: 'M0 0H1V.82C.75 1 .25 .64 0 .82Z' },\n    'flow-database': {\n        label: 'Database',\n        cat: 'flow',\n        d: 'M0 .12C0 .05 .22 0 .5 0S1 .05 1 .12V.88C1 .95 .78 1 .5 1S0 .95 0 .88Z',\n    },\n    'flow-manual-input': { label: 'Manual input', cat: 'flow', d: 'M0 .22L1 0V1H0Z' },\n    'flow-preparation': { label: 'Preparation', cat: 'flow', d: 'M.2 0H.8L1 .5L.8 1H.2L0 .5Z' },\n    'flow-off-page': { label: 'Off-page', cat: 'flow', d: 'M0 0H1V.7L.5 1L0 .7Z' },\n    'flow-display': { label: 'Display', cat: 'flow', d: 'M.15 0H.85L1 .5L.85 1H.15C.05 .8 .05 .2 .15 0Z' },\n\n    // ── Speech bubbles ───────────────────────────────────────────────────────\n    'bubble-rect': { label: 'Square bubble', cat: 'bubble', d: 'M0 0H1V.75H.35L.15 1V.75H0Z' },\n    'bubble-round': {\n        label: 'Rounded bubble',\n        cat: 'bubble',\n        d: 'M.1 0H.9A.1 .12 0 0 1 1 .12V.62A.1 .12 0 0 1 .9 .74H.4L.16 1L.24 .74H.1A.1 .12 0 0 1 0 .62V.12A.1 .12 0 0 1 .1 0Z',\n    },\n    'bubble-oval': {\n        label: 'Oval bubble',\n        cat: 'bubble',\n        d: 'M.5 0C.78 0 1 .17 1 .37C1 .58 .78 .74 .5 .74H.42L.16 1L.24 .73C.09 .67 0 .53 0 .37C0 .17 .22 0 .5 0Z',\n    },\n    'bubble-thought': {\n        label: 'Thought bubble',\n        cat: 'bubble',\n        d:\n            circleD(0.3, 0.3, 0.2) +\n            circleD(0.55, 0.22, 0.22) +\n            circleD(0.75, 0.34, 0.18) +\n            circleD(0.5, 0.42, 0.2) +\n            circleD(0.22, 0.72, 0.09) +\n            circleD(0.1, 0.9, 0.06),\n    },\n    'bubble-burst': { label: 'Burst bubble', cat: 'bubble', d: starD(12, 0.74) },\n\n    // ── Clouds ───────────────────────────────────────────────────────────────\n    cloud: {\n        label: 'Cloud',\n        cat: 'cloud',\n        d:\n            circleD(0.24, 0.62, 0.18) +\n            circleD(0.42, 0.44, 0.24) +\n            circleD(0.66, 0.46, 0.22) +\n            circleD(0.82, 0.64, 0.16) +\n            boxD(0.24, 0.6, 0.58, 0.2),\n    },\n    'cloud-round': {\n        label: 'Puffy cloud',\n        cat: 'cloud',\n        d: circleD(0.28, 0.6, 0.22) + circleD(0.5, 0.38, 0.28) + circleD(0.75, 0.58, 0.24) + circleD(0.5, 0.68, 0.26),\n    },\n    'cloud-wide': {\n        label: 'Wide cloud',\n        cat: 'cloud',\n        d:\n            circleD(0.15, 0.65, 0.15) +\n            circleD(0.35, 0.5, 0.22) +\n            circleD(0.6, 0.48, 0.24) +\n            circleD(0.85, 0.66, 0.14) +\n            boxD(0.15, 0.62, 0.7, 0.18),\n    },\n} satisfies Record<string, ShapeSpec>;\n\n/** Shape kinds available in the Elements panel - the value persisted on a layer. */\nexport type ShapeKind = keyof typeof SHAPES;\n\nexport const SHAPE_KINDS = Object.keys(SHAPES) as ShapeKind[];\n\n/** The kinds in one family, in catalog order. */\nexport function shapesInCategory(cat: ShapeCategory): ShapeKind[] {\n    return SHAPE_KINDS.filter((k) => SHAPES[k].cat === cat);\n}\n\n/** Shapes whose geometry is a stroked line rather than a filled region. */\nexport function isStrokeShape(shape: ShapeKind): boolean {\n    return (SHAPES[shape] as ShapeSpec | undefined)?.stroke === true;\n}\n\n/** Look up a shape, falling back to the square for a key this build does not know (a newer web's). */\nexport function shapeSpec(shape: string): ShapeSpec {\n    return (SHAPES as Record<string, ShapeSpec>)[shape] ?? SHAPES.rect;\n}\n\n/** CSS's linear-gradient line for a box: through the centre, long enough that the corners hit 0 and 1. */\nexport function gradientLine(\n    x: number,\n    y: number,\n    w: number,\n    h: number,\n    angle: number,\n): [number, number, number, number] {\n    const t = (angle * Math.PI) / 180;\n    const dx = Math.sin(t);\n    const dy = -Math.cos(t);\n    const half = Math.abs((w / 2) * dx) + Math.abs((h / 2) * dy);\n    const cx = x + w / 2;\n    const cy = y + h / 2;\n    return [cx - dx * half, cy - dy * half, cx + dx * half, cy + dy * half];\n}\n\n/** A rounded rect as a path in px - the square, whose corner radius is a live control (`radiusFrac` of the short side). */\nexport function roundRectD(w: number, h: number, radiusFrac: number): string {\n    const r = Math.max(0, Math.min(Math.min(w, h) / 2, Math.min(w, h) * Math.min(0.5, Math.max(0, radiusFrac))));\n    if (r === 0) return `M0 0H${f(w)}V${f(h)}H0Z`;\n    return (\n        `M${f(r)} 0H${f(w - r)}A${f(r)} ${f(r)} 0 0 1 ${f(w)} ${f(r)}V${f(h - r)}` +\n        `A${f(r)} ${f(r)} 0 0 1 ${f(w - r)} ${f(h)}H${f(r)}A${f(r)} ${f(r)} 0 0 1 0 ${f(h - r)}` +\n        `V${f(r)}A${f(r)} ${f(r)} 0 0 1 ${f(r)} 0Z`\n    );\n}\n"],"names":[],"mappings":"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"}

package/lib/features/design/doc/sizes.js

@@ -0,0 +1,230 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const PRINT_CATEGORIES = ["flyer", "business-card", "brochure", "branding", "certificate", "worksheet", "proposal", "newsletter", "menu"];
+function isPrintCategory(category) {
+  return PRINT_CATEGORIES.includes(category);
+}
+const PRINT_PLATFORM = {
+  flyer: "Print",
+  "business-card": "Print",
+  brochure: "Brochure",
+  branding: "Stationery",
+  certificate: "Certificate",
+  worksheet: "Worksheet",
+  proposal: "Proposal",
+  newsletter: "Newsletter",
+  menu: "Menu"
+};
+const PRINT_DPI = 150;
+const MIN_PX = 40;
+const MAX_PX = 5e3;
+function toPx(value, unit) {
+  if (unit === "in") return Math.round(value * PRINT_DPI);
+  if (unit === "mm") return Math.round(value / 25.4 * PRINT_DPI);
+  return Math.round(value);
+}
+function fromPx(px, unit) {
+  return String(Math.round(px / PRINT_DPI * 100) / 100);
+}
+function inRange(px) {
+  return Number.isFinite(px) && px >= MIN_PX && px <= MAX_PX;
+}
+function social(id, label, width, height, platform, keywords) {
+  return {
+    id,
+    label,
+    category: "social",
+    width,
+    height,
+    kind: "deck",
+    platform,
+    keywords
+  };
+}
+function carousel(id, label, width, height, keywords) {
+  return {
+    id,
+    label,
+    category: "carousel",
+    width,
+    height,
+    kind: "deck",
+    platform: "Instagram",
+    keywords
+  };
+}
+function slides(id, label, width, height, keywords) {
+  return {
+    id,
+    label,
+    category: "presentation",
+    width,
+    height,
+    kind: "deck",
+    platform: "Presentation",
+    keywords
+  };
+}
+function logo(id, label, side, keywords) {
+  return {
+    id,
+    label,
+    category: "logo",
+    width: side,
+    height: side,
+    kind: "deck",
+    platform: "Logo",
+    keywords
+  };
+}
+function banner(id, label, width, height, keywords, platform = "Banner") {
+  return {
+    id,
+    label,
+    category: "banner",
+    width,
+    height,
+    kind: "deck",
+    platform,
+    keywords
+  };
+}
+const MM_PER_UNIT = {
+  px: 25.4 / PRINT_DPI,
+  in: 25.4,
+  mm: 1
+};
+function toMm(value, unit) {
+  return Math.round(value * MM_PER_UNIT[unit] * 100) / 100;
+}
+function print(id, label, w, h, unit, keywords, category = "flyer") {
+  return {
+    id,
+    label,
+    category,
+    width: toPx(w, unit),
+    height: toPx(h, unit),
+    kind: "flyer",
+    platform: PRINT_PLATFORM[category],
+    keywords,
+    trimMm: {
+      w: toMm(w, unit),
+      h: toMm(h, unit)
+    },
+    physical: `${w} \xD7 ${h} ${unit}`
+  };
+}
+function card(id, label, w, h, unit, keywords) {
+  return __spreadProps(__spreadValues({}, print(id, label, w, h, unit, `card visiting double-sided ${w}x${h} ${keywords}`, "business-card")), {
+    pageNames: ["Front", "Back"]
+  });
+}
+function brochure(id, label, w, h, unit, keywords) {
+  return __spreadProps(__spreadValues({}, print(id, label, w, h, unit, `leaflet pamphlet trifold tri-fold bifold folded ${keywords}`, "brochure")), {
+    pageNames: ["Outside", "Inside"]
+  });
+}
+const stationery = (id, label, w, h, unit, keywords) => print(id, label, w, h, unit, `branding stationery brand ${keywords}`, "branding");
+const DESIGN_SIZES = [
+  social("ig-post-portrait", "Instagram Post (4:5)", 1080, 1350, "Instagram", "carousel portrait"),
+  social("ig-post-square", "Instagram Post (Square)", 1080, 1080, "Instagram", "square"),
+  social("ig-story", "Instagram Story", 1080, 1920, "Instagram", "reel whatsapp status tiktok vertical"),
+  social("fb-post", "Facebook Post", 1200, 630, "Facebook", "landscape"),
+  social("li-post", "LinkedIn Post", 1200, 627, "LinkedIn", "landscape"),
+  social("x-post", "X Post", 1600, 900, "X", "twitter landscape"),
+  social("yt-thumb", "YouTube Thumbnail", 1280, 720, "YouTube", "video cover"),
+  social("pin", "Pinterest Pin", 1e3, 1500, "Pinterest", "tall"),
+  carousel("carousel-portrait", "Carousel (4:5)", 1080, 1350, "instagram linkedin swipe swipeable portrait"),
+  carousel("carousel-square", "Carousel (Square)", 1080, 1080, "instagram linkedin swipe swipeable"),
+  carousel("carousel-3-4", "Carousel (3:4)", 1080, 1440, "instagram swipe swipeable portrait"),
+  carousel("carousel-tall", "Carousel (2:3)", 1080, 1620, "instagram swipe swipeable tall portrait"),
+  slides("slides-16-9", "Presentation (16:9)", 1920, 1080, "slides deck pitch widescreen"),
+  slides("slides-4-3", "Presentation (4:3)", 1024, 768, "slides deck pitch"),
+  slides("slides-mobile", "Presentation (Mobile)", 1080, 1920, "slides deck vertical"),
+  print("a4", "A4 Document", 210, 297, "mm", "paper document flyer"),
+  print("letter", "Flyer (US Letter)", 8.5, 11, "in", "paper document"),
+  print("a3", "A3 Poster", 297, 420, "mm", "paper"),
+  print("a2", "A2 Poster", 420, 594, "mm", "paper large"),
+  print("poster-18-24", "Poster", 18, 24, "in", "large"),
+  print("invitation", "Invitation", 5, 7, "in", "card wedding party"),
+  print("postcard", "Postcard", 6, 4, "in", "card landscape"),
+  card("business-card", "Business Card (US)", 3.5, 2, "in", "us standard"),
+  card("business-card-eu", "Business Card (EU)", 85, 55, "mm", "eu europe standard"),
+  card("business-card-90x55", "Business Card (AU / NZ)", 90, 55, "mm", "australia new zealand"),
+  card("business-card-90x50", "Business Card (Wide)", 90, 50, "mm", "wide slim"),
+  // The catalog's logos are 500 px squares (Canva's Logo), some 2000 px.
+  logo("logo", "Logo", 500, "brand mark icon emblem square"),
+  logo("logo-large", "Logo (Large)", 2e3, "brand mark icon emblem square high resolution"),
+  banner("banner-landscape", "Banner (Landscape)", 4800, 2400, "vinyl printed 72x36 6x3 ft event party wedding"),
+  banner("banner-portrait", "Banner (Portrait)", 2400, 4800, "vinyl printed 36x72 3x6 ft vertical"),
+  banner("linkedin-banner", "LinkedIn Banner", 1584, 396, "background cover header profile", "LinkedIn"),
+  banner("youtube-banner", "YouTube Banner", 2560, 1440, "channel art cover", "YouTube"),
+  banner("x-header", "X Header", 1500, 500, "twitter banner cover", "X"),
+  banner("facebook-cover", "Facebook Cover", 1640, 624, "banner header", "Facebook"),
+  banner("web-banner", "Web Banner", 728, 90, "ad display leaderboard", "Web"),
+  // Canva's brochures: Letter and A4 landscape, a few tabloid, each an Outside and an Inside.
+  brochure("brochure-letter", "Brochure (US Letter)", 11, 8.5, "in", "us landscape"),
+  brochure("brochure-a4", "Brochure (A4)", 297, 210, "mm", "a4 landscape"),
+  brochure("brochure-tabloid", "Brochure (Tabloid)", 17, 11, "in", "tabloid ledger large"),
+  stationery("letterhead-a4", "Letterhead (A4)", 210, 297, "mm", "letter paper a4 company"),
+  stationery("letterhead-letter", "Letterhead (US Letter)", 8.5, 11, "in", "letter paper us company"),
+  stationery("envelope-10", "Envelope (#10)", 9.5, 4.125, "in", "business us mail"),
+  stationery("envelope-dl", "Envelope (DL)", 220, 110, "mm", "business eu mail"),
+  // Canva's certificates are landscape Letter or A4; a diploma may stand.
+  print("certificate-letter", "Certificate (US Letter)", 11, 8.5, "in", "award diploma recognition", "certificate"),
+  print("certificate-a4", "Certificate (A4)", 297, 210, "mm", "award diploma recognition", "certificate"),
+  print("certificate-portrait", "Certificate (Portrait)", 210, 297, "mm", "award diploma a4 portrait", "certificate"),
+  print("worksheet-letter", "Worksheet (US Letter)", 8.5, 11, "in", "classroom lesson activity school", "worksheet"),
+  print("worksheet-a4", "Worksheet (A4)", 210, 297, "mm", "classroom lesson activity school", "worksheet"),
+  print("proposal-letter", "Proposal (US Letter)", 8.5, 11, "in", "business project quote document", "proposal"),
+  print("proposal-a4", "Proposal (A4)", 210, 297, "mm", "business project quote document", "proposal"),
+  print("newsletter-letter", "Newsletter (US Letter)", 8.5, 11, "in", "bulletin school church company", "newsletter"),
+  print("newsletter-a4", "Newsletter (A4)", 210, 297, "mm", "bulletin school church company", "newsletter"),
+  print("menu-letter", "Menu (US Letter)", 8.5, 11, "in", "restaurant cafe bar food drinks", "menu"),
+  print("menu-a4", "Menu (A4)", 210, 297, "mm", "restaurant cafe bar food drinks", "menu"),
+  print("menu-tabloid", "Menu (Tabloid)", 11, 17, "in", "restaurant cafe bar large", "menu"),
+  // Canva's infographic is a tall screen page, 800 x 2000 px.
+  {
+    id: "infographic",
+    label: "Infographic",
+    category: "infographic",
+    width: 800,
+    height: 2e3,
+    kind: "deck",
+    platform: "Infographic",
+    keywords: "timeline process statistics chart data how-to"
+  }
+];
+const POPULAR_SIZE_IDS = ["ig-post-portrait", "ig-story", "slides-16-9", "a4", "ig-post-square", "yt-thumb", "a2", "fb-post"];
+function sizesIn(category) {
+  return POPULAR_SIZE_IDS.map((id) => DESIGN_SIZES.find((s) => s.id === id));
+}
+function searchSizes(query) {
+  const q = query.trim().toLowerCase();
+  if (!q) return [];
+  return DESIGN_SIZES.filter((s) => `${s.label} ${s.category} ${s.platform} ${s.keywords}`.toLowerCase().includes(q));
+}
+const CONNECTOR_ASPECTS = [["1:1", 1], ["4:5", 4 / 5], ["2:3", 2 / 3], ["16:9", 16 / 9]];
+function snapAspect(width, height) {
+  const r = Math.log(width / height);
+  let best = CONNECTOR_ASPECTS[0];
+  for (const a of CONNECTOR_ASPECTS) if (Math.abs(r - Math.log(a[1])) < Math.abs(r - Math.log(best[1]))) best = a;
+  return best[0];
+}export{DESIGN_SIZES,MAX_PX,MIN_PX,POPULAR_SIZE_IDS,PRINT_DPI,PRINT_PLATFORM,fromPx,inRange,isPrintCategory,searchSizes,sizesIn,snapAspect,toMm,toPx};//# sourceMappingURL=sizes.js.map