@adminide-stack/yantra-mobile 12.0.128 → 12.0.129-alpha.1

package/lib/features/design/editor/FindReplacePanel.js

@@ -0,0 +1,93 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useMemo}from'react';import {View,TextInput,Text,StyleSheet}from'react-native';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {SPACE,TYPE,RADIUS}from'../../canvas/canvasUi.js';import {findMatches,replacementEdits,applyReplacements}from'../doc/findReplace.js';import {ToggleRow,ToolChip,PrimaryButton}from'./controls.js';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));
+function FindReplacePanel({
+  doc,
+  onReveal,
+  onReplace
+}) {
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const [query, setQuery] = useState("");
+  const [replacement, setReplacement] = useState("");
+  const [matchCase, setMatchCase] = useState(false);
+  const [wholeWord, setWholeWord] = useState(false);
+  const [at, setAt] = useState(0);
+  const matches = useMemo(() => findMatches(doc, query, {
+    matchCase,
+    wholeWord
+  }), [doc, query, matchCase, wholeWord]);
+  const current = matches.length ? matches[Math.min(at, matches.length - 1)] : null;
+  const step = (dir) => {
+    if (!matches.length) return;
+    const next = (Math.min(at, matches.length - 1) + dir + matches.length) % matches.length;
+    setAt(next);
+    onReveal(matches[next].pageId, matches[next].layerId);
+  };
+  const replace = (all) => {
+    const picked = all ? matches : current ? [current] : [];
+    const edits = replacementEdits(doc, picked, replacement);
+    if (!edits.length) return;
+    const changed = all ? picked.filter((m) => edits.some((e) => e.layerId === m.layerId)).length : 1;
+    onReplace(applyReplacements(doc, edits), changed);
+  };
+  const pageNo = current ? doc.pages.findIndex((p) => p.id === current.pageId) + 1 : 0;
+  return /* @__PURE__ */ jsxs(View, { style: styles.stack, children: [
+    /* @__PURE__ */ jsx(TextInput, { value: query, onChangeText: (t) => {
+      setQuery(t);
+      setAt(0);
+    }, placeholder: "Find", placeholderTextColor: theme.edInk3, autoCorrect: false, autoCapitalize: "none", style: styles.input, returnKeyType: "search", onSubmitEditing: () => step(1) }),
+    /* @__PURE__ */ jsx(TextInput, { value: replacement, onChangeText: setReplacement, placeholder: "Replace with", placeholderTextColor: theme.edInk3, autoCorrect: false, style: styles.input }),
+    /* @__PURE__ */ jsx(ToggleRow, { label: "Match case", value: matchCase, onChange: setMatchCase }),
+    /* @__PURE__ */ jsx(ToggleRow, { label: "Whole words only", value: wholeWord, onChange: setWholeWord }),
+    /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(Text, { style: styles.count, children: !query ? "Type to search every page." : matches.length ? `${Math.min(at, matches.length - 1) + 1} of ${matches.length}, page ${pageNo}` : "No matches" }),
+      /* @__PURE__ */ jsx(ToolChip, { icon: "chevron-up", label: "Previous", disabled: !matches.length, onPress: () => step(-1) }),
+      /* @__PURE__ */ jsx(ToolChip, { icon: "chevron-down", label: "Next", disabled: !matches.length, onPress: () => step(1) })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
+      /* @__PURE__ */ jsx(View, { style: styles.flex, children: /* @__PURE__ */ jsx(PrimaryButton, { label: "Replace", disabled: !current, onPress: () => replace(false) }) }),
+      /* @__PURE__ */ jsx(View, { style: styles.flex, children: /* @__PURE__ */ jsx(PrimaryButton, { label: matches.length > 1 ? `Replace all ${matches.length}` : "Replace all", disabled: !matches.length, onPress: () => replace(true) }) })
+    ] })
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  stack: {
+    gap: SPACE.sm
+  },
+  input: __spreadValues({
+    height: 42,
+    borderRadius: RADIUS.sm,
+    paddingHorizontal: SPACE.md,
+    backgroundColor: theme.edRaised,
+    color: theme.edInk
+  }, TYPE.body),
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: SPACE.sm
+  },
+  count: __spreadProps(__spreadValues({}, TYPE.caption), {
+    color: theme.edInk2,
+    flex: 1
+  }),
+  flex: {
+    flex: 1
+  }
+}));export{FindReplacePanel};//# sourceMappingURL=FindReplacePanel.js.map

package/lib/features/design/editor/FindReplacePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FindReplacePanel.js","sources":["../../../../src/features/design/editor/FindReplacePanel.tsx"],"sourcesContent":["/**\n * Find and replace (web FindReplacePanel): every text layer of the design,\n * match case and whole words, step through the matches page by page, replace\n * one or all. Locked text is found but never changed.\n */\nimport React, { useMemo, useState } from 'react';\nimport { StyleSheet, Text, TextInput, View } from 'react-native';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { RADIUS, SPACE, TYPE } from '../../canvas/canvasUi';\nimport { applyReplacements, findMatches, replacementEdits } from '../doc/findReplace';\nimport type { DesignDoc } from '../doc/types';\nimport { PrimaryButton, ToggleRow, ToolChip } from './controls';\n\nexport function FindReplacePanel({\n    doc,\n    onReveal,\n    onReplace,\n}: {\n    doc: DesignDoc;\n    /** Show a match: open its page and select its layer. */\n    onReveal: (pageId: string, layerId: string) => void;\n    /** The design with replacements made, as one undo step. */\n    onReplace: (next: DesignDoc, count: number) => void;\n}) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const [query, setQuery] = useState('');\n    const [replacement, setReplacement] = useState('');\n    const [matchCase, setMatchCase] = useState(false);\n    const [wholeWord, setWholeWord] = useState(false);\n    const [at, setAt] = useState(0);\n    const matches = useMemo(\n        () => findMatches(doc, query, { matchCase, wholeWord }),\n        [doc, query, matchCase, wholeWord],\n    );\n    const current = matches.length ? matches[Math.min(at, matches.length - 1)] : null;\n    const step = (dir: 1 | -1) => {\n        if (!matches.length) return;\n        const next = (Math.min(at, matches.length - 1) + dir + matches.length) % matches.length;\n        setAt(next);\n        onReveal(matches[next].pageId, matches[next].layerId);\n    };\n    const replace = (all: boolean) => {\n        const picked = all ? matches : current ? [current] : [];\n        const edits = replacementEdits(doc, picked, replacement);\n        if (!edits.length) return;\n        const changed = all ? picked.filter((m) => edits.some((e) => e.layerId === m.layerId)).length : 1;\n        onReplace(applyReplacements(doc, edits), changed);\n    };\n    const pageNo = current ? doc.pages.findIndex((p) => p.id === current.pageId) + 1 : 0;\n    return (\n        <View style={styles.stack}>\n            <TextInput\n                value={query}\n                onChangeText={(t) => {\n                    setQuery(t);\n                    setAt(0);\n                }}\n                placeholder=\"Find\"\n                placeholderTextColor={theme.edInk3}\n                autoCorrect={false}\n                autoCapitalize=\"none\"\n                style={styles.input}\n                returnKeyType=\"search\"\n                onSubmitEditing={() => step(1)}\n            />\n            <TextInput\n                value={replacement}\n                onChangeText={setReplacement}\n                placeholder=\"Replace with\"\n                placeholderTextColor={theme.edInk3}\n                autoCorrect={false}\n                style={styles.input}\n            />\n            <ToggleRow label=\"Match case\" value={matchCase} onChange={setMatchCase} />\n            <ToggleRow label=\"Whole words only\" value={wholeWord} onChange={setWholeWord} />\n            <View style={styles.row}>\n                <Text style={styles.count}>\n                    {!query\n                        ? 'Type to search every page.'\n                        : matches.length\n                          ? `${Math.min(at, matches.length - 1) + 1} of ${matches.length}, page ${pageNo}`\n                          : 'No matches'}\n                </Text>\n                <ToolChip icon=\"chevron-up\" label=\"Previous\" disabled={!matches.length} onPress={() => step(-1)} />\n                <ToolChip icon=\"chevron-down\" label=\"Next\" disabled={!matches.length} onPress={() => step(1)} />\n            </View>\n            <View style={styles.row}>\n                <View style={styles.flex}>\n                    <PrimaryButton label=\"Replace\" disabled={!current} onPress={() => replace(false)} />\n                </View>\n                <View style={styles.flex}>\n                    <PrimaryButton\n                        label={matches.length > 1 ? `Replace all ${matches.length}` : 'Replace all'}\n                        disabled={!matches.length}\n                        onPress={() => replace(true)}\n                    />\n                </View>\n            </View>\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        stack: { gap: SPACE.sm },\n        input: {\n            height: 42,\n            borderRadius: RADIUS.sm,\n            paddingHorizontal: SPACE.md,\n            backgroundColor: theme.edRaised,\n            color: theme.edInk,\n            ...TYPE.body,\n        },\n        row: { flexDirection: 'row', alignItems: 'center', gap: SPACE.sm },\n        count: { ...TYPE.caption, color: theme.edInk2, flex: 1 },\n        flex: { flex: 1 },\n    }),\n);\n"],"names":[],"mappings":"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"}

package/lib/features/design/editor/ImageTools.js

@@ -0,0 +1,188 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {View,Text,StyleSheet}from'react-native';import {useCanvasTheme,themedStyles}from'../../canvas/canvasTheme.js';import {Pressable,RADIUS,SPACE,TYPE}from'../../canvas/canvasUi.js';import {frameOf,FRAME_SHAPES}from'../doc/frames.js';import {IMAGE_FILTERS,cleanAdjust,DEFAULT_SHADOW}from'../doc/imageAdjust.js';import {scalePath}from'../doc/pathScale.js';import {getSvg,svgUsable,SvgBoundary}from'../render/svg.js';import {ToggleRow,ValueSlider,ColorPicker,PrimaryButton}from'./controls.js';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));
+function AdjustPanel({
+  layer,
+  patch
+}) {
+  var _a, _b;
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const a = (_a = layer.adjust) != null ? _a : {};
+  const set = (next, coalesce) => patch({
+    adjust: cleanAdjust(next)
+  }, coalesce);
+  const id = layer.id;
+  const pct = (v) => Math.round(((v != null ? v : 1) - 1) * 100);
+  return /* @__PURE__ */ jsxs(View, { style: styles.stack, children: [
+    /* @__PURE__ */ jsx(Text, { style: styles.heading, children: "Filters" }),
+    /* @__PURE__ */ jsxs(View, { style: styles.grid, children: [
+      /* @__PURE__ */ jsx(Pressable, { onPress: () => set(__spreadProps(__spreadValues({}, a), {
+        filter: void 0
+      })), style: [styles.tile, !a.filter && {
+        borderColor: theme.edAccent
+      }], accessibilityRole: "button", accessibilityState: {
+        selected: !a.filter
+      }, children: /* @__PURE__ */ jsx(Text, { style: styles.tileLabel, children: "None" }) }),
+      IMAGE_FILTERS.map((f) => {
+        var _a2;
+        const on = ((_a2 = a.filter) == null ? void 0 : _a2.id) === f.id;
+        return /* @__PURE__ */ jsx(Pressable, { onPress: () => {
+          var _a3, _b2;
+          return set(__spreadProps(__spreadValues({}, a), {
+            filter: {
+              id: f.id,
+              intensity: (_b2 = (_a3 = a.filter) == null ? void 0 : _a3.intensity) != null ? _b2 : 1
+            }
+          }));
+        }, style: [styles.tile, on && {
+          borderColor: theme.edAccent
+        }], accessibilityRole: "button", accessibilityState: {
+          selected: on
+        }, children: /* @__PURE__ */ jsx(Text, { style: styles.tileLabel, children: f.label }) }, f.id);
+      })
+    ] }),
+    a.filter ? /* @__PURE__ */ jsx(ValueSlider, { label: "Intensity", value: Math.round(a.filter.intensity * 100), min: 0, max: 100, format: (v) => `${Math.round(v)}%`, onChange: (v) => set(__spreadProps(__spreadValues({}, a), {
+      filter: __spreadProps(__spreadValues({}, a.filter), {
+        intensity: v / 100
+      })
+    }), `adjust:${id}`) }) : null,
+    /* @__PURE__ */ jsx(Text, { style: styles.heading, children: "Adjust" }),
+    /* @__PURE__ */ jsx(ValueSlider, { label: "Brightness", value: pct(a.brightness), min: -50, max: 50, onChange: (v) => set(__spreadProps(__spreadValues({}, a), {
+      brightness: 1 + v / 100
+    }), `adjust:${id}`) }),
+    /* @__PURE__ */ jsx(ValueSlider, { label: "Contrast", value: pct(a.contrast), min: -50, max: 50, onChange: (v) => set(__spreadProps(__spreadValues({}, a), {
+      contrast: 1 + v / 100
+    }), `adjust:${id}`) }),
+    /* @__PURE__ */ jsx(ValueSlider, { label: "Saturation", value: pct(a.saturation), min: -100, max: 100, onChange: (v) => set(__spreadProps(__spreadValues({}, a), {
+      saturation: 1 + v / 100
+    }), `adjust:${id}`) }),
+    /* @__PURE__ */ jsx(ValueSlider, { label: "Blur", value: Math.round(((_b = a.blurFrac) != null ? _b : 0) * 1e3), min: 0, max: 20, onChange: (v) => set(__spreadProps(__spreadValues({}, a), {
+      blurFrac: v / 1e3
+    }), `adjust:${id}`) }),
+    layer.adjust ? /* @__PURE__ */ jsx(PrimaryButton, { label: "Reset", onPress: () => patch({
+      adjust: void 0
+    }) }) : null
+  ] });
+}
+function ShadowPanel({
+  layer,
+  patch,
+  brand,
+  used
+}) {
+  const styles = makeStyles(useCanvasTheme());
+  const s = layer.shadow;
+  const set = (next, coalesce) => patch({
+    shadow: next
+  }, coalesce);
+  const id = layer.id;
+  return /* @__PURE__ */ jsxs(View, { style: styles.stack, children: [
+    /* @__PURE__ */ jsx(ToggleRow, { label: "Shadow", value: Boolean(s), onChange: (on) => patch({
+      shadow: on ? __spreadValues({}, DEFAULT_SHADOW) : void 0
+    }) }),
+    s ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(ValueSlider, { label: "Blur", value: Math.round(s.blurFrac * 1e3), min: 0, max: 80, onChange: (v) => set(__spreadProps(__spreadValues({}, s), {
+        blurFrac: v / 1e3
+      }), `shadow:${id}`) }),
+      /* @__PURE__ */ jsx(ValueSlider, { label: "Distance", value: Math.round(s.distFrac * 1e3), min: 0, max: 60, onChange: (v) => set(__spreadProps(__spreadValues({}, s), {
+        distFrac: v / 1e3
+      }), `shadow:${id}`) }),
+      /* @__PURE__ */ jsx(ValueSlider, { label: "Direction", value: s.angle, min: 0, max: 360, step: 5, format: (v) => `${Math.round(v)}\xB0`, onChange: (v) => set(__spreadProps(__spreadValues({}, s), {
+        angle: v
+      }), `shadow:${id}`) }),
+      /* @__PURE__ */ jsx(ValueSlider, { label: "Transparency", value: Math.round((1 - s.alpha) * 100), min: 0, max: 100, format: (v) => `${Math.round(v)}%`, onChange: (v) => set(__spreadProps(__spreadValues({}, s), {
+        alpha: 1 - v / 100
+      }), `shadow:${id}`) }),
+      /* @__PURE__ */ jsx(ColorPicker, { value: s.color, onChange: (c) => set(__spreadProps(__spreadValues({}, s), {
+        color: c
+      })), brand, used })
+    ] }) : null
+  ] });
+}
+function FrameGlyph({
+  d,
+  size,
+  color
+}) {
+  const svg = getSvg();
+  const box = /* @__PURE__ */ jsx(View, { style: {
+    width: size,
+    height: size,
+    borderRadius: 6,
+    backgroundColor: color
+  } });
+  if (!svg || !svgUsable()) return box;
+  return /* @__PURE__ */ jsx(SvgBoundary, { fallback: box, children: /* @__PURE__ */ jsx(svg.Svg, { width: size, height: size, children: /* @__PURE__ */ jsx(svg.Path, { d: scalePath(d, size, size), fill: color }) }) });
+}
+function FramesGrid({
+  current,
+  onPick
+}) {
+  var _a;
+  const theme = useCanvasTheme();
+  const styles = makeStyles(theme);
+  const on = (_a = frameOf(current)) == null ? void 0 : _a.id;
+  return /* @__PURE__ */ jsxs(View, { style: styles.grid, children: [
+    current ? /* @__PURE__ */ jsx(Pressable, { onPress: () => onPick(void 0), style: styles.frameTile, accessibilityRole: "button", accessibilityLabel: "No frame", children: /* @__PURE__ */ jsx(Text, { style: styles.tileLabel, children: "None" }) }) : null,
+    FRAME_SHAPES.map((f) => /* @__PURE__ */ jsx(Pressable, { onPress: () => onPick(f.d), style: [styles.frameTile, on === f.id && {
+      borderColor: theme.edAccent
+    }], accessibilityRole: "button", accessibilityLabel: `${f.label} frame`, accessibilityState: {
+      selected: on === f.id
+    }, children: /* @__PURE__ */ jsx(FrameGlyph, { d: f.d, size: 34, color: theme.edInk2 }) }, f.id))
+  ] });
+}
+const makeStyles = themedStyles((theme) => StyleSheet.create({
+  stack: {
+    gap: SPACE.sm
+  },
+  heading: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.edInk2,
+    marginTop: SPACE.xs
+  }),
+  grid: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: SPACE.xs
+  },
+  tile: {
+    minWidth: 72,
+    height: 40,
+    paddingHorizontal: SPACE.sm,
+    borderRadius: RADIUS.md,
+    borderWidth: 2,
+    borderColor: theme.edLine,
+    backgroundColor: theme.edRaised,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  tileLabel: __spreadProps(__spreadValues({}, TYPE.label), {
+    color: theme.edInk
+  }),
+  frameTile: {
+    width: 56,
+    height: 56,
+    borderRadius: RADIUS.md,
+    borderWidth: 2,
+    borderColor: "transparent",
+    backgroundColor: theme.edRaised,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+}));export{AdjustPanel,FrameGlyph,FramesGrid,ShadowPanel};//# sourceMappingURL=ImageTools.js.map

package/lib/features/design/editor/ImageTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageTools.js","sources":["../../../../src/features/design/editor/ImageTools.tsx"],"sourcesContent":["/**\n * Picture tools (web Inspector's image tabs): Filters and Adjust\n * (utils/imageEffects.ts), Shadow, and Frames. Every change is a field on the\n * image layer, drawn the same way by the canvas and every export.\n */\nimport React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { themedStyles, useCanvasTheme, type CanvasPalette } from '../../canvas/canvasTheme';\nimport { Pressable, RADIUS, SPACE, TYPE } from '../../canvas/canvasUi';\nimport { FRAME_SHAPES, frameOf } from '../doc/frames';\nimport { DEFAULT_SHADOW, IMAGE_FILTERS, cleanAdjust } from '../doc/imageAdjust';\nimport { scalePath } from '../doc/pathScale';\nimport type { EditorLayer, ImageAdjust, ImageLayer, LayerShadow } from '../doc/types';\nimport { SvgBoundary, getSvg, svgUsable } from '../render/svg';\nimport { ColorPicker, PrimaryButton, ToggleRow, ValueSlider } from './controls';\n\ntype Patch = (p: Partial<EditorLayer>, coalesce?: string) => void;\n\nexport function AdjustPanel({ layer, patch }: { layer: ImageLayer; patch: Patch }) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const a = layer.adjust ?? {};\n    const set = (next: ImageAdjust, coalesce?: string) => patch({ adjust: cleanAdjust(next) }, coalesce);\n    const id = layer.id;\n    const pct = (v: number | undefined) => Math.round(((v ?? 1) - 1) * 100);\n    return (\n        <View style={styles.stack}>\n            <Text style={styles.heading}>Filters</Text>\n            <View style={styles.grid}>\n                <Pressable\n                    onPress={() => set({ ...a, filter: undefined })}\n                    style={[styles.tile, !a.filter && { borderColor: theme.edAccent }]}\n                    accessibilityRole=\"button\"\n                    accessibilityState={{ selected: !a.filter }}\n                >\n                    <Text style={styles.tileLabel}>None</Text>\n                </Pressable>\n                {IMAGE_FILTERS.map((f) => {\n                    const on = a.filter?.id === f.id;\n                    return (\n                        <Pressable\n                            key={f.id}\n                            onPress={() => set({ ...a, filter: { id: f.id, intensity: a.filter?.intensity ?? 1 } })}\n                            style={[styles.tile, on && { borderColor: theme.edAccent }]}\n                            accessibilityRole=\"button\"\n                            accessibilityState={{ selected: on }}\n                        >\n                            <Text style={styles.tileLabel}>{f.label}</Text>\n                        </Pressable>\n                    );\n                })}\n            </View>\n            {a.filter ? (\n                <ValueSlider\n                    label=\"Intensity\"\n                    value={Math.round(a.filter.intensity * 100)}\n                    min={0}\n                    max={100}\n                    format={(v) => `${Math.round(v)}%`}\n                    onChange={(v) => set({ ...a, filter: { ...a.filter!, intensity: v / 100 } }, `adjust:${id}`)}\n                />\n            ) : null}\n            <Text style={styles.heading}>Adjust</Text>\n            <ValueSlider\n                label=\"Brightness\"\n                value={pct(a.brightness)}\n                min={-50}\n                max={50}\n                onChange={(v) => set({ ...a, brightness: 1 + v / 100 }, `adjust:${id}`)}\n            />\n            <ValueSlider\n                label=\"Contrast\"\n                value={pct(a.contrast)}\n                min={-50}\n                max={50}\n                onChange={(v) => set({ ...a, contrast: 1 + v / 100 }, `adjust:${id}`)}\n            />\n            <ValueSlider\n                label=\"Saturation\"\n                value={pct(a.saturation)}\n                min={-100}\n                max={100}\n                onChange={(v) => set({ ...a, saturation: 1 + v / 100 }, `adjust:${id}`)}\n            />\n            <ValueSlider\n                label=\"Blur\"\n                value={Math.round((a.blurFrac ?? 0) * 1000)}\n                min={0}\n                max={20}\n                onChange={(v) => set({ ...a, blurFrac: v / 1000 }, `adjust:${id}`)}\n            />\n            {layer.adjust ? <PrimaryButton label=\"Reset\" onPress={() => patch({ adjust: undefined })} /> : null}\n        </View>\n    );\n}\n\nexport function ShadowPanel({\n    layer,\n    patch,\n    brand,\n    used,\n}: {\n    layer: EditorLayer;\n    patch: Patch;\n    brand: string[];\n    used: string[];\n}) {\n    const styles = makeStyles(useCanvasTheme());\n    const s = layer.shadow;\n    const set = (next: LayerShadow, coalesce?: string) => patch({ shadow: next }, coalesce);\n    const id = layer.id;\n    return (\n        <View style={styles.stack}>\n            <ToggleRow\n                label=\"Shadow\"\n                value={Boolean(s)}\n                onChange={(on) => patch({ shadow: on ? { ...DEFAULT_SHADOW } : undefined })}\n            />\n            {s ? (\n                <>\n                    <ValueSlider\n                        label=\"Blur\"\n                        value={Math.round(s.blurFrac * 1000)}\n                        min={0}\n                        max={80}\n                        onChange={(v) => set({ ...s, blurFrac: v / 1000 }, `shadow:${id}`)}\n                    />\n                    <ValueSlider\n                        label=\"Distance\"\n                        value={Math.round(s.distFrac * 1000)}\n                        min={0}\n                        max={60}\n                        onChange={(v) => set({ ...s, distFrac: v / 1000 }, `shadow:${id}`)}\n                    />\n                    <ValueSlider\n                        label=\"Direction\"\n                        value={s.angle}\n                        min={0}\n                        max={360}\n                        step={5}\n                        format={(v) => `${Math.round(v)}°`}\n                        onChange={(v) => set({ ...s, angle: v }, `shadow:${id}`)}\n                    />\n                    <ValueSlider\n                        label=\"Transparency\"\n                        value={Math.round((1 - s.alpha) * 100)}\n                        min={0}\n                        max={100}\n                        format={(v) => `${Math.round(v)}%`}\n                        onChange={(v) => set({ ...s, alpha: 1 - v / 100 }, `shadow:${id}`)}\n                    />\n                    <ColorPicker value={s.color} onChange={(c) => set({ ...s, color: c })} brand={brand} used={used} />\n                </>\n            ) : null}\n        </View>\n    );\n}\n\n/** A frame outline as a small filled glyph. */\nexport function FrameGlyph({ d, size, color }: { d: string; size: number; color: string }) {\n    const svg = getSvg();\n    const box = <View style={{ width: size, height: size, borderRadius: 6, backgroundColor: color }} />;\n    if (!svg || !svgUsable()) return box;\n    return (\n        <SvgBoundary fallback={box}>\n            <svg.Svg width={size} height={size}>\n                <svg.Path d={scalePath(d, size, size)} fill={color} />\n            </svg.Svg>\n        </SvgBoundary>\n    );\n}\n\n/** Canva's frames: a tap puts the picture (or an empty frame) inside the outline. */\nexport function FramesGrid({ current, onPick }: { current?: string; onPick: (d: string | undefined) => void }) {\n    const theme = useCanvasTheme();\n    const styles = makeStyles(theme);\n    const on = frameOf(current)?.id;\n    return (\n        <View style={styles.grid}>\n            {current ? (\n                <Pressable\n                    onPress={() => onPick(undefined)}\n                    style={styles.frameTile}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel=\"No frame\"\n                >\n                    <Text style={styles.tileLabel}>None</Text>\n                </Pressable>\n            ) : null}\n            {FRAME_SHAPES.map((f) => (\n                <Pressable\n                    key={f.id}\n                    onPress={() => onPick(f.d)}\n                    style={[styles.frameTile, on === f.id && { borderColor: theme.edAccent }]}\n                    accessibilityRole=\"button\"\n                    accessibilityLabel={`${f.label} frame`}\n                    accessibilityState={{ selected: on === f.id }}\n                >\n                    <FrameGlyph d={f.d} size={34} color={theme.edInk2} />\n                </Pressable>\n            ))}\n        </View>\n    );\n}\n\nconst makeStyles = themedStyles((theme: CanvasPalette) =>\n    StyleSheet.create({\n        stack: { gap: SPACE.sm },\n        heading: { ...TYPE.label, color: theme.edInk2, marginTop: SPACE.xs },\n        grid: { flexDirection: 'row', flexWrap: 'wrap', gap: SPACE.xs },\n        tile: {\n            minWidth: 72,\n            height: 40,\n            paddingHorizontal: SPACE.sm,\n            borderRadius: RADIUS.md,\n            borderWidth: 2,\n            borderColor: theme.edLine,\n            backgroundColor: theme.edRaised,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n        tileLabel: { ...TYPE.label, color: theme.edInk },\n        frameTile: {\n            width: 56,\n            height: 56,\n            borderRadius: RADIUS.md,\n            borderWidth: 2,\n            borderColor: 'transparent',\n            backgroundColor: theme.edRaised,\n            alignItems: 'center',\n            justifyContent: 'center',\n        },\n    }),\n);\n"],"names":["_a","_b"],"mappings":"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"}